@sapudex/web-components 0.199.3 → 0.225.0

package/config/dist/Footer.js

@@ -1,99 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import "@ui5/webcomponents-icons/dist/headset.js";
-import "@ui5/webcomponents-icons/dist/email.js";
-import "@ui5/webcomponents-icons/dist/back-to-top.js";
-import "@ui5/webcomponents-icons/dist/discussion-2.js";
-import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
-// Template
-import FooterTemplate from "./generated/templates/FooterTemplate.lit.js";
-// Styles
-import FooterCss from "./generated/themes/Footer.css";
-let UDExFooter = class UDExFooter extends UI5Element {
-    onBackToTopClick() {
-        window.scrollTo(0, 0);
-    }
-    expandLinksList(event) {
-        let currentElement = event.target;
-        while (currentElement
-            && !currentElement.classList.contains("udex-footer__links-group-container")) {
-            currentElement = currentElement.parentElement;
-        }
-        if (currentElement) {
-            currentElement.classList.toggle("active");
-        }
-    }
-    parseArrayFromString(string) {
-        return string ? JSON.parse(string) : [];
-    }
-    get quickLinksArray() {
-        return this.parseArrayFromString(this.quickLinks);
-    }
-    get trendingLinksArray() {
-        return this.parseArrayFromString(this.trendingLinks);
-    }
-    get aboutLinksArray() {
-        return this.parseArrayFromString(this.aboutLinks);
-    }
-    get siteInformationLinksArray() {
-        return this.parseArrayFromString(this.siteInformationLinks);
-    }
-    get contactNumbersArray() {
-        return this.parseArrayFromString(this.contactNumbersList);
-    }
-    get socialLinksArray() {
-        return this.parseArrayFromString(this.socialLinks);
-    }
-    get isContactcontainerVisible() {
-        return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;
-    }
-};
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExFooter.prototype, "logoUrl", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "quickLinks", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "trendingLinks", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "aboutLinks", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "siteInformationLinks", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "contactNumbersList", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExFooter.prototype, "localCountryNumbersLink", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExFooter.prototype, "contactUsLink", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExFooter.prototype, "chatWithUsLink", void 0);
-__decorate([
-    property({ type: String, defaultValue: "[]" })
-], UDExFooter.prototype, "socialLinks", void 0);
-UDExFooter = __decorate([
-    customElement({
-        tag: "udex-footer",
-        renderer: litRender,
-        styles: FooterCss,
-        template: FooterTemplate,
-    })
-], UDExFooter);
-UDExFooter.define();
-export default UDExFooter;
-//# sourceMappingURL=Footer.js.map

