@openui5/sap.ui.webc.main 1.115.0 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/DurationPicker.js

@@ -1,300 +0,0 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/icons/fob-watch", "./TimePickerBase", "./generated/i18n/i18n-defaults"], function (_exports, _Integer, _fobWatch, _TimePickerBase, _i18nDefaults) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports.default = void 0;
-  _Integer = _interopRequireDefault(_Integer);
-  _TimePickerBase = _interopRequireDefault(_TimePickerBase);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @private
-   */
-  const metadata = {
-    tag: "ui5-duration-picker",
-    properties: /** @lends sap.ui.webcomponents.main.DurationPicker.prototype */{
-      /**
-       * Defines a formatted time value.
-       *
-       * @type {string}
-       * @defaultvalue "00:00:00"
-       * @public
-       */
-      value: {
-        type: String,
-        defaultValue: "00:00:00"
-      },
-      /**
-       * Defines the selection step for the minutes
-       * @type {Integer}
-       * @public
-       * @defaultValue 1
-       * @since 1.0.0-rc.8
-       */
-      minutesStep: {
-        type: _Integer.default,
-        defaultValue: 1
-      },
-      /**
-       * Defines the selection step for the seconds
-       * @type {Integer}
-       * @public
-       * @defaultValue 1
-       * @since 1.0.0-rc.8
-       */
-      secondsStep: {
-        type: _Integer.default,
-        defaultValue: 1
-      },
-      /**
-       * Defines a formatted maximal time that the user will be able to adjust.
-       *
-       * @type {string}
-       * @defaultvalue "23:59:59"
-       * @public
-       */
-      maxValue: {
-        type: String,
-        defaultValue: "23:59:59"
-      },
-      /**
-       * Defines whether a slider for seconds will be available. By default there are sliders for hours, minutes and seconds.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      hideSeconds: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the slider for minutes will be available. By default there are sliders for hours, minutes and seconds.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       * @since 1.0.0-rc.8
-       */
-      hideMinutes: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the slider for hours will be available. By default there are sliders for hours, minutes and seconds.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       * @since 1.0.0-rc.8
-       */
-      hideHours: {
-        type: Boolean
-      }
-    }
-  };
-  const getNearestValue = (x, step, max) => {
-    const down = Math.floor(x / step) * step; // closest value rounded down to the step
-    const up = Math.ceil(x / step) * step; // closest value rounded up to the step
-    if (up > max || x - down < up - x) {
-      // if the rounded-up value is more than max, or x is closer to the rounded-down value, return down
-      return down;
-    }
-    return up; // x is closer to the rounded-up value and it is not
-  };
-
-  const pad = number => {
-    number = parseInt(number);
-    return number < 9 ? `0${number}` : `${number}`;
-  };
-
-  /**
-   * @class
-   *
-   * <h3 class="comment-api-title">Overview</h3>
-   * The <code>ui5-duration-picker</code> component provides an input field with assigned sliders which are opened on user action.
-   * The <code>ui5-duration-picker</code> allows users to select a time duration.
-   * It consists of two parts: the time input field and the sliders.
-   *
-   *
-   * <h3>Usage</h3>
-   *
-   *
-   * The Duration Picker is used for input of time. Users are able to select hours, minutes and seconds.
-   * The user can enter a time by:
-   * <ul>
-   * <li>Using the sliders that opens in a popup</li>
-   * <li>Typing it in directly in the input field</li>
-   * </ul>
-   * <br><br>
-   * When the user makes an entry and chooses the enter key, the sliders shows the corresponding time.
-   * When the user directly triggers the sliders display, the actual time is displayed.
-   *
-   * For the <code>ui5-duration-picker</code>
-   *
-   * <h3>Keyboard handling</h3>
-   * [F4], [ALT]+[UP], [ALT]+[DOWN] Open/Close picker dialog and move focus to it.
-   * <br>
-   * When closed:
-   * <ul>
-   * <li>[PAGEUP] - Increments hours by 1. If max value is reached, the slider doesn't increment.</li>
-   * <li>[PAGEDOWN] - Decrements the corresponding field by 1. If min value is reached, the slider doesn't increment.</li>
-   * <li>[SHIFT]+[PAGEUP] Increments minutes by 1.</li>
-   * <li>[SHIFT]+ [PAGEDOWN] Decrements minutes by 1.</li>
-   * <li>[SHIFT]+[CTRL]+[PAGEUP] Increments seconds by 1.</li>
-   * <li>[SHIFT]+[CTRL]+ [PAGEDOWN] Decrements seconds by 1.</li>
-   * </ul>
-   * When opened:
-   * <ul>
-   * <li>[UP] If focus is on one of the selection lists: Select the value which is above the current value. If the first value is selected, select the last value in the list.</li>
-   * <li>[DOWN] If focus is on one of the selection lists: Select the value which is below the current value. If the last value is selected, select the first value in the list.</li>
-   * <li>[LEFT] If focus is on one of the selection lists: Move focus to the selection list which is left of the current selection list. If focus is at the first selection list, move focus to the last selection list.</li>
-   * <li>[RIGHT] If focus is on one of the selection lists: Move focus to the selection list which is right of the current selection list. When focus is at the last selection list, move focus to the first selection list.</li>
-   * <li>[PAGEUP] If focus is on one of the selection lists: Move focus to the first entry of this list.</li>
-   * <li>[PAGEDOWN] If focus is on one of the selection lists: Move focus to the last entry of this list.</li>
-   * </ul>
-   *
-   * <h3>ES6 Module Import</h3>
-   *
-   * <code>import "@ui5/webcomponents/dist/DurationPicker.js";</code>
-   *
-   * @constructor
-   * @since 1.0.0-rc.7
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.DurationPicker
-   * @extends TimePickerBase
-   * @tagname ui5-duration-picker
-   * @private
-   */
-  class DurationPicker extends _TimePickerBase.default {
-    static get metadata() {
-      return metadata;
-    }
-
-    /**
-     * In order to keep the existing behavior (although not consistent with the other picker components), we enforce limits and step on each change and initially
-     */
-    onBeforeRendering() {
-      const value = this.value;
-      if (this.isValid(value)) {
-        this.value = this.normalizeValue(value);
-      }
-    }
-
-    /**
-     * In order to keep the existing behavior (although not consistent with the other picker components), we do not update "value" on input, only fire event
-     * @override
-     */
-    async _handleInputLiveChange(event) {
-      const value = event.target.value;
-      const valid = this.isValid(value);
-      this._updateValueState(); // Change the value state to Error/None, but only if needed
-      this.fireEvent("input", {
-        value,
-        valid
-      });
-    }
-    get _formatPattern() {
-      return "HH:mm:ss";
-    }
-
-    /**
-     * The "value" property might be "02:03" (HH:ss) or just "12"(ss) but the ui5-time-selection component requires a value compliant with _formatPattern
-     * We split the value and shift up to 3 times, filling the values for the configured units (based on hideHours, hideMinutes, hideSeconds)
-     * @override
-     */
-    get _effectiveValue() {
-      return this.isValid(this.value) ? this._toFullFormat(this.value) : "00:00:00";
-    }
-    get _timeSelectionValue() {
-      return this._effectiveValue;
-    }
-
-    /**
-     * @override
-     */
-    get openIconName() {
-      return "fob-watch";
-    }
-
-    /**
-     * Transforms the value to HH:mm:ss format to be compatible with time manipulation logic (keyboard handling, time selection component)
-     * @private
-     */
-    _toFullFormat(value) {
-      let hours = "00",
-        minutes = "00",
-        seconds = "00";
-      const parts = value.split(":");
-      if (parts.length && !this.hideHours) {
-        hours = parts.shift();
-      }
-      if (parts.length && !this.hideMinutes) {
-        minutes = parts.shift();
-      }
-      if (parts.length && !this.hideSeconds) {
-        seconds = parts.shift();
-      }
-      return `${hours}:${minutes}:${seconds}`;
-    }
-
-    /**
-     * Transforms the value from HH:mm:ss format to the needed partial format (f.e. HH:ss or mm or ss) to be displayed in the input
-     * @private
-     */
-    _toPartialFormat(value) {
-      const parts = value.split(":");
-      const newParts = [];
-      if (!this.hideHours) {
-        newParts.push(parts[0]);
-      }
-      if (!this.hideMinutes) {
-        newParts.push(parts[1]);
-      }
-      if (!this.hideSeconds) {
-        newParts.push(parts[2]);
-      }
-      return newParts.join(":");
-    }
-    _enforceLimitsAndStep(fullFormatValue) {
-      let [hours, minutes, seconds] = fullFormatValue.split(":");
-      hours = Math.min(hours, this.maxHours);
-      minutes = Math.min(minutes, this.maxMinutes);
-      seconds = Math.min(seconds, this.maxSeconds);
-      minutes = getNearestValue(minutes, this.minutesStep, this.maxMinutes);
-      seconds = getNearestValue(seconds, this.secondsStep, this.maxSeconds);
-      return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
-    }
-
-    /**
-     * @override
-     */
-    normalizeValue(value) {
-      let fullFormatValue = this._toFullFormat(value); // transform to full format (HH:mm:ss) if not already in this format, in order to normalize the value
-      fullFormatValue = this._enforceLimitsAndStep(fullFormatValue);
-      return this._toPartialFormat(fullFormatValue); // finally transform back to the needed format for the input
-    }
-
-    get maxHours() {
-      return parseInt(this.maxValue.split(":")[0]);
-    }
-    get maxMinutes() {
-      return parseInt(this.maxValue.split(":")[1]);
-    }
-    get maxSeconds() {
-      return parseInt(this.maxValue.split(":")[2]);
-    }
-    get dateAriaDescription() {
-      return DurationPicker.i18nBundle.getText(_i18nDefaults.DURATION_INPUT_DESCRIPTION);
-    }
-    get accInfo() {
-      return {
-        "ariaRoledescription": this.dateAriaDescription,
-        "ariaHasPopup": "dialog",
-        "ariaAutoComplete": "none",
-        "role": "combobox",
-        "ariaControls": `${this._id}-responsive-popover`,
-        "ariaExpanded": this.isOpen()
-      };
-    }
-  }
-  DurationPicker.define();
-  var _default = DurationPicker;
-  _exports.default = _default;
-});

