@sapudex/web-components 0.192.4 → 0.224.0

package/dist/SideNavigationMobile.js

@@ -29,7 +29,7 @@ import SideNavigationMobileDropdownCss from "./generated/themes/SideNavigationMo
  * For the <code>udex-side-navigation-mobile</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/SideNavigation.js";</code>
+ * <code>import "@sapudex/web-components/dist/SideNavigation.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/SideNavigationMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationMobile.js","sourceRoot":"","sources":["../src/SideNavigationMobile.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExSideNavigation from \"./SideNavigation.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport SideNavigationMobileTemplate from \"./generated/templates/SideNavigationMobileTemplate.lit.js\";\nimport SideNavigationMobileDropdownTemplate from \"./generated/templates/SideNavigationMobileDropdownTemplate.lit.js\";\nimport UDExSideNavigationItem from \"./SideNavigationItem.js\";\nimport UDExSideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport UDExSideNavigationGroup from \"./SideNavigationGroup.js\";\n\n// Styles\nimport SideNavigationMobileCss from \"./generated/themes/SideNavigationMobile.css.js\";\nimport SideNavigationMobileDropdownCss from \"./generated/themes/SideNavigationMobileDropdown.css.js\";\n\ntype SelectedItem = UDExSideNavigationItem | UDExSideNavigationSubItem | null;\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-side-navigation-mobile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/SideNavigation.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-side-navigation-mobile\",\n  renderer: litRender,\n  template: SideNavigationMobileTemplate,\n  styles: SideNavigationMobileCss,\n  staticAreaTemplate: SideNavigationMobileDropdownTemplate,\n  staticAreaStyles: [SideNavigationMobileCss, SideNavigationMobileDropdownCss],\n  dependencies: [UDExSideNavigation, UDExDropdown, Icon],\n})\n\nclass UDExSideNavigationMobile extends UI5Element {\n  /**\n   * Indicates if dropdown is opened\n   *\n   * @default false\n   * @private\n   */\n  @property({ noAttribute: true, type: Boolean })\n    _dropdownOpened!: boolean;\n\n  /**\n   * Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\n   * for the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\n   * inside the items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n    navItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n\n  /**\n   * Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\n   * for the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n   *\n   * **Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, invalidateOnChildChange: true })\n    fixedItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n\n  /**\n   * Indicates selected item element\n   *\n   * @default false\n   * @private\n   */\n  @property({ noAttribute: true, type: Object })\n    _selectedItem!: SelectedItem;\n\n  _navItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n  _initialized = false;\n  _dropdown!: UDExDropdown;\n\n  /**\n   * Getter for the interactive element that opens the dropdown\n   * @private\n   */\n  get _dropdownTrigger() {\n    return this.shadowRoot!.querySelector<HTMLElement>(\".udex-side-navigation-mobile__trigger\")!;\n  }\n\n  async _getResponsePopover() {\n    const staticAreaItem = await this.getStaticAreaItemDomRef();\n    return staticAreaItem!.querySelector<UDExDropdown>(`[udex-dropdown]`)!;\n  }\n\n  _afterDropdownOpen() {\n    this._dropdownOpened = true;\n  }\n\n  _afterDropdownClose() {\n    this._dropdownOpened = false;\n  }\n\n  async handleTriggerClick() {\n    this._dropdown = await this._getResponsePopover();\n    if (this._dropdown?.open) {\n      this._dropdown.onClose();\n    } else {\n      this._dropdown.onOpen(this._dropdownTrigger);\n    }\n  }\n\n  async handleKeydown(event: KeyboardEvent) {\n    if ((event.key === \"Enter\" || event.key === \" \")) {\n      await this.handleTriggerClick();\n    }\n  }\n\n  async _handleSelectionChanged(event: {detail: { item: UDExSideNavigationItem | UDExSideNavigationSubItem }}) {\n    this._dropdown = await this._getResponsePopover();\n    this._dropdown.onClose();\n    this._selectedItem = event.detail.item;\n  }\n\n  getSelectedItem() {\n    const items = this._navItems.reduce((result, item) => {\n      return (result).concat(item.allItems as UDExSideNavigationSubItem[]);\n    }, new Array<UDExSideNavigationItem | UDExSideNavigationSubItem>());\n    return items.find(item => item._selected);\n  }\n\n  onBeforeRendering() {\n    if (!this._initialized) {\n      const items = this.getSlottedNodes<UDExSideNavigationItem | UDExSideNavigationGroup>(\"navItems\");\n      const fixedItems = this.getSlottedNodes<UDExSideNavigationItem | UDExSideNavigationGroup>(\"fixedItems\");\n      this._navItems = items.concat(fixedItems);\n      this._selectedItem = this.getSelectedItem() || null;\n    }\n    this._initialized = true;\n  }\n\n  async onAfterRendering() {\n    this._dropdown = await this._getResponsePopover();\n  }\n}\n\nUDExSideNavigationMobile.define();\n\nexport default UDExSideNavigationMobile;\n"]}
+{"version":3,"file":"SideNavigationMobile.js","sourceRoot":"","sources":["../src/SideNavigationMobile.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExSideNavigation from \"./SideNavigation.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\n\nimport SideNavigationMobileTemplate from \"./generated/templates/SideNavigationMobileTemplate.lit.js\";\nimport SideNavigationMobileDropdownTemplate from \"./generated/templates/SideNavigationMobileDropdownTemplate.lit.js\";\nimport UDExSideNavigationItem from \"./SideNavigationItem.js\";\nimport UDExSideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport UDExSideNavigationGroup from \"./SideNavigationGroup.js\";\n\n// Styles\nimport SideNavigationMobileCss from \"./generated/themes/SideNavigationMobile.css.js\";\nimport SideNavigationMobileDropdownCss from \"./generated/themes/SideNavigationMobileDropdown.css.js\";\n\ntype SelectedItem = UDExSideNavigationItem | UDExSideNavigationSubItem | null;\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-side-navigation-mobile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-side-navigation-mobile\",\n  renderer: litRender,\n  template: SideNavigationMobileTemplate,\n  styles: SideNavigationMobileCss,\n  staticAreaTemplate: SideNavigationMobileDropdownTemplate,\n  staticAreaStyles: [SideNavigationMobileCss, SideNavigationMobileDropdownCss],\n  dependencies: [UDExSideNavigation, UDExDropdown, Icon],\n})\n\nclass UDExSideNavigationMobile extends UI5Element {\n  /**\n   * Indicates if dropdown is opened\n   *\n   * @default false\n   * @private\n   */\n  @property({ noAttribute: true, type: Boolean })\n    _dropdownOpened!: boolean;\n\n  /**\n   * Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\n   * for the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\n   * inside the items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n    navItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n\n  /**\n   * Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\n   * for the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n   *\n   * **Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, invalidateOnChildChange: true })\n    fixedItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n\n  /**\n   * Indicates selected item element\n   *\n   * @default false\n   * @private\n   */\n  @property({ noAttribute: true, type: Object })\n    _selectedItem!: SelectedItem;\n\n  _navItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;\n  _initialized = false;\n  _dropdown!: UDExDropdown;\n\n  /**\n   * Getter for the interactive element that opens the dropdown\n   * @private\n   */\n  get _dropdownTrigger() {\n    return this.shadowRoot!.querySelector<HTMLElement>(\".udex-side-navigation-mobile__trigger\")!;\n  }\n\n  async _getResponsePopover() {\n    const staticAreaItem = await this.getStaticAreaItemDomRef();\n    return staticAreaItem!.querySelector<UDExDropdown>(`[udex-dropdown]`)!;\n  }\n\n  _afterDropdownOpen() {\n    this._dropdownOpened = true;\n  }\n\n  _afterDropdownClose() {\n    this._dropdownOpened = false;\n  }\n\n  async handleTriggerClick() {\n    this._dropdown = await this._getResponsePopover();\n    if (this._dropdown?.open) {\n      this._dropdown.onClose();\n    } else {\n      this._dropdown.onOpen(this._dropdownTrigger);\n    }\n  }\n\n  async handleKeydown(event: KeyboardEvent) {\n    if ((event.key === \"Enter\" || event.key === \" \")) {\n      await this.handleTriggerClick();\n    }\n  }\n\n  async _handleSelectionChanged(event: {detail: { item: UDExSideNavigationItem | UDExSideNavigationSubItem }}) {\n    this._dropdown = await this._getResponsePopover();\n    this._dropdown.onClose();\n    this._selectedItem = event.detail.item;\n  }\n\n  getSelectedItem() {\n    const items = this._navItems.reduce((result, item) => {\n      return (result).concat(item.allItems as UDExSideNavigationSubItem[]);\n    }, new Array<UDExSideNavigationItem | UDExSideNavigationSubItem>());\n    return items.find(item => item._selected);\n  }\n\n  onBeforeRendering() {\n    if (!this._initialized) {\n      const items = this.getSlottedNodes<UDExSideNavigationItem | UDExSideNavigationGroup>(\"navItems\");\n      const fixedItems = this.getSlottedNodes<UDExSideNavigationItem | UDExSideNavigationGroup>(\"fixedItems\");\n      this._navItems = items.concat(fixedItems);\n      this._selectedItem = this.getSelectedItem() || null;\n    }\n    this._initialized = true;\n  }\n\n  async onAfterRendering() {\n    this._dropdown = await this._getResponsePopover();\n  }\n}\n\nUDExSideNavigationMobile.define();\n\nexport default UDExSideNavigationMobile;\n"]}

package/dist/SideNavigationSubItem.d.ts