package/config/dist/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../src/Footer.ts"],"names":[],"mappings":"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","sourcesContent":["import 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\";\n\nimport \"@ui5/webcomponents-icons/dist/headset.js\";\nimport \"@ui5/webcomponents-icons/dist/email.js\";\nimport \"@ui5/webcomponents-icons/dist/back-to-top.js\";\nimport \"@ui5/webcomponents-icons/dist/discussion-2.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\n\n// Template\nimport FooterTemplate from \"./generated/templates/FooterTemplate.lit.js\";\n\n// Styles\nimport FooterCss from \"./generated/themes/Footer.css\";\n\ntype FooterLink = {\n  title: string;\n  url: string;\n};\n\ntype FooterSocialLink = {\n  url: string;\n  iconUrl: string;\n};\n\ntype FooterContactNumber = {\n  number: string;\n  country: string;\n};\n\n@customElement({\n  tag: \"udex-footer\",\n  renderer: litRender,\n  styles: FooterCss,\n  template: FooterTemplate,\n})\nclass UDExFooter extends UI5Element {\n  /**\n   * Defines the Logo URL\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.logoUrl\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoUrl!: string;\n\n  /**\n   * List of the Quick links\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.quickLinks\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    quickLinks!: string;\n\n  /**\n   * List of the Trending links\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.trendingLinks\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    trendingLinks!: string;\n\n  /**\n   * List of the About SAP links\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.aboutLinks\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    aboutLinks!: string;\n\n  /**\n   * List of the Site Information links\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.siteInformationLinks\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    siteInformationLinks!: string;\n\n  /**\n   * List of the contact numbers\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.contactNumbersList\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    contactNumbersList!: string;\n\n  /**\n   * Defines the local country numbers link's href\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.localCountryNumbersLink\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    localCountryNumbersLink!: string;\n\n  /**\n   * Defines the Contact us link's href\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.contactUsLink\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    contactUsLink!: string;\n\n  /**\n   * Defines the Chat with us link's href\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.chatWithUsLink\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    chatWithUsLink!: string;\n\n  /**\n   * List of the Social links and their icons\n   * @type {String}\n   * @name sap.ui.webc.udex.UDExFooter.prototype.socialLinks\n   * @defaultvalue \"[]\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"[]\" })\n    socialLinks!: string;\n\n  onBackToTopClick(): void {\n    window.scrollTo(0, 0);\n  }\n\n  expandLinksList(event: MouseEvent): void {\n    let currentElement = event.target as HTMLElement | null;\n\n    while (\n      currentElement\n      && !currentElement.classList.contains(\"udex-footer__links-group-container\")\n    ) {\n      currentElement = currentElement.parentElement;\n    }\n\n    if (currentElement) {\n      currentElement.classList.toggle(\"active\");\n    }\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  get quickLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.quickLinks);\n  }\n\n  get trendingLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.trendingLinks);\n  }\n\n  get aboutLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.aboutLinks);\n  }\n\n  get siteInformationLinksArray(): FooterLink[] {\n    return this.parseArrayFromString<FooterLink>(this.siteInformationLinks);\n  }\n\n  get contactNumbersArray(): FooterContactNumber[] {\n    return this.parseArrayFromString<FooterContactNumber>(this.contactNumbersList);\n  }\n\n  get socialLinksArray(): FooterSocialLink[] {\n    return this.parseArrayFromString<FooterSocialLink>(this.socialLinks);\n  }\n\n  get isContactcontainerVisible(): boolean {\n    return !!this.contactNumbersArray.length || !!this.contactUsLink || !!this.chatWithUsLink;\n  }\n}\n\nUDExFooter.define();\n\nexport default UDExFooter;\n"]}

package/config/dist/HeroBanner.d.ts

@@ -1,86 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-export declare enum imageLoadingStrategies {
-    eager = "eager",
-    lazy = "lazy"
-}
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExHeroBanner
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-hero-banner
- * @public
- */
-declare class UDExHeroBanner extends UI5Element {
-    /**
-     * Allows control over the background image source.
-     *
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImage
-     * @public
-     */
-    backgroundImage?: string;
-    /**
-     * Allows control over the background image loading strategy.
-     *
-     * @type {imageLoadingStrategies}
-     * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImage
-     * @public
-     */
-    backgroundImageLoadingStrategy?: imageLoadingStrategies;
-    /**
-     * Used as the label for background image.
-     *
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImageLabel
-     * @public
-     */
-    backgroundImageLabel?: string;
-    /**
-     * Allows control over the background color.
-     * Value provided should be compatible with standard CSS rendering, e.g:
-     *  - HEX: "#FFF", "#FFFFFF", "FFFFFFFF"
-     *  - RGB/A: "rgb(255, 255, 255)", "rgba(255, 255, 255, 1)"
-     *  - HSL/A: "hsl(0, 100%, 100%)", "hsla(0, 100%, 100%, 1"
-     *  - Variables: "var(--sapShell_Background)", "var(--udexColorNeutralWhite)"
-     *  - Text values: "white", "red"
-     *
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundColor
-     * @public
-     */
-    backgroundColor?: string;
-    /**
-    * Slot for primary content.
-    *
-    * @type {HTMLElement[]}
-    * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.content
-    * @slot
-    * @public
-    */
-    content?: Array<HTMLElement>;
-    /**
-    * Slot for any additional content.
-    *
-    * @type {HTMLElement[]}
-    * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.additionalContent
-    * @slot
-    * @public
-    */
-    additionalContent?: Array<HTMLElement>;
-    /**
-    * Slot background picture override.
-    *
-    * @type {HTMLElement[]}
-    * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.content
-    * @slot
-    * @public
-    */
-    backgroundPicture?: Array<HTMLElement>;
-    get hasBackgroundImage(): boolean;
-    get wrapperBackgroundColor(): string;
-    get hasAdditionalContent(): boolean;
-    get hasCustomBackgroundPicture(): boolean;
-}
-export default UDExHeroBanner;

