@sapudex/web-components 2.23.0 → 2.25.0

package/dist/FooterTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterTemplate.js","sourceRoot":"","sources":["../src/FooterTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5LinkDesign from \"@ui5/webcomponents/dist/types/LinkDesign.js\";\n\nimport headset from \"@ui5/webcomponents-icons/dist/headset.js\";\nimport email from \"@ui5/webcomponents-icons/dist/email.js\";\nimport backToTop from \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport discussion from \"@ui5/webcomponents-icons/dist/discussion-2.js\";\n\nimport type Footer from \"./Footer.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\n\nexport default function FooterTemplate(this: Footer) {\n  const rootClass = \"udex-footer\";\n\n  return (\n    <footer className={rootClass}>\n      <div className={`${rootClass}__content`}>\n        <div className={`${rootClass}__contact-social`}>\n          {this.hasLogo && (\n            <div className={`${rootClass}__logo`}>\n              {this.hasLogoLink ? (\n                <a\n                  href={this.logoHref}\n                  onClick={this._onLogoClick}\n                  title={this.logoTitle}\n                  aria-label={this.logoAriaLabel}>\n                  <img\n                    id={`${rootClass}__logo-image`}\n                    src={this.currentLogoUrl}\n                    className={this.logoClass}\n                    alt={this.logoAlt}\n                  />\n                </a>\n              ) : (\n                <img\n                  id={`${rootClass}__logo-image`}\n                  src={this.currentLogoUrl}\n                  className={this.logoClass}\n                  alt={this.logoAlt}\n                />\n              )}\n              {this.hasTagline && (\n                <img\n                  id={`${rootClass}__tagline-image`}\n                  src={this.currentTaglineUrl}\n                  className={this.taglineClass}\n                  alt={this.taglineAlt}\n                />\n              )}\n            </div>\n          )}\n          {this.isContactContainerVisible && (\n            <div className={`${rootClass}__contact`}>\n              {this.contactNumbersArray.length > 0 && (\n                <div className={`${rootClass}__numbers`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={headset}\n                      mode={IconMode.Decorative}\n                    ></UI5Icon>\n                  </div>\n                  <div>\n                    <div className={`${rootClass}__numbers-wrapper`}>\n                      {this.contactNumbersArray.map((contact, index) => (\n                        <div key={index}>\n                          <span\n                            className=\"hidden\"\n                            aria-hidden\n                            id={`${rootClass}__${index}_phone-label`}>\n                            {`${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}`}\n                          </span>\n                          <p className={`${rootClass}__country`}>{contact.country}</p>\n                          <a\n                            href={`tel:${contact.number}`}\n                            className={`${rootClass}__number`}\n                            onClick={this._onContactPhoneClick}\n                            aria-labelledby={`${rootClass}__${index}_phone-label`}>\n                            {contact.number}\n                          </a>\n                        </div>\n                      ))}\n                    </div>\n                    {this.localCountryNumbersLink && (\n                      <p className={`${rootClass}__remark`}>\n                        {this.completeListTitle}\n                        <UDExLink\n                          class={`${rootClass}__remark-link`}\n                          onClick={this._onContactPhoneLocalNumbersClick}\n                          href={this.localCountryNumbersLink}\n                          design={UI5LinkDesign.Subtle}>\n                          {this.localCountryTitle}.\n                        </UDExLink>\n                      </p>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.contactUsLink && (\n                <div className={`${rootClass}__contact-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={email}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <span\n                    className=\"hidden\"\n                    aria-hidden\n                    id={`${rootClass}__contact-us-label`}>\n                    {this.contactUsAccessibleLabel}\n                  </span>\n                  <a\n                    href={this.contactUsLink}\n                    className={`${rootClass}__contact-us-link`}\n                    aria-labelledby={`${rootClass}__contact-us-label`}\n                    onClick={this._onContactEmailClick}>\n                    {this.contactUsAccessibleName}\n                  </a>\n                </div>\n              )}\n              {this.chatWithUsLink && (\n                <div className={`${rootClass}__chat-with-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={discussion}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <a\n                    href={this.chatWithUsLink}\n                    className={`${rootClass}__chat-with-us-link`}\n                    onClick={this._onContactChatClick}>\n                    {this.chatWithUsAccessibleName}\n                  </a>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        <div className={`${rootClass}__copyright`}>\n          {this.isChineseLang && (\n            <span className={`${rootClass}__copyright-chinese-text`}>\n              <a\n                href={this.chineseIcpNumberLink}\n                title={this.chineseICPNumberText}\n                className={`${rootClass}__copyright-chinese-link`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                {this.chineseICPNumberText}\n              </a>\n              {this.chineseSecurityNetworkNumberText}\n            </span>\n          )}\n          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n        </div>\n\n        {(this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (\n          <ul className={`${rootClass}__social-container`}>\n            {this.socialLinksArray.map((social, index) => (\n              <UDExSocialMediaButton\n                {...{ role: \"listitem\" }}\n                key={index}\n                type={social.name}\n                url={social.url}\n                target={social.target}\n                accessible-name={social.accessibleName}\n                data-name={social.name}\n                data-id={social.id}\n                onui5-click={this._onSocialMediaLinkClick}>\n              </UDExSocialMediaButton>\n            ))}\n            {this.hasSocialLinksSlot && (\n              <>\n                {this.customSocialLinks.map(link =>\n                  <slot name={link._individualSlot}></slot>\n                )}\n              </>\n            )}\n          </ul>\n        )}\n      </div>\n\n      <UDExButton\n        class={`${rootClass}__back-to-top-button`}\n        icon={backToTop}\n        onClick={this.onBackToTopClick}\n        design={UDExButtonDesign.Tertiary}\n        size={UDExButtonSize.Large}\n        tooltip={this.backToTopTitle}>\n      </UDExButton>\n    </footer>\n  );\n}\n\nfunction mobileNavigation(this: Footer, rootClass: string) {\n  return (\n    <UDExAccordion class={`${rootClass}__accordion`}>\n      {this.quickLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._quickLinksTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list udex-footer__links-list--mobile`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.trendingLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._trendingTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.aboutLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._aboutSapTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.siteInformationLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._siteInformationTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list rootClass__links-list--mobile`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n    </UDExAccordion>\n  );\n}\n\nfunction desktopNavigation(this: Footer, rootClass: string) {\n  return (\n    <div className={`${rootClass}__links`}>\n      {this.quickLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__quick-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__quick-links`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.trendingLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__trending-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__trending`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.aboutLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__about-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__about`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.siteInformationLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__site-information-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__site-information`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FooterTemplate.js","sourceRoot":"","sources":["../src/FooterTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5LinkDesign from \"@ui5/webcomponents/dist/types/LinkDesign.js\";\n\nimport headset from \"@ui5/webcomponents-icons/dist/headset.js\";\nimport email from \"@ui5/webcomponents-icons/dist/email.js\";\nimport backToTop from \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport discussion from \"@ui5/webcomponents-icons/dist/discussion-2.js\";\n\nimport type Footer from \"./Footer.js\";\nimport UDExLink from \"./Link.js\";\nimport UDExDivider from \"./Divider.js\";\nimport UDExSocialMediaButton from \"./SocialMediaButton.js\";\nimport UDExAccordion from \"./Accordion.js\";\nimport UDExAccordionItem from \"./AccordionItem.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\n\nexport default function FooterTemplate(this: Footer) {\n  const rootClass = \"udex-footer\";\n\n  return (\n    <footer className={rootClass}>\n      <div className={`${rootClass}__content`}>\n        <div className={`${rootClass}__contact-social`}>\n          {this.hasLogo && (\n            <div className={`${rootClass}__logo`}>\n              {this.hasLogoLink ? (\n                <a\n                  href={this.logoHref}\n                  onClick={this._onLogoClick}\n                  title={this.logoTitle}\n                  aria-label={this.logoAriaLabel}>\n                  <img\n                    id={`${rootClass}__logo-image`}\n                    src={this.currentLogoUrl}\n                    className={this.logoClass}\n                    alt={this.logoAlt}\n                  />\n                </a>\n              ) : (\n                <img\n                  id={`${rootClass}__logo-image`}\n                  src={this.currentLogoUrl}\n                  className={this.logoClass}\n                  alt={this.logoAlt}\n                />\n              )}\n              {this.hasTagline && (\n                <img\n                  id={`${rootClass}__tagline-image`}\n                  src={this.currentTaglineUrl}\n                  className={this.taglineClass}\n                  alt={this.taglineAlt}\n                />\n              )}\n            </div>\n          )}\n          {this.isContactContainerVisible && (\n            <div className={`${rootClass}__contact`}>\n              {this.contactNumbersArray.length > 0 && (\n                <div className={`${rootClass}__numbers`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={headset}\n                      mode={IconMode.Decorative}\n                    ></UI5Icon>\n                  </div>\n                  <div>\n                    <div className={`${rootClass}__numbers-wrapper`}>\n                      {this.contactNumbersArray.map((contact, index) => (\n                        <div key={index}>\n                          <span\n                            className=\"hidden\"\n                            aria-hidden\n                            id={`${rootClass}__${index}_phone-label`}>\n                            {`${this.phoneNumberAccessibleName} ${contact.country} : ${contact.number}`}\n                          </span>\n                          <p className={`${rootClass}__country`}>{contact.country}</p>\n                          <a\n                            href={`tel:${contact.number}`}\n                            className={`${rootClass}__number`}\n                            onClick={this._onContactPhoneClick}\n                            aria-labelledby={`${rootClass}__${index}_phone-label`}>\n                            {contact.number}\n                          </a>\n                        </div>\n                      ))}\n                    </div>\n                    {this.localCountryNumbersLink && (\n                      <p className={`${rootClass}__remark`}>\n                        {this.completeListTitle}\n                        <UDExLink\n                          class={`${rootClass}__remark-link`}\n                          onClick={this._onContactPhoneLocalNumbersClick}\n                          href={this.localCountryNumbersLink}\n                          design={UI5LinkDesign.Subtle}>\n                          {this.localCountryTitle}.\n                        </UDExLink>\n                      </p>\n                    )}\n                  </div>\n                </div>\n              )}\n              {this.contactUsLink && (\n                <div className={`${rootClass}__contact-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={email}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <span\n                    className=\"hidden\"\n                    aria-hidden\n                    id={`${rootClass}__contact-us-label`}>\n                    {this.contactUsAccessibleLabel}\n                  </span>\n                  <a\n                    href={this.contactUsLink}\n                    className={`${rootClass}__contact-us-link`}\n                    aria-labelledby={`${rootClass}__contact-us-label`}\n                    onClick={this._onContactEmailClick}>\n                    {this.contactUsAccessibleName}\n                  </a>\n                </div>\n              )}\n              {this.chatWithUsLink && (\n                <div className={`${rootClass}__chat-with-us`}>\n                  <div className={`${rootClass}__icon-container`}>\n                    <UI5Icon\n                      class={`${rootClass}__icon`}\n                      name={discussion}\n                      mode={IconMode.Decorative}>\n                    </UI5Icon>\n                  </div>\n                  <a\n                    href={this.chatWithUsLink}\n                    className={`${rootClass}__chat-with-us-link`}\n                    onClick={this._onContactChatClick}>\n                    {this.chatWithUsAccessibleName}\n                  </a>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`} accessibleRole=\"none\"></UDExDivider>\n\n        <div className={`${rootClass}__copyright`}>\n          {this.isChineseLang && (\n            <span className={`${rootClass}__copyright-chinese-text`}>\n              <UDExLink\n                href={this.chineseIcpNumberLink}\n                title={this.chineseICPNumberText}\n                design=\"Subtle\"\n                class={`${rootClass}__copyright-chinese-link`}\n                target=\"_blank\"\n              >\n                {this.chineseICPNumberText}\n              </UDExLink>\n              {this.chineseSecurityNetworkNumberText}\n            </span>\n          )}\n          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n        </div>\n\n        {(this.socialLinksArray.length > 0 || this.hasSocialLinksSlot) && (\n          <ul className={`${rootClass}__social-container`}>\n            {this.socialLinksArray.map((social, index) => (\n              <UDExSocialMediaButton\n                {...{ role: \"listitem\" }}\n                key={index}\n                type={social.name}\n                url={social.url}\n                target={social.target}\n                accessible-name={social.accessibleName}\n                data-name={social.name}\n                data-id={social.id}\n                onui5-click={this._onSocialMediaLinkClick}>\n              </UDExSocialMediaButton>\n            ))}\n            {this.hasSocialLinksSlot && (\n              <>\n                {this.customSocialLinks.map(link =>\n                  <slot name={link._individualSlot}></slot>\n                )}\n              </>\n            )}\n          </ul>\n        )}\n      </div>\n\n      <UDExButton\n        class={`${rootClass}__back-to-top-button`}\n        icon={backToTop}\n        onClick={this.onBackToTopClick}\n        design={UDExButtonDesign.Tertiary}\n        size={UDExButtonSize.Large}\n        tooltip={this.backToTopTitle}>\n      </UDExButton>\n    </footer>\n  );\n}\n\nfunction mobileNavigation(this: Footer, rootClass: string) {\n  return (\n    <UDExAccordion class={`${rootClass}__accordion`}>\n      {this.quickLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._quickLinksTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list udex-footer__links-list--mobile`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.trendingLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._trendingTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.aboutLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._aboutSapTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list ${rootClass}__links-list--mobile`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.siteInformationLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem onAccordionItemClick={this.handleAccordionItemClick} label={this._siteInformationTitle} class={`${rootClass}__action-item`}>\n            <ul className={`${rootClass}__links-list rootClass__links-list--mobile`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h6 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h6>\n          </UDExAccordionItem>\n        </>\n      )}\n    </UDExAccordion>\n  );\n}\n\nfunction desktopNavigation(this: Footer, rootClass: string) {\n  return (\n    <div className={`${rootClass}__links`}>\n      {this.quickLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__quick-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__quick-links`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.quickLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.trendingLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__trending-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__trending`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.trendingLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.aboutLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__about-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__about`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.aboutLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n      {this.siteInformationLinksArray.length > 0 && (\n        <div className={`${rootClass}__links-group ${rootClass}__site-information-links`}>\n          <h6 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h6>\n          <nav>\n            <ul aria-labelledby={`${rootClass}__site-information`} className={`${rootClass}__links-list ${rootClass}__links-list--desktop`}>\n              {this.siteInformationLinksArray.map((link, index) => (\n                <li key={index}>\n                  <a\n                    target={link.target}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}\n                    {...(link.role ? { \"role\": link.role as AriaRole } : {})}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/ImageGridTable.d.ts

@@ -0,0 +1,57 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import type UDExImageGridTableItem from "./ImageGridTableItem.js";
+export declare enum UDExImageGridTableVariable {
+    columns = "--udex-image-grid-table-columns",
+    gapDesktop = "--udex-image-grid-table-gap-xl-m",
+    gapMobile = "--udex-image-grid-table-gap-s",
+    minWidth = "--udex-image-grid-table-item-min-width"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-image-grid-table</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@sapudex/web-components/dist/ImageGridTable.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+declare class UDExImageGridTable extends UI5Element {
+    /**
+     * Slot for image grid table items.
+     *
+     * @slot
+     * @public
+     */
+    items: Array<UDExImageGridTableItem>;
+    /**
+     * Grayscale mode enhances visual harmony and can be used for minimal,
+     * professional layouts or to de-emphasize logos.
+     *
+     * @default undefined
+     * @public
+     */
+    grayscale?: boolean;
+    _handleResizeBound: ResizeObserverCallback;
+    constructor();
+    onAfterRendering(): void;
+    onBeforeRendering(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
+    handleResize(): void;
+    _renderGrid(): void;
+    _setGrayscaleMode(): void;
+    get itemMinWidth(): number;
+    get itemGap(): number;
+    get isSmallComponentSize(): boolean;
+    getVariableValue(variableName: string): string;
+}
+export default UDExImageGridTable;

package/dist/ImageGridTable.js

@@ -0,0 +1,120 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import ImageGridTableTemplate from "./ImageGridTableTemplate.js";
+import { Breakpoints } from "./utils/Breakpoints.js";
+// Styles
+import ImageGridTableCss from "./generated/themes/ImageGridTable.css.js";
+import property from "@ui5/webcomponents-base/decorators/property.js";
+export var UDExImageGridTableVariable;
+(function (UDExImageGridTableVariable) {
+    UDExImageGridTableVariable["columns"] = "--udex-image-grid-table-columns";
+    UDExImageGridTableVariable["gapDesktop"] = "--udex-image-grid-table-gap-xl-m";
+    UDExImageGridTableVariable["gapMobile"] = "--udex-image-grid-table-gap-s";
+    UDExImageGridTableVariable["minWidth"] = "--udex-image-grid-table-item-min-width";
+})(UDExImageGridTableVariable || (UDExImageGridTableVariable = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-image-grid-table</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@sapudex/web-components/dist/ImageGridTable.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExImageGridTable = class UDExImageGridTable extends UI5Element {
+    constructor() {
+        super();
+        this._handleResizeBound = this.handleResize.bind(this);
+    }
+    onAfterRendering() {
+        if (!this.isSmallComponentSize) {
+            this._renderGrid();
+        }
+    }
+    onBeforeRendering() {
+        if (this.grayscale) {
+            this._setGrayscaleMode();
+        }
+    }
+    onEnterDOM() {
+        ResizeHandler.register(this, this._handleResizeBound);
+    }
+    onExitDOM() {
+        ResizeHandler.deregister(this, this._handleResizeBound);
+    }
+    handleResize() {
+        if (!this.isSmallComponentSize) {
+            this._renderGrid();
+        }
+    }
+    _renderGrid() {
+        const containerWidth = this.offsetWidth;
+        const itemCount = this.items.length;
+        const minWidth = this.itemMinWidth;
+        const gap = this.itemGap;
+        if (!containerWidth || itemCount === 0) {
+            return;
+        }
+        let columns = Math.floor((containerWidth - gap) / (minWidth + gap));
+        columns = Math.max(1, columns);
+        if (itemCount % columns === 1 && columns > 1) {
+            columns -= 1;
+        }
+        this.style.setProperty(UDExImageGridTableVariable.columns, String(columns));
+    }
+    _setGrayscaleMode() {
+        this.items.forEach(item => {
+            item._grayscale = true;
+        });
+    }
+    get itemMinWidth() {
+        const variableName = UDExImageGridTableVariable.minWidth;
+        return parseInt(this.getVariableValue(variableName));
+    }
+    get itemGap() {
+        const variableName = this.isSmallComponentSize
+            ? UDExImageGridTableVariable.gapMobile
+            : UDExImageGridTableVariable.gapDesktop;
+        return parseInt(this.getVariableValue(variableName));
+    }
+    get isSmallComponentSize() {
+        return this.offsetWidth <= Breakpoints.S.max;
+    }
+    getVariableValue(variableName) {
+        return window.getComputedStyle(this).getPropertyValue(`${variableName}`);
+    }
+};
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExImageGridTable.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExImageGridTable.prototype, "grayscale", void 0);
+UDExImageGridTable = __decorate([
+    customElement({
+        tag: "udex-image-grid-table",
+        renderer: jsxRenderer,
+        styles: ImageGridTableCss,
+        template: ImageGridTableTemplate,
+    })
+], UDExImageGridTable);
+UDExImageGridTable.define();
+export default UDExImageGridTable;
+//# sourceMappingURL=ImageGridTable.js.map

package/dist/ImageGridTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGridTable.js","sourceRoot":"","sources":["../src/ImageGridTable.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,aAAa,MAAM,wDAAwD,CAAC;AACnF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAE/E,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,SAAS;AACT,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,QAAQ,MAAM,gDAAgD,CAAC;AAEtE,MAAM,CAAN,IAAY,0BAKX;AALD,WAAY,0BAA0B;IACpC,yEAA2C,CAAA;IAC3C,6EAA+C,CAAA;IAC/C,yEAA2C,CAAA;IAC3C,iFAAmD,CAAA;AACrD,CAAC,EALW,0BAA0B,KAA1B,0BAA0B,QAKrC;AAED;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAsBzC;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACzD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,UAAU;QACR,aAAa,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC;IAED,SAAS;QACP,aAAa,CAAC,UAAU,CAAC,IAAI,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC1D,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;YAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;IAED,WAAW;QACT,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC;QACnC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC;QAEzB,IAAI,CAAC,cAAc,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,GAAG,CAAC,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC;QACpE,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;QAE/B,IAAI,SAAS,GAAG,OAAO,KAAK,CAAC,IAAI,OAAO,GAAG,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,CAAC,CAAC;QACf,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,WAAW,CACpB,0BAA0B,CAAC,OAAO,EAClC,MAAM,CAAC,OAAO,CAAC,CAChB,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACxB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,YAAY;QACd,MAAM,YAAY,GAAG,0BAA0B,CAAC,QAAQ,CAAC;QACzD,OAAO,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,OAAO;QACT,MAAM,YAAY,GAAG,IAAI,CAAC,oBAAoB;YAC5C,CAAC,CAAC,0BAA0B,CAAC,SAAS;YACtC,CAAC,CAAC,0BAA0B,CAAC,UAAU,CAAC;QAC1C,OAAO,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;IAC/C,CAAC;IAED,gBAAgB,CAAC,YAAoB;QACnC,OAAO,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,GAAG,YAAY,EAAE,CAAC,CAAC;IAC3E,CAAC;CACF,CAAA;AA7FG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDACL;AAUtC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACN;AAlBlB,kBAAkB;IAPvB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,sBAAsB;KACjC,CAAC;GAEI,kBAAkB,CAqGvB;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type UDExImageGridTableItem from \"./ImageGridTableItem.js\";\nimport ImageGridTableTemplate from \"./ImageGridTableTemplate.js\";\nimport { Breakpoints } from \"./utils/Breakpoints.js\";\n\n// Styles\nimport ImageGridTableCss from \"./generated/themes/ImageGridTable.css.js\";\nimport property from \"@ui5/webcomponents-base/decorators/property.js\";\n\nexport enum UDExImageGridTableVariable {\n  columns = \"--udex-image-grid-table-columns\",\n  gapDesktop = \"--udex-image-grid-table-gap-xl-m\",\n  gapMobile = \"--udex-image-grid-table-gap-s\",\n  minWidth = \"--udex-image-grid-table-item-min-width\",\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-image-grid-table</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ImageGridTable.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-image-grid-table\",\n  renderer: jsxRenderer,\n  styles: ImageGridTableCss,\n  template: ImageGridTableTemplate,\n})\n\nclass UDExImageGridTable extends UI5Element {\n  /**\n   * Slot for image grid table items.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExImageGridTableItem>;\n\n  /**\n   * Grayscale mode enhances visual harmony and can be used for minimal,\n   * professional layouts or to de-emphasize logos.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: Boolean })\n    grayscale?: boolean;\n\n  _handleResizeBound: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this.handleResize.bind(this);\n  }\n\n  onAfterRendering(): void {\n    if (!this.isSmallComponentSize) {\n      this._renderGrid();\n    }\n  }\n\n  onBeforeRendering(): void {\n    if (this.grayscale) {\n      this._setGrayscaleMode();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  handleResize(): void {\n    if (!this.isSmallComponentSize) {\n      this._renderGrid();\n    }\n  }\n\n  _renderGrid(): void {\n    const containerWidth = this.offsetWidth;\n    const itemCount = this.items.length;\n    const minWidth = this.itemMinWidth;\n    const gap = this.itemGap;\n\n    if (!containerWidth || itemCount === 0) {\n      return;\n    }\n\n    let columns = Math.floor((containerWidth - gap) / (minWidth + gap));\n    columns = Math.max(1, columns);\n\n    if (itemCount % columns === 1 && columns > 1) {\n      columns -= 1;\n    }\n\n    this.style.setProperty(\n      UDExImageGridTableVariable.columns,\n      String(columns),\n    );\n  }\n\n  _setGrayscaleMode(): void {\n    this.items.forEach(item => {\n      item._grayscale = true;\n    });\n  }\n\n  get itemMinWidth(): number {\n    const variableName = UDExImageGridTableVariable.minWidth;\n    return parseInt(this.getVariableValue(variableName));\n  }\n\n  get itemGap(): number {\n    const variableName = this.isSmallComponentSize\n      ? UDExImageGridTableVariable.gapMobile\n      : UDExImageGridTableVariable.gapDesktop;\n    return parseInt(this.getVariableValue(variableName));\n  }\n\n  get isSmallComponentSize(): boolean {\n    return this.offsetWidth <= Breakpoints.S.max;\n  }\n\n  getVariableValue(variableName: string): string {\n    return window.getComputedStyle(this).getPropertyValue(`${variableName}`);\n  }\n}\n\nUDExImageGridTable.define();\n\nexport default UDExImageGridTable;\n"]}

package/dist/ImageGridTableItem.d.ts

@@ -0,0 +1,89 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { UDExTarget } from "./types/common.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-image-grid-table-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@sapudex/web-components/dist/ImageGridTableItem.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+declare class UDExImageGridTableItem extends UI5Element {
+    eventDetails: {
+        "item-click": void;
+    };
+    /**
+     * Defines the text content of the component.
+     *
+     * @slot content
+     * @public
+     */
+    content: Array<HTMLElement>;
+    /**
+     * Defines the header text of the component.
+     *
+     * @default ""
+     * @public
+     */
+    headline?: string;
+    /**
+     * Defines the link label of the component.
+     *
+     * @default ""
+     * @public
+     */
+    linkLabel?: string;
+    /**
+     * Defines link URL
+     *
+     * @default undefined
+     * @public
+     */
+    href?: string;
+    /**
+     * Defines the source URL of the image
+     *
+     * @default undefined
+     * @public
+     */
+    src?: string;
+    /**
+     * Defines image alt text
+     *
+     * @default undefined
+     * @public
+     */
+    alt?: string;
+    /**
+     * Defines tooltip on hover
+     *
+     * @default undefined
+     * @public
+     */
+    tooltip?: string;
+    /**
+     * Defines target for the mage grid table item.
+     *
+     * @public
+     */
+    target: `${UDExTarget}`;
+    /**
+     * Indicates whether the image grid table item is grayscale.
+     *
+     * @default false
+     * @private
+     */
+    _grayscale: boolean;
+    onEnterDOM(): void;
+    fireLinkItemClickEvent(e: Event): void;
+}
+export default UDExImageGridTableItem;

package/dist/ImageGridTableItem.js

@@ -0,0 +1,108 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { isDesktop } from "@ui5/webcomponents-base/Device.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import { UDExTarget } from "./types/common.js";
+import ImageGridTableItemTemplate from "./ImageGridTableItemTemplate.js";
+// Styles
+import ImageGridTableItemCss from "./generated/themes/ImageGridTableItem.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-image-grid-table-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@sapudex/web-components/dist/ImageGridTableItem.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExImageGridTableItem = class UDExImageGridTableItem extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines target for the mage grid table item.
+         *
+         * @public
+         */
+        this.target = UDExTarget._self;
+        /**
+         * Indicates whether the image grid table item is grayscale.
+         *
+         * @default false
+         * @private
+         */
+        this._grayscale = false;
+    }
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
+    }
+    fireLinkItemClickEvent(e) {
+        const executeEvent = this.fireDecoratorEvent("item-click");
+        if (!executeEvent) {
+            e.preventDefault();
+        }
+    }
+};
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExImageGridTableItem.prototype, "content", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "headline", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "linkLabel", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "href", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "src", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "alt", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: String })
+], UDExImageGridTableItem.prototype, "target", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExImageGridTableItem.prototype, "_grayscale", void 0);
+UDExImageGridTableItem = __decorate([
+    customElement({
+        tag: "udex-image-grid-table-item",
+        renderer: jsxRenderer,
+        styles: ImageGridTableItemCss,
+        template: ImageGridTableItemTemplate,
+    })
+    /**
+     * Fired event when the user clicks on the item link.
+     *
+     * @public
+     */
+    ,
+    event("item-click", { cancelable: true, bubbles: true })
+], UDExImageGridTableItem);
+UDExImageGridTableItem.define();
+export default UDExImageGridTableItem;
+//# sourceMappingURL=ImageGridTableItem.js.map

