@sapudex/web-components 2.13.0 → 2.14.0

package/dist/HeroBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroBanner.js","sourceRoot":"","sources":["../src/HeroBanner.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 { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/media-play.js\";\nimport \"@ui5/webcomponents-icons/dist/media-pause.js\";\n\nimport HeroBannerTemplate from \"./generated/templates/HeroBannerTemplate.lit.js\";\n\n// Styles\nimport HeroBannerCss from \"./generated/themes/HeroBanner.css.js\";\n\nexport enum UDExImageLoadingStrategies {\n  Eager = \"eager\",\n  Lazy = \"lazy\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-hero-banner\n * @public\n */\n@customElement({\n  tag: \"udex-hero-banner\",\n  renderer: litRender,\n  styles: HeroBannerCss,\n  template: HeroBannerTemplate,\n  dependencies: [Icon],\n})\nclass UDExHeroBanner extends UI5Element {\n  /**\n   * Allows control over the background image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundImage?: string;\n\n  /**\n   * Allows control over the background image loading strategy.\n   *\n   * @public\n   */\n  @property()\n    backgroundImageLoadingStrategy: `${UDExImageLoadingStrategies}` = UDExImageLoadingStrategies.Eager;\n\n  /**\n   * Used as the label for background image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundImageLabel?: string;\n\n  /**\n   * Allows control over the background video source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundVideo?: string;\n\n  /**\n   * Used as the label for background video.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundVideoLabel?: string;\n\n  /**\n   * Allows control over the background color.\n   * Value provided should be compatible with standard CSS rendering, e.g:\n   *  - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n   *  - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n   *  - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n   *  - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n   *  - Text values: \"white\", \"red\"\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundColor?: string;\n\n  /**\n   * Allows control over the background-image to set css gradient.\n   * Value provided should be compatible with standard CSS linear-gradient rendering, e.g:\n   *  linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n   *  linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundGradient?: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _isVideoRunning?: boolean;\n\n  /**\n   * Slot for primary content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    content?: Array<HTMLElement>;\n\n  /**\n   * Slot for image or video content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    mediaContent?: Array<HTMLElement>;\n\n  /**\n   * Slot for any additional content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    additionalContent?: Array<HTMLElement>;\n\n  /**\n   * Slot background picture override.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    backgroundPicture?: Array<HTMLElement>;\n\n  get hasBackgroundImage(): boolean {\n    return !!this.backgroundImage;\n  }\n  get hasBackgroundVideo(): boolean {\n    return !!this.backgroundVideo;\n  }\n  get wrapperBackgroundColor(): string {\n    return this.backgroundColor ? this.backgroundColor : \"transparent\";\n  }\n\n  get wrapperBackgroundImage(): string {\n    return this.backgroundGradient ? `background-image:${this.backgroundGradient}` : \"\";\n  }\n\n  /**\n   * Determines if the video should autoplay based on the user's global preference.\n   */\n  get shouldVideoAutoplay() {\n    return !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  }\n\n  get heroBannerClasses(): string {\n    const heroBannerClasses = [\"udex-hero-banner\"];\n    if (this.hasBackgroundVideo) {\n      heroBannerClasses.push(\"udex-hero-banner--video\");\n    }\n    return heroBannerClasses.join(\" \");\n  }\n\n  get hasMediaContent() {\n    return !!this.mediaContent?.length;\n  }\n\n  get hasAdditionalContent() {\n    return !!this.additionalContent?.length;\n  }\n\n  get hasCustomBackgroundPicture() {\n    return !!this.backgroundPicture?.length;\n  }\n\n  get mediaButtonIconName() {\n    return this._isVideoRunning ? \"media-pause\" : \"media-play\";\n  }\n  get _video() {\n    return this.shadowRoot?.querySelector<HTMLVideoElement>(\"video\");\n  }\n\n  _toggleMediaButton(): void {\n    if (this._video?.paused) {\n      this._video?.play();\n    } else {\n      this._video?.pause();\n    }\n    this._calculateMediaButtonState();\n  }\n\n  _calculateMediaButtonState() {\n    this._isVideoRunning = this._video ? !this._video.paused : false;\n  }\n\n  _isHTMLDivElement = (element: HTMLElement): element is HTMLDivElement => {\n    return element.tagName === \"DIV\";\n  };\n\n  _handleKeydown(event: KeyboardEvent): void {\n    const target = <HTMLElement>event.target;\n    if (this._isHTMLDivElement(target) && isSpace(event)) {\n      event.preventDefault();\n      event.stopPropagation();\n      this._toggleMediaButton();\n    }\n  }\n\n  onEnterDOM() {\n    if (this.backgroundVideo) {\n      if (this.backgroundColor) {\n        this.style.setProperty(\"--udexHeroBannerBackgroundVideoColor\", `${this.wrapperBackgroundColor}`);\n      }\n      this._video?.addEventListener(\"play\", () => {\n        this._calculateMediaButtonState();\n      });\n    }\n  }\n}\nUDExHeroBanner.define();\n\nexport default UDExHeroBanner;\n"]}
+{"version":3,"file":"HeroBanner.js","sourceRoot":"","sources":["../src/HeroBanner.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 { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/media-play.js\";\nimport \"@ui5/webcomponents-icons/dist/media-pause.js\";\nimport HeroBannerTemplate from \"./generated/templates/HeroBannerTemplate.lit.js\";\n\n// Styles\nimport HeroBannerCss from \"./generated/themes/HeroBanner.css.js\";\n\nexport enum UDExImageLoadingStrategies {\n  Eager = \"eager\",\n  Lazy = \"lazy\",\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-hero-banner\n * @public\n */\n@customElement({\n  tag: \"udex-hero-banner\",\n  renderer: litRender,\n  styles: HeroBannerCss,\n  template: HeroBannerTemplate,\n  dependencies: [Icon],\n})\nclass UDExHeroBanner extends UI5Element {\n  /**\n   * Allows control over the background image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundImage?: string;\n\n  /**\n   * Allows control over the background image loading strategy.\n   *\n   * @public\n   */\n  @property()\n    backgroundImageLoadingStrategy: `${UDExImageLoadingStrategies}` = UDExImageLoadingStrategies.Eager;\n\n  /**\n   * Used as the label for background image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundImageLabel?: string;\n\n  /**\n   * Allows control over the background video source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundVideo?: string;\n\n  /**\n   * Used as the label for background video.\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundVideoLabel?: string;\n\n  /**\n   * Allows control over the background color.\n   * Value provided should be compatible with standard CSS rendering, e.g:\n   *  - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n   *  - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n   *  - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n   *  - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n   *  - Text values: \"white\", \"red\"\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundColor?: string;\n\n  /**\n   * Allows control over the background-image to set css gradient.\n   * Value provided should be compatible with standard CSS linear-gradient rendering, e.g:\n   *  linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%);\n   *  linear-gradient(to bottom, var(--udexColorBlue2) 0%,var(--udexColorBlue4) 100%);\n   *\n   * @public\n   */\n  @property({ type: String })\n    backgroundGradient?: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _isVideoRunning?: boolean;\n\n  /**\n   * Slot for primary content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    content?: Array<HTMLElement>;\n\n  /**\n   * Slot for image or video content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    mediaContent?: Array<HTMLElement>;\n\n  /**\n   * Slot for any additional content.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    additionalContent?: Array<HTMLElement>;\n\n  /**\n   * Slot background picture override.\n   *\n   * @slot\n   * @public\n   */\n  @slot()\n    backgroundPicture?: Array<HTMLElement>;\n\n  get hasBackgroundImage(): boolean {\n    return !!this.backgroundImage;\n  }\n  get hasBackgroundVideo(): boolean {\n    return !!this.backgroundVideo;\n  }\n  get wrapperBackgroundColor(): string {\n    return this.backgroundColor ? this.backgroundColor : \"transparent\";\n  }\n\n  get wrapperBackgroundImage(): string {\n    return this.backgroundGradient ? `background-image:${this.backgroundGradient}` : \"\";\n  }\n\n  /**\n   * Determines if the video should autoplay based on the user's global preference.\n   */\n  get shouldVideoAutoplay() {\n    return !window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n  }\n\n  get heroBannerClasses(): string {\n    const heroBannerClasses = [\"udex-hero-banner\"];\n    if (this.hasBackgroundVideo) {\n      heroBannerClasses.push(\"udex-hero-banner--video\");\n    }\n    return heroBannerClasses.join(\" \");\n  }\n\n  get hasMediaContent() {\n    return !!this.mediaContent?.length;\n  }\n\n  get hasAdditionalContent() {\n    return !!this.additionalContent?.length;\n  }\n\n  get hasCustomBackgroundPicture() {\n    return !!this.backgroundPicture?.length;\n  }\n\n  get mediaButtonIconName() {\n    return this._isVideoRunning ? \"media-pause\" : \"media-play\";\n  }\n  get _video() {\n    return this.shadowRoot?.querySelector<HTMLVideoElement>(\"video\");\n  }\n\n  _toggleMediaButton(): void {\n    if (this._video?.paused) {\n      this._video?.play();\n    } else {\n      this._video?.pause();\n    }\n    this._calculateMediaButtonState();\n  }\n\n  _calculateMediaButtonState() {\n    this._isVideoRunning = this._video ? !this._video.paused : false;\n  }\n\n  _isHTMLDivElement = (element: HTMLElement): element is HTMLDivElement => {\n    return element.tagName === \"DIV\";\n  };\n\n  _handleKeydown(event: KeyboardEvent): void {\n    const target = <HTMLElement>event.target;\n    if (this._isHTMLDivElement(target) && isSpace(event)) {\n      event.preventDefault();\n      event.stopPropagation();\n      this._toggleMediaButton();\n    }\n  }\n\n  onEnterDOM() {\n    if (this.backgroundVideo) {\n      if (this.backgroundColor) {\n        this.style.setProperty(\"--udexHeroBannerBackgroundVideoColor\", `${this.wrapperBackgroundColor}`);\n      }\n      this._video?.addEventListener(\"play\", () => {\n        this._calculateMediaButtonState();\n      });\n    }\n  }\n}\nUDExHeroBanner.define();\n\nexport default UDExHeroBanner;\n"]}