package/config/dist/HeroBanner.js

@@ -1,74 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import HeroBannerTemplate from "./generated/templates/HeroBannerTemplate.lit.js";
-// Styles
-import HeroBannerCss from "./generated/themes/HeroBanner.css.js";
-export var imageLoadingStrategies;
-(function (imageLoadingStrategies) {
-    imageLoadingStrategies["eager"] = "eager";
-    imageLoadingStrategies["lazy"] = "lazy";
-})(imageLoadingStrategies || (imageLoadingStrategies = {}));
-/**
- * @class
- *
- * @constructor
- * @alias udex.components.UDExHeroBanner
- * @extends sap.ui.webc.base.UI5Element
- * @tagname udex-hero-banner
- * @public
- */
-let UDExHeroBanner = class UDExHeroBanner extends UI5Element {
-    get hasBackgroundImage() {
-        return !!this.backgroundImage;
-    }
-    get wrapperBackgroundColor() {
-        return this.backgroundColor ? this.backgroundColor : "transparent";
-    }
-    get hasAdditionalContent() {
-        return !!this.additionalContent?.length;
-    }
-    get hasCustomBackgroundPicture() {
-        return !!this.backgroundPicture?.length;
-    }
-};
-__decorate([
-    property({ type: String })
-], UDExHeroBanner.prototype, "backgroundImage", void 0);
-__decorate([
-    property({ type: imageLoadingStrategies, defaultValue: imageLoadingStrategies.eager })
-], UDExHeroBanner.prototype, "backgroundImageLoadingStrategy", void 0);
-__decorate([
-    property({ type: String })
-], UDExHeroBanner.prototype, "backgroundImageLabel", void 0);
-__decorate([
-    property({ type: String })
-], UDExHeroBanner.prototype, "backgroundColor", void 0);
-__decorate([
-    slot()
-], UDExHeroBanner.prototype, "content", void 0);
-__decorate([
-    slot()
-], UDExHeroBanner.prototype, "additionalContent", void 0);
-__decorate([
-    slot()
-], UDExHeroBanner.prototype, "backgroundPicture", void 0);
-UDExHeroBanner = __decorate([
-    customElement({
-        tag: "udex-hero-banner",
-        renderer: litRender,
-        styles: HeroBannerCss,
-        template: HeroBannerTemplate,
-    })
-], UDExHeroBanner);
-UDExHeroBanner.define();
-export default UDExHeroBanner;
-//# sourceMappingURL=HeroBanner.js.map

