@sapudex/web-components 0.111.0

package/config/dist/Footer.d.ts

@@ -0,0 +1,111 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.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";
+type FooterLink = {
+    title: string;
+    url: string;
+};
+type FooterSocialLink = {
+    url: string;
+    iconUrl: string;
+};
+type FooterContactNumber = {
+    number: string;
+    country: string;
+};
+declare class UDExFooter extends UI5Element {
+    /**
+     * Defines the Logo URL
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.logoUrl
+     * @defaultvalue ""
+     * @public
+     */
+    logoUrl: string;
+    /**
+     * List of the Quick links
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.quickLinks
+     * @defaultvalue "[]"
+     * @public
+     */
+    quickLinks: string;
+    /**
+     * List of the Trending links
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.trendingLinks
+     * @defaultvalue "[]"
+     * @public
+     */
+    trendingLinks: string;
+    /**
+     * List of the About SAP links
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.aboutLinks
+     * @defaultvalue "[]"
+     * @public
+     */
+    aboutLinks: string;
+    /**
+     * List of the Site Information links
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.siteInformationLinks
+     * @defaultvalue "[]"
+     * @public
+     */
+    siteInformationLinks: string;
+    /**
+     * List of the contact numbers
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.contactNumbersList
+     * @defaultvalue "[]"
+     * @public
+     */
+    contactNumbersList: string;
+    /**
+     * Defines the local country numbers link's href
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.localCountryNumbersLink
+     * @defaultvalue ""
+     * @public
+     */
+    localCountryNumbersLink: string;
+    /**
+     * Defines the Contact us link's href
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.contactUsLink
+     * @defaultvalue ""
+     * @public
+     */
+    contactUsLink: string;
+    /**
+     * Defines the Chat with us link's href
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.chatWithUsLink
+     * @defaultvalue ""
+     * @public
+     */
+    chatWithUsLink: string;
+    /**
+     * List of the Social links and their icons
+     * @type {String}
+     * @name sap.ui.webc.udex.UDExFooter.prototype.socialLinks
+     * @defaultvalue "[]"
+     * @public
+     */
+    socialLinks: string;
+    onBackToTopClick(): void;
+    expandLinksList(event: MouseEvent): void;
+    parseArrayFromString<T>(string: string): T[];
+    get quickLinksArray(): FooterLink[];
+    get trendingLinksArray(): FooterLink[];
+    get aboutLinksArray(): FooterLink[];
+    get siteInformationLinksArray(): FooterLink[];
+    get contactNumbersArray(): FooterContactNumber[];
+    get socialLinksArray(): FooterSocialLink[];
+    get isContactcontainerVisible(): boolean;
+}
+export default UDExFooter;

package/config/dist/Footer.js

@@ -0,0 +1,99 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,86 @@
+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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,98 @@
+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;