@sapudex/web-components 0.111.0

package/config/dist/DropdownListGroupHeader.js

@@ -0,0 +1,97 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import UDExDropdownGroupHeaderBase from "./DropdownGroupHeaderBase.js";
+import UDExDropdownListItemBase from "./DropdownListItemBase.js";
+import DropdownListGroupHeaderTemplate from "./generated/templates/DropdownListGroupHeaderTemplate.lit.js";
+// Styles
+import DropdownListGroupHeaderCss from "./generated/themes/DropdownListGroupHeader.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list-group-header</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownListGroupHeader.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListGroupHeader
+ * @extends sap.ui.webc.base.UDExDropdownGroupHeaderBase
+ * @tagname udex-dropdown-list-group-header
+ * @public
+ */
+let UDExDropdownListGroupHeader = class UDExDropdownListGroupHeader extends UDExDropdownGroupHeaderBase {
+    handleHeaderPress(e) {
+        if (!this.controlled) {
+            this.handleSelectionGroupState(this.items);
+        }
+        this.fireHeaderPress(e);
+    }
+    handleKeyDownPress(e) {
+        if (!this.controlled) {
+            this.handleKeyDown(e);
+        }
+    }
+    handleKeyDown(e) {
+        if (isSpace(e) || isEnter(e)) {
+            this.handleHeaderPress(e);
+        }
+    }
+    fireHeaderPress(e) {
+        if (isEnter(e)) {
+            e.preventDefault();
+        }
+        this.fireEvent("header-press", {
+            item: this,
+        });
+    }
+    getHandleGroupItemsClick() {
+        const hasHandle = this.modeMultiSelect && !this.controlled;
+        return hasHandle ? this.handleHeaderState(this.items) : undefined;
+    }
+    get className() {
+        const className = "udex-dropdown-list__group-header";
+        const controlledClassName = this.controlled ? `${className}_controlled` : "";
+        return `${className} ${this._additionalClassName} ${controlledClassName}`;
+    }
+};
+__decorate([
+    property()
+], UDExDropdownListGroupHeader.prototype, "label", void 0);
+__decorate([
+    slot({ type: UDExDropdownListItemBase, "default": true })
+], UDExDropdownListGroupHeader.prototype, "items", void 0);
+__decorate([
+    property({ type: String })
+], UDExDropdownListGroupHeader.prototype, "_additionalClassName", void 0);
+UDExDropdownListGroupHeader = __decorate([
+    customElement({
+        tag: "udex-dropdown-list-group-header",
+        renderer: litRender,
+        styles: DropdownListGroupHeaderCss,
+        template: DropdownListGroupHeaderTemplate,
+    }),
+    event("header-press", {
+        detail: {
+            item: { type: HTMLElement },
+        },
+    })
+], UDExDropdownListGroupHeader);
+UDExDropdownListGroupHeader.define();
+export default UDExDropdownListGroupHeader;
+//# sourceMappingURL=DropdownListGroupHeader.js.map