package/dist/InputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../src/InputGroup.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAGnD,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AACjF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,sCAAe,CAAA;IACf,0CAAmB,CAAA;AACrB,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,wCAAqB,CAAA;IACrB,4CAAyB,CAAA;AAC3B,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED;;;;;;;;;;;;;;;;GAgBG;AAUH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QASE;;;;;WAKG;QAED,gBAAW,GAAyB,eAAe,CAAC,QAAQ,CAAC;QAE/D;;;;;WAKG;QAED,eAAU,GAA6B,UAAU,CAAC;IA8CtD,CAAC;IAvBC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACzB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBAAC,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;YAAC,CAAC;YACjD,OAAO;gBACL,IAAI,EAAE,EAAE;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO;YACL,SAAS,EAAE,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC;YACjE,OAAO,EAAE,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC;SAC9D,CAAC;IACJ,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;IACxC,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC7E,CAAC;CACF,CAAA;AAhEG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACN;AASnB;IADD,QAAQ,EAAE;mDACoD;AAS7D;IADD,QAAQ,EAAE;kDACyC;AASlD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACD;AASxB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;6CACpB;AAGzC;IADN,IAAI,CAAC,yBAAyB,CAAC;wCACF;AA9C1B,cAAc;IARnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,CAAC;KACxC,CAAC;GAEI,cAAc,CAuEnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type UDExCheckbox from \"./Checkbox.js\";\nimport type UDExRadioButton from \"./RadioButton.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport InputGroupTemplate from \"./generated/templates/InputGroupTemplate.lit.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_ERROR,\n  VALUE_STATE_SUCCESS,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport InputGroupCss from \"./generated/themes/InputGroup.css.js\";\n\nexport enum UDExGroupValueState {\n  Standard = \"Standard\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\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-input-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/InputGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n  tag: \"udex-input-group\",\n  renderer: litRender,\n  styles: InputGroupCss,\n  template: InputGroupTemplate,\n  dependencies: [Icon, UDExStatusMessage],\n})\n\nclass UDExInputGroup extends UI5Element {\n  /**\n   * Defines the group name of the component.\n   *\n   * @public\n   */\n  @property({ type: String })\n    groupName?: string;\n\n  /**\n   * Defines the orientation of the component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${UDExGroupValueState}` = \"Standard\";\n\n  /**\n   * Defines supporting text under the Input Group.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    supportingText?: string;\n\n  /**\n   * Slot for input elements items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    items!: Array<UDExCheckbox | UDExRadioButton>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get _items() {\n    return this.items.map(el => {\n      if (this.groupName) { el.name = this.groupName; }\n      return {\n        item: el,\n      };\n    });\n  }\n\n  get valueStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExInputGroup.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Error\": UDExInputGroup.i18nBundle.getText(VALUE_STATE_ERROR),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== \"Standard\";\n  }\n\n  get valueStateText(): string | undefined {\n    return this.supportingText || this.valueStateTypeMappings[this.valueState];\n  }\n}\n\nUDExInputGroup.define();\n\nexport default UDExInputGroup;\n"]}
+{"version":3,"file":"InputGroup.js","sourceRoot":"","sources":["../src/InputGroup.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAGnD,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AACjF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,mCAAmC,CAAC;AAE3C,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,4CAAqB,CAAA;IACrB,sCAAe,CAAA;IACf,0CAAmB,CAAA;AACrB,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,wCAAqB,CAAA;IACrB,4CAAyB,CAAA;AAC3B,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B;AAED;;;;;;;;;;;;;;;;GAgBG;AAUH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QASE;;;;;WAKG;QAED,gBAAW,GAAyB,eAAe,CAAC,QAAQ,CAAC;QAE/D;;;;;WAKG;QAED,eAAU,GAA6B,UAAU,CAAC;IA8CtD,CAAC;IAvBC,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;YACzB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBAAC,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;YAAC,CAAC;YACjD,OAAO;gBACL,IAAI,EAAE,EAAE;aACT,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO;YACL,SAAS,EAAE,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC;YACjE,OAAO,EAAE,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,iBAAiB,CAAC;SAC9D,CAAC;IACJ,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,UAAU,KAAK,UAAU,CAAC;IACxC,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC7E,CAAC;CACF,CAAA;AAhEG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACN;AASnB;IADD,QAAQ,EAAE;mDACoD;AAS7D;IADD,QAAQ,EAAE;kDACyC;AASlD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACD;AASxB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;6CACpB;AAGzC;IADN,IAAI,CAAC,yBAAyB,CAAC;wCACF;AA9C1B,cAAc;IARnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,iBAAiB,CAAC;KACxC,CAAC;GAEI,cAAc,CAuEnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type UDExCheckbox from \"./Checkbox.js\";\nimport type UDExRadioButton from \"./RadioButton.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport InputGroupTemplate from \"./generated/templates/InputGroupTemplate.lit.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_ERROR,\n  VALUE_STATE_SUCCESS,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Styles\nimport InputGroupCss from \"./generated/themes/InputGroup.css.js\";\n\nexport enum UDExGroupValueState {\n  Standard = \"Standard\",\n  Error = \"Error\",\n  Success = \"Success\",\n}\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\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-input-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/InputGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n  tag: \"udex-input-group\",\n  renderer: litRender,\n  styles: InputGroupCss,\n  template: InputGroupTemplate,\n  dependencies: [Icon, UDExStatusMessage],\n})\n\nclass UDExInputGroup extends UI5Element {\n  /**\n   * Defines the group name of the component.\n   *\n   * @public\n   */\n  @property({ type: String })\n    groupName?: string;\n\n  /**\n   * Defines the orientation of the component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${UDExGroupValueState}` = \"Standard\";\n\n  /**\n   * Defines supporting text under the Input Group.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    supportingText?: string;\n\n  /**\n   * Slot for input elements items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    items!: Array<UDExCheckbox | UDExRadioButton>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get _items() {\n    return this.items.map(el => {\n      if (this.groupName) { el.name = this.groupName; }\n      return {\n        item: el,\n      };\n    });\n  }\n\n  get valueStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExInputGroup.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Error\": UDExInputGroup.i18nBundle.getText(VALUE_STATE_ERROR),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== \"Standard\";\n  }\n\n  get valueStateText(): string | undefined {\n    return this.supportingText || this.valueStateTypeMappings[this.valueState];\n  }\n}\n\nUDExInputGroup.define();\n\nexport default UDExInputGroup;\n"]}