package/dist/ImageGridTableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGridTableItem.js","sourceRoot":"","sources":["../src/ImageGridTableItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAEjF;;;;;;;;;;;;;;;;GAgBG;AAeH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAoEE;;;;WAIG;QAED,WAAM,GAAoB,UAAU,CAAC,KAAK,CAAC;QAE7C;;;;;WAKG;QAED,eAAU,GAAG,KAAK,CAAC;IAevB,CAAC;IAbC,UAAU;QACR,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,sBAAsB,CAAC,CAAQ;QAC7B,MAAM,YAAY,GAAG,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QAE3D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC;CACF,CAAA;AAtFG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;uDACd;AAS7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDACP;AASlB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACX;AASd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACZ;AASb;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDACZ;AASb;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACR;AAQjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACkB;AAS3C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACP;AAnFjB,sBAAsB;IAd3B,aAAa,CAAC;QACb,GAAG,EAAE,4BAA4B;QACjC,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,0BAA0B;KACrC,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEnD,sBAAsB,CAkG3B;AAED,sBAAsB,CAAC,MAAM,EAAE,CAAC;AAEhC,eAAe,sBAAsB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/Device.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.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 { UDExTarget } from \"./types/common.js\";\n\nimport ImageGridTableItemTemplate from \"./ImageGridTableItemTemplate.js\";\n\n// Styles\nimport ImageGridTableItemCss from \"./generated/themes/ImageGridTableItem.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-image-grid-table-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ImageGridTableItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-image-grid-table-item\",\n  renderer: jsxRenderer,\n  styles: ImageGridTableItemCss,\n  template: ImageGridTableItemTemplate,\n})\n\n/**\n * Fired event when the user clicks on the item link.\n *\n * @public\n */\n@event(\"item-click\", { cancelable: true, bubbles: true })\n\nclass UDExImageGridTableItem extends UI5Element {\n  eventDetails!: {\n    \"item-click\": void,\n  };\n\n  /**\n   * Defines the text content of the component.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n   * Defines the header text of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    headline?: string;\n\n  /**\n   * Defines the link label of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    linkLabel?: string;\n\n  /**\n   * Defines link URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    href?: string;\n\n  /**\n   * Defines the source URL of the image\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    src?: string;\n\n  /**\n   * Defines image alt text\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    alt?: string;\n\n  /**\n   * Defines tooltip on hover\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    tooltip?: string;\n\n  /**\n   * Defines target for the mage grid table item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    target: `${UDExTarget}` = UDExTarget._self;\n\n  /**\n   * Indicates whether the image grid table item is grayscale.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _grayscale = false;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  fireLinkItemClickEvent(e: Event): void {\n    const executeEvent = this.fireDecoratorEvent(\"item-click\");\n\n    if (!executeEvent) {\n      e.preventDefault();\n    }\n  }\n}\n\nUDExImageGridTableItem.define();\n\nexport default UDExImageGridTableItem;\n"]}