package/config/dist/DropdownListGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListGroupHeader.js","sourceRoot":"","sources":["../src/DropdownListGroupHeader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,2BAA2B,MAAM,8BAA8B,CAAC;AACvE,OAAO,wBAAwB,MAAM,2BAA2B,CAAC;AACjE,OAAO,+BAA+B,MAAM,8DAA8D,CAAC;AAE3G,SAAS;AACT,OAAO,0BAA0B,MAAM,mDAAmD,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;GAmBG;AAcH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,2BAA2B;IAyBnE,iBAAiB,CAAC,CAA6B;QAC7C,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC5C;QACD,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACvB;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,eAAe,CAAC,CAAQ;QACtB,IAAI,OAAO,CAAC,CAAkB,CAAC,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;QAED,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;YAC7B,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC3D,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,IAAI,SAAS;QACX,MAAM,SAAS,GAAG,kCAAkC,CAAC;QACrD,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7E,OAAO,GAAG,SAAS,IAAI,IAAI,CAAC,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;IAC5E,CAAC;CACF,CAAA;AAvDG;IADD,QAAQ,EAAE;0DACM;AAWf;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0DAChB;AAGxC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yEACK;AAvB5B,2BAA2B;IAbhC,aAAa,CAAC;QACb,GAAG,EAAE,iCAAiC;QACtC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;IAED,KAAK,CAAC,cAAc,EAAE;QACrB,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC5B;KACF,CAAC;GAEI,2BAA2B,CAgEhC;AAED,2BAA2B,CAAC,MAAM,EAAE,CAAC;AAErC,eAAe,2BAA2B,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExDropdownGroupHeaderBase from \"./DropdownGroupHeaderBase.js\";\nimport UDExDropdownListItemBase from \"./DropdownListItemBase.js\";\nimport DropdownListGroupHeaderTemplate from \"./generated/templates/DropdownListGroupHeaderTemplate.lit.js\";\n\n// Styles\nimport DropdownListGroupHeaderCss from \"./generated/themes/DropdownListGroupHeader.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-dropdown-list-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/DropdownListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownListGroupHeader\n * @extends sap.ui.webc.base.UDExDropdownGroupHeaderBase\n * @tagname udex-dropdown-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-dropdown-list-group-header\",\n  renderer: litRender,\n  styles: DropdownListGroupHeaderCss,\n  template: DropdownListGroupHeaderTemplate,\n})\n\n@event(\"header-press\", {\n  detail: {\n    item: { type: HTMLElement },\n  },\n})\n\nclass UDExDropdownListGroupHeader extends UDExDropdownGroupHeaderBase {\n  /**\n   * Defines the title of the GroupHeader item component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.label\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Slot for dropdown list items.\n   *\n   * @type @type {UDExDropdownListItemBase[]}\n   * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.default\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExDropdownListItemBase, \"default\": true })\n    items!: Array<UDExDropdownListItemBase>;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  handleHeaderPress(e: MouseEvent | KeyboardEvent) {\n    if (!this.controlled) {\n      this.handleSelectionGroupState(this.items);\n    }\n    this.fireHeaderPress(e);\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (!this.controlled) {\n      this.handleKeyDown(e);\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress(e);\n    }\n  }\n\n  fireHeaderPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n\n    this.fireEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState(this.items) : undefined;\n  }\n\n  get className() {\n    const className = \"udex-dropdown-list__group-header\";\n    const controlledClassName = this.controlled ? `${className}_controlled` : \"\";\n    return `${className} ${this._additionalClassName} ${controlledClassName}`;\n  }\n}\n\nUDExDropdownListGroupHeader.define();\n\nexport default UDExDropdownListGroupHeader;\n"]}

package/config/dist/DropdownListItem.d.ts

@@ -0,0 +1,68 @@
+import UDExDropdownListItemBase from "./DropdownListItemBase.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownListItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListItem
+ * @extends sap.ui.webc.base.UDExDropdownListItemBase
+ * @tagname udex-dropdown-list-item
+ * @public
+ */
+declare class UDExDropdownListItem extends UDExDropdownListItemBase {
+    /**
+     * Indicates if the item is active.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.active
+     * @private
+     */
+    active: boolean;
+    /**
+     * Indicates if the item is on focus
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.focused
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Slot for dropdown list item content.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.content
+     * @slot
+     * @public
+     */
+    content: Array<Node>;
+    _role: string;
+    _additionalClassName: string;
+    deactivate: () => void;
+    constructor();
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    handleMouseDown(): void;
+    handleMouseUp(): void;
+    handleKeyUp(e: KeyboardEvent): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    handleItemClick(e: Event): void;
+    handleFocusIn(): void;
+    handleFocusOut(): void;
+    fireItemPress(e: Event): void;
+    activate(): void;
+    get className(): string;
+    get roleItem(): string;
+    get _ariaDisabled(): true | undefined;
+    get _tabIndex(): -1 | 0;
+}
+export default UDExDropdownListItem;

package/config/dist/DropdownListItem.js