package/dist/LinkList.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.js","sourceRoot":"","sources":["../src/LinkList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,SAAS;AACT,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,mCAAe,CAAA;IACf,mCAAe,CAAA;AACjB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AACD;;;;;;;;;;;;;;;;;GAiBG;AAQH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAUE;;;;;WAKG;QAED,mBAAc,GAAG,MAAM,CAAC;QAW1B;;;;;WAKG;QAED,SAAI,GAA0B,gBAAgB,CAAC,IAAI,CAAC;IAYxD,CAAC;IAVC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAvCG;IADD,QAAQ,EAAE;oDACe;AASxB;IADD,QAAQ,EAAE;oDACe;AASxB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;2CACX;AAShC;IADD,QAAQ,EAAE;0CAC2C;AAnClD,YAAY;IAPjB,aAAa,CAAC;QACb,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,gBAAgB;KAC3B,CAAC;GAEI,YAAY,CA+CjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type UDExLinkListItem from \"./LinkListItem.js\";\nimport LinkListTemplate from \"./LinkListTemplate.js\";\n\n// Styles\nimport LinkListCss from \"./generated/themes/LinkList.css.js\";\n\nexport enum UDExLinkListType {\n  Link = \"Link\",\n  TileS = \"TileS\",\n  TileL = \"TileL\",\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-link-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/LinkList.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-link-list\n * @public\n */\n@customElement({\n  tag: \"udex-link-list\",\n  renderer: jsxRenderer,\n  styles: LinkListCss,\n  template: LinkListTemplate,\n})\n\nclass UDExLinkList extends UI5Element {\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the role of the item.\n   * @public\n   * @default \"list\"\n   *\n   */\n  @property()\n    accessibleRole = \"list\";\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExLinkListItem>;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"link-based\"\n   * @public\n   */\n  @property()\n    type: `${UDExLinkListType}` = UDExLinkListType.Link;\n\n  onBeforeRendering(): void {\n    this.prepareListItems();\n  }\n\n  prepareListItems(): void {\n    this.items.forEach(item => {\n      item.type = this.type;\n      item._accessibleRole = \"listitem\";\n    });\n  }\n}\n\nUDExLinkList.define();\n\nexport default UDExLinkList;\n"]}
+{"version":3,"file":"LinkList.js","sourceRoot":"","sources":["../src/LinkList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,SAAS;AACT,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAE7D,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,mCAAe,CAAA;IACf,mCAAe,CAAA;AACjB,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAED;;;;;;;;;;;;;;;;;GAiBG;AAQH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QAUE;;;;;WAKG;QAED,mBAAc,GAAG,MAAM,CAAC;QAW1B;;;;;WAKG;QAED,SAAI,GAA0B,gBAAgB,CAAC,IAAI,CAAC;IAYxD,CAAC;IAVC,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AAvCG;IADD,QAAQ,EAAE;oDACe;AASxB;IADD,QAAQ,EAAE;oDACe;AASxB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;2CACX;AAShC;IADD,QAAQ,EAAE;0CAC2C;AAnClD,YAAY;IAPjB,aAAa,CAAC;QACb,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,gBAAgB;KAC3B,CAAC;GAEI,YAAY,CA+CjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type UDExLinkListItem from \"./LinkListItem.js\";\nimport LinkListTemplate from \"./LinkListTemplate.js\";\n\n// Styles\nimport LinkListCss from \"./generated/themes/LinkList.css.js\";\n\nexport enum UDExLinkListType {\n  Link = \"Link\",\n  TileS = \"TileS\",\n  TileL = \"TileL\",\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-link-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/LinkList.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-link-list\n * @public\n */\n@customElement({\n  tag: \"udex-link-list\",\n  renderer: jsxRenderer,\n  styles: LinkListCss,\n  template: LinkListTemplate,\n})\n\nclass UDExLinkList extends UI5Element {\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the role of the item.\n   * @public\n   * @default \"list\"\n   *\n   */\n  @property()\n    accessibleRole = \"list\";\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExLinkListItem>;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"link-based\"\n   * @public\n   */\n  @property()\n    type: `${UDExLinkListType}` = UDExLinkListType.Link;\n\n  onBeforeRendering(): void {\n    this.prepareListItems();\n  }\n\n  prepareListItems(): void {\n    this.items.forEach(item => {\n      item.type = this.type;\n      item._accessibleRole = \"listitem\";\n    });\n  }\n}\n\nUDExLinkList.define();\n\nexport default UDExLinkList;\n"]}

package/dist/LinkListItem.d.ts

@@ -76,3 +76,4 @@ declare class UDExLinkListItem extends UI5Element {
     get isLink(): boolean;
 }
 export default UDExLinkListItem;
+export type { UDExListLinkItemClickEventDetail };

package/dist/LinkListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkListItem.js","sourceRoot":"","sources":["../src/LinkListItem.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,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAMrE;;;;;;;;;;;;;;;;;GAiBG;AAcH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAaE;;;;WAIG;QAED,WAAM,GAAoB,UAAU,CAAC,KAAK,CAAC;QAW7C;;;;WAIG;QAED,SAAI,GAA0B,gBAAgB,CAAC,IAAI,CAAC;IAsCxD,CAAC;IATC,kBAAkB,CAAC,CAAc;QAC/B,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;YACpC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa;SACxD,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,CAAC;IAC7C,CAAC;CACF,CAAA;AA/DG;IADD,QAAQ,EAAE;8CACK;AAQd;IADD,QAAQ,EAAE;gDACkC;AAS3C;IADD,QAAQ,EAAE;8CACK;AAQd;IADD,QAAQ,EAAE;8CAC2C;AASpD;IADD,QAAQ,EAAE;wDACe;AASxB;IADD,QAAQ,EAAE;yDACgB;AASzB;IADD,QAAQ,EAAE;+CACM;AA/Db,gBAAgB;IAbrB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEjC,gBAAgB,CA0ErB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,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-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { UDExLinkListType } from \"./LinkList.js\";\nimport LinkListItemTemplate from \"./LinkListItemTemplate.js\";\nimport { UDExTarget } from \"./types/common.js\";\n\n// Styles\nimport LinkListItemCss from \"./generated/themes/LinkListItem.css.js\";\n\ntype UDExListLinkItemClickEventDetail = {\n  originalEvent: Event,\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-link-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/LinkListItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-link-list-item\n * @public\n */\n@customElement({\n  tag: \"udex-link-list-item\",\n  renderer: jsxRenderer,\n  styles: LinkListItemCss,\n  template: LinkListItemTemplate,\n})\n\n/**\n * Triggered when the user clicks on an item.\n * @public\n */\n@event(\"item-click\", { bubbles: true })\n\nclass UDExLinkListItem extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExListLinkItemClickEventDetail,\n  };\n\n  /**\n   * Defines the href for the item.\n   * @default undefined\n   * @public\n   */\n  @property()\n    href?: string;\n\n  /**\n   * Defines target for the item\n   * @default \"_self\"\n   * @public\n   */\n  @property()\n    target: `${UDExTarget}` = UDExTarget._self;\n\n  /**\n   * Defines the icon, displayed as graphical element within the component before the item's label.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    icon?: string;\n\n  /**\n   * Defines the type of the item.\n   * @default \"link\"\n   * @public\n   */\n  @property()\n    type: `${UDExLinkListType}` = UDExLinkListType.Link;\n\n  /**\n   * Defines the accessible aria-label of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the role of the item.\n   * @private\n   * @default \"listitem\"\n   *\n   */\n  @property()\n    _accessibleRole?: string;\n\n  /**\n   * Defines the label of the item.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    label?: string;\n\n  fireItemClickEvent(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"item-click\", {\n      originalEvent: this.isLink ? e : e.detail.originalEvent,\n    });\n  }\n\n  get isLink(): boolean {\n    return this.type === UDExLinkListType.Link;\n  }\n}\n\nUDExLinkListItem.define();\n\nexport default UDExLinkListItem;\n"]}
+{"version":3,"file":"LinkListItem.js","sourceRoot":"","sources":["../src/LinkListItem.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,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,oBAAoB,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAMrE;;;;;;;;;;;;;;;;;GAiBG;AAcH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAaE;;;;WAIG;QAED,WAAM,GAAoB,UAAU,CAAC,KAAK,CAAC;QAW7C;;;;WAIG;QAED,SAAI,GAA0B,gBAAgB,CAAC,IAAI,CAAC;IAsCxD,CAAC;IATC,kBAAkB,CAAC,CAAc;QAC/B,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;YACpC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa;SACxD,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,IAAI,CAAC;IAC7C,CAAC;CACF,CAAA;AA/DG;IADD,QAAQ,EAAE;8CACK;AAQd;IADD,QAAQ,EAAE;gDACkC;AAS3C;IADD,QAAQ,EAAE;8CACK;AAQd;IADD,QAAQ,EAAE;8CAC2C;AASpD;IADD,QAAQ,EAAE;wDACe;AASxB;IADD,QAAQ,EAAE;yDACgB;AASzB;IADD,QAAQ,EAAE;+CACM;AA/Db,gBAAgB;IAbrB,aAAa,CAAC;QACb,GAAG,EAAE,qBAAqB;QAC1B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,eAAe;QACvB,QAAQ,EAAE,oBAAoB;KAC/B,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEjC,gBAAgB,CA0ErB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,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-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { UDExLinkListType } from \"./LinkList.js\";\nimport LinkListItemTemplate from \"./LinkListItemTemplate.js\";\nimport { UDExTarget } from \"./types/common.js\";\n\n// Styles\nimport LinkListItemCss from \"./generated/themes/LinkListItem.css.js\";\n\ntype UDExListLinkItemClickEventDetail = {\n  originalEvent: Event,\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-link-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/LinkListItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-link-list-item\n * @public\n */\n@customElement({\n  tag: \"udex-link-list-item\",\n  renderer: jsxRenderer,\n  styles: LinkListItemCss,\n  template: LinkListItemTemplate,\n})\n\n/**\n * Triggered when the user clicks on an item.\n * @public\n */\n@event(\"item-click\", { bubbles: true })\n\nclass UDExLinkListItem extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExListLinkItemClickEventDetail,\n  };\n\n  /**\n   * Defines the href for the item.\n   * @default undefined\n   * @public\n   */\n  @property()\n    href?: string;\n\n  /**\n   * Defines target for the item\n   * @default \"_self\"\n   * @public\n   */\n  @property()\n    target: `${UDExTarget}` = UDExTarget._self;\n\n  /**\n   * Defines the icon, displayed as graphical element within the component before the item's label.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    icon?: string;\n\n  /**\n   * Defines the type of the item.\n   * @default \"link\"\n   * @public\n   */\n  @property()\n    type: `${UDExLinkListType}` = UDExLinkListType.Link;\n\n  /**\n   * Defines the accessible aria-label of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the role of the item.\n   * @private\n   * @default \"listitem\"\n   *\n   */\n  @property()\n    _accessibleRole?: string;\n\n  /**\n   * Defines the label of the item.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    label?: string;\n\n  fireItemClickEvent(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"item-click\", {\n      originalEvent: this.isLink ? e : e.detail.originalEvent,\n    });\n  }\n\n  get isLink(): boolean {\n    return this.type === UDExLinkListType.Link;\n  }\n}\n\nUDExLinkListItem.define();\n\nexport default UDExLinkListItem;\nexport type { UDExListLinkItemClickEventDetail };\n"]}