package/dist/ImageGridTableItemTemplate.d.ts

@@ -0,0 +1,2 @@
+import type ImageGridTableItem from "./ImageGridTableItem.js";
+export default function ImageGridTableItemTemplate(this: ImageGridTableItem): import("@ui5/webcomponents-base").JSX.Element;

package/dist/ImageGridTableItemTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+import UDExLink from "./Link.js";
+export default function ImageGridTableItemTemplate() {
+    const rootClass = "udex-image-grid-table-item";
+    const image = (_jsx("img", { class: `${rootClass}__image`, src: this.src, alt: this.alt, title: this.tooltip }));
+    return (_jsxs("div", { class: rootClass, children: [!this.linkLabel && this.href
+                ? _jsx("a", { class: `${rootClass}__image-holder`, onClick: this.fireLinkItemClickEvent, href: this.href, target: this.target, title: this.tooltip, children: image })
+                : _jsx("div", { class: `${rootClass}__image-holder`, children: image }), this.headline &&
+                _jsx("span", { class: `${rootClass}__headline`, children: this.headline }), _jsx("slot", {}), this.linkLabel &&
+                _jsx("div", { class: `${rootClass}__link-holder`, children: _jsx(UDExLink, { onClick: this.fireLinkItemClickEvent, target: this.target, class: `${rootClass}__link`, endIcon: slimArrowRight, href: this.href, children: this.linkLabel }) })] }));
+}
+//# sourceMappingURL=ImageGridTableItemTemplate.js.map