@@ -0,0 +1,176 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import CheckBox from "@ui5/webcomponents/dist/CheckBox.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
+import UDExDropdownListItemBase from "./DropdownListItemBase.js";
+import DropdownListItemTemplate from "./generated/templates/DropdownListItemTemplate.lit.js";
+// Styles
+import DropdownListItemCss from "./generated/themes/DropdownListItem.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownListItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListItem
+ * @extends sap.ui.webc.base.UDExDropdownListItemBase
+ * @tagname udex-dropdown-list-item
+ * @public
+ */
+let UDExDropdownListItem = class UDExDropdownListItem extends UDExDropdownListItemBase {
+    constructor() {
+        super();
+        this.deactivate = () => {
+            if (this.active) {
+                this.active = false;
+            }
+        };
+    }
+    onEnterDOM() {
+        document.addEventListener("mouseup", this.deactivate);
+    }
+    onExitDOM() {
+        document.removeEventListener("mouseup", this.deactivate);
+    }
+    handleMouseDown() {
+        this.activate();
+    }
+    handleMouseUp() {
+        this.deactivate();
+    }
+    handleKeyUp(e) {
+        e.preventDefault();
+        if (isSpace(e) || isEnter(e)) {
+            this.deactivate();
+        }
+    }
+    handleKeyDown(e) {
+        if (isSpace(e)) {
+            e.preventDefault();
+        }
+        if (isSpace(e) || isEnter(e)) {
+            this.activate();
+            this.handleItemClick(e);
+        }
+    }
+    handleItemClick(e) {
+        if (this.disabled) {
+            return;
+        }
+        if (!this.indeterminate && !this.controlled) {
+            this.selected = !this.selected;
+        }
+        this.fireItemPress(e);
+    }
+    handleFocusIn() {
+        if (!this.disabled) {
+            this.focused = true;
+            this.fireEvent("item-focus");
+        }
+    }
+    handleFocusOut() {
+        if (!this.disabled) {
+            this.focused = false;
+            this.deactivate();
+        }
+    }
+    fireItemPress(e) {
+        if (isEnter(e)) {
+            e.preventDefault();
+        }
+        this.fireEvent("item-press", {
+            selected: this.selected,
+            item: this,
+        });
+    }
+    activate() {
+        if (!this.disabled) {
+            this.active = true;
+        }
+    }
+    get className() {
+        const isGroupChild = this?.parentElement?.tagName === "UDEX-DROPDOWN-LIST-GROUP-HEADER";
+        const className = "udex-dropdown-list__item";
+        const controlledClassName = this.controlled ? `${className}_controlled` : "";
+        const groupClassName = isGroupChild ? `${className}_group` : "";
+        return `${className} ${groupClassName} ${this._additionalClassName} ${controlledClassName}`;
+    }
+    get roleItem() {
+        return this._role.length > 0 ? this._role : "listitem";
+    }
+    get _ariaDisabled() {
+        return this.disabled ? true : undefined;
+    }
+    get _tabIndex() {
+        if (this.disabled) {
+            return -1;
+        }
+        return 0;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItem.prototype, "active", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItem.prototype, "focused", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], UDExDropdownListItem.prototype, "content", void 0);
+__decorate([
+    property({ type: String })
+], UDExDropdownListItem.prototype, "_role", void 0);
+__decorate([
+    property({ type: String })
+], UDExDropdownListItem.prototype, "_additionalClassName", void 0);
+UDExDropdownListItem = __decorate([
+    customElement({
+        tag: "udex-dropdown-list-item",
+        renderer: litRender,
+        styles: DropdownListItemCss,
+        template: DropdownListItemTemplate,
+        dependencies: [CheckBox],
+    })
+    /**
+     * Fired event when the user click on a dropdown list item.
+     *
+     * @event sap.ui.webc.web-components.UDExDropdownListItem#itemFocus
+     * @public
+     */
+    ,
+    event("item-focus")
+    /**
+     * Fired event when the user focuses on a dropdown list item.
+     *
+     * @event sap.ui.webc.web-components.UDExDropdownListItem#itemClick
+     * @public
+     */
+    ,
+    event("item-press", {
+        detail: {
+            selected: { type: Boolean },
+            item: { type: HTMLElement },
+        },
+    })
+], UDExDropdownListItem);
+UDExDropdownListItem.define();
+export default UDExDropdownListItem;
+//# sourceMappingURL=DropdownListItem.js.map