package/dist/List.d.ts

@@ -138,3 +138,4 @@ declare class UDExList extends UI5Element {
     get holderHeight(): string;
 }
 export default UDExList;
+export type { UDExListSelectionChangeEventDetail };

package/dist/List.js

@@ -14,7 +14,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isUp, isDown, isHome, isEnd, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { UDExListStyleType, UDExListMode } from "./types/List.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE, } from "./generated/i18n/i18n-defaults.js";
+import { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from "./generated/i18n/i18n-defaults.js";
 import ListTemplate from "./generated/templates/ListTemplate.lit.js";
 // Styles
 import ListCss from "./generated/themes/List.css.js";

package/dist/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isUp,\n  isDown,\n  isHome,\n  isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport { UDExListStyleType, UDExListMode } from \"./types/List.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExUploadItem from \"./UploadItem.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  ARIA_LABEL_LIST_MULTISELECTABLE,\n  ARIA_LABEL_LIST_SELECTABLE,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport ListTemplate from \"./generated/templates/ListTemplate.lit.js\";\n\n// Styles\nimport ListCss from \"./generated/themes/List.css.js\";\nimport isLetterKey from \"./utils/isLetterKeyPressed.js\";\nimport type { UDExListWithFirstLetterFocus } from \"./utils/ListWithFirstLetterFocus.js\";\nimport UDExFirstLetterFocusHandler from \"./utils/ListWithFirstLetterFocus.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type UDExListItemBase = UDExListItem & UDExListGroupHeader & UDExUploadItem;\n\ntype UDExListSelectionChangeEventDetail = {\n  listItems: Array<UDExListItemBase>,\n  selectedItems: Array<UDExListItemBase>,\n  item: HTMLElement,\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-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/List.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-list\n * @public\n */\n@customElement({\n  tag: \"udex-list\",\n  renderer: litRender,\n  styles: [ListCss, getEffectiveScrollbarStyle()],\n  template: ListTemplate,\n  dependencies: [],\n})\n\n@event(\"selection-change\", { bubbles: true })\n\nclass UDExList extends UI5Element {\n  eventDetails!: {\n    \"selection-change\": UDExListSelectionChangeEventDetail\n  };\n  /**\n   * Defines the accessible role of the component.\n   *\n   * @default \"listbox\"\n   * @public\n   */\n  @property()\n    accessibleRole: string = \"listbox\";\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the controlled of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the headerText, displayed in the top of the list.\n   *\n   * @public\n   */\n  @property({ type: String })\n    headerText?: string;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed for each item of the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    itemIcon: string = \"\";\n\n  /**\n   * Enables tab navigation for the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExListItemBase>;\n\n  _focusHandler: UDExListWithFirstLetterFocus = new UDExFirstLetterFocusHandler();\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering(): void {\n    this.prepareListItemsMode();\n    this._focusHandler.resetMatchingItems();\n    this._focusHandler._focusableListItems = this.getItemsWithoutHeader();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    const clickedItem: UDExListItemBase = e.detail.item;\n    this.onItemPress(clickedItem);\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (this.tabNavigationEnabled) {\n      return;\n    }\n    if (isUp(e)) {\n      this.handleUpArrow(e);\n    }\n    if (isDown(e)) {\n      this.handleDownArrow(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n    if (isLetterKey(e.key)) {\n      this.handleLetterKey(e);\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const lastItemIndex = items.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const isHeaderItem = items[previousSelectIndex].isGroup;\n    const nonInteractiveHeader = items[previousSelectIndex].nonInteractive;\n\n    if (nonInteractiveHeader && previousSelectIndex === 0) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, lastItemIndex);\n      items[lastItemIndex].focus();\n      return;\n    }\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex - 1);\n      items[previousSelectIndex - 1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex);\n      this.focusHeader(items[previousSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[previousSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, previousSelectIndex);\n    items[previousSelectIndex].focus();\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;\n    const isHeaderItem = items[nextSelectIndex].isGroup;\n    const nonInteractiveHeader = items[nextSelectIndex].nonInteractive;\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex + 1);\n      items[nextSelectIndex + 1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex);\n      this.focusHeader(items[nextSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[nextSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, nextSelectIndex);\n    items[nextSelectIndex].focus();\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const firstItem = items[0];\n    const isHeaderItem = firstItem.isGroup;\n    const nonInteractiveItem = firstItem.nonInteractive;\n\n    if (nonInteractiveItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 1);\n      items[1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 0);\n      this.focusHeader(items[0]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[0].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, 0);\n    items[0].focus();\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[items.length - 1].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, items.length - 1);\n    items[items.length - 1].focus();\n  }\n\n  handleLetterKey(e: KeyboardEvent): void {\n    const letterKey = e.key;\n    e.stopPropagation();\n    e.preventDefault();\n    this._focusHandler.focusMatchingListItem(letterKey);\n  }\n\n  onItemPress(clickedItem: UDExListItemBase): void {\n    if (this.modeSingleSelect && !this.controlled) {\n      this.revertSelectedItems(this.getSelectedItems());\n      clickedItem.selected = true;\n    }\n\n    if (this.modeRadioGroup && !this.controlled) {\n      const groupHeader = clickedItem.parentElement as UDExListGroupHeaderBase;\n      const groupItems = groupHeader.getItems() as Array<UDExListItemBase>;\n      this.revertSelectedItems(groupItems);\n      clickedItem.selected = true;\n    }\n\n    if (!this.tabNavigationEnabled) {\n      this.resetTabIndexes();\n      clickedItem._tabIndex = \"0\";\n    }\n\n    this.fireDecoratorEvent(\"selection-change\", {\n      listItems: this.getItemsFromList(),\n      selectedItems: this.getSelectedItems(),\n      item: clickedItem,\n    });\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>): void {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSelectedItem(): void {\n    const selectedItemIndex = this.items.findIndex(item => item.selected);\n    this.resetTabIndexes();\n    if (selectedItemIndex !== -1 && this.modeSingleSelect) {\n      this.setTabIndexByIndex(this.items, selectedItemIndex);\n    }\n  }\n\n  focusHeader(item: UDExListItemBase): void {\n    const header = item.shadowRoot?.querySelector(\".udex-list__group-header\") as HTMLElement;\n    header.focus();\n  }\n\n  unsetTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"-1\";\n  }\n\n  setTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"0\";\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  getSelectedItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => item.selected);\n  }\n\n  getCurrentIndex(items: Array<UDExListItemBase>, item: UDExListItemBase): number {\n    return items.indexOf(item);\n  }\n\n  getItemsWithoutHeader(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => !item.isGroup);\n  }\n\n  getKeyboardNavigationItems(): Array<UDExListItemBase> {\n    const items = this.modeMultiSelect ? this.getItemsFromList() : this.getItemsWithoutHeader();\n    return items.filter(item => !item.disabled);\n  }\n\n  getItemsFromList(): Array<UDExListItemBase> {\n    const items: UDExListItemBase[] = [];\n    const slottedItems = this.getItems();\n\n    slottedItems.forEach(item => {\n      const childItems = item.isGroup ? item.children : [];\n      items.push(item, ...childItems as UDExListItemBase[]);\n    });\n\n    return items;\n  }\n\n  prepareListItemsMode(): void {\n    this.getItemsFromList().forEach((item, index) => {\n      item.mode = this.mode;\n      item.controlled = this.controlled;\n      item.type = this.type;\n      item._icon = this.itemIcon;\n      item._tabIndex = this.getTabIndex(index, item);\n    });\n  }\n\n  getTabIndex(index: number, item: UDExListItemBase): string {\n    if (this.tabNavigationEnabled) {\n      return \"0\";\n    }\n\n    const isFirstItem = this.modeSelected && index === 0;\n    const isFirstItemInGroupList = this.isGroupList && index === 1;\n    const listGroupHeader = item.closest(\"[udex-list-group-header]\") as UDExListGroupHeader;\n    const modeSingleOrRadio = this.modeSingleSelect || this.modeRadioGroup;\n    const isFirstHeader = item.isGroup && isFirstItem;\n    const isFirstHeaderMultiMode = isFirstHeader && this.modeMultiSelect && !item.nonInteractive;\n    const isFirstItemGroupSingleOrRadioMode = isFirstItemInGroupList && modeSingleOrRadio;\n    const isFirstItemGroupMultiMode = isFirstItemInGroupList && this.modeMultiSelect && listGroupHeader?.nonInteractive;\n\n    if (isFirstHeaderMultiMode || isFirstItemGroupSingleOrRadioMode || isFirstItemGroupMultiMode || isFirstItem) {\n      return \"0\";\n    }\n\n    return \"-1\";\n  }\n\n  resetTabIndexes(): void {\n    this.getItemsFromList().forEach(item => {\n      item._tabIndex = \"-1\";\n    });\n  }\n\n  get isGroupList(): boolean {\n    return this.getItemsFromList().some(item => item.isGroup);\n  }\n\n  get ariaLabelModeText(): string {\n    const defaultText = this.modeSingleSelect || this.modeRadioGroup\n      ? ARIA_LABEL_LIST_SELECTABLE\n      : ARIA_LABEL_LIST_MULTISELECTABLE;\n\n    return this.accessibleName || UDExList.i18nBundle.getText(defaultText);\n  }\n\n  get ariaLabelledBy(): string {\n    return `${this._id}-mode-label`;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get holderHeight(): string {\n    return this.height ? this.height : \"auto\";\n  }\n}\n\nUDExList.define();\n\nexport default UDExList;\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isUp, isDown, isHome, isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport { UDExListStyleType, UDExListMode } from \"./types/List.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExUploadItem from \"./UploadItem.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from \"./generated/i18n/i18n-defaults.js\";\nimport ListTemplate from \"./generated/templates/ListTemplate.lit.js\";\n\n// Styles\nimport ListCss from \"./generated/themes/List.css.js\";\nimport isLetterKey from \"./utils/isLetterKeyPressed.js\";\nimport type { UDExListWithFirstLetterFocus } from \"./utils/ListWithFirstLetterFocus.js\";\nimport UDExFirstLetterFocusHandler from \"./utils/ListWithFirstLetterFocus.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type UDExListItemBase = UDExListItem & UDExListGroupHeader & UDExUploadItem;\n\ntype UDExListSelectionChangeEventDetail = {\n  listItems: Array<UDExListItemBase>,\n  selectedItems: Array<UDExListItemBase>,\n  item: HTMLElement,\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-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/List.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-list\n * @public\n */\n@customElement({\n  tag: \"udex-list\",\n  renderer: litRender,\n  styles: [ListCss, getEffectiveScrollbarStyle()],\n  template: ListTemplate,\n  dependencies: [],\n})\n\n@event(\"selection-change\", { bubbles: true })\n\nclass UDExList extends UI5Element {\n  eventDetails!: {\n    \"selection-change\": UDExListSelectionChangeEventDetail\n  };\n  /**\n   * Defines the accessible role of the component.\n   *\n   * @default \"listbox\"\n   * @public\n   */\n  @property()\n    accessibleRole: string = \"listbox\";\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the controlled of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the headerText, displayed in the top of the list.\n   *\n   * @public\n   */\n  @property({ type: String })\n    headerText?: string;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed for each item of the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    itemIcon: string = \"\";\n\n  /**\n   * Enables tab navigation for the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExListItemBase>;\n\n  _focusHandler: UDExListWithFirstLetterFocus = new UDExFirstLetterFocusHandler();\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering(): void {\n    this.prepareListItemsMode();\n    this._focusHandler.resetMatchingItems();\n    this._focusHandler._focusableListItems = this.getItemsWithoutHeader();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    const clickedItem: UDExListItemBase = e.detail.item;\n    this.onItemPress(clickedItem);\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (this.tabNavigationEnabled) {\n      return;\n    }\n    if (isUp(e)) {\n      this.handleUpArrow(e);\n    }\n    if (isDown(e)) {\n      this.handleDownArrow(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n    if (isLetterKey(e.key)) {\n      this.handleLetterKey(e);\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const lastItemIndex = items.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const isHeaderItem = items[previousSelectIndex].isGroup;\n    const nonInteractiveHeader = items[previousSelectIndex].nonInteractive;\n\n    if (nonInteractiveHeader && previousSelectIndex === 0) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, lastItemIndex);\n      items[lastItemIndex].focus();\n      return;\n    }\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex - 1);\n      items[previousSelectIndex - 1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex);\n      this.focusHeader(items[previousSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[previousSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, previousSelectIndex);\n    items[previousSelectIndex].focus();\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;\n    const isHeaderItem = items[nextSelectIndex].isGroup;\n    const nonInteractiveHeader = items[nextSelectIndex].nonInteractive;\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex + 1);\n      items[nextSelectIndex + 1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex);\n      this.focusHeader(items[nextSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[nextSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, nextSelectIndex);\n    items[nextSelectIndex].focus();\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const firstItem = items[0];\n    const isHeaderItem = firstItem.isGroup;\n    const nonInteractiveItem = firstItem.nonInteractive;\n\n    if (nonInteractiveItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 1);\n      items[1].focus();\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 0);\n      this.focusHeader(items[0]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[0].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, 0);\n    items[0].focus();\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[items.length - 1].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, items.length - 1);\n    items[items.length - 1].focus();\n  }\n\n  handleLetterKey(e: KeyboardEvent): void {\n    const letterKey = e.key;\n    e.stopPropagation();\n    e.preventDefault();\n    this._focusHandler.focusMatchingListItem(letterKey);\n  }\n\n  onItemPress(clickedItem: UDExListItemBase): void {\n    if (this.modeSingleSelect && !this.controlled) {\n      this.revertSelectedItems(this.getSelectedItems());\n      clickedItem.selected = true;\n    }\n\n    if (this.modeRadioGroup && !this.controlled) {\n      const groupHeader = clickedItem.parentElement as UDExListGroupHeaderBase;\n      const groupItems = groupHeader.getItems() as Array<UDExListItemBase>;\n      this.revertSelectedItems(groupItems);\n      clickedItem.selected = true;\n    }\n\n    if (!this.tabNavigationEnabled) {\n      this.resetTabIndexes();\n      clickedItem._tabIndex = \"0\";\n    }\n\n    this.fireDecoratorEvent(\"selection-change\", {\n      listItems: this.getItemsFromList(),\n      selectedItems: this.getSelectedItems(),\n      item: clickedItem,\n    });\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>): void {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSelectedItem(): void {\n    const selectedItemIndex = this.items.findIndex(item => item.selected);\n    this.resetTabIndexes();\n    if (selectedItemIndex !== -1 && this.modeSingleSelect) {\n      this.setTabIndexByIndex(this.items, selectedItemIndex);\n    }\n  }\n\n  focusHeader(item: UDExListItemBase): void {\n    const header = item.shadowRoot?.querySelector(\".udex-list__group-header\") as HTMLElement;\n    header.focus();\n  }\n\n  unsetTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"-1\";\n  }\n\n  setTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"0\";\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  getSelectedItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => item.selected);\n  }\n\n  getCurrentIndex(items: Array<UDExListItemBase>, item: UDExListItemBase): number {\n    return items.indexOf(item);\n  }\n\n  getItemsWithoutHeader(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => !item.isGroup);\n  }\n\n  getKeyboardNavigationItems(): Array<UDExListItemBase> {\n    const items = this.modeMultiSelect ? this.getItemsFromList() : this.getItemsWithoutHeader();\n    return items.filter(item => !item.disabled);\n  }\n\n  getItemsFromList(): Array<UDExListItemBase> {\n    const items: UDExListItemBase[] = [];\n    const slottedItems = this.getItems();\n\n    slottedItems.forEach(item => {\n      const childItems = item.isGroup ? item.children : [];\n      items.push(item, ...childItems as UDExListItemBase[]);\n    });\n\n    return items;\n  }\n\n  prepareListItemsMode(): void {\n    this.getItemsFromList().forEach((item, index) => {\n      item.mode = this.mode;\n      item.controlled = this.controlled;\n      item.type = this.type;\n      item._icon = this.itemIcon;\n      item._tabIndex = this.getTabIndex(index, item);\n    });\n  }\n\n  getTabIndex(index: number, item: UDExListItemBase): string {\n    if (this.tabNavigationEnabled) {\n      return \"0\";\n    }\n\n    const isFirstItem = this.modeSelected && index === 0;\n    const isFirstItemInGroupList = this.isGroupList && index === 1;\n    const listGroupHeader = item.closest(\"[udex-list-group-header]\") as UDExListGroupHeader;\n    const modeSingleOrRadio = this.modeSingleSelect || this.modeRadioGroup;\n    const isFirstHeader = item.isGroup && isFirstItem;\n    const isFirstHeaderMultiMode = isFirstHeader && this.modeMultiSelect && !item.nonInteractive;\n    const isFirstItemGroupSingleOrRadioMode = isFirstItemInGroupList && modeSingleOrRadio;\n    const isFirstItemGroupMultiMode = isFirstItemInGroupList && this.modeMultiSelect && listGroupHeader?.nonInteractive;\n\n    if (isFirstHeaderMultiMode || isFirstItemGroupSingleOrRadioMode || isFirstItemGroupMultiMode || isFirstItem) {\n      return \"0\";\n    }\n\n    return \"-1\";\n  }\n\n  resetTabIndexes(): void {\n    this.getItemsFromList().forEach(item => {\n      item._tabIndex = \"-1\";\n    });\n  }\n\n  get isGroupList(): boolean {\n    return this.getItemsFromList().some(item => item.isGroup);\n  }\n\n  get ariaLabelModeText(): string {\n    const defaultText = this.modeSingleSelect || this.modeRadioGroup\n      ? ARIA_LABEL_LIST_SELECTABLE\n      : ARIA_LABEL_LIST_MULTISELECTABLE;\n\n    return this.accessibleName || UDExList.i18nBundle.getText(defaultText);\n  }\n\n  get ariaLabelledBy(): string {\n    return `${this._id}-mode-label`;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get holderHeight(): string {\n    return this.height ? this.height : \"auto\";\n  }\n}\n\nUDExList.define();\n\nexport default UDExList;\nexport type { UDExListSelectionChangeEventDetail };\n"]}

