@sapudex/web-components 2.17.0 → 2.18.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\";\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        {this.isContactContainerVisible && (\n          <UDExDivider class={`${rootClass}__divider`}></UDExDivider>\n        )}\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`}></UDExDivider>\n      </div>\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.chineseICPNumber}\n              className={`${rootClass}__copyright-chinese-link`}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\">\n              {this.chineseICPNumber}\n            </a>\n            {this.chineseSecurityNetworkNumber}\n          </span>\n        )}\n        <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n      </div>\n\n      {this.socialLinksArray.length > 0 && (\n        <div className={`${rootClass}__social-container`}>\n          {this.socialLinksArray.map((social, index) => (\n            <UDExSocialMediaButton\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        </div>\n      )}\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        accessibleName=\"back to top\">\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 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                    aria-describedby={`${rootClass}__quick-links`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h3>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.trendingLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem 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                    aria-describedby={`${rootClass}__footer__trending`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h3>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.aboutLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem 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                    aria-describedby={`${rootClass}__about`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h3>\n          </UDExAccordionItem>\n        </>\n      )}\n\n      {this.siteInformationLinksArray.length > 0 && (\n        <>\n          <UDExAccordionItem 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                    aria-describedby={`${rootClass}__site-information`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h3>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__quick-links`}>\n            <ul 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                    aria-describedby={`${rootClass}__quick-links`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__trending`}>\n            <ul 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                    aria-describedby={`${rootClass}__footer__trending`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__about`}>\n            <ul 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                    aria-describedby={`${rootClass}__about`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__site-information`}>\n            <ul 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                    aria-describedby={`${rootClass}__site-information`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}>\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\";\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        {this.isContactContainerVisible && (\n          <UDExDivider class={`${rootClass}__divider`}></UDExDivider>\n        )}\n\n        {this._shouldRenderMobileMenu ? (\n          mobileNavigation.call(this, rootClass)\n        ) : (\n          desktopNavigation.call(this, rootClass)\n        )}\n\n        <UDExDivider class={`${rootClass}__divider`}></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.chineseICPNumber}\n                className={`${rootClass}__copyright-chinese-link`}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\">\n                {this.chineseICPNumber}\n              </a>\n              {this.chineseSecurityNetworkNumber}\n            </span>\n          )}\n          <span className={`${rootClass}__copyright-text`}>{this.copyrightText}</span>\n        </div>\n\n        {this.socialLinksArray.length > 0 && (\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          </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        accessibleName={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                    aria-describedby={`${rootClass}__quick-links`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onQuickLinksClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__quick-links`}>\n              {this._quickLinksTitle}\n            </h3>\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                    aria-describedby={`${rootClass}__footer__trending`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onTrendingClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__trending`}>\n              {this._trendingTitle}\n            </h3>\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                    aria-describedby={`${rootClass}__about`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onAboutSapClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__about`}>\n              {this._aboutSapTitle}\n            </h3>\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                    aria-describedby={`${rootClass}__site-information`}\n                    href={link.url}\n                    data-id={link.id}\n                    onClick={this._onSiteInformationClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n            <h3 className={`${rootClass}__links-item hidden`} aria-hidden=\"true\" id={`${rootClass}__site-information`}>\n              {this._siteInformationTitle}\n            </h3>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__quick-links`}>\n            {this._quickLinksTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__quick-links`}>\n            <ul 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                    aria-describedby={`${rootClass}__quick-links`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onQuickLinksClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__trending`}>\n            {this._trendingTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__trending`}>\n            <ul 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                    aria-describedby={`${rootClass}__footer__trending`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onTrendingClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__about`}>\n            {this._aboutSapTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__about`}>\n            <ul 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                    aria-describedby={`${rootClass}__about`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onAboutSapClick}>\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          <h3 className={`${rootClass}__links-item`} id={`${rootClass}__site-information`}>\n            {this._siteInformationTitle}\n          </h3>\n          <nav aria-labelledby={`${rootClass}__site-information`}>\n            <ul 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                    aria-describedby={`${rootClass}__site-information`}\n                    data-id={link.id}\n                    href={link.url}\n                    onClick={this._onSiteInformationClick}>\n                    {link.title}\n                  </a>\n                </li>\n              ))}\n            </ul>\n          </nav>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/MediaPlayer.d.ts