package/dist/ImageGridTableItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGridTableItemTemplate.js","sourceRoot":"","sources":["../src/ImageGridTableItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAC/E,OAAO,QAAQ,MAAM,WAAW,CAAC;AAEjC,MAAM,CAAC,OAAO,UAAU,0BAA0B;IAChD,MAAM,SAAS,GAAG,4BAA4B,CAAC;IAE/C,MAAM,KAAK,GAAG,CACZ,cACE,KAAK,EAAE,GAAG,SAAS,SAAS,EAC5B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,OAAO,GACnB,CACH,CAAC;IAEF,OAAO,CACL,eAAK,KAAK,EAAE,SAAS,aAClB,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI;gBAC3B,CAAC,CAAC,YACA,KAAK,EAAE,GAAG,SAAS,gBAAgB,EACnC,OAAO,EAAE,IAAI,CAAC,sBAAsB,EACpC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,OAAO,YAClB,KAAK,GACJ;gBACJ,CAAC,CAAC,cAAK,KAAK,EAAE,GAAG,SAAS,gBAAgB,YAAG,KAAK,GAAO,EAE1D,IAAI,CAAC,QAAQ;gBACZ,eAAM,KAAK,EAAE,GAAG,SAAS,YAAY,YAAG,IAAI,CAAC,QAAQ,GAAQ,EAE/D,gBAAa,EACZ,IAAI,CAAC,SAAS;gBACb,cAAK,KAAK,EAAE,GAAG,SAAS,eAAe,YACrC,KAAC,QAAQ,IACP,OAAO,EAAE,IAAI,CAAC,sBAAsB,EACpC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,GAAG,SAAS,QAAQ,EAC3B,OAAO,EAAE,cAAc,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,YACd,IAAI,CAAC,SAAS,GACN,GACP,IAEJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type ImageGridTableItem from \"./ImageGridTableItem.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport UDExLink from \"./Link.js\";\n\nexport default function ImageGridTableItemTemplate(this: ImageGridTableItem) {\n  const rootClass = \"udex-image-grid-table-item\";\n\n  const image = (\n    <img\n      class={`${rootClass}__image`}\n      src={this.src}\n      alt={this.alt}\n      title={this.tooltip}\n    />\n  );\n\n  return (\n    <div class={rootClass}>\n      {!this.linkLabel && this.href\n        ? <a\n          class={`${rootClass}__image-holder`}\n          onClick={this.fireLinkItemClickEvent}\n          href={this.href}\n          target={this.target}\n          title={this.tooltip}>\n          {image}\n        </a>\n        : <div class={`${rootClass}__image-holder`}>{image}</div>\n      }\n      {this.headline &&\n        <span class={`${rootClass}__headline`}>{this.headline}</span>\n      }\n      <slot></slot>\n      {this.linkLabel &&\n        <div class={`${rootClass}__link-holder`}>\n          <UDExLink\n            onClick={this.fireLinkItemClickEvent}\n            target={this.target}\n            class={`${rootClass}__link`}\n            endIcon={slimArrowRight}\n            href={this.href}>\n            {this.linkLabel}\n          </UDExLink>\n        </div>\n      }\n    </div>\n  );\n}\n"]}