package/dist/ListGroupHeader.d.ts

@@ -33,3 +33,4 @@ declare class UDExListGroupHeader extends UDExListGroupHeaderBase {
     get sizeClass(): string;
 }
 export default UDExListGroupHeader;
+export type { UDExListGroupHeaderBaseHeaderPressEventDetail };

package/dist/ListGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeader.js","sourceRoot":"","sources":["../src/ListGroupHeader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E,MAAM,mBAAmB,GAAW,wBAAwB,CAAC;AAM7D;;;;;;;;;;;;;;;;;;GAkBG;AAWH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,uBAAuB;IAKvD,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE;YACtC,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,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC;CACF,CAAA;AAnCK,mBAAmB;IAVxB,aAAa,CAAC;QACb,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEnC,mBAAmB,CAmCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport ListGroupHeaderTemplate from \"./generated/templates/ListGroupHeaderTemplate.lit.js\";\nimport { UDExListItemSize } from \"./types/List.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst listGroupLargeClass: string = \"udex-list__group_large\";\n\ntype UDExListGroupHeaderBaseHeaderPressEventDetail = {\n  item: HTMLElement,\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-list-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListGroupHeaderBase\n * @tagname udex-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-list-group-header\",\n  renderer: litRender,\n  styles: ListGroupHeaderCss,\n  template: ListGroupHeaderTemplate,\n  dependencies: [Icon],\n})\n\n@event(\"header-press\", { bubbles: true })\n\nclass UDExListGroupHeader extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"header-press\": UDExListGroupHeaderBaseHeaderPressEventDetail,\n  } & UDExListItemBaseEvents;\n\n  handleHeaderPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireHeaderPress();\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress();\n    }\n  }\n\n  fireHeaderPress() {\n    this.fireDecoratorEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState() : undefined;\n  }\n\n  get sizeClass(): string {\n    return this.size === UDExListItemSize.Large ? listGroupLargeClass : \"\";\n  }\n}\n\nUDExListGroupHeader.define();\n\nexport default UDExListGroupHeader;\n"]}
+{"version":3,"file":"ListGroupHeader.js","sourceRoot":"","sources":["../src/ListGroupHeader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAGnD,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E,MAAM,mBAAmB,GAAW,wBAAwB,CAAC;AAM7D;;;;;;;;;;;;;;;;;;GAkBG;AAWH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,uBAAuB;IAKvD,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,eAAe;QACb,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE;YACtC,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,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC;CACF,CAAA;AAnCK,mBAAmB;IAVxB,aAAa,CAAC;QACb,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;IAED,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEnC,mBAAmB,CAmCxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport ListGroupHeaderTemplate from \"./generated/templates/ListGroupHeaderTemplate.lit.js\";\nimport { UDExListItemSize } from \"./types/List.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst listGroupLargeClass: string = \"udex-list__group_large\";\n\ntype UDExListGroupHeaderBaseHeaderPressEventDetail = {\n  item: HTMLElement,\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-list-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListGroupHeaderBase\n * @tagname udex-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-list-group-header\",\n  renderer: litRender,\n  styles: ListGroupHeaderCss,\n  template: ListGroupHeaderTemplate,\n  dependencies: [Icon],\n})\n\n@event(\"header-press\", { bubbles: true })\n\nclass UDExListGroupHeader extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"header-press\": UDExListGroupHeaderBaseHeaderPressEventDetail,\n  } & UDExListItemBaseEvents;\n\n  handleHeaderPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireHeaderPress();\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress();\n    }\n  }\n\n  fireHeaderPress() {\n    this.fireDecoratorEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState() : undefined;\n  }\n\n  get sizeClass(): string {\n    return this.size === UDExListItemSize.Large ? listGroupLargeClass : \"\";\n  }\n}\n\nUDExListGroupHeader.define();\n\nexport default UDExListGroupHeader;\nexport type { UDExListGroupHeaderBaseHeaderPressEventDetail };\n"]}