package/config/dist/DropdownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.js","sourceRoot":"","sources":["../src/DropdownListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport CheckBox from \"@ui5/webcomponents/dist/CheckBox.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExDropdownListItemBase from \"./DropdownListItemBase.js\";\nimport DropdownListItemTemplate from \"./generated/templates/DropdownListItemTemplate.lit.js\";\n\n// Styles\nimport DropdownListItemCss from \"./generated/themes/DropdownListItem.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-dropdown-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/DropdownListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownListItem\n * @extends sap.ui.webc.base.UDExDropdownListItemBase\n * @tagname udex-dropdown-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-dropdown-list-item\",\n  renderer: litRender,\n  styles: DropdownListItemCss,\n  template: DropdownListItemTemplate,\n  dependencies: [CheckBox],\n})\n\n/**\n * Fired event when the user click on a dropdown list item.\n *\n * @event sap.ui.webc.web-components.UDExDropdownListItem#itemFocus\n * @public\n */\n@event(\"item-focus\")\n/**\n * Fired event when the user focuses on a dropdown list item.\n *\n * @event sap.ui.webc.web-components.UDExDropdownListItem#itemClick\n * @public\n */\n@event(\"item-press\", {\n  detail: {\n    selected: { type: Boolean },\n    item: { type: HTMLElement },\n  },\n})\n\nclass UDExDropdownListItem extends UDExDropdownListItemBase {\n  /**\n   * Indicates if the item is active.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.active\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.focused\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Slot for dropdown list item content.\n   *\n   * @type {Node[]}\n   * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.content\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: Array<Node>;\n\n  @property({ type: String })\n    _role!: string;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  deactivate: () => void;\n\n  constructor() {\n    super();\n\n    this.deactivate = () => {\n      if (this.active) {\n        this.active = false;\n      }\n    };\n  }\n\n  onEnterDOM() {\n    document.addEventListener(\"mouseup\", this.deactivate);\n  }\n\n  onExitDOM() {\n    document.removeEventListener(\"mouseup\", this.deactivate);\n  }\n\n  handleMouseDown() {\n    this.activate();\n  }\n\n  handleMouseUp() {\n    this.deactivate();\n  }\n\n  handleKeyUp(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.deactivate();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.activate();\n      this.handleItemClick(e);\n    }\n  }\n\n  handleItemClick(e: Event) {\n    if (this.disabled) {\n      return;\n    }\n    if (!this.indeterminate && !this.controlled) {\n      this.selected = !this.selected;\n    }\n    this.fireItemPress(e);\n  }\n\n  handleFocusIn() {\n    if (!this.disabled) {\n      this.focused = true;\n      this.fireEvent(\"item-focus\");\n    }\n  }\n\n  handleFocusOut() {\n    if (!this.disabled) {\n      this.focused = false;\n      this.deactivate();\n    }\n  }\n\n  fireItemPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n    this.fireEvent(\"item-press\", {\n      selected: this.selected,\n      item: this,\n    });\n  }\n\n  activate() {\n    if (!this.disabled) {\n      this.active = true;\n    }\n  }\n\n  get className() {\n    const isGroupChild = this?.parentElement?.tagName === \"UDEX-DROPDOWN-LIST-GROUP-HEADER\";\n    const className = \"udex-dropdown-list__item\";\n    const controlledClassName = this.controlled ? `${className}_controlled` : \"\";\n    const groupClassName = isGroupChild ? `${className}_group` : \"\";\n    return `${className} ${groupClassName} ${this._additionalClassName} ${controlledClassName}`;\n  }\n\n  get roleItem() {\n    return this._role.length > 0 ? this._role : \"listitem\";\n  }\n\n  get _ariaDisabled() {\n    return this.disabled ? true : undefined;\n  }\n\n  get _tabIndex() {\n    if (this.disabled) {\n      return -1;\n    }\n    return 0;\n  }\n}\n\nUDExDropdownListItem.define();\n\nexport default UDExDropdownListItem;\n"]}

package/config/dist/DropdownListItemBase.d.ts