package/dist/ImageGridTableTemplate.d.ts

@@ -0,0 +1,2 @@
+import type ImageGridTable from "./ImageGridTable.js";
+export default function ImageGridTableTemplate(this: ImageGridTable): import("@ui5/webcomponents-base").JSX.Element;

package/dist/ImageGridTableTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function ImageGridTableTemplate() {
+    return (_jsx("div", { class: "udex-image-grid-table", children: _jsx("slot", {}) }));
+}
+//# sourceMappingURL=ImageGridTableTemplate.js.map

package/dist/ImageGridTableTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGridTableTemplate.js","sourceRoot":"","sources":["../src/ImageGridTableTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,sBAAsB;IAC5C,OAAO,CACL,cAAK,KAAK,EAAC,uBAAuB,YAChC,gBAAa,GACT,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type ImageGridTable from \"./ImageGridTable.js\";\n\nexport default function ImageGridTableTemplate(this: ImageGridTable) {\n  return (\n    <div class=\"udex-image-grid-table\">\n      <slot></slot>\n    </div>\n  );\n}\n"]}

package/dist/ImageGridTicker.js

@@ -19,6 +19,7 @@ import { PAUSE_BUTTON_ACCESSIBLE_NAME, PLAY_BUTTON_ACCESSIBLE_NAME } from "./gen
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 import ImageGridTickerItem from "./ImageGridTickerItem.js";
 import ImageGridTickerTemplate from "./ImageGridTickerTemplate.js";
+import translate from "./utils/translate.js";
 // Styles
 import ImageGridTickerCss from "./generated/themes/ImageGridTicker.css.js";
 export var UDExImageGridTickerVariable;
@@ -245,8 +246,8 @@ let UDExImageGridTicker = UDExImageGridTicker_1 = class UDExImageGridTicker exte
     }
     get playBtnTooltipText() {
         return this._isPaused
-            ? UDExImageGridTicker_1.i18nBundle.getText(PLAY_BUTTON_ACCESSIBLE_NAME)
-            : UDExImageGridTicker_1.i18nBundle.getText(PAUSE_BUTTON_ACCESSIBLE_NAME);
+            ? translate(UDExImageGridTicker_1, PLAY_BUTTON_ACCESSIBLE_NAME)
+            : translate(UDExImageGridTicker_1, PAUSE_BUTTON_ACCESSIBLE_NAME);
     }
 };
 __decorate([