package/dist/ListGroupHeaderBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":"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","sourcesContent":["import 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 UDExListItemBase from \"./ListItemBase.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n\n@customElement({\n  languageAware: true,\n  renderer: litRender,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: Array<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName}`;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}
+{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":";;;;;;AAAA,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,gBAAgB,MAAM,mBAAmB,CAAC;AAEjD,MAAM,oBAAoB,GAAW,yBAAyB,CAAC;AAE/D;;;;;;;;;;GAUG;AAMH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,gBAAgB;IAsBpD,yBAAyB;QACvB,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrD,MAAM,yBAAyB,GAAG,IAAI,CAAC,aAAa,CAAC;QAErD,IAAI,uBAAuB,EAAE,CAAC;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;aAAM,IAAI,yBAAyB,EAAE,CAAC;YACrC,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,uBAAuB;QACrB,MAAM,2BAA2B,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QAEvE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAExB,IAAI,2BAA2B,EAAE,CAAC;YAChC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,6BAA6B;QAC3B,MAAM,2BAA2B,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QAEvE,IAAI,2BAA2B,EAAE,CAAC;YAChC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,MAAM,8BAA8B,GAAG,IAAI,CAAC,8BAA8B,EAAE,CAAC;QAE7E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEvB,IAAI,8BAA8B,EAAE,CAAC;YACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE/C,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,2BAA2B;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,WAAW,CAAC,KAAc;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvE,CAAC;IAED,8BAA8B;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvE,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAChF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,2BAA2B;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;IACpD,CAAC;IAED,IAAI,SAAS;QACX,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,oBAAoB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,OAAO,GAAG,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;IACvF,CAAC;CACF,CAAA;AA/JG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACD;AAGzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qEACK;AAS9B;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;sDAChB;AApB9B,uBAAuB;IAL5B,aAAa,CAAC;QACb,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;KACpB,CAAC;GAEI,uBAAuB,CAuK5B;AAED,eAAe,uBAAuB,CAAC","sourcesContent":["import 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 UDExListItemBase from \"./ListItemBase.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  languageAware: true,\n  renderer: litRender,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: Array<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName}`;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}

package/dist/ListItem.d.ts

@@ -176,3 +176,4 @@ declare class UDExListItem extends UDExListItemBase {
     get itemState(): string;
 }
 export default UDExListItem;
+export type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };

package/dist/ListItem.js

@@ -18,7 +18,7 @@ import UDExListItemBase from "./ListItemBase.js";
 import UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from "./Avatar.js";
 import UDExButton from "./Button.js";
 import UDExStatusBadge from "./StatusBadge.js";
-import { UDExListItemSize, UDExListMode, UDExAdditionalTextState, } from "./types/List.js";
+import { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from "./types/List.js";
 import UDExRadioButton from "./RadioButton.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { DELETE_BUTTON, EDIT_BUTTON, INDETERMINATE, SELECTED, UNSELECTED, } from "./generated/i18n/i18n-defaults.js";

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport {\n  UDExListItemSize, UDExListMode, UDExAdditionalTextState,\n} from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  DELETE_BUTTON, EDIT_BUTTON, INDETERMINATE, SELECTED, UNSELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport ListItemTemplate from \"./generated/templates/ListItemTemplate.lit.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: HTMLElement,\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-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  renderer: litRender,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: Array<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Array<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Array<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\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    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\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 (this.firstIconElement === e.target || this.secondIconElement === e.target) {\n      return;\n    }\n\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  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\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.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\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.fireDecoratorEvent(\"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(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return UDExListItem.i18nBundle.getText(INDETERMINATE);\n    }\n    return `${this.selected ? UDExListItem.i18nBundle.getText(SELECTED) : UDExListItem.i18nBundle.getText(UNSELECTED)} `;\n  }\n\n  get editButtonAccessibleName(): string {\n    return UDExListItem.i18nBundle.getText(EDIT_BUTTON);\n  }\n\n  get deleteButtonAccessibleName(): string {\n    return UDExListItem.i18nBundle.getText(DELETE_BUTTON);\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\n"]}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  DELETE_BUTTON, EDIT_BUTTON, INDETERMINATE, SELECTED, UNSELECTED,\n} from \"./generated/i18n/i18n-defaults.js\";\n\nimport ListItemTemplate from \"./generated/templates/ListItemTemplate.lit.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: HTMLElement,\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-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  renderer: litRender,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: Array<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Array<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Array<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\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    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\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 (this.firstIconElement === e.target || this.secondIconElement === e.target) {\n      return;\n    }\n\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  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\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.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\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.fireDecoratorEvent(\"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(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return UDExListItem.i18nBundle.getText(INDETERMINATE);\n    }\n    return `${this.selected ? UDExListItem.i18nBundle.getText(SELECTED) : UDExListItem.i18nBundle.getText(UNSELECTED)} `;\n  }\n\n  get editButtonAccessibleName(): string {\n    return UDExListItem.i18nBundle.getText(EDIT_BUTTON);\n  }\n\n  get deleteButtonAccessibleName(): string {\n    return UDExListItem.i18nBundle.getText(DELETE_BUTTON);\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\nexport type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };\n"]}

package/dist/ListItemBase.d.ts

@@ -1,13 +1,13 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { UDExListItemSize, UDExListMode, UDExListStyleType } from "./types/List.js";
-type UDExListItemBaseEventDetail = {
-    originalEvent: PointerEvent;
-    item: HTMLElement;
-};
 export type UDExListItemBaseEvents = {
     "first-icon-click": UDExListItemBaseEventDetail;
     "second-icon-click": UDExListItemBaseEventDetail;
 };
+type UDExListItemBaseEventDetail = {
+    originalEvent: PointerEvent;
+    item: HTMLElement;
+};
 /**
  * @class
  *
@@ -103,3 +103,4 @@ declare class UDExListItemBase extends UI5Element {
     get typeIcon(): boolean;
 }
 export default UDExListItemBase;
+export type { UDExListItemBaseEventDetail };

package/dist/ListItemBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemBase.js","sourceRoot":"","sources":["../src/ListItemBase.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { UDExListItemSize, UDExListMode, UDExListStyleType } from \"./types/List.js\";\n\ntype UDExListItemBaseEventDetail = {\n  originalEvent: PointerEvent,\n  item: HTMLElement,\n}\n\nexport type UDExListItemBaseEvents = {\n  \"first-icon-click\": UDExListItemBaseEventDetail,\n  \"second-icon-click\": UDExListItemBaseEventDetail,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n  renderer: litRender,\n})\n\n/**\n * Fired event when the user click on a first icon.\n *\n * @public\n */\n@event(\"first-icon-click\", { bubbles: true })\n/**\n * Fired event when the user click on a second icon.\n *\n * @public\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExListItemBase extends UI5Element {\n  eventDetails!: UDExListItemBaseEvents;\n\n  /**\n   * Defines the <code>label</code> for the item.\n   *\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines whether a visual separator should be rendered after the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    divider!: boolean;\n\n  /**\n   * Defines whether <code> list item</code> is in disabled state.\n   *\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   * @public\n   */\n  @property()\n    supportingText!: string;\n\n  /**\n   * Defines the selected state of the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selected: boolean = false;\n\n  /**\n   * Defines whether the selection of a  list is displayed as partially selected.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    indeterminate?: boolean;\n\n  /**\n   * Defines the controlled state of the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the mode of the item.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the size of the item.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    size: `${UDExListItemSize}` = UDExListItemSize.Standard;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  @property({ type: String })\n    _icon: string = \"\";\n\n  @property({ type: String })\n    _tabIndex!: string;\n\n  _fireIconClickEvent(e: PointerEvent): void {\n    const target = e.target as HTMLElement;\n    const slot = target.getAttribute(\"slot\");\n    if (slot === \"firstIcon\") {\n      this.fireDecoratorEvent(\"first-icon-click\", {\n        originalEvent: e,\n        item: this,\n      });\n    } else if (slot === \"secondIcon\") {\n      this.fireDecoratorEvent(\"second-icon-click\", {\n        originalEvent: e,\n        item: this,\n      });\n    }\n  }\n\n  get _effectiveTabIndex(): string {\n    if (this.disabled) {\n      return \"-1\";\n    }\n    return this._tabIndex;\n  }\n\n  get numberOfItem(): number {\n    return [...this.parentNode!.children].indexOf(this) + 1;\n  }\n\n  get isGroup(): boolean {\n    return false;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeMultiSelectOrRadioGroup(): boolean {\n    return this.modeMultiSelect || this.modeRadioGroup;\n  }\n\n  get typeNumber(): boolean {\n    return this.type === UDExListStyleType.Number;\n  }\n\n  get typeCircle(): boolean {\n    return this.type === UDExListStyleType.Circle;\n  }\n\n  get typeIcon(): boolean {\n    return this.type === UDExListStyleType.Icon;\n  }\n}\n\nexport default UDExListItemBase;\n"]}
+{"version":3,"file":"ListItemBase.js","sourceRoot":"","sources":["../src/ListItemBase.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-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { UDExListItemSize, UDExListMode, UDExListStyleType } from \"./types/List.js\";\n\nexport type UDExListItemBaseEvents = {\n  \"first-icon-click\": UDExListItemBaseEventDetail,\n  \"second-icon-click\": UDExListItemBaseEventDetail,\n}\n\ntype UDExListItemBaseEventDetail = {\n  originalEvent: PointerEvent,\n  item: HTMLElement,\n}\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListItem</code>,<code>UDExFilterMenuItem</code> and <code>UDExGroupHeaderBase</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @public\n */\n@customElement({\n  renderer: litRender,\n})\n\n/**\n * Fired event when the user click on a first icon.\n *\n * @public\n */\n@event(\"first-icon-click\", { bubbles: true })\n/**\n * Fired event when the user click on a second icon.\n *\n * @public\n */\n@event(\"second-icon-click\", { bubbles: true })\n\nclass UDExListItemBase extends UI5Element {\n  eventDetails!: UDExListItemBaseEvents;\n\n  /**\n   * Defines the <code>label</code> for the item.\n   *\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines whether a visual separator should be rendered after the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    divider!: boolean;\n\n  /**\n   * Defines whether <code> list item</code> is in disabled state.\n   *\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   * @public\n   */\n  @property()\n    supportingText!: string;\n\n  /**\n   * Defines the selected state of the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    selected: boolean = false;\n\n  /**\n   * Defines whether the selection of a  list is displayed as partially selected.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    indeterminate?: boolean;\n\n  /**\n   * Defines the controlled state of the item.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the mode of the item.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the size of the item.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    size: `${UDExListItemSize}` = UDExListItemSize.Standard;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  @property({ type: String })\n    _icon: string = \"\";\n\n  @property({ type: String })\n    _tabIndex!: string;\n\n  _fireIconClickEvent(e: PointerEvent): void {\n    const target = e.target as HTMLElement;\n    const slot = target.getAttribute(\"slot\");\n    if (slot === \"firstIcon\") {\n      this.fireDecoratorEvent(\"first-icon-click\", {\n        originalEvent: e,\n        item: this,\n      });\n    } else if (slot === \"secondIcon\") {\n      this.fireDecoratorEvent(\"second-icon-click\", {\n        originalEvent: e,\n        item: this,\n      });\n    }\n  }\n\n  get _effectiveTabIndex(): string {\n    if (this.disabled) {\n      return \"-1\";\n    }\n    return this._tabIndex;\n  }\n\n  get numberOfItem(): number {\n    return [...this.parentNode!.children].indexOf(this) + 1;\n  }\n\n  get isGroup(): boolean {\n    return false;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeMultiSelectOrRadioGroup(): boolean {\n    return this.modeMultiSelect || this.modeRadioGroup;\n  }\n\n  get typeNumber(): boolean {\n    return this.type === UDExListStyleType.Number;\n  }\n\n  get typeCircle(): boolean {\n    return this.type === UDExListStyleType.Circle;\n  }\n\n  get typeIcon(): boolean {\n    return this.type === UDExListStyleType.Icon;\n  }\n}\n\nexport default UDExListItemBase;\nexport type { UDExListItemBaseEventDetail };\n"]}