package/config/dist/HeroBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeroBanner.js","sourceRoot":"","sources":["../src/HeroBanner.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AAEjF,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AAEjE,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,yCAAe,CAAA;IACf,uCAAa,CAAA;AACf,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AAED;;;;;;;;GAQG;AAOH,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAgFrC,IAAI,kBAAkB;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,IAAI,sBAAsB;QACxB,OAAO,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;IACrE,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC1C,CAAC;IAED,IAAI,0BAA0B;QAC5B,OAAO,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC1C,CAAC;CACF,CAAA;AAtFG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACA;AAUzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,YAAY,EAAE,sBAAsB,CAAC,KAAK,EAAE,CAAC;sEAC7B;AAUxD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DACK;AAgB9B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDACA;AAWzB;IADD,IAAI,EAAE;+CACwB;AAW7B;IADD,IAAI,EAAE;yDACkC;AAWvC;IADD,IAAI,EAAE;yDACkC;AA9ErC,cAAc;IANnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,aAAa;QACrB,QAAQ,EAAE,kBAAkB;KAC7B,CAAC;GACI,cAAc,CA+FnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport HeroBannerTemplate from \"./generated/templates/HeroBannerTemplate.lit.js\";\n\n// Styles\nimport HeroBannerCss from \"./generated/themes/HeroBanner.css.js\";\n\nexport enum imageLoadingStrategies {\n  eager = \"eager\",\n  lazy = \"lazy\"\n}\n\n/**\n * @class\n *\n * @constructor\n * @alias udex.components.UDExHeroBanner\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-hero-banner\n * @public\n */\n@customElement({\n  tag: \"udex-hero-banner\",\n  renderer: litRender,\n  styles: HeroBannerCss,\n  template: HeroBannerTemplate,\n})\nclass UDExHeroBanner extends UI5Element {\n  /**\n   * Allows control over the background image source.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImage\n   * @public\n   */\n  @property({ type: String })\n    backgroundImage?: string;\n\n  /**\n   * Allows control over the background image loading strategy.\n   *\n   * @type {imageLoadingStrategies}\n   * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImage\n   * @public\n   */\n  @property({ type: imageLoadingStrategies, defaultValue: imageLoadingStrategies.eager })\n    backgroundImageLoadingStrategy?: imageLoadingStrategies;\n\n  /**\n   * Used as the label for background image.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundImageLabel\n   * @public\n   */\n  @property({ type: String })\n    backgroundImageLabel?: string;\n\n  /**\n   * Allows control over the background color.\n   * Value provided should be compatible with standard CSS rendering, e.g:\n   *  - HEX: \"#FFF\", \"#FFFFFF\", \"FFFFFFFF\"\n   *  - RGB/A: \"rgb(255, 255, 255)\", \"rgba(255, 255, 255, 1)\"\n   *  - HSL/A: \"hsl(0, 100%, 100%)\", \"hsla(0, 100%, 100%, 1\"\n   *  - Variables: \"var(--sapShell_Background)\", \"var(--udexColorNeutralWhite)\"\n   *  - Text values: \"white\", \"red\"\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.backgroundColor\n   * @public\n   */\n  @property({ type: String })\n    backgroundColor?: string;\n\n  /**\n  * Slot for primary content.\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.content\n  * @slot\n  * @public\n  */\n  @slot()\n    content?: Array<HTMLElement>;\n\n  /**\n  * Slot for any additional content.\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.additionalContent\n  * @slot\n  * @public\n  */\n  @slot()\n    additionalContent?: Array<HTMLElement>;\n\n  /**\n  * Slot background picture override.\n  *\n  * @type {HTMLElement[]}\n  * @name sap.ui.webc.web-components.UDExHeroBanner.prototype.content\n  * @slot\n  * @public\n  */\n  @slot()\n    backgroundPicture?: Array<HTMLElement>;\n\n  get hasBackgroundImage() {\n    return !!this.backgroundImage;\n  }\n\n  get wrapperBackgroundColor() {\n    return this.backgroundColor ? this.backgroundColor : \"transparent\";\n  }\n\n  get hasAdditionalContent() {\n    return !!this.additionalContent?.length;\n  }\n\n  get hasCustomBackgroundPicture() {\n    return !!this.backgroundPicture?.length;\n  }\n}\n\nUDExHeroBanner.define();\n\nexport default UDExHeroBanner;\n"]}

package/config/dist/Link.d.ts

@@ -1,48 +0,0 @@
-import Link from "@ui5/webcomponents/dist/Link.js";
-export declare enum IconPlacement {
-    start = "start",
-    end = "end"
-}
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-link</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/Link.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExLink
- * @extends sap.ui.webc.main.Link
- * @tagname udex-link
- * @public
- */
-declare class UDExLink extends Link {
-    /**
-     * Used as the label for background image.
-     *
-     * @type {string}
-     * @name sap.ui.webc.web-components.UDExLink.prototype.icon
-     * @public
-    */
-    icon?: string;
-    /**
-     * Used as the label for background image.
-     *
-     * @type {IconPlacement}
-     * @name sap.ui.webc.web-components.UDExLink.prototype.icon
-     * @public
-     * @defaultValue "end"
-    */
-    iconPlacement?: IconPlacement;
-    get startIcon(): boolean | "" | undefined;
-    get endIcon(): boolean | "" | undefined;
-    get linkClass(): "udex-link" | "udex-link udex-link--with-icon";
-}
-export default UDExLink;

package/config/dist/Link.js