@@ -10,7 +10,7 @@ import SideNavigationSubItem from "@ui5/webcomponents-fiori/dist/SideNavigationS
  * For the <code>udex-side-navigation-sub-item</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/SideNavigationSubItem.js";</code>
+ * <code>import "@sapudex/web-components/dist/SideNavigationSubItem.js";</code>
  *
  * @constructor
  * @extends SideNavigationSubItem

package/dist/SideNavigationSubItem.js

@@ -20,7 +20,7 @@ import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.c
  * For the <code>udex-side-navigation-sub-item</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/SideNavigationSubItem.js";</code>
+ * <code>import "@sapudex/web-components/dist/SideNavigationSubItem.js";</code>
  *
  * @constructor
  * @extends SideNavigationSubItem

package/dist/SideNavigationSubItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAE3F,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,qBAAqB;CAAG,CAAA;AAA1D,yBAAyB;IAN9B,aAAa,CAAC;QACb,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,EAAE,wBAAwB,CAAC;KACjE,CAAC;GAEI,yBAAyB,CAAiC;AAEhE,yBAAyB,CAAC,MAAM,EAAE,CAAC;AAEnC,eAAe,yBAAyB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport SideNavigationSubItem from \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\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-side-navigation-sub-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/SideNavigationSubItem.js\";</code>\n *\n * @constructor\n * @extends SideNavigationSubItem\n * @public\n */\n@customElement({\n  tag: \"udex-side-navigation-sub-item\",\n  renderer: litRender,\n  styles: [SideNavigationSubItem.styles, SideNavigationSubItemCss],\n})\n\nclass UDExSideNavigationSubItem extends SideNavigationSubItem {}\n\nUDExSideNavigationSubItem.define();\n\nexport default UDExSideNavigationSubItem;\n"]}
+{"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,qBAAqB,MAAM,wDAAwD,CAAC;AAE3F,SAAS;AACT,OAAO,wBAAwB,MAAM,iDAAiD,CAAC;AAEvF;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,qBAAqB;CAAG,CAAA;AAA1D,yBAAyB;IAN9B,aAAa,CAAC;QACb,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,qBAAqB,CAAC,MAAM,EAAE,wBAAwB,CAAC;KACjE,CAAC;GAEI,yBAAyB,CAAiC;AAEhE,yBAAyB,CAAC,MAAM,EAAE,CAAC;AAEnC,eAAe,yBAAyB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport SideNavigationSubItem from \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";\n\n// Styles\nimport SideNavigationSubItemCss from \"./generated/themes/SideNavigationSubItem.css.js\";\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-side-navigation-sub-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/SideNavigationSubItem.js\";</code>\n *\n * @constructor\n * @extends SideNavigationSubItem\n * @public\n */\n@customElement({\n  tag: \"udex-side-navigation-sub-item\",\n  renderer: litRender,\n  styles: [SideNavigationSubItem.styles, SideNavigationSubItemCss],\n})\n\nclass UDExSideNavigationSubItem extends SideNavigationSubItem {}\n\nUDExSideNavigationSubItem.define();\n\nexport default UDExSideNavigationSubItem;\n"]}

package/dist/Slider.d.ts

@@ -10,7 +10,7 @@ import Slider from "@ui5/webcomponents/dist/Slider.js";
  * For the <code>udex-slider</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Slider.js";</code>
+ * <code>import "@sapudex/web-components/dist/Slider.js";</code>
  *
  * @constructor
  * @extends Slider

package/dist/Slider.js

@@ -22,7 +22,7 @@ import SliderCss from "./generated/themes/Slider.css.js";
  * For the <code>udex-slider</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Slider.js";</code>
+ * <code>import "@sapudex/web-components/dist/Slider.js";</code>
  *
  * @constructor
  * @extends Slider

package/dist/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,MAAM;IAC7B,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;CACF,CAAA;AANK,UAAU;IALf,aAAa,CAAC;QACb,GAAG,EAAE,aAAa;QAClB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC;KACvC,CAAC;GACI,UAAU,CAMf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Slider from \"@ui5/webcomponents/dist/Slider.js\";\nimport SliderBase from \"@ui5/webcomponents/dist/SliderBase.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\n// Styles\nimport SliderCss from \"./generated/themes/Slider.css.js\";\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-slider</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Slider.js\";</code>\n *\n * @constructor\n * @extends Slider\n * @public\n */\n@customElement({\n  tag: \"udex-slider\",\n  renderer: litRender,\n  styles: [SliderBase.styles, SliderCss],\n})\nclass UDExSlider extends Slider {\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n}\n\nUDExSlider.define();\n\nexport default UDExSlider;\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/Slider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,SAAS;AACT,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAMH,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,MAAM;IAC7B,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;CACF,CAAA;AANK,UAAU;IALf,aAAa,CAAC;QACb,GAAG,EAAE,aAAa;QAClB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC;KACvC,CAAC;GACI,UAAU,CAMf;AAED,UAAU,CAAC,MAAM,EAAE,CAAC;AAEpB,eAAe,UAAU,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Slider from \"@ui5/webcomponents/dist/Slider.js\";\nimport SliderBase from \"@ui5/webcomponents/dist/SliderBase.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\n// Styles\nimport SliderCss from \"./generated/themes/Slider.css.js\";\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-slider</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Slider.js\";</code>\n *\n * @constructor\n * @extends Slider\n * @public\n */\n@customElement({\n  tag: \"udex-slider\",\n  renderer: litRender,\n  styles: [SliderBase.styles, SliderCss],\n})\nclass UDExSlider extends Slider {\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n}\n\nUDExSlider.define();\n\nexport default UDExSlider;\n"]}

package/dist/StatusBadge.d.ts