package/src/sap/ui/webc/main/thirdparty/TreeListItem.js

@@ -1,316 +0,0 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/types/ValueState", "./ListItem", "./Icon", "sap/ui/webc/common/thirdparty/icons/navigation-right-arrow", "sap/ui/webc/common/thirdparty/icons/navigation-down-arrow", "./generated/i18n/i18n-defaults", "./generated/templates/TreeListItemTemplate.lit", "./generated/themes/TreeListItem.css"], function (_exports, _Integer, _Keys, _i18nBundle, _ValueState, _ListItem, _Icon, _navigationRightArrow, _navigationDownArrow, _i18nDefaults, _TreeListItemTemplate, _TreeListItem) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports.default = void 0;
-  _Integer = _interopRequireDefault(_Integer);
-  _ValueState = _interopRequireDefault(_ValueState);
-  _ListItem = _interopRequireDefault(_ListItem);
-  _Icon = _interopRequireDefault(_Icon);
-  _TreeListItemTemplate = _interopRequireDefault(_TreeListItemTemplate);
-  _TreeListItem = _interopRequireDefault(_TreeListItem);
-  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Template
-
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-li-tree",
-    languageAware: true,
-    properties: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
-      /**
-       * Defines the indentation of the tree list item. Use level 1 for tree list items, representing top-level tree nodes.
-       *
-       * @type {Integer}
-       * @public
-       * @defaultValue 1
-       */
-      level: {
-        type: _Integer.default,
-        defaultValue: 1
-      },
-      /**
-       * If set, an icon will be displayed before the text of the tree list item.
-       *
-       * @public
-       * @type {string}
-       * @defaultValue ""
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines whether the tree list item should display an expand/collapse button.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      showToggleButton: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      expanded: {
-        type: Boolean
-      },
-      /**
-       * @private
-       * @since 1.1.0
-       */
-      indeterminate: {
-        type: Boolean
-      },
-      /**
-       * Defines the <code>additionalText</code>, displayed in the end of the tree item.
-       * @type {string}
-       * @public
-       * @since 1.0.0-rc.15
-       */
-      additionalText: {
-        type: String
-      },
-      /**
-       * Defines the state of the <code>additionalText</code>.
-       * <br>
-       * Available options are: <code>"None"</code> (by default), <code>"Success"</code>, <code>"Warning"</code>, <code>"Information"</code> and <code>"Erorr"</code>.
-       * @type {ValueState}
-       * @defaultvalue "None"
-       * @public
-       * @since 1.0.0-rc.15
-       */
-      additionalTextState: {
-        type: _ValueState.default,
-        defaultValue: _ValueState.default.None
-      },
-      /**
-       * Defines whether the toggle button is shown at the end, rather than at the beginning of the item
-       *
-       * @protected
-       * @since 1.0.0-rc.8
-       */
-      _toggleButtonEnd: {
-        type: Boolean
-      },
-      /**
-       * Defines whether the item shows minimal details - only icon (no text or toggle button)
-       *
-       * @protected
-       * @since 1.0.0-rc.8
-       */
-      _minimal: {
-        type: Boolean
-      },
-      /**
-       * @private
-       * @since 1.0.0-rc.11
-       */
-      _setsize: {
-        type: _Integer.default,
-        defaultValue: 1,
-        noAttribute: true
-      },
-      /**
-       * @private
-       * @since 1.0.0-rc.11
-       */
-      _posinset: {
-        type: _Integer.default,
-        defaultValue: 1,
-        noAttribute: true
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
-      /**
-       * Defines the text of the component.
-       * <br><br>
-       * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
-       *
-       * @type {Node[]}
-       * @slot
-       * @public
-       */
-      "default": {
-        type: Node
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
-      /**
-       * Fired when the user interacts with the expand/collapse button of the tree list item.
-       * @event
-       * @param {HTMLElement} item the toggled item.
-       * @public
-       */
-      toggle: {
-        detail: {
-          item: {
-            type: HTMLElement
-          }
-        }
-      },
-      /**
-       * Fired when the user drills down into the tree hierarchy by pressing the right arrow on the tree node.
-       *
-       * @event sap.ui.webcomponents.main.TreeListItem#step-in
-       * @param {HTMLElement} item the item on which right arrow was pressed.
-       * @public
-       */
-      "step-in": {
-        detail: {
-          item: {
-            type: HTMLElement
-          }
-        }
-      },
-      /**
-       * Fired when the user goes up the tree hierarchy by pressing the left arrow on the tree node.
-       *
-       * @event sap.ui.webcomponents.main.TreeListItem#step-out
-       * @param {HTMLElement} item the item on which left arrow was pressed.
-       * @public
-       */
-      "step-out": {
-        detail: {
-          item: {
-            type: HTMLElement
-          }
-        }
-      }
-    }
-  };
-
-  /**
-   * @class
-   * The <code>ui5-li-tree</code> represents a node in a tree structure, shown as a <code>ui5-list</code>.
-   * <br>
-   * <i>Note:</i> Do not use <code>ui5-li-tree</code> directly in your apps. Use <code>ui5-tree-item</code> instead, as it can be nested inside a <code>ui5-tree</code>.
-   * On the other hand, <code>ui5-li-tree</code> can only be slotted inside a <code>ui5-list</code>, being a list item. It may be useful if you want to build a custom tree component, for example.
-   *
-   * <h3>CSS Shadow Parts</h3>
-   *
-   * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
-   * <br>
-   * The <code>ui5-li-tree</code> exposes the following CSS Shadow Parts:
-   * <ul>
-   * <li>title - Used to style the title of the tree list item</li>
-   * <li>additionalText - Used to style the additionalText of the tree list item</li>
-   * <li>icon - Used to style the icon of the tree list item</li>
-   * </ul>
-   *
-   * @constructor
-   * @author SAP SE
-   * @alias sap.ui.webcomponents.main.TreeListItem
-   * @extends ListItem
-   * @tagname ui5-li-tree
-   * @public
-   * @since 1.0.0-rc.8
-   */
-  class TreeListItem extends _ListItem.default {
-    static get template() {
-      return _TreeListItemTemplate.default;
-    }
-    static get styles() {
-      return [_ListItem.default.styles, _TreeListItem.default];
-    }
-    static get metadata() {
-      return metadata;
-    }
-    static get dependencies() {
-      return [..._ListItem.default.dependencies, _Icon.default];
-    }
-    onBeforeRendering() {
-      this.actionable = false;
-    }
-    get classes() {
-      const allClasses = super.classes;
-      allClasses.main["ui5-li-root-tree"] = true;
-      return allClasses;
-    }
-    get styles() {
-      return {
-        preContent: {
-          "padding-left": `calc(var(--_ui5-tree-indent-step) * ${this.effectiveLevel})`
-        }
-      };
-    }
-    get effectiveLevel() {
-      return this.level - 1;
-    }
-    get hasParent() {
-      return this.level > 1;
-    }
-    get _toggleIconName() {
-      return this.expanded ? "navigation-down-arrow" : "navigation-right-arrow";
-    }
-    get _showToggleButtonBeginning() {
-      return this.showToggleButton && !this._minimal && !this._toggleButtonEnd;
-    }
-    get _showToggleButtonEnd() {
-      return this.showToggleButton && !this._minimal && this._toggleButtonEnd;
-    }
-    get _showTitle() {
-      return this.textContent.length && !this._minimal;
-    }
-    get _accInfo() {
-      return {
-        role: "treeitem",
-        ariaExpanded: this.showToggleButton ? this.expanded : undefined,
-        ariaLevel: this.level,
-        posinset: this._posinset,
-        setsize: this._setsize,
-        ariaSelectedText: this.ariaSelectedText,
-        listItemAriaLabel: TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_ARIA_LABEL)
-      };
-    }
-    _toggleClick(event) {
-      event.stopPropagation();
-      this.fireEvent("toggle", {
-        item: this
-      });
-    }
-    _onkeydown(event) {
-      super._onkeydown(event);
-      if (this.showToggleButton && (0, _Keys.isRight)(event)) {
-        if (!this.expanded) {
-          this.fireEvent("toggle", {
-            item: this
-          });
-        } else {
-          this.fireEvent("step-in", {
-            item: this
-          });
-        }
-      }
-      if ((0, _Keys.isLeft)(event)) {
-        if (this.expanded) {
-          this.fireEvent("toggle", {
-            item: this
-          });
-        } else if (this.hasParent) {
-          this.fireEvent("step-out", {
-            item: this
-          });
-        }
-      }
-    }
-    get iconAccessibleName() {
-      return this.expanded ? TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_COLLAPSE_NODE) : TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_EXPAND_NODE);
-    }
-    static async onDefine() {
-      [TreeListItem.i18nBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents"), super.onDefine()]);
-    }
-  }
-  TreeListItem.define();
-  var _default = TreeListItem;
-  _exports.default = _default;
-});