@@ -1,68 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import Link from "@ui5/webcomponents/dist/Link.js";
-import linkCss from "@ui5/webcomponents/dist/generated/themes/Link.css.js";
-import LinkTemplate from "./generated/templates/LinkTemplate.lit.js";
-// Styles
-import LinkCss from "./generated/themes/Link.css.js";
-export var IconPlacement;
-(function (IconPlacement) {
-    IconPlacement["start"] = "start";
-    IconPlacement["end"] = "end";
-})(IconPlacement || (IconPlacement = {}));
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-link</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/Link.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExLink
- * @extends sap.ui.webc.main.Link
- * @tagname udex-link
- * @public
- */
-let UDExLink = class UDExLink extends Link {
-    get startIcon() {
-        return this.icon && this.iconPlacement === IconPlacement.start;
-    }
-    get endIcon() {
-        return this.icon && this.iconPlacement === IconPlacement.end;
-    }
-    get linkClass() {
-        return this.icon ? "udex-link udex-link--with-icon" : "udex-link";
-    }
-};
-__decorate([
-    property({ type: String })
-], UDExLink.prototype, "icon", void 0);
-__decorate([
-    property({ type: IconPlacement, defaultValue: IconPlacement.end })
-], UDExLink.prototype, "iconPlacement", void 0);
-UDExLink = __decorate([
-    customElement({
-        tag: "udex-link",
-        renderer: litRender,
-        styles: [linkCss, LinkCss],
-        template: LinkTemplate,
-        dependencies: [],
-    })
-], UDExLink);
-UDExLink.define();
-export default UDExLink;
-//# sourceMappingURL=Link.js.map

package/config/dist/Link.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,OAAO,OAAO,MAAM,sDAAsD,CAAC;AAC3E,OAAO,YAAY,MAAM,2CAA2C,CAAC;AAErE,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAErD,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,gCAAe,CAAA;IACf,4BAAW,CAAA;AACb,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AAQH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,IAAI;IAsBvB,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,KAAK,CAAC;IACjE,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,KAAK,aAAa,CAAC,GAAG,CAAC;IAC/D,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,WAAW,CAAC;IACpE,CAAC;CACJ,CAAA;AAxBK;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sCACX;AAWd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,GAAG,EAAE,CAAC;+CACnC;AApB9B,QAAQ;IAPb,aAAa,CAAC;QACb,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC1B,QAAQ,EAAE,YAAY;QACtB,YAAY,EAAE,EAAE;KACjB,CAAC;GACI,QAAQ,CAiCb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\n\nimport linkCss from \"@ui5/webcomponents/dist/generated/themes/Link.css.js\";\nimport LinkTemplate from \"./generated/templates/LinkTemplate.lit.js\";\n\n// Styles\nimport LinkCss from \"./generated/themes/Link.css.js\";\n\nexport enum IconPlacement {\n  start = \"start\",\n  end = \"end\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-link</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Link.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExLink\n * @extends sap.ui.webc.main.Link\n * @tagname udex-link\n * @public\n */\n@customElement({\n  tag: \"udex-link\",\n  renderer: litRender,\n  styles: [linkCss, LinkCss],\n  template: LinkTemplate,\n  dependencies: [],\n})\nclass UDExLink extends Link {\n    /**\n     * Used as the label for background image.\n     *\n     * @type {string}\n     * @name sap.ui.webc.web-components.UDExLink.prototype.icon\n     * @public\n    */\n    @property({ type: String })\n      icon?: string;\n\n    /**\n     * Used as the label for background image.\n     *\n     * @type {IconPlacement}\n     * @name sap.ui.webc.web-components.UDExLink.prototype.icon\n     * @public\n     * @defaultValue \"end\"\n    */\n    @property({ type: IconPlacement, defaultValue: IconPlacement.end })\n      iconPlacement?: IconPlacement;\n\n    get startIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.start;\n    }\n\n    get endIcon() {\n      return this.icon && this.iconPlacement === IconPlacement.end;\n    }\n\n    get linkClass() {\n      return this.icon ? \"udex-link udex-link--with-icon\" : \"udex-link\";\n    }\n}\n\nUDExLink.define();\n\nexport default UDExLink;\n"]}

package/config/dist/MediaPlayer.d.ts