@@ -0,0 +1,99 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { DropdownListMode } from "./types/Dropdown.js";
+import UDExDropdownGroupHeaderBase from "./DropdownGroupHeaderBase.js";
+/**
+ * @class
+ *
+ * A class to serve as a foundation
+ * for the <code>UDExDropdownListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExDropdownGroupHeaderBase</code> classes.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListItemBase
+ * @extends sap.ui.webc.base.UI5Element
+ * @public
+ */
+declare class UDExDropdownListItemBase extends UI5Element {
+    /**
+     * Defines the <code>label</code> for the item.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.label
+     * @public
+     */
+    label: string;
+    /**
+     * Defines whether a visual separator should be rendered after the item.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.divider
+     * @defaultvalue false
+     * @public
+     */
+    divider: boolean;
+    /**
+     * Defines whether <code>dropdown list item</code> is in disabled state.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.disabled
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the supportingText, displayed in the end of the item.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.supportingText
+     * @public
+     */
+    supportingText: string;
+    /**
+     * Defines the selected state of the item.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.selected
+     * @defaultvalue false
+     * @public
+     */
+    selected: boolean;
+    /**
+     * Defines whether the selection of a dropdown list is displayed as partially selected.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.indeterminate
+     * @defaultvalue false
+     * @public
+     */
+    indeterminate?: boolean;
+    /**
+     * Defines the controlled state of the item.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.controlled
+     * @defaultvalue false
+     * @public
+     */
+    controlled?: boolean;
+    /**
+     * Defines the mode of the item.
+     *
+     * @type {DropdownListMode}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.mode
+     * @defaultvalue "SingleSelect"
+     * @public
+     */
+    mode: `${DropdownListMode}`;
+    /**
+     * Slot for group header list items.
+     *
+     * @type @type {HTMLElement[]}
+     * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<HTMLElement>;
+    getItems(): Array<UDExDropdownListItemBase | UDExDropdownGroupHeaderBase>;
+    get isGroup(): boolean;
+    get modeMultiSelect(): boolean;
+}
+export default UDExDropdownListItemBase;

package/config/dist/DropdownListItemBase.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { DropdownListMode } from "./types/Dropdown.js";
+/**
+ * @class
+ *
+ * A class to serve as a foundation
+ * for the <code>UDExDropdownListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExDropdownGroupHeaderBase</code> classes.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListItemBase
+ * @extends sap.ui.webc.base.UI5Element
+ * @public
+ */
+let UDExDropdownListItemBase = class UDExDropdownListItemBase extends UI5Element {
+    getItems() {
+        return this.getSlottedNodes("items");
+    }
+    get isGroup() {
+        return false;
+    }
+    get modeMultiSelect() {
+        return this.mode === DropdownListMode.MultiSelect;
+    }
+};
+__decorate([
+    property()
+], UDExDropdownListItemBase.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItemBase.prototype, "divider", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItemBase.prototype, "disabled", void 0);
+__decorate([
+    property()
+], UDExDropdownListItemBase.prototype, "supportingText", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItemBase.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItemBase.prototype, "indeterminate", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownListItemBase.prototype, "controlled", void 0);
+__decorate([
+    property({ type: DropdownListMode, defaultValue: DropdownListMode.SingleSelect })
+], UDExDropdownListItemBase.prototype, "mode", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExDropdownListItemBase.prototype, "items", void 0);
+UDExDropdownListItemBase = __decorate([
+    customElement({
+        renderer: litRender,
+    })
+], UDExDropdownListItemBase);
+export default UDExDropdownListItemBase;
+//# sourceMappingURL=DropdownListItemBase.js.map

package/config/dist/DropdownListItemBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItemBase.js","sourceRoot":"","sources":["../src/DropdownListItemBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGvD;;;;;;;;;;;GAWG;AAMH,IAAM,wBAAwB,GAA9B,MAAM,wBAAyB,SAAQ,UAAU;IAiG/C,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAyD,OAAO,CAAC,CAAC;IAC/F,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,WAAW,CAAC;IACpD,CAAC;CACF,CAAA;AAnGG;IADD,QAAQ,EAAE;uDACM;AAWf;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACR;AAUlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACP;AAUnB;IADD,QAAQ,EAAE;gEACe;AAWxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACP;AAWnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACF;AAWxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACL;AAWrB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC;sDACnD;AAW7B;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;uDAChB;AA/FzB,wBAAwB;IAJ7B,aAAa,CAAC;QACb,QAAQ,EAAE,SAAS;KACpB,CAAC;GAEI,wBAAwB,CA4G7B;AAED,eAAe,wBAAwB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { DropdownListMode } from \"./types/Dropdown.js\";\nimport UDExDropdownGroupHeaderBase from \"./DropdownGroupHeaderBase.js\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExDropdownListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExDropdownGroupHeaderBase</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownListItemBase\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\n\n@customElement({\n  renderer: litRender,\n})\n\nclass UDExDropdownListItemBase extends UI5Element {\n  /**\n   * Defines the <code>label</code> for the item.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.label\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines whether a visual separator should be rendered after the item.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.divider\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    divider!: boolean;\n\n  /**\n   * Defines whether <code>dropdown list item</code> is in disabled state.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.disabled\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the supportingText, displayed in the end of the item.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.supportingText\n   * @public\n   */\n  @property()\n    supportingText!: string;\n\n  /**\n   * Defines the selected state of the item.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.selected\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    selected!: boolean;\n\n  /**\n   * Defines whether the selection of a dropdown list is displayed as partially selected.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.indeterminate\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    indeterminate?: boolean;\n\n  /**\n   * Defines the controlled state of the item.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.controlled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the mode of the item.\n   *\n   * @type {DropdownListMode}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.mode\n   * @defaultvalue \"SingleSelect\"\n   * @public\n   */\n  @property({ type: DropdownListMode, defaultValue: DropdownListMode.SingleSelect })\n    mode!: `${DropdownListMode}`;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @type @type {HTMLElement[]}\n   * @name sap.ui.webc.web-components.UDExDropdownListItemBase.prototype.default\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<HTMLElement>;\n\n  getItems(): Array<UDExDropdownListItemBase | UDExDropdownGroupHeaderBase> {\n    return this.getSlottedNodes<UDExDropdownListItemBase | UDExDropdownGroupHeaderBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return false;\n  }\n\n  get modeMultiSelect() {\n    return this.mode === DropdownListMode.MultiSelect;\n  }\n}\n\nexport default UDExDropdownListItemBase;\n"]}