@@ -30,7 +30,7 @@ export declare enum BadgeSize {
  * For the <code>udex-status-badge</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StatusBadge.js";</code>
+ * <code>import "@sapudex/web-components/dist/StatusBadge.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/StatusBadge.js

@@ -47,7 +47,7 @@ export var BadgeSize;
  * For the <code>udex-status-badge</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StatusBadge.js";</code>
+ * <code>import "@sapudex/web-components/dist/StatusBadge.js";</code>
  *
  * @constructor
  * @extends UI5Element
@@ -55,7 +55,7 @@ export var BadgeSize;
  */
 let UDExStatusBadge = UDExStatusBadge_1 = class UDExStatusBadge extends UI5Element {
     static async onDefine() {
-        UDExStatusBadge_1.i18nBundle = await getI18nBundle("@udex/web-components");
+        UDExStatusBadge_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
     }
     get iconFieldName() {
         if (!IconMapping[this.valueState]) {

package/dist/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../src/StatusBadge.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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  STATUS_BADGE_TEXT,\n  STATUS_BADGE_EDIT_TITLE,\n  STATUS_BADGE_INFORMATION_TITLE,\n  STATUS_BADGE_ERROR_TITLE,\n  STATUS_BADGE_SUCCESS_TITLE,\n  STATUS_BADGE_WARNING_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport StatusBadgeTemplate from \"./generated/templates/StatusBadgeTemplate.lit.js\";\n\n// Styles\nimport StatusBadgeCss from \"./generated/themes/StatusBadge.css.js\";\n\nexport enum IconMapping {\n  Success = \"sys-enter-2\",\n  Error = \"error\",\n  Warning = \"alert\",\n  Edit = \"edit\",\n  Information = \"information\",\n}\n\nexport enum BadgeSize {\n  XS = \"XS\",\n  S = \"S\",\n  M = \"M\",\n  L = \"L\",\n  XL = \"XL\",\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-status-badge</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/StatusBadge.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-status-badge\",\n  renderer: litRender,\n  styles: StatusBadgeCss,\n  template: StatusBadgeTemplate,\n  dependencies: [Icon],\n})\nclass UDExStatusBadge extends UI5Element {\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Information\"\n   * @public\n   */\n  @property({ type: IconMapping, defaultValue: IconMapping.Information })\n    valueState!: \"Information\" | \"Warning\" | \"Error\" | \"Success\" | \"Edit\";\n\n  /**\n   * Defines predefined size of the component.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property({ type: BadgeSize, defaultValue: BadgeSize.S })\n    size!: `${BadgeSize}`;\n\n  /**\n   * Defines the text alternative of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExStatusBadge.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  get iconFieldName(): string {\n    if (!IconMapping[this.valueState]) {\n      return IconMapping.Information;\n    }\n    return IconMapping[this.valueState];\n  }\n\n  get badgeAccessibleName(): string {\n    return `${this.accessibleName ? this.accessibleName : UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_TEXT)}`;\n  }\n\n  get ariaTitle() {\n    switch (IconMapping[this.valueState]) {\n    case IconMapping.Edit:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_EDIT_TITLE);\n    case IconMapping.Information:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_INFORMATION_TITLE);\n    case IconMapping.Success:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_SUCCESS_TITLE);\n    case IconMapping.Error:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_ERROR_TITLE);\n    case IconMapping.Warning:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_WARNING_TITLE);\n    }\n  }\n}\n\nUDExStatusBadge.define();\n\nexport default UDExStatusBadge;\n"]}
+{"version":3,"file":"StatusBadge.js","sourceRoot":"","sources":["../src/StatusBadge.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAChD,OAAO,8CAA8C,CAAC;AACtD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,8CAA8C,CAAC;AACtD,OAAmB,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,8BAA8B,EAC9B,wBAAwB,EACxB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,mCAAmC,CAAC;AAE3C,OAAO,mBAAmB,MAAM,kDAAkD,CAAC;AAEnF,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE,MAAM,CAAN,IAAY,WAMX;AAND,WAAY,WAAW;IACrB,sCAAuB,CAAA;IACvB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,0CAA2B,CAAA;AAC7B,CAAC,EANW,WAAW,KAAX,WAAW,QAMtB;AAED,MAAM,CAAN,IAAY,SAMX;AAND,WAAY,SAAS;IACnB,sBAAS,CAAA;IACT,oBAAO,CAAA;IACP,oBAAO,CAAA;IACP,oBAAO,CAAA;IACP,sBAAS,CAAA;AACX,CAAC,EANW,SAAS,KAAT,SAAS,QAMpB;AAED;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,eAAe,uBAArB,MAAM,eAAgB,SAAQ,UAAU;IA8BtC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,iBAAe,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC9E,CAAC;IAED,IAAI,aAAa;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACjC,OAAO,WAAW,CAAC,WAAW,CAAC;SAChC;QACD,OAAO,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAChH,CAAC;IAED,IAAI,SAAS;QACX,QAAQ,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACtC,KAAK,WAAW,CAAC,IAAI;gBACnB,OAAO,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC;YACrE,KAAK,WAAW,CAAC,WAAW;gBAC1B,OAAO,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,8BAA8B,CAAC,CAAC;YAC5E,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;YACxE,KAAK,WAAW,CAAC,KAAK;gBACpB,OAAO,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;YACtE,KAAK,WAAW,CAAC,OAAO;gBACtB,OAAO,iBAAe,CAAC,UAAU,CAAC,OAAO,CAAC,0BAA0B,CAAC,CAAC;SACvE;IACH,CAAC;CACF,CAAA;AAnDG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC;mDACC;AAStE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC;6CACjC;AAStB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;uDACnB;AA1BtB,eAAe;IAPpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,mBAAmB;QAC7B,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GACI,eAAe,CA2DpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  STATUS_BADGE_TEXT,\n  STATUS_BADGE_EDIT_TITLE,\n  STATUS_BADGE_INFORMATION_TITLE,\n  STATUS_BADGE_ERROR_TITLE,\n  STATUS_BADGE_SUCCESS_TITLE,\n  STATUS_BADGE_WARNING_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport StatusBadgeTemplate from \"./generated/templates/StatusBadgeTemplate.lit.js\";\n\n// Styles\nimport StatusBadgeCss from \"./generated/themes/StatusBadge.css.js\";\n\nexport enum IconMapping {\n  Success = \"sys-enter-2\",\n  Error = \"error\",\n  Warning = \"alert\",\n  Edit = \"edit\",\n  Information = \"information\",\n}\n\nexport enum BadgeSize {\n  XS = \"XS\",\n  S = \"S\",\n  M = \"M\",\n  L = \"L\",\n  XL = \"XL\",\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-status-badge</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/StatusBadge.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-status-badge\",\n  renderer: litRender,\n  styles: StatusBadgeCss,\n  template: StatusBadgeTemplate,\n  dependencies: [Icon],\n})\nclass UDExStatusBadge extends UI5Element {\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Information\"\n   * @public\n   */\n  @property({ type: IconMapping, defaultValue: IconMapping.Information })\n    valueState!: \"Information\" | \"Warning\" | \"Error\" | \"Success\" | \"Edit\";\n\n  /**\n   * Defines predefined size of the component.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property({ type: BadgeSize, defaultValue: BadgeSize.S })\n    size!: `${BadgeSize}`;\n\n  /**\n   * Defines the text alternative of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExStatusBadge.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  get iconFieldName(): string {\n    if (!IconMapping[this.valueState]) {\n      return IconMapping.Information;\n    }\n    return IconMapping[this.valueState];\n  }\n\n  get badgeAccessibleName(): string {\n    return `${this.accessibleName ? this.accessibleName : UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_TEXT)}`;\n  }\n\n  get ariaTitle() {\n    switch (IconMapping[this.valueState]) {\n    case IconMapping.Edit:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_EDIT_TITLE);\n    case IconMapping.Information:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_INFORMATION_TITLE);\n    case IconMapping.Success:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_SUCCESS_TITLE);\n    case IconMapping.Error:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_ERROR_TITLE);\n    case IconMapping.Warning:\n      return UDExStatusBadge.i18nBundle.getText(STATUS_BADGE_WARNING_TITLE);\n    }\n  }\n}\n\nUDExStatusBadge.define();\n\nexport default UDExStatusBadge;\n"]}

package/dist/StatusMessage.d.ts

@@ -18,7 +18,7 @@ export declare enum IconMapping {
  * For the <code>udex-status-message</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StatusMessage.js";</code>
+ * <code>import "@sapudex/web-components/dist/StatusMessage.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/StatusMessage.js

@@ -33,7 +33,7 @@ export var IconMapping;
  * For the <code>udex-status-message</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StatusMessage.js";</code>
+ * <code>import "@sapudex/web-components/dist/StatusMessage.js";</code>
  *
  * @constructor
  * @extends UI5Element

package/dist/StatusMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../src/StatusMessage.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAEhD,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,SAAS;AACT,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,iCAAkB,CAAA;IAClB,8BAAe,CAAA;IACf,gCAAiB,CAAA;AACnB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAoCxC,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,EAAE;YAC3C,OAAO,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAA;AAlCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACD;AASxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;kEACJ;AAS3C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACP;AAQlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;qDACG;AAlCxD,iBAAiB;IAPtB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GACI,iBAAiB,CA0CtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport ValueState from \"./types/common.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport StatusMessageTemplate from \"./generated/templates/StatusMessageTemplate.lit.js\";\n\n// Styles\nimport StatusMessageCss from \"./generated/themes/StatusMessage.css.js\";\n\nexport enum IconMapping {\n  Success = \"accept\",\n  Error = \"error\",\n  Warning = \"alert\",\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-status-message</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/StatusMessage.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-status-message\",\n  renderer: litRender,\n  styles: StatusMessageCss,\n  template: StatusMessageTemplate,\n  dependencies: [Icon],\n})\nclass UDExStatusMessage extends UI5Element {\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines supporting text alignment. It aligns only Standard state text.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"left\" })\n    supportingTextAlignment!: \"Left\" | \"Right\";\n\n  /**\n   * Defines if component should have disabled styles.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    disabled!: string;\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: \"Standard\" })\n    valueState!: \"Standard\" | \"Warning\" | \"Error\" | \"Success\";\n\n  get iconFieldName(): string {\n    if (this.valueState !== ValueState.Standard) {\n      return IconMapping[this.valueState];\n    }\n    return \"\";\n  }\n}\n\nUDExStatusMessage.define();\n\nexport default UDExStatusMessage;\n"]}
+{"version":3,"file":"StatusMessage.js","sourceRoot":"","sources":["../src/StatusMessage.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAC3C,OAAO,yCAAyC,CAAC;AACjD,OAAO,wCAAwC,CAAC;AAChD,OAAO,wCAAwC,CAAC;AAEhD,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AAEvF,SAAS;AACT,OAAO,gBAAgB,MAAM,yCAAyC,CAAC;AAEvE,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,iCAAkB,CAAA;IAClB,8BAAe,CAAA;IACf,gCAAiB,CAAA;AACnB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IAoCxC,IAAI,aAAa;QACf,IAAI,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,EAAE;YAC3C,OAAO,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAA;AAlCG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACD;AASxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;kEACJ;AAS3C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACP;AAQlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC;qDACG;AAlCxD,iBAAiB;IAPtB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,gBAAgB;QACxB,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GACI,iBAAiB,CA0CtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport ValueState from \"./types/common.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\n\nimport StatusMessageTemplate from \"./generated/templates/StatusMessageTemplate.lit.js\";\n\n// Styles\nimport StatusMessageCss from \"./generated/themes/StatusMessage.css.js\";\n\nexport enum IconMapping {\n  Success = \"accept\",\n  Error = \"error\",\n  Warning = \"alert\",\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-status-message</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/StatusMessage.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-status-message\",\n  renderer: litRender,\n  styles: StatusMessageCss,\n  template: StatusMessageTemplate,\n  dependencies: [Icon],\n})\nclass UDExStatusMessage extends UI5Element {\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines supporting text alignment. It aligns only Standard state text.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"left\" })\n    supportingTextAlignment!: \"Left\" | \"Right\";\n\n  /**\n   * Defines if component should have disabled styles.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    disabled!: string;\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: \"Standard\" })\n    valueState!: \"Standard\" | \"Warning\" | \"Error\" | \"Success\";\n\n  get iconFieldName(): string {\n    if (this.valueState !== ValueState.Standard) {\n      return IconMapping[this.valueState];\n    }\n    return \"\";\n  }\n}\n\nUDExStatusMessage.define();\n\nexport default UDExStatusMessage;\n"]}

package/dist/StepInput.d.ts

@@ -19,7 +19,7 @@ export type StepInputValueStateChangeEventDetail = {
  * For the <code>udex-step-input</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StepInput.js";</code>
+ * <code>import "@sapudex/web-components/dist/StepInput.js";</code>
  *
  * @constructor
  * @extends UI5Element
@@ -130,7 +130,6 @@ declare class UDExStepInput extends UI5Element {
     _spinStarted: boolean;
     _initialValueState?: `${ValueState}`;
     static i18nBundle: I18nBundle;
-    _keyDownHandlerBound: (e: KeyboardEvent) => void;
     static onDefine(): Promise<void>;
     constructor();
     get decIconTitle(): string;
@@ -163,7 +162,7 @@ declare class UDExStepInput extends UI5Element {
     _incValue(e: CustomEvent): void;
     _decValue(e: CustomEvent): void;
     _onInputChange(): void;
-    _onkeydown(e: KeyboardEvent): void;
+    _onkeydown(e: CustomEvent<KeyboardEvent>): void;
     _decSpin(): void;
     _incSpin(): void;
     /**
@@ -186,6 +185,5 @@ declare class UDExStepInput extends UI5Element {
      */
     _resetSpinOut(): void;
     onEnterDOM(): void;
-    onExitDOM(): void;
 }
 export default UDExStepInput;

package/dist/StepInput.js

@@ -40,7 +40,7 @@ const INITIAL_SPEED = 120; // milliseconds
  * For the <code>udex-step-input</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/StepInput.js";</code>
+ * <code>import "@sapudex/web-components/dist/StepInput.js";</code>
  *
  * @constructor
  * @extends UI5Element
@@ -48,11 +48,10 @@ const INITIAL_SPEED = 120; // milliseconds
  */
 let UDExStepInput = UDExStepInput_1 = class UDExStepInput extends UI5Element {
     static async onDefine() {
-        UDExStepInput_1.i18nBundle = await getI18nBundle("@udex/web-components");
+        UDExStepInput_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
     }
     constructor() {
         super();
-        this._keyDownHandlerBound = this._onkeydown.bind(this);
     }
     get decIconTitle() {
         return [
@@ -115,7 +114,7 @@ let UDExStepInput = UDExStepInput_1 = class UDExStepInput extends UI5Element {
     _updateValueState() {
         const valid = !((this.min !== undefined && this.value < this.min) || (this.max !== undefined && this.value > this.max));
         const previousValueState = this.valueState;
-        this.valueState = valid ? ValueState.Standard : ValueState.Error;
+        this.valueState = valid ? this._initialValueState : ValueState.Error;
         const eventPrevented = !this.fireEvent("value-state-change", { valueState: this.valueState, valid }, true);
         if (eventPrevented) {
             this.valueState = previousValueState;
@@ -197,36 +196,37 @@ let UDExStepInput = UDExStepInput_1 = class UDExStepInput extends UI5Element {
         }
     }
     _onkeydown(e) {
+        const { detail: keyboardEvent } = e;
         let preventDefault = true;
         if (this.disabled || this.readonly) {
             return;
         }
-        if (isEnter(e)) {
+        if (isEnter(keyboardEvent)) {
             this._onInputChange();
             return;
         }
-        if (isUp(e)) {
+        if (isUp(keyboardEvent)) {
             // step up
             this._modifyValue(this.step);
         }
-        else if (isDown(e)) {
+        else if (isDown(keyboardEvent)) {
             // step down
             this._modifyValue(-this.step);
         }
-        else if (isEscape(e)) {
+        else if (isEscape(keyboardEvent)) {
             // return previous value
             this.value = this._previousValue;
             this.input.value = this.value.toFixed(this.valuePrecision);
         }
-        else if (this.max !== undefined && (isPageUpShift(e) || isUpShiftCtrl(e))) {
+        else if (this.max !== undefined && (isPageUpShift(keyboardEvent) || isUpShiftCtrl(keyboardEvent))) {
             // step to max
             this._modifyValue(this.max - this.value, true);
         }
-        else if (this.min !== undefined && (isPageDownShift(e) || isDownShiftCtrl(e))) {
+        else if (this.min !== undefined && (isPageDownShift(keyboardEvent) || isDownShiftCtrl(keyboardEvent))) {
             // step to min
             this._modifyValue(this.min - this.value, true);
         }
-        else if (!isUpCtrl(e) && !isDownCtrl(e) && !isUpShift(e) && !isDownShift(e)) {
+        else if (!isUpCtrl(keyboardEvent) && !isDownCtrl(keyboardEvent) && !isUpShift(keyboardEvent) && !isDownShift(keyboardEvent)) {
             preventDefault = false;
         }
         if (preventDefault) {
@@ -312,10 +312,6 @@ let UDExStepInput = UDExStepInput_1 = class UDExStepInput extends UI5Element {
         this._initialValue = Math.min(Math.max(this.value, this.min ?? 0), this.max ?? Infinity);
         this.value = this._initialValue;
         this._previousValue = this.value;
-        this.input.addEventListener("keydown", this._keyDownHandlerBound);
-    }
-    onExitDOM() {
-        this.input.removeEventListener("keydown", this._keyDownHandlerBound);
     }
 };
 __decorate([

package/dist/StepInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepInput.js","sourceRoot":"","sources":["../src/StepInput.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,KAAK,MAAM,6CAA6C,CAAC;AAChE,OAAO,OAAO,MAAM,+CAA+C,CAAC;AAEpE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,eAAe,EACf,OAAO,EACP,QAAQ,EACR,eAAe,EACf,aAAa,EACb,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,GACd,MAAM,sCAAsC,CAAC;AAC9C,OAAmB,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AACvF,OAAO,EAAE,wBAAwB,EAAE,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AACvG,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,iBAAiB,MAAM,gDAAgD,CAAC;AAE/E,SAAS;AACT,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AAEnD,iBAAiB;AACjB,MAAM,oBAAoB,GAAG,GAAG,CAAC,CAAC,eAAe;AACjD,MAAM,YAAY,GAAG,GAAG,CAAC;AACzB,MAAM,gBAAgB,GAAG,EAAE,CAAC,CAAC,eAAe;AAC5C,MAAM,aAAa,GAAG,GAAG,CAAC,CAAC,eAAe;AAO1C;;;;;;;;;;;;;;;;GAgBG;AAuCH,IAAM,aAAa,qBAAnB,MAAM,aAAc,SAAQ,UAAU;IAkKpC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,eAAa,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACzE,CAAC;IAED;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,YAAY;QACd,OAAO;YACL,eAAa,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACvD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IAED,IAAI,YAAY;QACd,OAAO;YACL,eAAa,CAAC,UAAU,CAAC,OAAO,CAAC,wBAAwB,CAAC;YAC1D,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACvD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACd,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjE,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC;IACjE,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACjD,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,UAAW,CAAC,aAAa,CAAC,OAAO,CAAE,CAAC;IAC7D,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,mBAAmB,CAAE,CAAC;IAC9D,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,EAAE;YACtC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC;SAClC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,eAAe;QACb,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC;QACzE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC;IAC3E,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,uBAAuB;QACrB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,kBAAkB,KAAK,SAAS,EAAE;YACzC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC;SAC3C;QAED,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,iBAAiB;QACf,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACxH,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC;QAE3C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC;QAEjE,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,SAAS,CAAuC,oBAAoB,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,CAAC;QAEjJ,IAAI,cAAc,EAAE;YAClB,IAAI,CAAC,UAAU,GAAG,kBAAkB,CAAC;SACtC;IACH,CAAC;IAED,mBAAmB,CAAC,KAAa;QAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YAC3B,OAAO,CAAC,CAAC;SACV;QACD,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,SAAS,GAAG,CAAC,CAAC;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,QAAQ,KAAK,KAAK,EAAE;YAAE,QAAQ,IAAI,EAAE,CAAC;YAAC,SAAS,EAAE,CAAC;SAAE;QAC1F,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,aAAa,CAAC,KAAa;QACzB,MAAM,GAAG,GAAG,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;IACvC,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,cAAc,KAAK,IAAI,CAAC,KAAK,EAAE;YACtC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC;YACjC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SACjD;IACH,CAAC;IAED;;;;;;OAMG;IACH,YAAY,CAAC,QAAgB,EAAE,eAAe,GAAG,KAAK;QACpD,IAAI,KAAK,CAAC;QACV,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QAC9B,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;YAC9C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;SAClB;QACD,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;YAC9C,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;SAClB;QACD,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,eAAe,EAAE;gBACnB,IAAI,CAAC,gBAAgB,EAAE,CAAC;aACzB;SACF;IACH,CAAC;IAED,SAAS,CAAC,CAAc;QACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE;YACzC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACnC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC;SAClC;IACH,CAAC;IAED,SAAS,CAAC,CAAc;QACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE;YACzC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACpC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC;SAClC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC5E,MAAM,wBAAwB,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;YACjF,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC,wCAAwC;YACzG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,wBAAwB,CAAC,CAAC,wCAAwC;SACtF;QACD,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;QACpE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,KAAK,KAAK,UAAU,EAAE;YACnE,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC;YACxB,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;IACH,CAAC;IAED,UAAU,CAAC,CAAgB;QACzB,IAAI,cAAc,GAAG,IAAI,CAAC;QAC1B,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClC,OAAO;SACR;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACd,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;SACR;QAED,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE;YACX,UAAU;YACV,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC9B;aAAM,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;YACpB,YAAY;YACZ,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/B;aAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE;YACtB,wBAAwB;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;SAC5D;aAAM,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE;YAC3E,cAAc;YACd,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAChD;aAAM,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE;YAC/E,cAAc;YACd,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SAChD;aAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;YAC7E,cAAc,GAAG,KAAK,CAAC;SACxB;QACD,IAAI,cAAc,EAAE;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC7B,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YAC1B,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;IACH,CAAC;IAED;;OAEG;IACH,gBAAgB;QACd,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC;QAC5B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC;QAClI,OAAO,IAAI,CAAC,YAAY,CAAC;IAC3B,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,SAAkB,EAAE,cAAc,GAAG,KAAK;QACnD,IAAI,cAAc,EAAE;YAClB,IAAI,CAAC,YAAY,GAAG,oBAAoB,CAAC;YACzC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;YAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;QACD,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,GAAG,EAAE;YACpC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBACtD,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,IAAI,CAAC,CAAC,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,SAAS,CAAC,EAAE;oBACnF,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;iBAC5B;qBAAM;oBACL,IAAI,CAAC,UAAU,EAAE,CAAC;oBAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;iBACzB;aACF;QACH,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC9B,CAAC;IAED;;OAEG;IACH,UAAU;QACR,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;QAC1B,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACjC,CAAC;IAED;;OAEG;IACH,aAAa;QACX,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,IAAI,CAAC,uBAAuB,EAAE,CAAC;SAChC;IACH,CAAC;IAED,UAAU;QACR,4DAA4D;QAC5D,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;YAC3E,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;YACtB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC;YACpB,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC;SACjB;QAED,qGAAqG;QACrG,sFAAsF;QACtF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,CAC5B,IAAI,CAAC,cAAc,IAAI,CAAC,EACxB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,EACnC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EACvC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EACvC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,CACrC,CAAC;QAEF,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;QAEzF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;QAEhC,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACpE,CAAC;IAED,SAAS;QACP,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;IACvE,CAAC;CACF,CAAA;AAldG;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;4CAC/B;AAQf;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;0CAChB;AAQb;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;0CAChB;AAQb;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;2CAChC;AAQd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,QAAQ,EAAE,CAAC;iDACnC;AAQ7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACP;AAQnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACP;AAQnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+CACP;AAYnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACJ;AAQtB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC;qDACxB;AASxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;4CAC5B;AASf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;qDACnB;AAQxB;IADD,QAAQ,EAAE;qDACe;AAQxB;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;wDACF;AAG3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;2CACtD;AAGd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;uDAClB;AAG3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;uDAClB;AAG3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDACrB;AAGxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDACrB;AAGxB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;oDACzB;AAGvB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;qDACxB;AAGxB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;mDAC1B;AAGtB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;6CAChC;AAGhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;+CAC1B;AAGnB;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;qDACzB;AAGzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;mDACtB;AAGvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;yDACX;AA5JnC,aAAa;IAtClB,aAAa,CAAC;QACb,GAAG,EAAE,iBAAiB;QACtB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,YAAY;QACpB,QAAQ,EAAE,iBAAiB;QAC3B,YAAY,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,iBAAiB,CAAC;KACvD,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,QAAQ,CAAC;IAChB;;;;;;;;OAQG;;IACF,KAAK,CAAuC,oBAAoB,EAAE;QACjE,MAAM,EAAE;YACN;;eAEG;YACH,UAAU,EAAE;gBACV,IAAI,EAAE,MAAM;aACb;YACD;;eAEG;YACH,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;aACd;SACF;KACF,CAAC;GACI,aAAa,CAydlB;AAED,aAAa,CAAC,MAAM,EAAE,CAAC;AAEvB,eAAe,aAAa,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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Float from \"@ui5/webcomponents-base/dist/types/Float.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { Timeout } from \"@ui5/webcomponents-base/dist/types.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/less.js\";\nimport \"@ui5/webcomponents-icons/dist/add.js\";\nimport {\n  isDown,\n  isDownCtrl,\n  isDownShift,\n  isDownShiftCtrl,\n  isEnter,\n  isEscape,\n  isPageDownShift,\n  isPageUpShift,\n  isUp,\n  isUpCtrl,\n  isUpShift,\n  isUpShiftCtrl,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { STEPINPUT_DEC_ICON_TITLE, STEPINPUT_INC_ICON_TITLE } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExTextField from \"./TextField.js\";\nimport ValueState from \"./types/common.js\";\n\nimport StepInputTemplate from \"./generated/templates/StepInputTemplate.lit.js\";\n\n// Styles\nimport StepInputCss from \"./generated/themes/StepInput.css.js\";\nimport UDExControlButton from \"./ControlButton.js\";\n\n// Spin variables\nconst INITIAL_WAIT_TIMEOUT = 500; // milliseconds\nconst ACCELERATION = 0.8;\nconst MIN_WAIT_TIMEOUT = 50; // milliseconds\nconst INITIAL_SPEED = 120; // milliseconds\n\nexport type StepInputValueStateChangeEventDetail = {\n  valueState: `${ValueState}`,\n  valid: boolean,\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-step-input</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/StepInput.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-step-input\",\n  renderer: litRender,\n  styles: StepInputCss,\n  template: StepInputTemplate,\n  dependencies: [Icon, UDExTextField, UDExControlButton],\n})\n\n/**\n * Fired when the input operation has finished by pressing Enter or on focusout.\n * @public\n */\n@event(\"change\")\n/**\n * Fired before the value state of the component is updated internally.\n * The event is preventable, meaning that if it's default action is\n * prevented, the component will not update the value state.\n * @allowPreventDefault\n * @public\n * @param {string} valueState The new `valueState` that will be set.\n * @param {boolean} valid Indicator if the value is in between the min and max value.\n */\n@event<StepInputValueStateChangeEventDetail>(\"value-state-change\", {\n  detail: {\n    /**\n     * @public\n     */\n    valueState: {\n      type: String,\n    },\n    /**\n     * @public\n     */\n    valid: {\n      type: Boolean,\n    },\n  },\n})\nclass UDExStepInput extends UI5Element {\n  /**\n   * Defines a value of the component.\n   * @default 0\n   * @public\n   */\n  @property({ validator: Float, defaultValue: 0 })\n    value!: number;\n\n  /**\n   * Defines a minimum value of the component.\n   * @default undefined\n   * @public\n   */\n  @property({ validator: Float })\n    min?: number;\n\n  /**\n   * Defines a maximum value of the component.\n   * @default undefined\n   * @public\n   */\n  @property({ validator: Float })\n    max?: number;\n\n  /**\n   * Defines a step of increasing/decreasing the value of the component.\n   * @default 1\n   * @public\n   */\n  @property({ validator: Float, defaultValue: 1 })\n    step!: number;\n\n  /**\n   * Defines the value state of the component.\n   * @default \"None\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: ValueState.Standard })\n    valueState!: `${ValueState}`;\n\n  /**\n   * Defines whether the component is required.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Determines whether the component is displayed as disabled.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Determines the number of digits after the decimal point of the component.\n   * @default 0\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    valuePrecision!: number;\n\n  /**\n   * Defines label text for the input field.\n   *\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    supportingText!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  @property({ type: String, noAttribute: true, defaultValue: \"Number\" })\n    type!: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _decIconDisabled!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    _incIconDisabled!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    incIconActive!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    decIconActive!: boolean;\n\n  @property({ validator: Float, noAttribute: true })\n    _initialValue!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _previousValue!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _waitTimeout!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _speed!: number;\n\n  @property({ type: Boolean, noAttribute: true })\n    _btnDown!: boolean;\n\n  @property({ validator: Integer, noAttribute: true })\n    _spinTimeoutId!: Timeout;\n\n  @property({ type: Boolean, noAttribute: true })\n    _spinStarted!: boolean;\n\n  @property({ type: ValueState, noAttribute: true })\n    _initialValueState?: `${ValueState}`;\n\n  static i18nBundle: I18nBundle;\n\n  _keyDownHandlerBound: (e: KeyboardEvent) => void;\n\n  static async onDefine() {\n    UDExStepInput.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._keyDownHandlerBound = this._onkeydown.bind(this);\n  }\n\n  get decIconTitle() {\n    return [\n      UDExStepInput.i18nBundle.getText(STEPINPUT_DEC_ICON_TITLE),\n      this.step.toFixed(this._getNumberPrecision(this.step)),\n    ].join(\" \");\n  }\n\n  get incIconTitle() {\n    return [\n      UDExStepInput.i18nBundle.getText(STEPINPUT_INC_ICON_TITLE),\n      this.step.toFixed(this._getNumberPrecision(this.step)),\n    ].join(\" \");\n  }\n\n  get _decIconInactive() {\n    return this._decIconDisabled || this.readonly || this.disabled;\n  }\n\n  get _incIconInactive() {\n    return this._incIconDisabled || this.readonly || this.disabled;\n  }\n\n  get _valuePrecisioned() {\n    return this.value.toFixed(this.valuePrecision);\n  }\n\n  onBeforeRendering() {\n    this._setButtonState();\n  }\n\n  get input() {\n    return this.inputOuter.shadowRoot!.querySelector(\"input\")!;\n  }\n\n  get inputOuter() {\n    return this.shadowRoot!.querySelector(\"[udex-text-field]\")!;\n  }\n\n  _onInputFocusIn() {\n    if (this.value !== this._previousValue) {\n      this._previousValue = this.value;\n    }\n  }\n\n  _onInputFocusOut() {\n    this._onInputChange();\n  }\n\n  _setButtonState() {\n    this._decIconDisabled = this.min !== undefined && this.value <= this.min;\n    this._incIconDisabled = this.max !== undefined && this.value >= this.max;\n  }\n\n  setIncButtonActiveState() {\n    this.incIconActive = true;\n  }\n\n  setDecButtonActiveState() {\n    this.decIconActive = true;\n  }\n\n  unsetButtonsActiveState() {\n    this.decIconActive = false;\n    this.incIconActive = false;\n  }\n\n  _validate() {\n    if (this._initialValueState === undefined) {\n      this._initialValueState = this.valueState;\n    }\n\n    this._updateValueState();\n  }\n\n  _updateValueState() {\n    const valid = !((this.min !== undefined && this.value < this.min) || (this.max !== undefined && this.value > this.max));\n    const previousValueState = this.valueState;\n\n    this.valueState = valid ? ValueState.Standard : ValueState.Error;\n\n    const eventPrevented = !this.fireEvent<StepInputValueStateChangeEventDetail>(\"value-state-change\", { valueState: this.valueState, valid }, true);\n\n    if (eventPrevented) {\n      this.valueState = previousValueState;\n    }\n  }\n\n  _getNumberPrecision(value: number) {\n    if (!Number.isFinite(value)) {\n      return 0;\n    }\n    let exponent = 1;\n    let precision = 0;\n    while (Math.round(value * exponent) / exponent !== value) { exponent *= 10; precision++; }\n    return precision;\n  }\n\n  _preciseValue(value: number) {\n    const pow = 10 ** this.valuePrecision;\n    return Math.round(value * pow) / pow;\n  }\n\n  _fireChangeEvent() {\n    if (this._previousValue !== this.value) {\n      this._previousValue = this.value;\n      this.fireEvent(\"change\", { value: this.value });\n    }\n  }\n\n  /**\n   * Value modifier - modifies the value of the component, validates the new value and enables/disables increment and\n   * decrement buttons according to the value and min/max values (if set). Fires `change` event when requested\n   * @private\n   * @param modifier modifies the value of the component with the given modifier (positive or negative)\n   * @param fireChangeEvent if `true`, fires `change` event when the value is changed\n   */\n  _modifyValue(modifier: number, fireChangeEvent = false) {\n    let value;\n    this.value = this._preciseValue(parseFloat(this.input.value));\n    value = this.value + modifier;\n    if (this.min !== undefined && value < this.min) {\n      value = this.min;\n    }\n    if (this.max !== undefined && value > this.max) {\n      value = this.max;\n    }\n    value = this._preciseValue(value);\n    if (value !== this.value) {\n      this.value = value;\n      this._validate();\n      this._setButtonState();\n      if (fireChangeEvent) {\n        this._fireChangeEvent();\n      }\n    }\n  }\n\n  _incValue(e: CustomEvent) {\n    if (!this._incIconInactive && e.isTrusted) {\n      this._modifyValue(this.step, true);\n      this._previousValue = this.value;\n    }\n  }\n\n  _decValue(e: CustomEvent) {\n    if (!this._decIconInactive && e.isTrusted) {\n      this._modifyValue(-this.step, true);\n      this._previousValue = this.value;\n    }\n  }\n\n  _onInputChange() {\n    if (Number.isNaN(Number(this.input.value)) || this.input.value.trim() === \"\") {\n      const fallbackValuePrecisioned = this._initialValue.toFixed(this.valuePrecision);\n      this.inputOuter.setAttribute(\"value\", fallbackValuePrecisioned); // necessary for correct label rendering\n      this.input.value = fallbackValuePrecisioned; // necessary for correct value rendering\n    }\n    const inputValue = this._preciseValue(parseFloat(this.input.value));\n    if (this.value !== this._previousValue || this.value !== inputValue) {\n      this.value = inputValue;\n      this._validate();\n      this._setButtonState();\n      this._fireChangeEvent();\n    }\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    let preventDefault = true;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (isEnter(e)) {\n      this._onInputChange();\n      return;\n    }\n\n    if (isUp(e)) {\n      // step up\n      this._modifyValue(this.step);\n    } else if (isDown(e)) {\n      // step down\n      this._modifyValue(-this.step);\n    } else if (isEscape(e)) {\n      // return previous value\n      this.value = this._previousValue;\n      this.input.value = this.value.toFixed(this.valuePrecision);\n    } else if (this.max !== undefined && (isPageUpShift(e) || isUpShiftCtrl(e))) {\n      // step to max\n      this._modifyValue(this.max - this.value, true);\n    } else if (this.min !== undefined && (isPageDownShift(e) || isDownShiftCtrl(e))) {\n      // step to min\n      this._modifyValue(this.min - this.value, true);\n    } else if (!isUpCtrl(e) && !isDownCtrl(e) && !isUpShift(e) && !isDownShift(e)) {\n      preventDefault = false;\n    }\n    if (preventDefault) {\n      e.preventDefault();\n    }\n  }\n\n  _decSpin() {\n    if (!this._decIconDisabled) {\n      this._spinValue(false, true);\n      this.setDecButtonActiveState();\n    }\n  }\n\n  _incSpin() {\n    if (!this._incIconDisabled) {\n      this._spinValue(true, true);\n      this.setIncButtonActiveState();\n    }\n  }\n\n  /**\n   * Calculates the time which should be waited until _spinValue function is called.\n   */\n  _calcWaitTimeout() {\n    this._speed *= ACCELERATION;\n    this._waitTimeout = ((this._waitTimeout - this._speed) < MIN_WAIT_TIMEOUT ? MIN_WAIT_TIMEOUT : (this._waitTimeout - this._speed));\n    return this._waitTimeout;\n  }\n\n  /**\n   * Called when the increment or decrement button is pressed and held to set new value.\n   * @private\n   * @param increment - is this the increment button or not so the values should be spin accordingly up or down\n   * @param resetVariables - whether to reset the spin-related variables or not\n   */\n  _spinValue(increment: boolean, resetVariables = false) {\n    if (resetVariables) {\n      this._waitTimeout = INITIAL_WAIT_TIMEOUT;\n      this._speed = INITIAL_SPEED;\n      this._btnDown = true;\n    }\n    this._spinTimeoutId = setTimeout(() => {\n      if (this._btnDown) {\n        this._spinStarted = true;\n        this._modifyValue(increment ? this.step : -this.step);\n        this._setButtonState();\n        if ((!this._incIconDisabled && increment) || (!this._decIconDisabled && !increment)) {\n          this._spinValue(increment);\n        } else {\n          this._resetSpin();\n          this._fireChangeEvent();\n        }\n      }\n    }, this._calcWaitTimeout());\n  }\n\n  /**\n   * Resets spin process\n   */\n  _resetSpin() {\n    clearTimeout(this._spinTimeoutId);\n    this._btnDown = false;\n    this._spinStarted = false;\n    this.unsetButtonsActiveState();\n  }\n\n  /**\n   * Resets spin process when mouse outs + or - buttons\n   */\n  _resetSpinOut() {\n    if (this._btnDown) {\n      this._resetSpin();\n      this._fireChangeEvent();\n      this.unsetButtonsActiveState();\n    }\n  }\n\n  onEnterDOM(): void {\n    // swap values if the min value is larger than the max value\n    if (this.min !== undefined && this.max !== undefined && this.min > this.max) {\n      const temp = this.min;\n      this.min = this.max;\n      this.max = temp;\n    }\n\n    // detect necessarry value precision as the highest presicion of the step, min, max and initial value\n    // the valuePrecision attribute can be used to increase precision, but not to lower it\n    this.valuePrecision = Math.max(\n      this.valuePrecision ?? 0,\n      this._getNumberPrecision(this.step),\n      this._getNumberPrecision(this.min ?? 0),\n      this._getNumberPrecision(this.max ?? 0),\n      this._getNumberPrecision(this.value),\n    );\n\n    this._initialValue = Math.min(Math.max(this.value, this.min ?? 0), this.max ?? Infinity);\n\n    this.value = this._initialValue;\n\n    this._previousValue = this.value;\n\n    this.input.addEventListener(\"keydown\", this._keyDownHandlerBound);\n  }\n\n  onExitDOM(): void {\n    this.input.removeEventListener(\"keydown\", this._keyDownHandlerBound);\n  }\n}\n\nUDExStepInput.define();\n\nexport default UDExStepInput;\n"]}
+{"version":3,"file":"StepInput.js","sourceRoot":"","sources":["../src/StepInput.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Float from \"@ui5/webcomponents-base/dist/types/Float.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { Timeout } from \"@ui5/webcomponents-base/dist/types.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/less.js\";\nimport \"@ui5/webcomponents-icons/dist/add.js\";\nimport {\n  isDown,\n  isDownCtrl,\n  isDownShift,\n  isDownShiftCtrl,\n  isEnter,\n  isEscape,\n  isPageDownShift,\n  isPageUpShift,\n  isUp,\n  isUpCtrl,\n  isUpShift,\n  isUpShiftCtrl,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { STEPINPUT_DEC_ICON_TITLE, STEPINPUT_INC_ICON_TITLE } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExTextField from \"./TextField.js\";\nimport ValueState from \"./types/common.js\";\n\nimport StepInputTemplate from \"./generated/templates/StepInputTemplate.lit.js\";\n\n// Styles\nimport StepInputCss from \"./generated/themes/StepInput.css.js\";\nimport UDExControlButton from \"./ControlButton.js\";\n\n// Spin variables\nconst INITIAL_WAIT_TIMEOUT = 500; // milliseconds\nconst ACCELERATION = 0.8;\nconst MIN_WAIT_TIMEOUT = 50; // milliseconds\nconst INITIAL_SPEED = 120; // milliseconds\n\nexport type StepInputValueStateChangeEventDetail = {\n  valueState: `${ValueState}`,\n  valid: boolean,\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-step-input</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/StepInput.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-step-input\",\n  renderer: litRender,\n  styles: StepInputCss,\n  template: StepInputTemplate,\n  dependencies: [Icon, UDExTextField, UDExControlButton],\n})\n\n/**\n * Fired when the input operation has finished by pressing Enter or on focusout.\n * @public\n */\n@event(\"change\")\n/**\n * Fired before the value state of the component is updated internally.\n * The event is preventable, meaning that if it's default action is\n * prevented, the component will not update the value state.\n * @allowPreventDefault\n * @public\n * @param {string} valueState The new `valueState` that will be set.\n * @param {boolean} valid Indicator if the value is in between the min and max value.\n */\n@event<StepInputValueStateChangeEventDetail>(\"value-state-change\", {\n  detail: {\n    /**\n     * @public\n     */\n    valueState: {\n      type: String,\n    },\n    /**\n     * @public\n     */\n    valid: {\n      type: Boolean,\n    },\n  },\n})\nclass UDExStepInput extends UI5Element {\n  /**\n   * Defines a value of the component.\n   * @default 0\n   * @public\n   */\n  @property({ validator: Float, defaultValue: 0 })\n    value!: number;\n\n  /**\n   * Defines a minimum value of the component.\n   * @default undefined\n   * @public\n   */\n  @property({ validator: Float })\n    min?: number;\n\n  /**\n   * Defines a maximum value of the component.\n   * @default undefined\n   * @public\n   */\n  @property({ validator: Float })\n    max?: number;\n\n  /**\n   * Defines a step of increasing/decreasing the value of the component.\n   * @default 1\n   * @public\n   */\n  @property({ validator: Float, defaultValue: 1 })\n    step!: number;\n\n  /**\n   * Defines the value state of the component.\n   * @default \"None\"\n   * @public\n   */\n  @property({ type: ValueState, defaultValue: ValueState.Standard })\n    valueState!: `${ValueState}`;\n\n  /**\n   * Defines whether the component is required.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Determines whether the component is displayed as disabled.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Determines whether the component is displayed as read-only.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Determines the number of digits after the decimal point of the component.\n   * @default 0\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 0 })\n    valuePrecision!: number;\n\n  /**\n   * Defines label text for the input field.\n   *\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    supportingText!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  @property({ type: String, noAttribute: true, defaultValue: \"Number\" })\n    type!: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _decIconDisabled!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    _incIconDisabled!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    incIconActive!: boolean;\n\n  @property({ type: Boolean, noAttribute: true })\n    decIconActive!: boolean;\n\n  @property({ validator: Float, noAttribute: true })\n    _initialValue!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _previousValue!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _waitTimeout!: number;\n\n  @property({ validator: Float, noAttribute: true })\n    _speed!: number;\n\n  @property({ type: Boolean, noAttribute: true })\n    _btnDown!: boolean;\n\n  @property({ validator: Integer, noAttribute: true })\n    _spinTimeoutId!: Timeout;\n\n  @property({ type: Boolean, noAttribute: true })\n    _spinStarted!: boolean;\n\n  @property({ type: ValueState, noAttribute: true })\n    _initialValueState?: `${ValueState}`;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExStepInput.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  constructor() {\n    super();\n  }\n\n  get decIconTitle() {\n    return [\n      UDExStepInput.i18nBundle.getText(STEPINPUT_DEC_ICON_TITLE),\n      this.step.toFixed(this._getNumberPrecision(this.step)),\n    ].join(\" \");\n  }\n\n  get incIconTitle() {\n    return [\n      UDExStepInput.i18nBundle.getText(STEPINPUT_INC_ICON_TITLE),\n      this.step.toFixed(this._getNumberPrecision(this.step)),\n    ].join(\" \");\n  }\n\n  get _decIconInactive() {\n    return this._decIconDisabled || this.readonly || this.disabled;\n  }\n\n  get _incIconInactive() {\n    return this._incIconDisabled || this.readonly || this.disabled;\n  }\n\n  get _valuePrecisioned() {\n    return this.value.toFixed(this.valuePrecision);\n  }\n\n  onBeforeRendering() {\n    this._setButtonState();\n  }\n\n  get input() {\n    return this.inputOuter.shadowRoot!.querySelector(\"input\")!;\n  }\n\n  get inputOuter() {\n    return this.shadowRoot!.querySelector(\"[udex-text-field]\")!;\n  }\n\n  _onInputFocusIn() {\n    if (this.value !== this._previousValue) {\n      this._previousValue = this.value;\n    }\n  }\n\n  _onInputFocusOut() {\n    this._onInputChange();\n  }\n\n  _setButtonState() {\n    this._decIconDisabled = this.min !== undefined && this.value <= this.min;\n    this._incIconDisabled = this.max !== undefined && this.value >= this.max;\n  }\n\n  setIncButtonActiveState() {\n    this.incIconActive = true;\n  }\n\n  setDecButtonActiveState() {\n    this.decIconActive = true;\n  }\n\n  unsetButtonsActiveState() {\n    this.decIconActive = false;\n    this.incIconActive = false;\n  }\n\n  _validate() {\n    if (this._initialValueState === undefined) {\n      this._initialValueState = this.valueState;\n    }\n\n    this._updateValueState();\n  }\n\n  _updateValueState() {\n    const valid = !((this.min !== undefined && this.value < this.min) || (this.max !== undefined && this.value > this.max));\n    const previousValueState = this.valueState;\n\n    this.valueState = valid ? this._initialValueState! : ValueState.Error;\n\n    const eventPrevented = !this.fireEvent<StepInputValueStateChangeEventDetail>(\"value-state-change\", { valueState: this.valueState, valid }, true);\n\n    if (eventPrevented) {\n      this.valueState = previousValueState;\n    }\n  }\n\n  _getNumberPrecision(value: number) {\n    if (!Number.isFinite(value)) {\n      return 0;\n    }\n    let exponent = 1;\n    let precision = 0;\n    while (Math.round(value * exponent) / exponent !== value) { exponent *= 10; precision++; }\n    return precision;\n  }\n\n  _preciseValue(value: number) {\n    const pow = 10 ** this.valuePrecision;\n    return Math.round(value * pow) / pow;\n  }\n\n  _fireChangeEvent() {\n    if (this._previousValue !== this.value) {\n      this._previousValue = this.value;\n      this.fireEvent(\"change\", { value: this.value });\n    }\n  }\n\n  /**\n   * Value modifier - modifies the value of the component, validates the new value and enables/disables increment and\n   * decrement buttons according to the value and min/max values (if set). Fires `change` event when requested\n   * @private\n   * @param modifier modifies the value of the component with the given modifier (positive or negative)\n   * @param fireChangeEvent if `true`, fires `change` event when the value is changed\n   */\n  _modifyValue(modifier: number, fireChangeEvent = false) {\n    let value;\n    this.value = this._preciseValue(parseFloat(this.input.value));\n    value = this.value + modifier;\n    if (this.min !== undefined && value < this.min) {\n      value = this.min;\n    }\n    if (this.max !== undefined && value > this.max) {\n      value = this.max;\n    }\n    value = this._preciseValue(value);\n    if (value !== this.value) {\n      this.value = value;\n      this._validate();\n      this._setButtonState();\n      if (fireChangeEvent) {\n        this._fireChangeEvent();\n      }\n    }\n  }\n\n  _incValue(e: CustomEvent) {\n    if (!this._incIconInactive && e.isTrusted) {\n      this._modifyValue(this.step, true);\n      this._previousValue = this.value;\n    }\n  }\n\n  _decValue(e: CustomEvent) {\n    if (!this._decIconInactive && e.isTrusted) {\n      this._modifyValue(-this.step, true);\n      this._previousValue = this.value;\n    }\n  }\n\n  _onInputChange() {\n    if (Number.isNaN(Number(this.input.value)) || this.input.value.trim() === \"\") {\n      const fallbackValuePrecisioned = this._initialValue.toFixed(this.valuePrecision);\n      this.inputOuter.setAttribute(\"value\", fallbackValuePrecisioned); // necessary for correct label rendering\n      this.input.value = fallbackValuePrecisioned; // necessary for correct value rendering\n    }\n    const inputValue = this._preciseValue(parseFloat(this.input.value));\n    if (this.value !== this._previousValue || this.value !== inputValue) {\n      this.value = inputValue;\n      this._validate();\n      this._setButtonState();\n      this._fireChangeEvent();\n    }\n  }\n\n  _onkeydown(e: CustomEvent<KeyboardEvent>) {\n    const { detail: keyboardEvent } = e;\n\n    let preventDefault = true;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (isEnter(keyboardEvent)) {\n      this._onInputChange();\n      return;\n    }\n\n    if (isUp(keyboardEvent)) {\n      // step up\n      this._modifyValue(this.step);\n    } else if (isDown(keyboardEvent)) {\n      // step down\n      this._modifyValue(-this.step);\n    } else if (isEscape(keyboardEvent)) {\n      // return previous value\n      this.value = this._previousValue;\n      this.input.value = this.value.toFixed(this.valuePrecision);\n    } else if (this.max !== undefined && (isPageUpShift(keyboardEvent) || isUpShiftCtrl(keyboardEvent))) {\n      // step to max\n      this._modifyValue(this.max - this.value, true);\n    } else if (this.min !== undefined && (isPageDownShift(keyboardEvent) || isDownShiftCtrl(keyboardEvent))) {\n      // step to min\n      this._modifyValue(this.min - this.value, true);\n    } else if (!isUpCtrl(keyboardEvent) && !isDownCtrl(keyboardEvent) && !isUpShift(keyboardEvent) && !isDownShift(keyboardEvent)) {\n      preventDefault = false;\n    }\n    if (preventDefault) {\n      e.preventDefault();\n    }\n  }\n\n  _decSpin() {\n    if (!this._decIconDisabled) {\n      this._spinValue(false, true);\n      this.setDecButtonActiveState();\n    }\n  }\n\n  _incSpin() {\n    if (!this._incIconDisabled) {\n      this._spinValue(true, true);\n      this.setIncButtonActiveState();\n    }\n  }\n\n  /**\n   * Calculates the time which should be waited until _spinValue function is called.\n   */\n  _calcWaitTimeout() {\n    this._speed *= ACCELERATION;\n    this._waitTimeout = ((this._waitTimeout - this._speed) < MIN_WAIT_TIMEOUT ? MIN_WAIT_TIMEOUT : (this._waitTimeout - this._speed));\n    return this._waitTimeout;\n  }\n\n  /**\n   * Called when the increment or decrement button is pressed and held to set new value.\n   * @private\n   * @param increment - is this the increment button or not so the values should be spin accordingly up or down\n   * @param resetVariables - whether to reset the spin-related variables or not\n   */\n  _spinValue(increment: boolean, resetVariables = false) {\n    if (resetVariables) {\n      this._waitTimeout = INITIAL_WAIT_TIMEOUT;\n      this._speed = INITIAL_SPEED;\n      this._btnDown = true;\n    }\n    this._spinTimeoutId = setTimeout(() => {\n      if (this._btnDown) {\n        this._spinStarted = true;\n        this._modifyValue(increment ? this.step : -this.step);\n        this._setButtonState();\n        if ((!this._incIconDisabled && increment) || (!this._decIconDisabled && !increment)) {\n          this._spinValue(increment);\n        } else {\n          this._resetSpin();\n          this._fireChangeEvent();\n        }\n      }\n    }, this._calcWaitTimeout());\n  }\n\n  /**\n   * Resets spin process\n   */\n  _resetSpin() {\n    clearTimeout(this._spinTimeoutId);\n    this._btnDown = false;\n    this._spinStarted = false;\n    this.unsetButtonsActiveState();\n  }\n\n  /**\n   * Resets spin process when mouse outs + or - buttons\n   */\n  _resetSpinOut() {\n    if (this._btnDown) {\n      this._resetSpin();\n      this._fireChangeEvent();\n      this.unsetButtonsActiveState();\n    }\n  }\n\n  onEnterDOM(): void {\n    // swap values if the min value is larger than the max value\n    if (this.min !== undefined && this.max !== undefined && this.min > this.max) {\n      const temp = this.min;\n      this.min = this.max;\n      this.max = temp;\n    }\n\n    // detect necessarry value precision as the highest presicion of the step, min, max and initial value\n    // the valuePrecision attribute can be used to increase precision, but not to lower it\n    this.valuePrecision = Math.max(\n      this.valuePrecision ?? 0,\n      this._getNumberPrecision(this.step),\n      this._getNumberPrecision(this.min ?? 0),\n      this._getNumberPrecision(this.max ?? 0),\n      this._getNumberPrecision(this.value),\n    );\n\n    this._initialValue = Math.min(Math.max(this.value, this.min ?? 0), this.max ?? Infinity);\n\n    this.value = this._initialValue;\n\n    this._previousValue = this.value;\n  }\n}\n\nUDExStepInput.define();\n\nexport default UDExStepInput;\n"]}

package/dist/Switch.d.ts

@@ -18,7 +18,7 @@ export declare enum SwitchColor {
  * For the <code>udex-switch</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Switch.js";</code>
+ * <code>import "@sapudex/web-components/dist/Switch.js";</code>
  *
  * @constructor
  * @author SAP SE

package/dist/Switch.js

@@ -35,7 +35,7 @@ export var SwitchColor;
  * For the <code>udex-switch</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Switch.js";</code>
+ * <code>import "@sapudex/web-components/dist/Switch.js";</code>
  *
  * @constructor
  * @author SAP SE

package/dist/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Switch.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/less.js\";\n\n// Template\nimport SwitchTemplate from \"./generated/templates/SwitchTemplate.lit.js\";\n\n// Styles\nimport SwitchCss from \"./generated/themes/Switch.css.js\";\n\nexport enum SwitchColor {\n  NonSemantic = \"Non-Semantic\",\n  Semantic = \"Semantic\",\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-switch</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Switch.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-switch\n * @public\n */\n\n@customElement({\n  tag: \"udex-switch\",\n  renderer: litRender,\n  styles: SwitchCss,\n  template: SwitchTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Fired when the component checked state changes.\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"change\")\nclass UDExSwitch extends UI5Element {\n  /**\n   * Defines the label near switch.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines the color of the component.\n   *\n   * @default \"Non-Semantic\"\n   * @public\n   */\n  @property({ type: SwitchColor, defaultValue: SwitchColor.NonSemantic })\n    color!: `${SwitchColor}`;\n\n  /**\n   * Sets the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  /**\n   * Defines if the component is checked.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    checked!: boolean;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the tooltip of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    tooltip!: string;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  handleSwitchClick(): void {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.fireEvent(\"change\", null, true);\n    }\n  }\n\n  handleSwitchKeyDown(e: KeyboardEvent): void {\n    if (e.key === \"Enter\") {\n      this.handleSwitchClick();\n    }\n  }\n\n  get switchTabIndex(): \"0\" | undefined {\n    return this.disabled ? undefined : \"0\";\n  }\n\n  get isActiveTrackClass():\n    | \"udex-switch__track--active\"\n    | \"udex-switch__track--inactive\" {\n    return this.checked ? \"udex-switch__track--active\" : \"udex-switch__track--inactive\";\n  }\n\n  get isSemanticColor(): boolean {\n    return this.color === SwitchColor.Semantic;\n  }\n\n  get ariaLabeledBy(): string {\n    return this.accessibleNameRef || this.label ? `${this._id}-switch__label` : \"\";\n  }\n}\n\nUDExSwitch.define();\n\nexport default UDExSwitch;\n"]}
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../src/Switch.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Switch.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/accept.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/less.js\";\n\n// Template\nimport SwitchTemplate from \"./generated/templates/SwitchTemplate.lit.js\";\n\n// Styles\nimport SwitchCss from \"./generated/themes/Switch.css.js\";\n\nexport enum SwitchColor {\n  NonSemantic = \"Non-Semantic\",\n  Semantic = \"Semantic\",\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-switch</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Switch.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-switch\n * @public\n */\n\n@customElement({\n  tag: \"udex-switch\",\n  renderer: litRender,\n  styles: SwitchCss,\n  template: SwitchTemplate,\n  dependencies: [Icon],\n})\n\n/**\n * Fired when the component checked state changes.\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"change\")\nclass UDExSwitch extends UI5Element {\n  /**\n   * Defines the label near switch.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    label!: string;\n\n  /**\n   * Defines the color of the component.\n   *\n   * @default \"Non-Semantic\"\n   * @public\n   */\n  @property({ type: SwitchColor, defaultValue: SwitchColor.NonSemantic })\n    color!: `${SwitchColor}`;\n\n  /**\n   * Sets the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  /**\n   * Defines if the component is checked.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    checked!: boolean;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the tooltip of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    tooltip!: string;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  handleSwitchClick(): void {\n    if (!this.disabled) {\n      this.checked = !this.checked;\n      this.fireEvent(\"change\", null, true);\n    }\n  }\n\n  handleSwitchKeyDown(e: KeyboardEvent): void {\n    if (e.key === \"Enter\") {\n      this.handleSwitchClick();\n    }\n  }\n\n  get switchTabIndex(): \"0\" | undefined {\n    return this.disabled ? undefined : \"0\";\n  }\n\n  get isActiveTrackClass():\n    | \"udex-switch__track--active\"\n    | \"udex-switch__track--inactive\" {\n    return this.checked ? \"udex-switch__track--active\" : \"udex-switch__track--inactive\";\n  }\n\n  get isSemanticColor(): boolean {\n    return this.color === SwitchColor.Semantic;\n  }\n\n  get ariaLabeledBy(): string {\n    return this.accessibleNameRef || this.label ? `${this._id}-switch__label` : \"\";\n  }\n}\n\nUDExSwitch.define();\n\nexport default UDExSwitch;\n"]}

package/dist/Tab.d.ts

@@ -1,13 +1,8 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { Target } from "./types/common.js";
 import TabHeaderTemplate from "./generated/templates/TabHeaderTemplate.lit.js";
 import TabInOverflowTemplate from "./generated/templates/TabInOverflowTemplate.lit.js";
-export declare enum Target {
-    _blank = "_blank",
-    _parent = "_parent",
-    _self = "_self",
-    _top = "_top"
-}
 interface ITab extends UI5Element {
     getTabInHeaderDomRef: () => ITab | null;
     disabled?: boolean;
@@ -49,7 +44,7 @@ interface ITab extends UI5Element {
  * For the <code>udex-tab</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Tab.js";</code>
+ * <code>import "@sapudex/web-components/dist/Tab.js";</code>
  *
  * @constructor
  * @author SAP SE

package/dist/Tab.js

@@ -14,19 +14,13 @@ import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTempla
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import TabNavigation from "./TabNavigation.js";
 import UDExBadge from "./Badge.js";
+import { Target } from "./types/common.js";
 import TabTemplate from "./generated/templates/TabTemplate.lit.js";
 import TabHeaderTemplate from "./generated/templates/TabHeaderTemplate.lit.js";
 import TabInOverflowTemplate from "./generated/templates/TabInOverflowTemplate.lit.js";
 import { ATTENTION_BADGE } from "./generated/i18n/i18n-defaults.js";
 // Styles
 import TabInOverflowCss from "./generated/themes/TabInOverflow.css.js";
-export var Target;
-(function (Target) {
-    Target["_blank"] = "_blank";
-    Target["_parent"] = "_parent";
-    Target["_self"] = "_self";
-    Target["_top"] = "_top";
-})(Target || (Target = {}));
 /**
  * @class
  *
@@ -38,7 +32,7 @@ export var Target;
  * For the <code>udex-tab</code>
  * <h3>ES6 Module Import</h3>
  *
- * <code>import "@udex/web-components/dist/Tab.js";</code>
+ * <code>import "@sapudex/web-components/dist/Tab.js";</code>
  *
  * @constructor
  * @author SAP SE
@@ -54,7 +48,7 @@ let UDExTab = UDExTab_1 = class UDExTab extends UI5Element {
         return null;
     }
     static async onDefine() {
-        UDExTab_1.i18nBundle = await getI18nBundle("@udex/web-components");
+        UDExTab_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
     }
     get isOnSelectedTab() {
         return this._realTab === this;