@@ -1,98 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import "@ui5/webcomponents-icons/dist/play.js";
-import "@ui5/webcomponents-icons/dist/v5/play.svg";
-export type AspectRatio = "16:9" | "9:16" | "4:3" | "1:1" | "none";
-declare class UDExMediaPlayer extends UI5Element {
-    /**
-     * Defines the source of the video  or audio
-     *
-     * @type {string}
-     * @name udex.components.MediaPlayer.prototype.source
-     * @defaultvalue ""
-     * @public
-     */
-    source: string;
-    /**
-     * 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
-     *
-     * @type {string}
-     * @name udex.components.MediaPlayer.prototype.type
-     * @defaultvalue "video/mp4"
-     * @public
-     */
-    type: string;
-    /**
-     * Defines a title for youtube video
-     *
-     * @type {string}
-     * @name udex.components.MediaPlayer.prototype.youtubeTitle
-     * @defaultvalue ""
-     * @public
-     */
-    title: string;
-    /**
-     * Defines if only audio should be played
-     *
-     * @type {string}
-     * @name udex.components.MediaPlayer.prototype.audioOnly
-     * @defaultvalue false
-     * @public
-     */
-    audioOnly: boolean;
-    /**
-     * Defines the poster url
-     *
-     * @type {string}
-     * @name udex.components.MediaPlayer.prototype.poster
-     * @defaultvalue ""
-     * @public
-     */
-    poster: string;
-    /**
-    * Placeholder for all html `track` elements to provide video subtitles.
-    * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`
-    * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track
-    *
-    * @type {HTMLElement[]}
-    * @name sap.ui.webc.main.Dialog.prototype.caption
-    * @slot
-    * @public
-    */
-    caption: Array<HTMLElement>;
-    /**
-   * Defines video width. Used for YouTube and Vimeo videos only.
-   * Regular video and audio sizes are control by CSS variables.
-   *
-   * @type {string}
-   * @name udex.components.MediaPlayer.prototype.width
-   * @defaultvalue ""
-   * @public
-   */
-    width: string;
-    /**
-   * Defines video height. Used for YouTube and Vimeo videos only.
-   * Regular video and audio sizes are control by CSS variables.
-   *
-   * @type {string}
-   * @name udex.components.MediaPlayer.prototype.height
-   * @defaultvalue ""
-   * @public
-   */
-    height: string;
-    /**
-   * Defines aspect ratio of video. If set, video will be display in fluid mode.
-   * Possible values: "16:9" , "9:16", "4:3", "1:1", "none"
-   *
-   * @type {AspectRatio}
-   * @name udex.components.MediaPlayer.prototype.aspectRatio
-   * @defaultvalue "16:9"
-   * @public
-   */
-    aspectRatio: AspectRatio;
-    onEnterDOM(): void;
-    get _tracks(): Node[];
-    get _vimeoSrc(): boolean;
-    get _youtubeSrc(): boolean;
-    get aspectRatioClass(): "" | "vjs-16-9" | "vjs-9-16" | "vjs-4-3" | "vjs-1-1";
-}
-export default UDExMediaPlayer;

package/config/dist/MediaPlayer.js