package/src/sap/ui/webc/main/thirdparty/css/themes/TreeListItem.css

@@ -1 +0,0 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;position:relative}:host([_minimal]) .ui5-li-tree-toggle-box{width:0;min-width:0}:host([_minimal]) .ui5-li-icon{padding:0}:host([_minimal]) .ui5-li-content{justify-content:center}:host([_minimal]) .ui5-li-root-tree{padding:0}:host([_minimal][show-toggle-button]):after{content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--sapContent_NonInteractiveIconColor);position:absolute;right:.1875rem;bottom:.125rem}:host([_minimal]) .ui5-li-tree-text-wrapper{display:none}.ui5-li-root-tree{padding-inline-start:0}:host(:not([level="1"])){border-color:var(--sapList_AlternatingBackground)}:host([_toggle-button-end][selected]:not([level="1"])){border-bottom:var(--ui5-listitem-selected-border-bottom)}:host([_mode]:not([_mode=None]):not([_mode=Delete]):not([selected])) .ui5-li-root-tree:hover,:host([_toggle-button-end]:not([selected])) .ui5-li-root-tree:hover{background:var(--sapList_Hover_Background);cursor:pointer}:host(:not([level="1"]):not([selected])) .ui5-li-root-tree{background:var(--sapList_AlternatingBackground)}:host([_toggle-button-end]:not([level="1"])) .ui5-li-root-tree{background:var(--ui5-listitem-background-color)}:host([_toggle-button-end][selected]:not([level="1"])) .ui5-li-root-tree{background:var(--sapList_SelectionBackgroundColor)}:host([_mode]:not([_mode=None]):not([_mode=Delete])[selected]) .ui5-li-root-tree:hover{background-color:var(--sapList_Hover_SelectionBackground);cursor:pointer}.ui5-li-tree-toggle-box{min-width:var(--_ui5-tree-toggle-box-width);min-height:var(--_ui5-tree-toggle-box-height);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ui5-li-tree-toggle-icon{width:var(--_ui5-tree-toggle-icon-size);height:var(--_ui5-tree-toggle-icon-size);color:var(--sapContent_IconColor);cursor:pointer}:host([actionable]) .ui5-li-tree-toggle-icon{color:var(--sapButton_TextColor)}:host([active][actionable]) .ui5-li-tree-toggle-icon{color:var(--sapList_Active_TextColor)}.ui5-li-tree-text-wrapper{display:flex;justify-content:space-between;width:100%}

package/src/sap/ui/webc/main/thirdparty/generated/templates/TreeListItemTemplate.lit.js

@@ -1,27 +0,0 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer"], function (_exports, _LitRenderer) {
-  "use strict";
-
-  Object.defineProperty(_exports, "__esModule", {
-    value: true
-  });
-  _exports.default = void 0;
-  /* eslint no-unused-vars: 0 */
-
-  const block0 = (context, tags, suffix) => (0, _LitRenderer.html)`<li part="native-li" tabindex="${(0, _LitRenderer.ifDefined)(context.tabIndex)}" class="${(0, _LitRenderer.classMap)(context.classes.main)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${(0, _LitRenderer.ifDefined)(context._accInfo.role)}" aria-expanded="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaExpanded)}" title="${(0, _LitRenderer.ifDefined)(context.title)}" aria-level="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLevel)}" aria-haspopup="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaHaspopup)}" aria-posinset="${(0, _LitRenderer.ifDefined)(context._accInfo.posinset)}" aria-setsize="${(0, _LitRenderer.ifDefined)(context._accInfo.setsize)}" aria-describedby="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText-describedby" aria-labelledby="${(0, _LitRenderer.ifDefined)(context._accessibleNameRef)}" aria-disabled="${(0, _LitRenderer.ifDefined)(context.ariaDisabled)}"><div class="ui5-li-tree-toggle-box" style="${(0, _LitRenderer.styleMap)(context.styles.preContent)}">${context._showToggleButtonBeginning ? block1(context, tags, suffix) : undefined}</div>${context.placeSelectionElementBefore ? block2(context, tags, suffix) : undefined}<div id="${(0, _LitRenderer.ifDefined)(context._id)}-content" class="ui5-li-content">${context.icon ? block6(context, tags, suffix) : undefined}<div class="ui5-li-tree-text-wrapper">${context._showTitle ? block7(context, tags, suffix) : undefined}${context.additionalText ? block8(context, tags, suffix) : undefined}</div></div>${context._showToggleButtonEnd ? block9(context, tags, suffix) : undefined}${context.typeDetail ? block10(context, tags, suffix) : undefined}${context.placeSelectionElementAfter ? block11(context, tags, suffix) : undefined}<span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._accInfo.listItemAriaLabel)}${(0, _LitRenderer.ifDefined)(context.accessibleName)}</span><span id="${(0, _LitRenderer.ifDefined)(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${(0, _LitRenderer.ifDefined)(context._accInfo.ariaSelectedText)}</span></li> `;
-  const block1 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(context._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(context.iconAccessibleName)}" @click="${context._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(context._toggleIconName)}" show-tooltip accessible-name="${(0, _LitRenderer.ifDefined)(context.iconAccessibleName)}" @click="${context._toggleClick}"></ui5-icon>`;
-  const block2 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block3(context, tags, suffix) : undefined}${context.modeMultiSelect ? block4(context, tags, suffix) : undefined}${context.renderDeleteButton ? block5(context, tags, suffix) : undefined}`;
-  const block3 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-  const block4 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-  const block5 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></ui5-button></div>`;
-  const block6 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="icon" name="${(0, _LitRenderer.ifDefined)(context.icon)}" class="ui5-li-icon"></ui5-icon>`;
-  const block7 = (context, tags, suffix) => (0, _LitRenderer.html)`<div part="title" class="ui5-li-title"><slot></slot></div>`;
-  const block8 = (context, tags, suffix) => (0, _LitRenderer.html)`<span part="additional-text" class="ui5-li-additional-text">${(0, _LitRenderer.ifDefined)(context.additionalText)}</span>`;
-  const block9 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)} part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(context._toggleIconName)}" @click="${context._toggleClick}"></${(0, _LitRenderer.scopeTag)("ui5-icon", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-icon part="toggle-icon" class="ui5-li-tree-toggle-icon" name="${(0, _LitRenderer.ifDefined)(context._toggleIconName)}" @click="${context._toggleClick}"></ui5-icon>`;
-  const block10 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-detailbtn"><ui5-button design="Transparent" icon="edit" @click="${context.onDetailClick}"></ui5-button></div>`;
-  const block11 = (context, tags, suffix) => (0, _LitRenderer.html)`${context.modeSingleSelect ? block12(context, tags, suffix) : undefined}${context.modeMultiSelect ? block13(context, tags, suffix) : undefined}${context.renderDeleteButton ? block14(context, tags, suffix) : undefined}`;
-  const block12 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-radio-button", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-radio-button ?disabled="${context.isInactive}" accessible-name="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></ui5-radio-button>`;
-  const block13 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${(0, _LitRenderer.scopeTag)("ui5-checkbox", tags, suffix)}>` : (0, _LitRenderer.html)`<ui5-checkbox ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${(0, _LitRenderer.ifDefined)(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${(0, _LitRenderer.ifDefined)(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></ui5-checkbox>`;
-  const block14 = (context, tags, suffix) => suffix ? (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></${(0, _LitRenderer.scopeTag)("ui5-button", tags, suffix)}></div>` : (0, _LitRenderer.html)`<div class="ui5-li-deletebtn"><ui5-button tabindex="-1" data-sap-no-tab-ref id="${(0, _LitRenderer.ifDefined)(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${(0, _LitRenderer.ifDefined)(context.deleteText)}"></ui5-button></div>`;
-  var _default = block0;
-  _exports.default = _default;
-});