@@ -1,5 +1,4 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import "@ui5/webcomponents-icons/dist/play.js";
 import type { VimeoPlayer } from "./MediaPlayerVimeo.js";
 declare global {
     interface Window {
@@ -298,7 +297,7 @@ declare class UDExMediaPlayer extends UI5Element {
     handleEmbedVideoPause(): void;
     get _iframePosterPreload(): string | false;
     get _iframeLoad(): boolean;
-    get _tracks(): Node[];
+    get _tracks(): Array<HTMLTrackElement>;
     get _vimeoSrc(): boolean;
     get _youtubeSrc(): boolean;
     get aspectRatioClass(): "" | "vjs-16-9 udex-media-player__fluid vjs-fluid" | "vjs-9-16 udex-media-player__fluid vjs-fluid" | "vjs-4-3 udex-media-player__fluid vjs-fluid" | "vjs-1-1 udex-media-player__fluid vjs-fluid";

package/dist/MediaPlayer.js

@@ -6,18 +6,14 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 /* eslint-disable @typescript-eslint/no-unsafe-return */
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/play.js";
-import UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
-import UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
 import mapLangFile from "./mediaPlayerLanguageMapping.js";
 // Template
-import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.js";
+import MediaPlayerTemplate from "./MediaPlayerTemplate.js";
 // Styles
 import MediaPlayerCss from "./generated/themes/MediaPlayer.css.js";
 export var UDExAspectRatio;
@@ -488,10 +484,9 @@ __decorate([
 UDExMediaPlayer = __decorate([
     customElement({
         tag: "udex-media-player",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: MediaPlayerCss,
         template: MediaPlayerTemplate,
-        dependencies: [Icon, UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],
     })
     /**
      * Fires when video is played

package/dist/MediaPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/play.js\";\nimport UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport type { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\nimport UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\nimport mapLangFile from \"./mediaPlayerLanguageMapping.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./generated/templates/MediaPlayerTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport type YoutubePlayer = YT.Player;\nexport enum UDExAspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\ntype UDExMediaPlayerVideoProgressEventDetail = {\n  progress: number,\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-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: litRender,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n  dependencies: [Icon, UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\", { bubbles: true })\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\", { bubbles: true })\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoProgress\", { bubbles: true })\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\", { bubbles: true })\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\", { bubbles: true })\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\", { bubbles: true })\nclass UDExMediaPlayer extends UI5Element {\n  eventDetails!: {\n    \"videoStart\": void,\n    \"videoPause\": void,\n    \"videoComplete\": void,\n    \"videoReady\": void,\n    \"videoProgress\": UDExMediaPlayerVideoProgressEventDetail,\n    \"video25\": void,\n    \"video50\": void,\n    \"video75\": void,\n  };\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String })\n    type: string = \"video/mp4\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    poster: string = \"\";\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: Array<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String })\n    playerid: string = \"udex-media-player\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: any;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl = (target as any)?.player.controlBar?.progressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireDecoratorEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireDecoratorEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireDecoratorEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireDecoratorEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: any) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: any) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireDecoratorEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireDecoratorEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-youtube]\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-vimeo]\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: any) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      bigPlayButton: true,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await mapLangFile(language);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async (videojsModule: any) => {\n      const videojs = videojsModule.default;\n\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        const languageData = await this.setupLanguage(language);\n        videojs.addLanguage(language, {\n          ...languageData,\n          ...languageData?.default,\n        });\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireDecoratorEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireDecoratorEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireDecoratorEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireDecoratorEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks() {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case UDExAspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === UDExAspectRatio[\"16:9\"] || this.aspectRatio === UDExAspectRatio[\"9:16\"] || this.aspectRatio === UDExAspectRatio[\"4:3\"] || this.aspectRatio === UDExAspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\nexport type { UDExMediaPlayerVideoProgressEventDetail };\n"]}
+{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":";;;;;;AAAA,wDAAwD;AACxD,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAI1D,WAAW;AACX,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAE3D,SAAS;AACT,OAAO,cAAc,MAAM,uCAAuC,CAAC;AASnE,MAAM,CAAN,IAAY,eAMX;AAND,WAAY,eAAe;IACzB,gCAAe,CAAA;IACf,gCAAe,CAAA;IACf,8BAAa,CAAA;IACb,8BAAa,CAAA;IACb,gCAAe,CAAA;AACjB,CAAC,EANW,eAAe,KAAf,eAAe,QAM1B;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AA+DH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAmBE;;;;;WAKG;QAED,WAAM,GAAW,EAAE,CAAC;QACtB;;;;;WAKG;QAED,SAAI,GAAW,WAAW,CAAC;QAC7B;;;;;WAKG;QAED,UAAK,GAAW,EAAE,CAAC;QASrB;;;;;WAKG;QAED,WAAM,GAAW,EAAE,CAAC;QAWtB;;;;;;SAMC;QAEC,UAAK,GAAW,EAAE,CAAC;QACrB;;;;;;WAMG;QAED,WAAM,GAAW,EAAE,CAAC;QACtB;;;;;WAKG;QAED,aAAQ,GAAW,mBAAmB,CAAC;QACzC;;;;;;UAME;QAEA,gBAAW,GAAyB,MAAM,CAAC;QAgC7C,kBAAa,GAAG,CAAC,MAAmB,EAAU,EAAE;YAC9C,MAAM,eAAe,GAAI,MAAc,EAAE,MAAM,CAAC,UAAU,EAAE,eAAe,EAAE,eAAe,CAAC,OAAO,CAAC;YACrG,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,OAAO,CAAC,CAAC;YACX,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,EAAE,GAAG,GAAG,CAAC,CAAC;QACxD,CAAC,CAAC;QAqSF,4BAAuB,GAAG,CAAC,UAAuB,EAAE,EAAE;YACpD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACrB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;gBACtC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACzB,CAAC;YACD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,aAAuB,CAAC,CAAC;YACzE,IAAI,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC;QAC1C,CAAC,CAAC;IAoEJ,CAAC;IA9WC,sBAAsB,CAAC,WAAmB;QACxC,IAAI,WAAW,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,IAAI,WAAW,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,IAAI,WAAW,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACvC,IAAI,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACtB,CAAC;QAED,IAAI,CAAC,kBAAkB,CAAC,eAAe,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;IACtE,CAAC;IAED,yBAAyB,CAAC,MAAW;QACnC,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC/B,IAAI,CAAC,MAAM,EAAE,UAAU,EAAE,CAAC;gBAAC,OAAO;YAAC,CAAC;YAEpC,MAAM,MAAM,GAAG,MAAM,EAAE,UAAU,EAAE,CAAC;YACpC,IAAI,iBAAiB,GAAG,KAAK,CAAC;YAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;gBACvC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,WAAW,EAAE,CAAC;oBACpE,iBAAiB,GAAG,IAAI,CAAC;gBAC3B,CAAC;YACH,CAAC;YAED,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;gBAC/C,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sBAAsB;QACpB,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,EAAE,CAAC;QACtD,aAAa,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;YAC3C,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC;gBAC9B,QAAQ,EAAE,QAAQ;gBAClB,KAAK,EAAE,QAAQ;aAChB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe,CAAC,MAAW;QACzB,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,CAAQ,EAAE,EAAE;YACnC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC;gBACd,OAAO;YACT,CAAC;YAED,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;YACjD,IAAI,WAAW,IAAI,CAAC,EAAE,CAAC;gBACrB,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE;YACrB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACtB,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACtB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE;YACtB,IAAI,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;YACvC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAC9B,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;YAChC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBAClC,CAAC,KAAK,IAAI,EAAE;oBACV,MAAM,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC;gBACtD,CAAC,CAAC,EAAE,CAAC;YACP,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,SAAS;QACP,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACrB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,6BAA6B,CAA2B,CAAC;YACvG,OAAO,MAAM,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,2BAA2B,CAAyB,CAAC;YACnG,OAAO,MAAM,EAAE,SAAS,EAAE,IAAI,IAAI,CAAC;QACrC,CAAC;QACD,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAqB,IAAI,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;IAC5I,CAAC;IAED,YAAY,CAAC,CAAgB,EAAE,MAAW;QACxC,gBAAgB;QAChB,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;YACtB,MAAM,CAAC,IAAI,EAAE,CAAC;YACd,OAAO;QACT,CAAC;QAED,qBAAqB;QACrB,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,EAAE,CAAC;gBAC3B,MAAM,CAAC,iBAAiB,EAAE,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,cAAc,EAAE,CAAC;YAC1B,CAAC;YACD,OAAO;QACT,CAAC;QAED,gBAAgB;QAChB,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,EAAE,CAAC;YAChC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YAC9B,OAAO;QACT,CAAC;QAED,eAAe;QACf,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAClB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC;gBACpB,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC;YACD,OAAO;QACT,CAAC;QAED,gDAAgD;QAChD,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;YACzC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,oBAAoB,GAAkB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC1E,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAY,IAAI,CAAC,CAAC,CAAC;YAC5F,IAAI,gBAAgB,GAAG,oBAAoB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvD,MAAM,eAAe,GAAG,gBAAgB,GAAG,CAAC,CAAC;gBAC7C,MAAM,CAAC,YAAY,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;YAC7D,CAAC;YACD,OAAO;QACT,CAAC;QAED,gDAAgD;QAChD,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;YACxC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,oBAAoB,GAAkB,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC;YAC1E,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,EAAY,IAAI,CAAC,CAAC,CAAC;YAC5F,IAAI,gBAAgB,GAAG,CAAC,EAAE,CAAC;gBACzB,MAAM,eAAe,GAAG,gBAAgB,GAAG,CAAC,CAAC;gBAC7C,MAAM,CAAC,YAAY,CAAC,oBAAoB,CAAC,eAAe,CAAC,CAAC,CAAC;YAC7D,CAAC;YACD,OAAO;QACT,CAAC;QAED,+BAA+B;QAC/B,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;YACpD,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC,eAAe,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC;YACnF,MAAM,QAAQ,GAAW,MAAM,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;YAChD,MAAM,WAAW,GAAW,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;YACtD,MAAM,KAAK,GAAW,CAAC,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;YAC5E,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,KAAK,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;YACrE,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,gBAAgB;QAChB,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;eAC5D,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC;YACnE,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,MAAM,UAAU,GAAW,GAAG,CAAC;YAC/B,MAAM,MAAM,GAAW,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;YAC5C,IAAI,SAAS,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;YAC1E,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YAChD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,eAAe;QACb,MAAM,WAAW,GAAG;YAClB,aAAa,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;YAC1B,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,aAAa,EAAE,IAAI;YACnB,UAAU,EAAE;gBACV,UAAU,EAAE,IAAI;gBAChB,WAAW,EAAE,IAAI;gBACjB,eAAe,EAAE;oBACf,OAAO,EAAE;wBACP,WAAW,EAAE,EAAE;qBAChB;iBACF;gBACD,oBAAoB,EAAE,IAAI;gBAC1B,cAAc,EAAE,IAAI;gBACpB,sBAAsB,EAAE,IAAI;gBAC5B,gBAAgB,EAAE,IAAI;gBACtB,sBAAsB,EAAE,KAAK;aAC9B;YACD,WAAW,EAAE;gBACX,OAAO,EAAE,CAAC,CAAgB,EAAE,EAAE;oBAC5B,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBACpC,CAAC;aACF;SACF,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,WAAW,CAAC;QACrB,CAAC;QAED,OAAO;YACL,GAAG,WAAW;YACd,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;SAC5B,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,QAAgB;QAClC,IAAI,CAAC;YACH,OAAO,MAAM,WAAW,CAAC,QAAQ,CAAC,CAAC;QACrC,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,GAAG,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACvC,OAAO;QACT,CAAC;QAED,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,aAAkB,EAAE,EAAE;YACnD,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC;YAEtC,IAAI,IAAI,CAAC,sBAAsB,EAAE,CAAC;gBAChC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAC;YAC3B,CAAC;YAED,MAAM,OAAO,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YACvC,MAAM,QAAQ,GAAW,OAAO,EAAE,QAAQ,CAAC;YAC3C,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACxD,OAAO,CAAC,WAAW,CAAC,QAAQ,EAAE;oBAC5B,GAAG,YAAY;oBACf,GAAG,YAAY,EAAE,OAAO;iBACzB,CAAC,CAAC;YACL,CAAC;YAED,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,OAAO,CAAC,CAAC;YAClF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAElC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBAAC,OAAO;YAAC,CAAC;YAE/B,MAAM,wBAAwB,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAoB,kDAAkD,CAAC,CAAC;YACvI,IAAI,wBAAwB,EAAE,CAAC;gBAC7B,wBAAwB,CAAC,KAAK,GAAG,KAAK,CAAC;gBACvC,wBAAwB,CAAC,QAAQ,GAAG,IAAI,CAAC;YAC3C,CAAC;YAED,MAAM,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAoB,qDAAqD,CAAC,CAAC;YACjI,IAAI,eAAe,EAAE,CAAC;gBAAC,eAAe,CAAC,KAAK,GAAG,QAAQ,CAAC;YAAC,CAAC;YAE1D,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAoB,6CAA6C,CAAC,CAAC;YACvH,aAAa,EAAE,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;IAC/B,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC;IAWD,qBAAqB;QACnB,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC;IAED,IAAI,oBAAoB;QACtB,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,CAAC;QAC1D,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC/B,CAAC;QACD,OAAO,iBAAiB,CAAC;IAC3B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,SAAS,CAAC;IAC5C,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IACzC,CAAC;IAED,IAAI,gBAAgB;QAClB,QAAQ,IAAI,CAAC,WAAW,EAAE,CAAC;YAC3B,KAAK,eAAe,CAAC,MAAM,CAAC;gBAC1B,OAAO,6CAA6C,CAAC;YACvD,KAAK,eAAe,CAAC,MAAM,CAAC;gBAC1B,OAAO,6CAA6C,CAAC;YACvD,KAAK,eAAe,CAAC,KAAK,CAAC;gBACzB,OAAO,4CAA4C,CAAC;YACtD,KAAK,eAAe,CAAC,KAAK,CAAC;gBACzB,OAAO,4CAA4C,CAAC;YACtD;gBACE,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC;IAED,IAAI,oBAAoB;QACtB,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,WAAW,KAAK,eAAe,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/L,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,QAAQ,IAAI,mBAAmB,CAAC;IAC9C,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;CACF,CAAA;AA3eG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACR;AAQjB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACL;AAQpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CACE;AAQ3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACN;AAQnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACN;AAQpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACL;AAUpB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;gDACrC;AAS7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CACL;AAQpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACc;AASvC;IADD,QAAQ,EAAE;oDACkC;AAQ3C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACO;AAQjC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACO;AAKjC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACC;AA5HzB,eAAe;IA9DpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,cAAc;QACtB,QAAQ,EAAE,mBAAmB;KAC9B,CAAC;IACF;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,CAAC;IACpB;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACvC;;;;;OAKG;;IACF,KAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACvC;;;;;OAKG;;IACF,KAAK,CAAC,eAAe,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAC1C;;;;;OAKG;;IACF,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACpC;;;;;OAKG;;IACF,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IACpC;;;;;OAKG;;IACF,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAC9B,eAAe,CA6fpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\nimport mapLangFile from \"./mediaPlayerLanguageMapping.js\";\nimport type UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport type UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./MediaPlayerTemplate.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport type YoutubePlayer = YT.Player;\nexport enum UDExAspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\ntype UDExMediaPlayerVideoProgressEventDetail = {\n  progress: number,\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-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: jsxRenderer,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\", { bubbles: true })\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\", { bubbles: true })\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoProgress\", { bubbles: true })\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\", { bubbles: true })\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\", { bubbles: true })\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\", { bubbles: true })\nclass UDExMediaPlayer extends UI5Element {\n  eventDetails!: {\n    \"videoStart\": void,\n    \"videoPause\": void,\n    \"videoComplete\": void,\n    \"videoReady\": void,\n    \"videoProgress\": UDExMediaPlayerVideoProgressEventDetail,\n    \"video25\": void,\n    \"video50\": void,\n    \"video75\": void,\n  };\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String })\n    type: string = \"video/mp4\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    poster: string = \"\";\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: Array<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String })\n    playerid: string = \"udex-media-player\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: any;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl = (target as any)?.player.controlBar?.progressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireDecoratorEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireDecoratorEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireDecoratorEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireDecoratorEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: any) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: any) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireDecoratorEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireDecoratorEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-youtube]\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-vimeo]\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: any) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      bigPlayButton: true,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await mapLangFile(language);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async (videojsModule: any) => {\n      const videojs = videojsModule.default;\n\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        const languageData = await this.setupLanguage(language);\n        videojs.addLanguage(language, {\n          ...languageData,\n          ...languageData?.default,\n        });\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireDecoratorEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireDecoratorEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireDecoratorEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireDecoratorEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks(): Array<HTMLTrackElement> {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case UDExAspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === UDExAspectRatio[\"16:9\"] || this.aspectRatio === UDExAspectRatio[\"9:16\"] || this.aspectRatio === UDExAspectRatio[\"4:3\"] || this.aspectRatio === UDExAspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\nexport type { UDExMediaPlayerVideoProgressEventDetail };\n"]}

package/dist/MediaPlayerTemplate.d.ts

@@ -0,0 +1,3 @@
+import type UDExMediaPlayer from "./MediaPlayer.js";
+import "@ui5/webcomponents-icons/dist/play.js";
+export default function MediaPlayerTemplate(this: UDExMediaPlayer): import("@ui5/webcomponents-base").JSX.Element;

package/dist/MediaPlayerTemplate.js

@@ -0,0 +1,32 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
+import UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
+import "@ui5/webcomponents-icons/dist/play.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+export default function MediaPlayerTemplate() {
+    const rootClass = "udex-media-player__video video-js";
+    return (_jsx(_Fragment, { children: this.audioOnly ? renderAudioOnlyTemplate.call(this, rootClass) :
+            this._iframeLoad ? renderEmbedTemplate.call(this) :
+                renderStandardTemplate.call(this, rootClass) }));
+}
+function renderAudioOnlyTemplate(rootClass) {
+    return (_jsx("audio", { id: this.playerElementId, class: `${rootClass} ${this.aspectRatioClass}`, preload: "auto", children: _jsx("source", { src: this.source, type: this.type }) }));
+}
+function renderStandardTemplate(rootClass) {
+    return (_jsx("video", { id: this.playerElementId, class: `${rootClass} ${this.aspectRatioClass}`, children: _jsx("source", { src: this.source, type: this.type, children: this._tracks.map((element, index) => {
+                const { "default": isDefault, kind, src, srclang, label } = element;
+                return (_jsx("track", { kind: kind, src: src, srclang: srclang, label: label, ...(isDefault ? { "default": true } : {}) }, index));
+            }) }) }));
+}
+function renderEmbedTemplate() {
+    if (this._iframePosterPreload) {
+        return (_jsx("div", { class: `video-js udex-media-player__iframe-poster ${this.aspectRatioClass}`, children: _jsxs("div", { class: "udex-media-player__vjs-poster", "aria-disabled": "false", children: [_jsx("picture", { tabindex: -1, children: _jsx("img", { loading: "lazy", alt: "", src: this.poster, width: this.width, height: this.height }) }), _jsx("button", { class: "vjs-big-play-button", type: "button", title: "Play Video", "aria-disabled": "false", onClick: this.handleEmbedPlay, children: _jsx(Icon, { "aria-label": "Play Video", name: "play" }) })] }) }));
+    }
+    if (this._youtubeSrc) {
+        return (_jsx(UDExMediaPlayerYoutube, { source: this.source, width: this.width, height: this.height, class: `video-js ${this.aspectRatioClass}`, ...this.embedVideoFluidClass ? { "fluid-mode": this.embedVideoFluidClass } : {}, onPlaying: this.handleEmbedVideoPlaying, onEnded: this.handleEmbedVideoEnded, onReady: this.handleEmbedVideoReady, onPause: this.handleEmbedVideoPause }));
+    }
+    if (this._vimeoSrc) {
+        return (_jsx(UDExMediaPlayerVimeo, { source: this.source, width: this.width, height: this.height, title: this.title, "aspect-ratio-class": this.aspectRatioClass, ...this.embedVideoFluidClass ? { "fluid-mode": this.embedVideoFluidClass } : {}, onPlaying: this.handleEmbedVideoPlaying, onEnded: this.handleEmbedVideoEnded, onReady: this.handleEmbedVideoReady, onPause: this.handleEmbedVideoPause }));
+    }
+}
+//# sourceMappingURL=MediaPlayerTemplate.js.map

package/dist/MediaPlayerTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPlayerTemplate.js","sourceRoot":"","sources":["../src/MediaPlayerTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExMediaPlayer from \"./MediaPlayer.js\";\nimport UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\nimport \"@ui5/webcomponents-icons/dist/play.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\nexport default function MediaPlayerTemplate(this: UDExMediaPlayer) {\n  const rootClass = \"udex-media-player__video video-js\";\n\n  return (\n    <>\n      {this.audioOnly ? renderAudioOnlyTemplate.call(this, rootClass) :\n        this._iframeLoad ? renderEmbedTemplate.call(this) :\n          renderStandardTemplate.call(this, rootClass)\n      }\n    </>\n  );\n}\n\nfunction renderAudioOnlyTemplate(this: UDExMediaPlayer, rootClass: string) {\n  return (\n    <audio\n      id={this.playerElementId}\n      class={`${rootClass} ${this.aspectRatioClass}`}\n      preload=\"auto\">\n      <source src={this.source} type={this.type}/>\n    </audio>\n  );\n}\n\nfunction renderStandardTemplate(this: UDExMediaPlayer, rootClass: string) {\n  return (\n    <video\n      id={this.playerElementId}\n      class={`${rootClass} ${this.aspectRatioClass}`}>\n      <source src={this.source} type={this.type}>\n        {this._tracks.map((element: HTMLTrackElement, index: number) => {\n          const {\n            \"default\": isDefault, kind, src, srclang, label\n          } = element;\n          return (\n            <track\n              key={index}\n              kind={kind}\n              src={src}\n              srclang={srclang}\n              label={label}\n              {...(isDefault ? { \"default\": true } : {})}\n            />\n          );\n        })}\n      </source>\n    </video>\n  );\n}\n\nfunction renderEmbedTemplate(this: UDExMediaPlayer) {\n  if (this._iframePosterPreload) {\n    return (\n      <div class={`video-js udex-media-player__iframe-poster ${this.aspectRatioClass}`}>\n        <div class=\"udex-media-player__vjs-poster\" aria-disabled=\"false\">\n          <picture tabindex={-1}><img loading=\"lazy\" alt=\"\" src={this.poster} width={this.width} height={this.height} /></picture>\n          <button class=\"vjs-big-play-button\" type=\"button\" title=\"Play Video\" aria-disabled=\"false\" onClick={this.handleEmbedPlay}>\n            <Icon aria-label=\"Play Video\" name=\"play\"></Icon>\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  if (this._youtubeSrc) {\n    return (\n      <UDExMediaPlayerYoutube\n        source={this.source}\n        width={this.width}\n        height={this.height}\n        class={`video-js ${this.aspectRatioClass}`}\n        {...this.embedVideoFluidClass ? { \"fluid-mode\": this.embedVideoFluidClass } : {}}\n        onPlaying={this.handleEmbedVideoPlaying}\n        onEnded={this.handleEmbedVideoEnded}\n        onReady={this.handleEmbedVideoReady}\n        onPause={this.handleEmbedVideoPause}>\n      </UDExMediaPlayerYoutube>\n    );\n  }\n\n  if (this._vimeoSrc) {\n    return (\n      <UDExMediaPlayerVimeo\n        source={this.source}\n        width={this.width}\n        height={this.height}\n        title={this.title}\n        aspect-ratio-class={this.aspectRatioClass}\n        {...this.embedVideoFluidClass ? { \"fluid-mode\": this.embedVideoFluidClass } : {}}\n        onPlaying={this.handleEmbedVideoPlaying}\n        onEnded={this.handleEmbedVideoEnded}\n        onReady={this.handleEmbedVideoReady}\n        onPause={this.handleEmbedVideoPause}>\n      </UDExMediaPlayerVimeo>);\n  }\n}\n"]}

package/dist/MediaPlayerVimeo.js

@@ -8,9 +8,9 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Player from "@vimeo/player";
-import MediaPlayerVimeoTemplate from "./generated/templates/MediaPlayerVimeoTemplate.lit.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import MediaPlayerVimeoTemplate from "./MediaPlayerVimeoTemplate.js";
 // Styles
 import MediaPlayerCss from "./generated/themes/MediaPlayer.css.js";
 /**
@@ -128,10 +128,9 @@ __decorate([
 UDExMediaPlayerVimeo = __decorate([
     customElement({
         tag: "udex-media-player-vimeo",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [MediaPlayerCss],
         template: MediaPlayerVimeoTemplate,
-        dependencies: [],
     })
     /**
      * Fires when video is ready

package/dist/MediaPlayerVimeo.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayerVimeo.js","sourceRoot":"","sources":["../src/MediaPlayerVimeo.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 Player from \"@vimeo/player\";\nimport MediaPlayerVimeoTemplate from \"./generated/templates/MediaPlayerVimeoTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\nexport type VimeoPlayer = Player;\n\ntype UDExMediaPLayerViemeoPlayingEventDetail = {\n  percentPlayed: number,\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-media-player-vimeo</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-media-player-vimeo\",\n  renderer: litRender,\n  styles: [MediaPlayerCss],\n  template: MediaPlayerVimeoTemplate,\n  dependencies: [],\n})\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ready\", { bubbles: true })\n/**\n * Fires when video play ended\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ended\", { bubbles: true })\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"pause\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"playing\", { bubbles: true })\nclass UDExMediaPlayerVimeo extends UI5Element {\n  eventDetails!: {\n    \"ready\": void,\n    \"ended\": void,\n    \"pause\": void,\n    \"playing\": UDExMediaPLayerViemeoPlayingEventDetail,\n  };\n  /**\n * Defines the source of the video  or audio\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * CSS class name for iframe fluid styles\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    aspectRatioClass: string = \"\";\n  /**\n  * Defines if video should be displayed in fluid mode.\n  * In fluid mode, width and height will be ignored and size will be adjusted to the container.\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    fluidMode!: boolean;\n\n  player!: Player;\n\n  setupPlayer = () => {\n    const iframe = this.shadowRoot?.querySelector(\"iframe\");\n    if (!iframe) {\n      return;\n    }\n    this.player = new Player(iframe);\n\n    this.player.on(\"timeupdate\", e => {\n      this.fireDecoratorEvent(\"playing\", { percentPlayed: e.percent * 100 });\n    });\n\n    this.player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"pause\");\n    });\n\n    this.player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"ended\");\n    });\n\n    this.player.on(\"loaded\", () => {\n      this.fireDecoratorEvent(\"ready\");\n    });\n  };\n\n  onEnterDOM(): void {\n    this.setupPlayer();\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): VimeoPlayer {\n    return this.player;\n  }\n\n  get fluidModeClass() {\n    if (this.fluidMode) {\n      return \"video-js udex-media-player__fluid\";\n    }\n    return \"\";\n  }\n}\n\nUDExMediaPlayerVimeo.define();\n\nexport default UDExMediaPlayerVimeo;\nexport type { UDExMediaPLayerViemeoPlayingEventDetail };\n"]}
+{"version":3,"file":"MediaPlayerVimeo.js","sourceRoot":"","sources":["../src/MediaPlayerVimeo.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 Player from \"@vimeo/player\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\n\nimport MediaPlayerVimeoTemplate from \"./MediaPlayerVimeoTemplate.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\nexport type VimeoPlayer = Player;\n\ntype UDExMediaPLayerViemeoPlayingEventDetail = {\n  percentPlayed: number,\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-media-player-vimeo</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayerVimeo.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-media-player-vimeo\",\n  renderer: jsxRenderer,\n  styles: [MediaPlayerCss],\n  template: MediaPlayerVimeoTemplate,\n})\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ready\", { bubbles: true })\n/**\n * Fires when video play ended\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ended\", { bubbles: true })\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"pause\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"playing\", { bubbles: true })\nclass UDExMediaPlayerVimeo extends UI5Element {\n  eventDetails!: {\n    \"ready\": void,\n    \"ended\": void,\n    \"pause\": void,\n    \"playing\": UDExMediaPLayerViemeoPlayingEventDetail,\n  };\n  /**\n * Defines the source of the video  or audio\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * CSS class name for iframe fluid styles\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    aspectRatioClass: string = \"\";\n  /**\n  * Defines if video should be displayed in fluid mode.\n  * In fluid mode, width and height will be ignored and size will be adjusted to the container.\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    fluidMode!: boolean;\n\n  player!: Player;\n\n  setupPlayer = () => {\n    const iframe = this.shadowRoot?.querySelector(\"iframe\");\n    if (!iframe) {\n      return;\n    }\n    this.player = new Player(iframe);\n\n    this.player.on(\"timeupdate\", e => {\n      this.fireDecoratorEvent(\"playing\", { percentPlayed: e.percent * 100 });\n    });\n\n    this.player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"pause\");\n    });\n\n    this.player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"ended\");\n    });\n\n    this.player.on(\"loaded\", () => {\n      this.fireDecoratorEvent(\"ready\");\n    });\n  };\n\n  onEnterDOM(): void {\n    this.setupPlayer();\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): VimeoPlayer {\n    return this.player;\n  }\n\n  get fluidModeClass() {\n    if (this.fluidMode) {\n      return \"video-js udex-media-player__fluid\";\n    }\n    return \"\";\n  }\n}\n\nUDExMediaPlayerVimeo.define();\n\nexport default UDExMediaPlayerVimeo;\nexport type { UDExMediaPLayerViemeoPlayingEventDetail };\n"]}

package/dist/MediaPlayerVimeoTemplate.d.ts

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

package/dist/MediaPlayerVimeoTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function MediaPlayerVimeoTemplate() {
+    return (_jsx("div", { class: `${this.fluidModeClass} udex-media-player__video udex-media-player__video-embed ${this.aspectRatioClass}`, children: _jsx("iframe", { width: this.width, height: this.height, title: this.title, src: this.source, frameBorder: 0, allow: "accelerometer; autoplay; encrypted-media; gyroscope;", allowFullScreen: true }) }));
+}
+//# sourceMappingURL=MediaPlayerVimeoTemplate.js.map

package/dist/MediaPlayerVimeoTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaPlayerVimeoTemplate.js","sourceRoot":"","sources":["../src/MediaPlayerVimeoTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC9C,OAAO,CACL,cACE,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,4DAA4D,IAAI,CAAC,gBAAgB,EAAE,YAEhH,iBACE,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,GAAG,EAAE,IAAI,CAAC,MAAM,EAChB,WAAW,EAAE,CAAC,EACd,KAAK,EAAC,sDAAsD,EAC5D,eAAe,SACP,GACN,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\n\nexport default function MediaPlayerVimeoTemplate(this: UDExMediaPlayerVimeo) {\n  return (\n    <div\n      class={`${this.fluidModeClass} udex-media-player__video udex-media-player__video-embed ${this.aspectRatioClass}`}\n    >\n      <iframe\n        width={this.width}\n        height={this.height}\n        title={this.title}\n        src={this.source}\n        frameBorder={0}\n        allow=\"accelerometer; autoplay; encrypted-media; gyroscope;\"\n        allowFullScreen\n      ></iframe>\n    </div>\n  );\n}\n"]}

package/dist/MediaPlayerYoutube.js

@@ -8,8 +8,8 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import MediaPlayerYoutubeTemplate from "./generated/templates/MediaPlayerYoutubeTemplate.lit.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import MediaPlayerYoutubeTemplate from "./MediaPlayerYoutubeTemplate.js";
 // Styles
 import MediaPlayerYoutubeCss from "./generated/themes/MediaPlayerYoutube.css.js";
 import MediaPlayerCss from "./generated/themes/MediaPlayer.css.js";
@@ -240,7 +240,7 @@ __decorate([
 UDExMediaPlayerYoutube = __decorate([
     customElement({
         tag: "udex-media-player-youtube",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [MediaPlayerCss, MediaPlayerYoutubeCss],
         template: MediaPlayerYoutubeTemplate,
     })

package/dist/MediaPlayerYoutube.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayerYoutube.js","sourceRoot":"","sources":["../src/MediaPlayerYoutube.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,SAAS,MAAM,sDAAsD,CAAC;AAG7E,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AAEjG,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AACjF,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE,MAAM,cAAc,GAAG,uBAAuB,CAAC;AAC/C,MAAM,iBAAiB,GAAG,qLAAqL,CAAC;AAChN,MAAM,aAAa,GAAG,kCAAkC,CAAC;AACzD,MAAM,OAAO,GAAG,oCAAoC,CAAC;AACrD,MAAM,gBAAgB,GAAG,yBAAyB,CAAC;AACnD,MAAM,mBAAmB,GAAG,IAAI,CAAC;AACjC,MAAM,iBAAiB,GAAG,8BAA8B,CAAC;AACzD,MAAM,eAAe,GAAG,sBAAsB,CAAC;AAC/C,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAC1C,MAAM,aAAa,GAAG,OAAO,CAAC;AAkB9B;;;;;;;;;;;;;;;;GAgBG;AAmCH,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAA/C;;QAOE;;;;;SAKC;QAEC,WAAM,GAAW,EAAE,CAAC;QACtB;;;;;;SAMC;QAEC,UAAK,GAAW,EAAE,CAAC;QACrB;;;;;;WAMG;QAED,WAAM,GAAW,EAAE,CAAC;QACtB;;;;;;UAME;QAEA,gBAAW,GAAyB,MAAM,CAAC;QAarC,kBAAa,GAAW,CAAC,CAAC;QA6BlC,oBAAe,GAAG,GAAG,EAAE;YACrB,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC,+CAA+C;gBAC/D,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC7C,GAAG,CAAC,GAAG,GAAG,OAAO,CAAC;gBAClB,MAAM,cAAc,GAAG,QAAQ,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClE,cAAc,CAAC,UAAW,CAAC,YAAY,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;YAC/D,CAAC;YAED,MAAM,CAAC,gBAAgB,CAAC,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YAEhE,0EAA0E;YAC1E,IAAI,MAAM,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC;gBAClC,IAAI,CAAC,uBAAuB,EAAE,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;QAEF,4BAAuB,GAAG,GAAS,EAAE;YACnC,IAAI,CAAC,aAAa,GAAG,IAAI,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,SAAS,CAAgB,EAAE;gBAC3F,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,UAAU,EAAE;oBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC/B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxB,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACrC,MAAM,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM;oBAC9B,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC;oBACvC,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC;iBACpC;gBACD,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;gBAClE,MAAM,EAAE;oBACN,SAAS,EAAE,IAAI,CAAC,aAAa;oBAC7B,eAAe,EAAE,IAAI,CAAC,mBAAmB;iBAC1C;aAC6B,CAAC,CAAC;QACpC,CAAC,CAAC;QAEM,kBAAa,GAAG,CAAC,OAAuB,EAAQ,EAAE;YACxD,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YAClD,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC,CAAC;QAEM,wBAAmB,GAAG,CAAC,OAA8B,EAAQ,EAAE;YACrE,MAAM,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;YACzB,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC;YAEzD,IAAI,IAAI,KAAK,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;gBAC5C,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;oBAC3C,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC5B,CAAC,EAAE,mBAAmB,CAAC,CAAC;YAC1B,CAAC;iBAAM,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;gBAClD,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;gBAClC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;YACjC,CAAC;YAED,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;gBACnB,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAChD,CAAC;YAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;gBACpB,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC;IAuEJ,CAAC;IAhKC,IAAI,OAAO;QACT,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACtD,OAAO,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACrC,CAAC;IAED,IAAI,GAAG;QACL,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACpD,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAED,IAAI,KAAK;QACP,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAChD,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAED,IAAI,WAAW;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;QACvD,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC7C,CAAC;IAkEO,kBAAkB;QACxB,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;QAC9D,MAAM,iBAAiB,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC;QACnE,IAAI,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC,CAAC;IAC3E,CAAC;IAED,cAAc,CAAC,GAAQ,EAAE,OAAe;QACtC,IAAI,GAAG,YAAY,KAAK,EAAE,CAAC;YACzB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,KAAK,EAAE,CAAC;YACV,MAAM,KAAK,GAAW,KAAK,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBACnC,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,IAAI,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9B,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,eAAe,CAAC,KAAa;QAC3B,IAAI,OAAO,GAAG,CAAC,CAAC;QAChB,IAAI,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,KAAK,KAAK,IAAI,EAAE,CAAC;YACtB,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC;YAChC,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC;YAAC,CAAC;YAC7D,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;YAAC,CAAC;YACxD,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;gBAAC,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;YAAC,CAAC;YACnD,KAAK,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,cAAc,CAAC,GAAW;QACxB,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;IACrD,CAAC;IAED,YAAY,CAAC,GAAW;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC;IACnD,CAAC;IAED,UAAU;QACR,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,SAAS;QACP,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACvB,aAAa,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;YAClC,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC;QACjC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,SAAS;QACP,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC;IACpC,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,0BAA0B,CAAC;QACpC,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC;CACF,CAAA;AA1MG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACL;AASpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDACL;AASpB;IADD,QAAQ,EAAE;2DACkC;AAS3C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yDACN;AAlDlB,sBAAsB;IAlC3B,aAAa,CAAC;QACb,GAAG,EAAE,2BAA2B;QAChC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC;QAC/C,QAAQ,EAAE,0BAA0B;KACrC,CAAC;IACF;;;;;OAKG;;IACF,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAClC;;;;;OAKG;;IACF,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAClC;;;;;OAKG;;IACF,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAClC;;;;;OAKG;;IACF,KAAK,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAC9B,sBAAsB,CAwN3B;AAED,sBAAsB,CAAC,MAAM,EAAE,CAAC;AAEhC,eAAe,sBAAsB,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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { UDExAspectRatio } from \"./MediaPlayer.js\";\n\nimport MediaPlayerYoutubeTemplate from \"./generated/templates/MediaPlayerYoutubeTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerYoutubeCss from \"./generated/themes/MediaPlayerYoutube.css.js\";\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\nconst MATCH_NOCOOKIE = /youtube-nocookie\\.com/;\nconst MATCH_URL_YOUTUBE = /(?:youtu\\.be\\/|youtube(?:-nocookie|education)?\\.com\\/(?:embed\\/|v\\/|watch\\/|watch\\?v=|watch\\?.+&v=|shorts\\/|live\\/))((\\w|-){11})|youtube\\.com\\/playlist\\?list=|youtube\\.com\\/user\\//;\nconst NOCOOKIE_HOST = \"https://www.youtube-nocookie.com\";\nconst SDK_URL = \"https://www.youtube.com/iframe_api\";\nconst SDK_GLOBAL_READY = \"onYouTubeIframeAPIReady\";\nconst CHECK_INTERVAL_TIME = 1000;\nconst MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;\nconst MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;\nconst MATCH_START_STAMP = /(\\d+)(h|m|s)/g;\nconst MATCH_NUMERIC = /^\\d+$/;\n\nexport type YoutubePlayer = YT.Player;\n\ndeclare global {\n  interface Window {\n    onYouTubeIframeAPIReady: () => void;\n  }\n}\n\ntype UDExMediaPlayerYoutubePlayingEventDetail = {\n  percentPlayed: number,\n}\n\ntype UDExMediaPlayerYoutubeBaseEventDetails = {\n  ytevent: YT.OnStateChangeEvent,\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-media-player-youtube</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-media-player-youtube\",\n  renderer: litRender,\n  styles: [MediaPlayerCss, MediaPlayerYoutubeCss],\n  template: MediaPlayerYoutubeTemplate,\n})\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ready\", { bubbles: true })\n/**\n * Fires when video play ended\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ended\", { bubbles: true })\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"pause\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"playing\", { bubbles: true })\nclass UDExMediaPlayerYoutube extends UI5Element {\n  eventDetails!: {\n    \"ready\": void,\n    \"ended\": UDExMediaPlayerYoutubeBaseEventDetails,\n    \"pause\": UDExMediaPlayerYoutubeBaseEventDetails,\n    \"playing\": UDExMediaPlayerYoutubePlayingEventDetail,\n  };\n  /**\n * Defines the source of the video  or audio\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n  * Defines if video should be displayed in fluid mode.\n  * In fluid mode, width and height will be ignored and size will be adjusted to the container.\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    fluidMode!: boolean;\n\n  private youtubePlayer!: YT.Player;\n  private checkInterval?: number;\n  private videoDuration: number = 0;\n\n  get videoId(): string {\n    if (!this.source) {\n      return \"\";\n    }\n    const urlMatch = this.source.match(MATCH_URL_YOUTUBE);\n    return urlMatch ? urlMatch[1] : \"\";\n  }\n\n  get url(): URL {\n    return new URL(this.source);\n  }\n\n  get autoplay(): number | undefined {\n    const param = this.url.searchParams.get(\"autoplay\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  get muted(): number | undefined {\n    const param = this.url.searchParams.get(\"mute\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  get playsinline(): number | undefined {\n    const param = this.url.searchParams.get(\"playsinline\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  setupYoutubeAPI = () => {\n    if (!window.YT) { // Only load script if YT is not already loaded\n      const tag = document.createElement(\"script\");\n      tag.src = SDK_URL;\n      const firstScriptTag = document.getElementsByTagName(\"script\")[0];\n      firstScriptTag.parentNode!.insertBefore(tag, firstScriptTag);\n    }\n\n    window[SDK_GLOBAL_READY] = () => this.onYouTubeIframeAPIReady();\n\n    // If YouTube IFrame API is already loaded, directly initialize the player\n    if (window.YT && window.YT.Player) {\n      this.onYouTubeIframeAPIReady();\n    }\n  };\n\n  onYouTubeIframeAPIReady = (): void => {\n    this.youtubePlayer = new YT.Player(this.shadowRoot?.querySelector(\"#player\") as HTMLElement, {\n      height: this.height,\n      width: this.width,\n      videoId: this.videoId,\n      playerVars: {\n        autoplay: this.autoplay ? 1 : 0,\n        mute: this.muted ? 1 : 0,\n        playsinline: this.playsinline ? 1 : 0,\n        origin: window.location.origin,\n        start: this.parseStartTime(this.source),\n        end: this.parseEndTime(this.source),\n      },\n      host: MATCH_NOCOOKIE.test(this.source) ? NOCOOKIE_HOST : undefined,\n      events: {\n        \"onReady\": this.onPlayerReady,\n        \"onStateChange\": this.onPlayerStateChange,\n      },\n    } as unknown as YT.PlayerOptions);\n  };\n\n  private onPlayerReady = (ytevent: YT.PlayerEvent): void => {\n    this.videoDuration = ytevent.target.getDuration();\n    this.fireDecoratorEvent(\"ready\");\n  };\n\n  private onPlayerStateChange = (ytevent: YT.OnStateChangeEvent): void => {\n    const { data } = ytevent;\n    const { PLAYING, PAUSED, ENDED } = window.YT.PlayerState;\n\n    if (data === PLAYING && !this.checkInterval) {\n      this.checkInterval = window.setInterval(() => {\n        this.checkVideoProgress();\n      }, CHECK_INTERVAL_TIME);\n    } else if (data !== PLAYING && this.checkInterval) {\n      clearInterval(this.checkInterval);\n      this.checkInterval = undefined;\n    }\n\n    if (data === ENDED) {\n      this.fireDecoratorEvent(\"ended\", { ytevent });\n    }\n\n    if (data === PAUSED) {\n      this.fireDecoratorEvent(\"pause\", { ytevent });\n    }\n  };\n\n  private checkVideoProgress(): void {\n    const currentTime = this.youtubePlayer?.getCurrentTime() || 0;\n    const percentageWatched = (currentTime / this.videoDuration) * 100;\n    this.fireDecoratorEvent(\"playing\", { percentPlayed: percentageWatched });\n  }\n\n  parseTimeParam(url: any, pattern: RegExp) {\n    if (url instanceof Array) {\n      return undefined;\n    }\n    const match = url.match(pattern);\n    if (match) {\n      const stamp: string = match[1];\n      if (stamp.match(MATCH_START_STAMP)) {\n        return this.parseTimeString(stamp);\n      }\n      if (MATCH_NUMERIC.test(stamp)) {\n        return parseInt(stamp);\n      }\n    }\n    return undefined;\n  }\n\n  parseTimeString(stamp: string) {\n    let seconds = 0;\n    let array = MATCH_START_STAMP.exec(stamp);\n    while (array !== null) {\n      const [, count, period] = array;\n      if (period === \"h\") { seconds += parseInt(count) * 60 * 60; }\n      if (period === \"m\") { seconds += parseInt(count) * 60; }\n      if (period === \"s\") { seconds += parseInt(count); }\n      array = MATCH_START_STAMP.exec(stamp);\n    }\n    return seconds;\n  }\n\n  parseStartTime(url: string) {\n    return this.parseTimeParam(url, MATCH_START_QUERY);\n  }\n\n  parseEndTime(url: string) {\n    return this.parseTimeParam(url, MATCH_END_QUERY);\n  }\n\n  onEnterDOM(): void {\n    this.setupYoutubeAPI();\n  }\n\n  onExitDOM() {\n    if (this.checkInterval) {\n      clearInterval(this.checkInterval);\n      this.checkInterval = undefined;\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): YoutubePlayer | null {\n    return this.youtubePlayer || null;\n  }\n\n  get fluidModeClass() {\n    if (this.fluidMode) {\n      return \"udex-media-player__fluid\";\n    }\n    return \"\";\n  }\n}\n\nUDExMediaPlayerYoutube.define();\n\nexport default UDExMediaPlayerYoutube;\nexport type { UDExMediaPlayerYoutubeBaseEventDetails, UDExMediaPlayerYoutubePlayingEventDetail };\n"]}
+{"version":3,"file":"MediaPlayerYoutube.js","sourceRoot":"","sources":["../src/MediaPlayerYoutube.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 jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { UDExAspectRatio } from \"./MediaPlayer.js\";\n\nimport MediaPlayerYoutubeTemplate from \"./MediaPlayerYoutubeTemplate.js\";\n\n// Styles\nimport MediaPlayerYoutubeCss from \"./generated/themes/MediaPlayerYoutube.css.js\";\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\nconst MATCH_NOCOOKIE = /youtube-nocookie\\.com/;\nconst MATCH_URL_YOUTUBE = /(?:youtu\\.be\\/|youtube(?:-nocookie|education)?\\.com\\/(?:embed\\/|v\\/|watch\\/|watch\\?v=|watch\\?.+&v=|shorts\\/|live\\/))((\\w|-){11})|youtube\\.com\\/playlist\\?list=|youtube\\.com\\/user\\//;\nconst NOCOOKIE_HOST = \"https://www.youtube-nocookie.com\";\nconst SDK_URL = \"https://www.youtube.com/iframe_api\";\nconst SDK_GLOBAL_READY = \"onYouTubeIframeAPIReady\";\nconst CHECK_INTERVAL_TIME = 1000;\nconst MATCH_START_QUERY = /[?&#](?:start|t)=([0-9hms]+)/;\nconst MATCH_END_QUERY = /[?&#]end=([0-9hms]+)/;\nconst MATCH_START_STAMP = /(\\d+)(h|m|s)/g;\nconst MATCH_NUMERIC = /^\\d+$/;\n\nexport type YoutubePlayer = YT.Player;\n\ndeclare global {\n  interface Window {\n    onYouTubeIframeAPIReady: () => void;\n  }\n}\n\ntype UDExMediaPlayerYoutubePlayingEventDetail = {\n  percentPlayed: number,\n}\n\ntype UDExMediaPlayerYoutubeBaseEventDetails = {\n  ytevent: YT.OnStateChangeEvent,\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-media-player-youtube</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-media-player-youtube\",\n  renderer: jsxRenderer,\n  styles: [MediaPlayerCss, MediaPlayerYoutubeCss],\n  template: MediaPlayerYoutubeTemplate,\n})\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ready\", { bubbles: true })\n/**\n * Fires when video play ended\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"ended\", { bubbles: true })\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"pause\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"playing\", { bubbles: true })\nclass UDExMediaPlayerYoutube extends UI5Element {\n  eventDetails!: {\n    \"ready\": void,\n    \"ended\": UDExMediaPlayerYoutubeBaseEventDetails,\n    \"pause\": UDExMediaPlayerYoutubeBaseEventDetails,\n    \"playing\": UDExMediaPlayerYoutubePlayingEventDetail,\n  };\n  /**\n * Defines the source of the video  or audio\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n  * Defines if video should be displayed in fluid mode.\n  * In fluid mode, width and height will be ignored and size will be adjusted to the container.\n  *\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    fluidMode!: boolean;\n\n  private youtubePlayer!: YT.Player;\n  private checkInterval?: number;\n  private videoDuration: number = 0;\n\n  get videoId(): string {\n    if (!this.source) {\n      return \"\";\n    }\n    const urlMatch = this.source.match(MATCH_URL_YOUTUBE);\n    return urlMatch ? urlMatch[1] : \"\";\n  }\n\n  get url(): URL {\n    return new URL(this.source);\n  }\n\n  get autoplay(): number | undefined {\n    const param = this.url.searchParams.get(\"autoplay\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  get muted(): number | undefined {\n    const param = this.url.searchParams.get(\"mute\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  get playsinline(): number | undefined {\n    const param = this.url.searchParams.get(\"playsinline\");\n    return param ? parseInt(param) : undefined;\n  }\n\n  setupYoutubeAPI = () => {\n    if (!window.YT) { // Only load script if YT is not already loaded\n      const tag = document.createElement(\"script\");\n      tag.src = SDK_URL;\n      const firstScriptTag = document.getElementsByTagName(\"script\")[0];\n      firstScriptTag.parentNode!.insertBefore(tag, firstScriptTag);\n    }\n\n    window[SDK_GLOBAL_READY] = () => this.onYouTubeIframeAPIReady();\n\n    // If YouTube IFrame API is already loaded, directly initialize the player\n    if (window.YT && window.YT.Player) {\n      this.onYouTubeIframeAPIReady();\n    }\n  };\n\n  onYouTubeIframeAPIReady = (): void => {\n    this.youtubePlayer = new YT.Player(this.shadowRoot?.querySelector(\"#player\") as HTMLElement, {\n      height: this.height,\n      width: this.width,\n      videoId: this.videoId,\n      playerVars: {\n        autoplay: this.autoplay ? 1 : 0,\n        mute: this.muted ? 1 : 0,\n        playsinline: this.playsinline ? 1 : 0,\n        origin: window.location.origin,\n        start: this.parseStartTime(this.source),\n        end: this.parseEndTime(this.source),\n      },\n      host: MATCH_NOCOOKIE.test(this.source) ? NOCOOKIE_HOST : undefined,\n      events: {\n        \"onReady\": this.onPlayerReady,\n        \"onStateChange\": this.onPlayerStateChange,\n      },\n    } as unknown as YT.PlayerOptions);\n  };\n\n  private onPlayerReady = (ytevent: YT.PlayerEvent): void => {\n    this.videoDuration = ytevent.target.getDuration();\n    this.fireDecoratorEvent(\"ready\");\n  };\n\n  private onPlayerStateChange = (ytevent: YT.OnStateChangeEvent): void => {\n    const { data } = ytevent;\n    const { PLAYING, PAUSED, ENDED } = window.YT.PlayerState;\n\n    if (data === PLAYING && !this.checkInterval) {\n      this.checkInterval = window.setInterval(() => {\n        this.checkVideoProgress();\n      }, CHECK_INTERVAL_TIME);\n    } else if (data !== PLAYING && this.checkInterval) {\n      clearInterval(this.checkInterval);\n      this.checkInterval = undefined;\n    }\n\n    if (data === ENDED) {\n      this.fireDecoratorEvent(\"ended\", { ytevent });\n    }\n\n    if (data === PAUSED) {\n      this.fireDecoratorEvent(\"pause\", { ytevent });\n    }\n  };\n\n  private checkVideoProgress(): void {\n    const currentTime = this.youtubePlayer?.getCurrentTime() || 0;\n    const percentageWatched = (currentTime / this.videoDuration) * 100;\n    this.fireDecoratorEvent(\"playing\", { percentPlayed: percentageWatched });\n  }\n\n  parseTimeParam(url: any, pattern: RegExp) {\n    if (url instanceof Array) {\n      return undefined;\n    }\n    const match = url.match(pattern);\n    if (match) {\n      const stamp: string = match[1];\n      if (stamp.match(MATCH_START_STAMP)) {\n        return this.parseTimeString(stamp);\n      }\n      if (MATCH_NUMERIC.test(stamp)) {\n        return parseInt(stamp);\n      }\n    }\n    return undefined;\n  }\n\n  parseTimeString(stamp: string) {\n    let seconds = 0;\n    let array = MATCH_START_STAMP.exec(stamp);\n    while (array !== null) {\n      const [, count, period] = array;\n      if (period === \"h\") { seconds += parseInt(count) * 60 * 60; }\n      if (period === \"m\") { seconds += parseInt(count) * 60; }\n      if (period === \"s\") { seconds += parseInt(count); }\n      array = MATCH_START_STAMP.exec(stamp);\n    }\n    return seconds;\n  }\n\n  parseStartTime(url: string) {\n    return this.parseTimeParam(url, MATCH_START_QUERY);\n  }\n\n  parseEndTime(url: string) {\n    return this.parseTimeParam(url, MATCH_END_QUERY);\n  }\n\n  onEnterDOM(): void {\n    this.setupYoutubeAPI();\n  }\n\n  onExitDOM() {\n    if (this.checkInterval) {\n      clearInterval(this.checkInterval);\n      this.checkInterval = undefined;\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): YoutubePlayer | null {\n    return this.youtubePlayer || null;\n  }\n\n  get fluidModeClass() {\n    if (this.fluidMode) {\n      return \"udex-media-player__fluid\";\n    }\n    return \"\";\n  }\n}\n\nUDExMediaPlayerYoutube.define();\n\nexport default UDExMediaPlayerYoutube;\nexport type { UDExMediaPlayerYoutubeBaseEventDetails, UDExMediaPlayerYoutubePlayingEventDetail };\n"]}

package/dist/MediaPlayerYoutubeTemplate.d.ts

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

package/dist/MediaPlayerYoutubeTemplate.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+export default function MediaPlayerYoutubeTemplate() {
+    return (_jsx("div", { id: "player", class: `udex-media-player__video udex-media-player__video-embed ${this.fluidModeClass}` }));
+}
+//# sourceMappingURL=MediaPlayerYoutubeTemplate.js.map