@@ -1,105 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
-import "@ui5/webcomponents-icons/dist/play.js";
-import videojs from "video.js";
-import "@ui5/webcomponents-icons/dist/v5/play.svg";
-// Template
-import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.js";
-// Styles
-import MediaPlayerCss from "./generated/themes/MediaPlayer.css";
-let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
-    onEnterDOM() {
-        if (this._youtubeSrc || this._vimeoSrc) {
-            return;
-        }
-        const player = videojs(this.shadowRoot?.querySelector(".udex-media-player__video") || "");
-        if (this.poster) {
-            player.poster(this.poster);
-        }
-        const bigPlayButton = player.getChild("BigPlayButton")?.el_;
-        const bigPlayIcon = new Icon();
-        bigPlayIcon.name = "play";
-        bigPlayButton.appendChild(bigPlayIcon);
-        if (this.audioOnly) {
-            return;
-        }
-        player.options({
-            controlBar: {
-                pictureInPictureToggle: false,
-                subtitlesButton: true,
-                remainingTimeDisplay: true,
-            },
-        });
-    }
-    get _tracks() {
-        return this.getSlottedNodes("caption");
-    }
-    get _vimeoSrc() {
-        return this.source.includes("vimeo");
-    }
-    get _youtubeSrc() {
-        return this.source.includes("youtube");
-    }
-    get aspectRatioClass() {
-        switch (this.aspectRatio) {
-            case "16:9":
-                return "vjs-16-9";
-            case "9:16":
-                return "vjs-9-16";
-            case "4:3":
-                return "vjs-4-3";
-            case "1:1":
-                return "vjs-1-1";
-            default:
-                return "";
-        }
-    }
-};
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExMediaPlayer.prototype, "source", void 0);
-__decorate([
-    property({ type: String, defaultValue: "video/mp4" })
-], UDExMediaPlayer.prototype, "type", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExMediaPlayer.prototype, "title", void 0);
-__decorate([
-    property({ type: Boolean, defaultValue: false })
-], UDExMediaPlayer.prototype, "audioOnly", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExMediaPlayer.prototype, "poster", void 0);
-__decorate([
-    slot({ type: HTMLElement, "default": true, individualSlots: true })
-], UDExMediaPlayer.prototype, "caption", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExMediaPlayer.prototype, "width", void 0);
-__decorate([
-    property({ type: String, defaultValue: "" })
-], UDExMediaPlayer.prototype, "height", void 0);
-__decorate([
-    property({ type: String, defaultValue: "16:9" })
-], UDExMediaPlayer.prototype, "aspectRatio", void 0);
-UDExMediaPlayer = __decorate([
-    customElement({
-        tag: "udex-media-player",
-        renderer: litRender,
-        styles: MediaPlayerCss,
-        template: MediaPlayerTemplate,
-    })
-], UDExMediaPlayer);
-UDExMediaPlayer.define();
-export default UDExMediaPlayer;
-//# sourceMappingURL=MediaPlayer.js.map

package/config/dist/MediaPlayer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["import 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 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 videojs from \"video.js\";\nimport \"@ui5/webcomponents-icons/dist/v5/play.svg\";\n\n// Template\nimport MediaPlayerTemplate from \"./generated/templates/MediaPlayerTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css\";\n\nexport type AspectRatio = \"16:9\" | \"9:16\" | \"4:3\" | \"1:1\" | \"none\";\n\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: litRender,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n})\nclass UDExMediaPlayer extends UI5Element {\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.source\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.type\n   * @defaultvalue \"video/mp4\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"video/mp4\" })\n    type!: string;\n  /**\n   * Defines a title for youtube video\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.youtubeTitle\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    title!: string;\n  /**\n   * Defines if only audio should be played\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.audioOnly\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @type {string}\n   * @name udex.components.MediaPlayer.prototype.poster\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\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  * @type {HTMLElement[]}\n  * @name sap.ui.webc.main.Dialog.prototype.caption\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 * @type {string}\n * @name udex.components.MediaPlayer.prototype.width\n * @defaultvalue \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\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 * @type {string}\n * @name udex.components.MediaPlayer.prototype.height\n * @defaultvalue \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\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 * @type {AspectRatio}\n * @name udex.components.MediaPlayer.prototype.aspectRatio\n * @defaultvalue \"16:9\"\n * @public\n */\n  @property({ type: String, defaultValue: \"16:9\" })\n    aspectRatio!: AspectRatio;\n\n  onEnterDOM(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    const player = videojs(this.shadowRoot?.querySelector(\".udex-media-player__video\") || \"\");\n\n    if (this.poster) { player.poster(this.poster); }\n\n    const bigPlayButton = player.getChild(\"BigPlayButton\")?.el_;\n    const bigPlayIcon = new Icon();\n    bigPlayIcon.name = \"play\";\n    bigPlayButton.appendChild(bigPlayIcon);\n\n    if (this.audioOnly) { return; }\n\n    player.options({\n      controlBar: {\n        pictureInPictureToggle: false,\n        subtitlesButton: true,\n        remainingTimeDisplay: true,\n      },\n    });\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 \"16:9\":\n      return \"vjs-16-9\";\n    case \"9:16\":\n      return \"vjs-9-16\";\n    case \"4:3\":\n      return \"vjs-4-3\";\n    case \"1:1\":\n      return \"vjs-1-1\";\n    default:\n      return \"\";\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\n"]}