package/dist/ListSelectAll.d.ts

@@ -37,3 +37,4 @@ declare class UDExListSelectAll extends UDExListGroupHeaderBase {
     get groupListClassName(): string;
 }
 export default UDExListSelectAll;
+export type { UDExListSelectAllSelectAllEventDetail };

package/dist/ListSelectAll.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSelectAll.js","sourceRoot":"","sources":["../src/ListSelectAll.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AACvF,OAAO,YAAY,MAAM,eAAe,CAAC;AAGzC,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E,MAAM,cAAc,GAAW,8BAA8B,CAAC;AAC9D,MAAM,cAAc,GAAW,uBAAuB,CAAC;AAMvD;;;;;;;;;;;;;;;;GAgBG;AAWH,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,uBAAuB;IAQrD,oBAAoB;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;YACpC,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,8BAA8B;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;QACtE,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,GAAG,cAAc,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,GAAG,cAAc,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1D,CAAC;CACF,CAAA;AA9CQ;IADN,IAAI,CAAC,yBAAyB,CAAC;2CACF;AAN1B,iBAAiB;IAVtB,aAAa,CAAC;QACb,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,YAAY,CAAC;KAC7B,CAAC;IAED,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEjC,iBAAiB,CAoDtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport { SELECT_ALL } from \"./generated/i18n/i18n-defaults.js\";\nimport ListSelectAllTemplate from \"./generated/templates/ListSelectAllTemplate.lit.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst selectAllClass: string = \"udex-list__header-select-all\";\nconst groupListClass: string = \"udex-list__group-list\";\n\ntype UDExListSelectAllSelectAllEventDetail = {\n  item: HTMLElement\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-list-select-all</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n *\n * @constructor\n * @extends UDExListGroupHeaderBase\n * @public\n */\n@customElement({\n  tag: \"udex-list-select-all\",\n  renderer: litRender,\n  styles: ListGroupHeaderCss,\n  template: ListSelectAllTemplate,\n  dependencies: [UDExListItem],\n})\n\n@event(\"select-all\", { bubbles: true })\n\nclass UDExListSelectAll extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"select-all\": UDExListSelectAllSelectAllEventDetail,\n  } & UDExListItemBaseEvents;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  handleSelectAllPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireDecoratorEvent(\"select-all\", {\n      item: this,\n    });\n  }\n\n  handleSelectAllGroupItemsPress() {\n    if (!this.controlled) {\n      this.handleHeaderState();\n    }\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleSelectAllPress();\n    }\n  }\n\n  get isSelectAllHeader() {\n    return true;\n  }\n\n  get multiselectMode(): UDExListMode {\n    return UDExListMode.MultiSelect;\n  }\n\n  get selectAllLabel(): string {\n    const hasLabel = this.label !== \"undefined\" && this.label?.length > 0;\n    return hasLabel ? this.label : UDExListSelectAll.i18nBundle.getText(SELECT_ALL);\n  }\n\n  get additionalClassName(): string {\n    return `${selectAllClass} ${this._additionalClassName}`;\n  }\n\n  get groupListClassName(): string {\n    return `${groupListClass} ${this._additionalClassName}`;\n  }\n}\n\nUDExListSelectAll.define();\n\nexport default UDExListSelectAll;\n"]}
+{"version":3,"file":"ListSelectAll.js","sourceRoot":"","sources":["../src/ListSelectAll.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,qBAAqB,MAAM,oDAAoD,CAAC;AACvF,OAAO,YAAY,MAAM,eAAe,CAAC;AAGzC,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAE3E,MAAM,cAAc,GAAW,8BAA8B,CAAC;AAC9D,MAAM,cAAc,GAAW,uBAAuB,CAAC;AAMvD;;;;;;;;;;;;;;;;GAgBG;AAWH,IAAM,iBAAiB,yBAAvB,MAAM,iBAAkB,SAAQ,uBAAuB;IAQrD,oBAAoB;QAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,yBAAyB,EAAE,CAAC;QACnC,CAAC;QACD,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE;YACpC,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,8BAA8B;QAC5B,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QACD,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;QACtE,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAiB,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,GAAG,cAAc,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1D,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,GAAG,cAAc,IAAI,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1D,CAAC;CACF,CAAA;AA9CQ;IADN,IAAI,CAAC,yBAAyB,CAAC;2CACF;AAN1B,iBAAiB;IAVtB,aAAa,CAAC;QACb,GAAG,EAAE,sBAAsB;QAC3B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,kBAAkB;QAC1B,QAAQ,EAAE,qBAAqB;QAC/B,YAAY,EAAE,CAAC,YAAY,CAAC;KAC7B,CAAC;IAED,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEjC,iBAAiB,CAoDtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport { SELECT_ALL } from \"./generated/i18n/i18n-defaults.js\";\nimport ListSelectAllTemplate from \"./generated/templates/ListSelectAllTemplate.lit.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst selectAllClass: string = \"udex-list__header-select-all\";\nconst groupListClass: string = \"udex-list__group-list\";\n\ntype UDExListSelectAllSelectAllEventDetail = {\n  item: HTMLElement\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-list-select-all</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListSelectAll.js\";</code>\n *\n * @constructor\n * @extends UDExListGroupHeaderBase\n * @public\n */\n@customElement({\n  tag: \"udex-list-select-all\",\n  renderer: litRender,\n  styles: ListGroupHeaderCss,\n  template: ListSelectAllTemplate,\n  dependencies: [UDExListItem],\n})\n\n@event(\"select-all\", { bubbles: true })\n\nclass UDExListSelectAll extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"select-all\": UDExListSelectAllSelectAllEventDetail,\n  } & UDExListItemBaseEvents;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  handleSelectAllPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireDecoratorEvent(\"select-all\", {\n      item: this,\n    });\n  }\n\n  handleSelectAllGroupItemsPress() {\n    if (!this.controlled) {\n      this.handleHeaderState();\n    }\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleSelectAllPress();\n    }\n  }\n\n  get isSelectAllHeader() {\n    return true;\n  }\n\n  get multiselectMode(): UDExListMode {\n    return UDExListMode.MultiSelect;\n  }\n\n  get selectAllLabel(): string {\n    const hasLabel = this.label !== \"undefined\" && this.label?.length > 0;\n    return hasLabel ? this.label : UDExListSelectAll.i18nBundle.getText(SELECT_ALL);\n  }\n\n  get additionalClassName(): string {\n    return `${selectAllClass} ${this._additionalClassName}`;\n  }\n\n  get groupListClassName(): string {\n    return `${groupListClass} ${this._additionalClassName}`;\n  }\n}\n\nUDExListSelectAll.define();\n\nexport default UDExListSelectAll;\nexport type { UDExListSelectAllSelectAllEventDetail };\n"]}