@sapudex/web-components 0.111.0

package/config/dist/AccordionItem.js

@@ -0,0 +1,146 @@
+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 event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/AllIcons.js";
+import "@ui5/webcomponents-icons/dist/feeder-arrow.js";
+import AccordionItemTemplate from "./generated/templates/AccordionItemTemplate.lit.js";
+// Styles
+import AccordionItemCss from "./generated/themes/AccordionItem.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-accordion-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/AccordionItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias udex.components.UDExAccordionItem
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-accordion-item
+ * @public
+ */
+let UDExAccordionItem = class UDExAccordionItem extends UI5Element {
+    constructor() {
+        super();
+        /**
+         * Used internally to understand the component's open or closed state.
+         *
+         * @type {Boolean}
+         * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.isOpen
+         * @defaultvalue false
+         * @private
+         */
+        this.isOpen = false;
+        this._el = null;
+    }
+    contentKeydown(e) {
+        e.stopPropagation();
+    }
+    itemClickHandler(e) {
+        e.preventDefault();
+        if (this._el) {
+            const isActive = this._el.classList.contains("active");
+            this.toggleItemState(this._el, isActive);
+        }
+    }
+    toggleAllHandler(e) {
+        e.preventDefault();
+        const customEvent = e;
+        if (this._el) {
+            this.toggleItemState(this._el, customEvent.detail.isOpen);
+        }
+    }
+    toggleItemState(el, isActive) {
+        if (isActive) {
+            el.classList.remove("active");
+            el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "false");
+        }
+        else {
+            el.classList.add("active");
+            el.querySelector(".udex-accordion-item__header")?.setAttribute("aria-expanded", "true");
+        }
+    }
+    focusHandler() {
+        this.fireEvent("accordion-item-focus");
+    }
+    keydownHandler(e) {
+        switch (e.key) {
+            case "Enter":
+            case " ":
+                this.itemClickHandler(e);
+                break;
+            default:
+                break;
+        }
+    }
+    get accordionItemsClass() {
+        let classes = "udex-accordion-item";
+        if (this._direction === "rtl") {
+            classes = `${classes} ${this._direction}`;
+        }
+        return classes;
+    }
+    onAfterRendering() {
+        this._el = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
+        const accordion = this.shadowRoot?.querySelector(".udex-accordion-item") || null;
+        if (accordion) {
+            const directionStyles = window
+                .getComputedStyle(accordion)
+                .getPropertyValue("direction");
+            if (!directionStyles) {
+                this._direction = "ltr";
+            }
+            else {
+                this._direction = directionStyles;
+            }
+        }
+        this?.parentElement?.addEventListener("ui5-toggle-items", this.toggleAllHandler.bind(this));
+    }
+};
+__decorate([
+    property({ type: String })
+], UDExAccordionItem.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExAccordionItem.prototype, "isOpen", void 0);
+__decorate([
+    property({ type: String })
+], UDExAccordionItem.prototype, "_direction", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], UDExAccordionItem.prototype, "content", void 0);
+UDExAccordionItem = __decorate([
+    customElement({
+        tag: "udex-accordion-item",
+        renderer: litRender,
+        styles: AccordionItemCss,
+        template: AccordionItemTemplate,
+        dependencies: [],
+    })
+    /**
+     * Triggered when the user focuses on an accordion item.
+     * @public
+     */
+    ,
+    event("accordion-item-focus")
+], UDExAccordionItem);
+UDExAccordionItem.define();
+export default UDExAccordionItem;
+//# sourceMappingURL=AccordionItem.js.map

package/config/dist/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/AllIcons.js\";\nimport \"@ui5/webcomponents-icons/dist/feeder-arrow.js\";\n\nimport AccordionItemTemplate from \"./generated/templates/AccordionItemTemplate.lit.js\";\n\n// Styles\nimport AccordionItemCss from \"./generated/themes/AccordionItem.css.js\";\n\ntype ToggleAllEvent = {\n  isOpen: boolean\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-accordion-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/AccordionItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias udex.components.UDExAccordionItem\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-accordion-item\n * @public\n */\n@customElement({\n  tag: \"udex-accordion-item\",\n  renderer: litRender,\n  styles: AccordionItemCss,\n  template: AccordionItemTemplate,\n  dependencies: [],\n})\n\n/**\n * Triggered when the user focuses on an accordion item.\n * @public\n */\n@event(\"accordion-item-focus\")\nclass UDExAccordionItem extends UI5Element {\n  /**\n   * Defines the title of the accordion item component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.title\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String }) title!: string;\n\n  /**\n   * Used internally to understand the component's open or closed state.\n   *\n   * @type {Boolean}\n   * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.isOpen\n   * @defaultvalue false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true }) isOpen = false;\n\n  /**\n   * Defines direction of the accordion item.\n   *\n   * @type {string}\n   * @name sap.ui.webc.udex.UDExAccordionItem.prototype.direction\n   * @public\n   */\n  @property({ type: String }) _direction?: string;\n\n  /**\n   * Slot for accordion item content.\n   *\n   * @type {Node[]}\n   * @name sap.ui.webc.web-components.UDExAccordionItem.prototype.content\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true }) content!: Array<Node>;\n\n  _el: HTMLElement | null = null;\n\n  constructor() {\n    super();\n  }\n\n  contentKeydown(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  itemClickHandler(e: Event) {\n    e.preventDefault();\n    if (this._el) {\n      const isActive = this._el.classList.contains(\"active\");\n      this.toggleItemState(this._el, isActive);\n    }\n  }\n\n  toggleAllHandler(e: Event) {\n    e.preventDefault();\n    const customEvent = e as CustomEvent<ToggleAllEvent>;\n    if (this._el) { this.toggleItemState(this._el, customEvent.detail.isOpen); }\n  }\n\n  toggleItemState(el: HTMLElement, isActive: boolean) {\n    if (isActive) {\n      el.classList.remove(\"active\");\n      el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"false\");\n    } else {\n      el.classList.add(\"active\");\n      el.querySelector(\".udex-accordion-item__header\")?.setAttribute(\"aria-expanded\", \"true\");\n    }\n  }\n\n  focusHandler() {\n    this.fireEvent(\"accordion-item-focus\");\n  }\n\n  keydownHandler(e: KeyboardEvent) {\n    switch (e.key) {\n    case \"Enter\":\n    case \" \":\n      this.itemClickHandler(e);\n      break;\n    default:\n      break;\n    }\n  }\n\n  get accordionItemsClass(): string {\n    let classes = \"udex-accordion-item\";\n    if (this._direction === \"rtl\") {\n      classes = `${classes} ${this._direction}`;\n    }\n    return classes;\n  }\n\n  onAfterRendering() {\n    this._el = this.shadowRoot?.querySelector(\".udex-accordion-item\") || null;\n    const accordion = this.shadowRoot?.querySelector<HTMLElement>(\n      \".udex-accordion-item\",\n    ) || null;\n\n    if (accordion) {\n      const directionStyles: string = window\n        .getComputedStyle(accordion)\n        .getPropertyValue(\"direction\");\n      if (!directionStyles) {\n        this._direction = \"ltr\";\n      } else {\n        this._direction = directionStyles;\n      }\n    }\n\n    this?.parentElement?.addEventListener(\"ui5-toggle-items\", this.toggleAllHandler.bind(this));\n  }\n}\n\nUDExAccordionItem.define();\n\nexport default UDExAccordionItem;\n"]}

package/config/dist/Assets.d.ts

@@ -0,0 +1,3 @@
+import "@ui5/webcomponents-theming/dist/Assets.js";
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";

package/config/dist/Assets.js

@@ -0,0 +1,10 @@
+import "@ui5/webcomponents-theming/dist/Assets.js"; // Theming
+// own web-components package assets
+import "./generated/json-imports/Themes.js";
+import "./generated/json-imports/i18n.js";
+import { registerCustomThemePropertiesLoader } from "@ui5/webcomponents-base/dist/AssetRegistry.js";
+const customThemeLoader = async () => {
+    return (await import("./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json")).default;
+};
+registerCustomThemePropertiesLoader("@ui5/webcomponents", "sap_glow", customThemeLoader);
+//# sourceMappingURL=Assets.js.map

package/config/dist/Assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Assets.js","sourceRoot":"","sources":["../src/Assets.ts"],"names":[],"mappings":"AAAA,OAAO,2CAA2C,CAAC,CAAC,UAAU;AAE9D,oCAAoC;AACpC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,kCAAkC,CAAC;AAE1C,OAAO,EAAE,mCAAmC,EAAE,MAAM,+CAA+C,CAAC;AAEpG,MAAM,iBAAiB,GAAG,KAAK,IAAI,EAAE;IACnC,OAAO,CACL,MAAM,MAAM,CAAC,4FAA4F,CAAC,CAC3G,CAAC,OAAO,CAAC;AACZ,CAAC,CAAC;AAEF,mCAAmC,CAAC,oBAAoB,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC","sourcesContent":["import \"@ui5/webcomponents-theming/dist/Assets.js\"; // Theming\n\n// own web-components package assets\nimport \"./generated/json-imports/Themes.js\";\nimport \"./generated/json-imports/i18n.js\";\n\nimport { registerCustomThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/AssetRegistry.js\";\n\nconst customThemeLoader = async () => {\n  return (\n    await import(\"./generated/assets/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.json\")\n  ).default;\n};\n\nregisterCustomThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_glow\", customThemeLoader);\n"]}

package/config/dist/Avatar.d.ts

@@ -0,0 +1,128 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "@ui5/webcomponents/dist/Avatar.js";
+export declare enum AvatarColorScheme {
+    Mango = "Mango",
+    Red = "Red",
+    Raspberry = "Raspberry",
+    Pink = "Pink",
+    Indigo = "Indigo",
+    Blue = "Blue",
+    Teal = "Teal",
+    Green = "Green",
+    Grey = "Grey",
+    Transparent = "Transparent",
+    Neutral = "Neutral"
+}
+export declare enum AvatarShape {
+    Circle = "Circle",
+    Square = "Square"
+}
+export declare enum AvatarSize {
+    XS = "XS",
+    S = "S",
+    M = "M",
+    L = "L",
+    XL = "XL"
+}
+declare class UDExAvatar extends UI5Element {
+    /**
+     * Defines the displayed initials.
+     * @type {string}
+     * @name udex.components.UDExAvatar.prototype.initials
+     * @defaultvalue ""
+     * @public
+     */
+    initials: string;
+    /**
+     * Defines if the avatar is interactive (focusable and pressable).
+     * @type {boolean}
+     * @name udex.components.UDExAvatar.prototype.interactive
+     * @defaultvalue false
+     * @public
+     */
+    interactive: boolean;
+    /**
+     * Defines the text alternative of the component.
+     * @type {string}
+     * @name udex.components.UDExAvatar.prototype.accessibleName
+     * @defaultvalue ""
+     * @public
+     */
+    accessibleName: string;
+    /**
+     * Defines the design of the component.
+     *
+     * @type {AvatarColorScheme}
+     * @name udex.components.UDExAvatar.prototype.colorScheme
+     * @defaultvalue "Blue"
+     * @public
+     */
+    colorScheme: AvatarColorScheme;
+    /**
+     * Defines whether the component is disabled.
+     *
+     * @type {boolean}
+     * @name udex.components.UDExAvatar.prototype.disabled
+     * @defaultvalue false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the name of the fallback icon.
+     * @type {string}
+     * @name udex.components.UDExAvatar.prototype.fallbackIcon
+     * @defaultvalue ""
+     * @public
+     */
+    fallbackIcon: string;
+    /**
+     * Defines the name of the UI5 Icon, that will be displayed.
+     *
+     * @type {string}
+     * @name udex.components.UDExAvatar.prototype.icon
+     * @defaultvalue ""
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines the shape of the component.
+     *
+     * @type {AvatarShape}
+     * @name udex.components.UDExAvatar.prototype.shape
+     * @defaultvalue "Circle"
+     * @public
+     */
+    shape: AvatarShape;
+    /**
+     * Controls id of the element that label the component
+     *
+     * @type {AvatarSize}
+     * @name udex.components.UDExAvatar.prototype.size
+     * @defaultvalue "S"
+     * @public
+     */
+    size: AvatarSize;
+    /**
+     * Receives the desired <img> tag
+     *
+     * @type {HTMLElement[]}
+     * @name sap.ui.webc.main.UDExAvatar.prototype.default
+     * @slot image
+     * @public
+     */
+    image: Array<HTMLElement>;
+    /**
+     * Defines the optional badge that will be used for visual affordance.
+     *
+     * @type {HTMLElement[]}
+     * @name sap.ui.webc.main.UDExAvatar.prototype.badge
+     * @slot
+     * @public
+     */
+    badge: Array<HTMLElement>;
+    get getUI5AvatarColorScheme(): string;
+    get imageSlot(): boolean;
+    get badgeSlot(): boolean;
+    get udexAvatarClass(): string;
+}
+export default UDExAvatar;

package/config/dist/Avatar.js

@@ -0,0 +1,118 @@
+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 "@ui5/webcomponents/dist/Avatar.js";
+// Template
+import AvatarTemplate from "./generated/templates/AvatarTemplate.lit.js";
+// Styles
+import AvatarCss from "./generated/themes/Avatar.css";
+export var AvatarColorScheme;
+(function (AvatarColorScheme) {
+    AvatarColorScheme["Mango"] = "Mango";
+    AvatarColorScheme["Red"] = "Red";
+    AvatarColorScheme["Raspberry"] = "Raspberry";
+    AvatarColorScheme["Pink"] = "Pink";
+    AvatarColorScheme["Indigo"] = "Indigo";
+    AvatarColorScheme["Blue"] = "Blue";
+    AvatarColorScheme["Teal"] = "Teal";
+    AvatarColorScheme["Green"] = "Green";
+    AvatarColorScheme["Grey"] = "Grey";
+    AvatarColorScheme["Transparent"] = "Transparent";
+    AvatarColorScheme["Neutral"] = "Neutral";
+})(AvatarColorScheme || (AvatarColorScheme = {}));
+export var AvatarShape;
+(function (AvatarShape) {
+    AvatarShape["Circle"] = "Circle";
+    AvatarShape["Square"] = "Square";
+})(AvatarShape || (AvatarShape = {}));
+export var AvatarSize;
+(function (AvatarSize) {
+    AvatarSize["XS"] = "XS";
+    AvatarSize["S"] = "S";
+    AvatarSize["M"] = "M";
+    AvatarSize["L"] = "L";
+    AvatarSize["XL"] = "XL";
+})(AvatarSize || (AvatarSize = {}));
+const udexToUi5ColorSchemeMap = {
+    Mango: "Accent1",
+    Red: "Accent2",
+    Raspberry: "Accent3",
+    Pink: "Accent4",
+    Indigo: "Accent5",
+    Blue: "Accent6",
+    Teal: "Accent7",
+    Green: "Accent8",
+    Grey: "Accent10",
+    Transparent: "Accent6",
+    Neutral: "Accent6",
+};
+let UDExAvatar = class UDExAvatar extends UI5Element {
+    get getUI5AvatarColorScheme() {
+        return udexToUi5ColorSchemeMap[this.colorScheme];
+    }
+    get imageSlot() {
+        return !!this.image.length;
+    }
+    get badgeSlot() {
+        return !!this.badge.length;
+    }
+    get udexAvatarClass() {
+        let avatarClass = "udex-avatar";
+        if (this.imageSlot) {
+            avatarClass += " udex-avatar--with-image";
+        }
+        return avatarClass;
+    }
+};
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExAvatar.prototype, "initials", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExAvatar.prototype, "interactive", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExAvatar.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: AvatarColorScheme, defaultValue: AvatarColorScheme.Blue })
+], UDExAvatar.prototype, "colorScheme", void 0);
+__decorate([
+    property({ type: Boolean, defaultValue: false })
+], UDExAvatar.prototype, "disabled", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExAvatar.prototype, "fallbackIcon", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExAvatar.prototype, "icon", void 0);
+__decorate([
+    property({ type: AvatarShape, defaultValue: AvatarShape.Circle })
+], UDExAvatar.prototype, "shape", void 0);
+__decorate([
+    property({ type: AvatarSize, defaultValue: AvatarSize.S })
+], UDExAvatar.prototype, "size", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExAvatar.prototype, "image", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExAvatar.prototype, "badge", void 0);
+UDExAvatar = __decorate([
+    customElement({
+        tag: "udex-avatar",
+        renderer: litRender,
+        styles: AvatarCss,
+        template: AvatarTemplate,
+    })
+], UDExAvatar);
+UDExAvatar.define();
+export default UDExAvatar;
+//# sourceMappingURL=Avatar.js.map

package/config/dist/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.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 \"@ui5/webcomponents/dist/Avatar.js\";\n\n// Template\nimport AvatarTemplate from \"./generated/templates/AvatarTemplate.lit.js\";\n\n// Styles\nimport AvatarCss from \"./generated/themes/Avatar.css\";\n\nexport enum AvatarColorScheme {\n  Mango = \"Mango\",\n  Red = \"Red\",\n  Raspberry = \"Raspberry\",\n  Pink = \"Pink\",\n  Indigo = \"Indigo\",\n  Blue = \"Blue\",\n  Teal = \"Teal\",\n  Green = \"Green\",\n  Grey = \"Grey\",\n  Transparent = \"Transparent\",\n  Neutral = \"Neutral\",\n}\n\nexport enum AvatarShape {\n  Circle = \"Circle\",\n  Square = \"Square\",\n}\n\nexport enum AvatarSize {\n  XS = \"XS\",\n  S = \"S\",\n  M = \"M\",\n  L = \"L\",\n  XL = \"XL\",\n}\n\nconst udexToUi5ColorSchemeMap = {\n  Mango: \"Accent1\",\n  Red: \"Accent2\",\n  Raspberry: \"Accent3\",\n  Pink: \"Accent4\",\n  Indigo: \"Accent5\",\n  Blue: \"Accent6\",\n  Teal: \"Accent7\",\n  Green: \"Accent8\",\n  Grey: \"Accent10\",\n  Transparent: \"Accent6\",\n  Neutral: \"Accent6\",\n};\n\n@customElement({\n  tag: \"udex-avatar\",\n  renderer: litRender,\n  styles: AvatarCss,\n  template: AvatarTemplate,\n})\nclass UDExAvatar extends UI5Element {\n  /**\n   * Defines the displayed initials.\n   * @type {string}\n   * @name udex.components.UDExAvatar.prototype.initials\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    initials!: string;\n\n  /**\n   * Defines if the avatar is interactive (focusable and pressable).\n   * @type {boolean}\n   * @name udex.components.UDExAvatar.prototype.interactive\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    interactive!: boolean;\n\n  /**\n   * Defines the text alternative of the component.\n   * @type {string}\n   * @name udex.components.UDExAvatar.prototype.accessibleName\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    accessibleName!: string;\n\n  /**\n   * Defines the design of the component.\n   *\n   * @type {AvatarColorScheme}\n   * @name udex.components.UDExAvatar.prototype.colorScheme\n   * @defaultvalue \"Blue\"\n   * @public\n   */\n  @property({ type: AvatarColorScheme, defaultValue: AvatarColorScheme.Blue })\n    colorScheme!: AvatarColorScheme;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * @type {boolean}\n   * @name udex.components.UDExAvatar.prototype.disabled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean, defaultValue: false })\n    disabled!: boolean;\n\n  /**\n   * Defines the name of the fallback icon.\n   * @type {string}\n   * @name udex.components.UDExAvatar.prototype.fallbackIcon\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    fallbackIcon!: string;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed.\n   *\n   * @type {string}\n   * @name udex.components.UDExAvatar.prototype.icon\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    icon!: string;\n\n  /**\n   * Defines the shape of the component.\n   *\n   * @type {AvatarShape}\n   * @name udex.components.UDExAvatar.prototype.shape\n   * @defaultvalue \"Circle\"\n   * @public\n   */\n  @property({ type: AvatarShape, defaultValue: AvatarShape.Circle })\n    shape!: AvatarShape;\n\n  /**\n   * Controls id of the element that label the component\n   *\n   * @type {AvatarSize}\n   * @name udex.components.UDExAvatar.prototype.size\n   * @defaultvalue \"S\"\n   * @public\n   */\n  @property({ type: AvatarSize, defaultValue: AvatarSize.S })\n    size!: AvatarSize;\n\n  /**\n   * Receives the desired <img> tag\n   *\n   * @type {HTMLElement[]}\n   * @name sap.ui.webc.main.UDExAvatar.prototype.default\n   * @slot image\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    image!: Array<HTMLElement>;\n\n  /**\n   * Defines the optional badge that will be used for visual affordance.\n   *\n   * @type {HTMLElement[]}\n   * @name sap.ui.webc.main.UDExAvatar.prototype.badge\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    badge!: Array<HTMLElement>;\n\n  get getUI5AvatarColorScheme(): string {\n    return udexToUi5ColorSchemeMap[this.colorScheme];\n  }\n\n  get imageSlot(): boolean {\n    return !!this.image.length;\n  }\n\n  get badgeSlot(): boolean {\n    return !!this.badge.length;\n  }\n\n  get udexAvatarClass(): string {\n    let avatarClass = \"udex-avatar\";\n\n    if (this.imageSlot) {\n      avatarClass += \" udex-avatar--with-image\";\n    }\n\n    return avatarClass;\n  }\n}\n\nUDExAvatar.define();\n\nexport default UDExAvatar;\n"]}

package/config/dist/Badge.d.ts

@@ -0,0 +1,78 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "@ui5/webcomponents/dist/Badge.js";
+export declare enum BadgeType {
+    text = "Text",
+    number = "Number"
+}
+export declare enum BadgeSize {
+    small = "Small",
+    large = "Large"
+}
+export declare enum BadgeTextDesign {
+    Info = "Info",
+    Success = "Success",
+    Error = "Error",
+    Warning = "Warning"
+}
+export declare enum BadgeNumberDesign {
+    Blue = "Blue",
+    Red = "Red",
+    White = "White"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-badge</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Badge.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+declare class UDExBadge extends UI5Element {
+    /**
+     * Defines the type of the component.
+     *
+     * @default BadgeType.text
+     * @public
+     */
+    type: BadgeType;
+    /**
+     * Defines the size of the component.
+     *
+     * @default BadgeSize.large
+     * @public
+     */
+    size: BadgeSize;
+    /**
+     * Defines the design of text type component.
+     *
+     * @default BadgeTextDesign.Info
+     * @public
+     */
+    design: BadgeTextDesign;
+    /**
+     * Defines the design of number type component.
+     *
+     * @default BadgeNumberDesign.Blue
+     * @public
+     */
+    numberDesign: BadgeNumberDesign;
+    /**
+     * Defines the content of the component.
+     *
+     * @public
+     */
+    default: Array<Node>;
+    get textType(): boolean;
+    get textClasses(): string;
+    get numberClasses(): string;
+}
+export default UDExBadge;

package/config/dist/Badge.js

@@ -0,0 +1,103 @@
+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 "@ui5/webcomponents/dist/Badge.js";
+import BadgeTemplate from "./generated/templates/BadgeTemplate.lit.js";
+// Styles
+import BadgeCss from "./generated/themes/Badge.css.js";
+export var BadgeType;
+(function (BadgeType) {
+    BadgeType["text"] = "Text";
+    BadgeType["number"] = "Number";
+})(BadgeType || (BadgeType = {}));
+export var BadgeSize;
+(function (BadgeSize) {
+    BadgeSize["small"] = "Small";
+    BadgeSize["large"] = "Large";
+})(BadgeSize || (BadgeSize = {}));
+export var BadgeTextDesign;
+(function (BadgeTextDesign) {
+    BadgeTextDesign["Info"] = "Info";
+    BadgeTextDesign["Success"] = "Success";
+    BadgeTextDesign["Error"] = "Error";
+    BadgeTextDesign["Warning"] = "Warning";
+})(BadgeTextDesign || (BadgeTextDesign = {}));
+export var BadgeNumberDesign;
+(function (BadgeNumberDesign) {
+    BadgeNumberDesign["Blue"] = "Blue";
+    BadgeNumberDesign["Red"] = "Red";
+    BadgeNumberDesign["White"] = "White";
+})(BadgeNumberDesign || (BadgeNumberDesign = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-badge</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Badge.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExBadge = class UDExBadge extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the design of text type component.
+         *
+         * @default BadgeTextDesign.Info
+         * @public
+         */
+        this.design = BadgeTextDesign.Info;
+    }
+    get textType() {
+        return this.type === BadgeType.text;
+    }
+    get textClasses() {
+        return `udex-badge udex-badge--text udex-badge--${this.design.toLowerCase()} udex-badge--${this.size.toLowerCase()}`;
+    }
+    get numberClasses() {
+        return `udex-badge udex-badge--number udex-badge--${this.numberDesign.toLowerCase()} udex-badge--${this.size.toLowerCase()}`;
+    }
+};
+__decorate([
+    property({ defaultValue: BadgeType.text })
+], UDExBadge.prototype, "type", void 0);
+__decorate([
+    property({ defaultValue: BadgeSize.large })
+], UDExBadge.prototype, "size", void 0);
+__decorate([
+    property({ defaultValue: BadgeTextDesign.Info })
+], UDExBadge.prototype, "design", void 0);
+__decorate([
+    property({ defaultValue: BadgeNumberDesign.Blue })
+], UDExBadge.prototype, "numberDesign", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], UDExBadge.prototype, "default", void 0);
+UDExBadge = __decorate([
+    customElement({
+        tag: "udex-badge",
+        renderer: litRender,
+        styles: BadgeCss,
+        template: BadgeTemplate,
+        dependencies: [],
+    })
+], UDExBadge);
+UDExBadge.define();
+export default UDExBadge;
+//# sourceMappingURL=Badge.js.map

package/config/dist/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../src/Badge.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,kCAAkC,CAAC;AAE1C,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;AACnB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,4BAAe,CAAA;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,gCAAa,CAAA;IACb,sCAAmB,CAAA;IACnB,kCAAe,CAAA;IACf,sCAAmB,CAAA;AACrB,CAAC,EALW,eAAe,KAAf,eAAe,QAK1B;AAED,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,gCAAW,CAAA;IACX,oCAAe,CAAA;AACjB,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B;AAED;;;;;;;;;;;;;;;;GAgBG;AAQH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmBE;;;;;WAKG;QAED,WAAM,GAAoB,eAAe,CAAC,IAAI,CAAC;IA6BnD,CAAC;IAXC,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC;IACtC,CAAC;IAED,IAAI,WAAW;QACb,OAAO,2CAA2C,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IACvH,CAAC;IAED,IAAI,aAAa;QACf,OAAO,6CAA6C,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,gBAAgB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC;IAC/H,CAAC;CACF,CAAA;AA/CG;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,IAAI,EAAE,CAAC;uCACxB;AASjB;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC;uCACzB;AASjB;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC;yCACA;AAQ/C;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,iBAAiB,CAAC,IAAI,EAAE,CAAC;+CAChB;AAQjC;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AA1CpB,SAAS;IAPd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;QACvB,YAAY,EAAE,EAAE;KACjB,CAAC;GACI,SAAS,CAuDd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents/dist/Badge.js\";\n\nimport BadgeTemplate from \"./generated/templates/BadgeTemplate.lit.js\";\n\n// Styles\nimport BadgeCss from \"./generated/themes/Badge.css.js\";\n\nexport enum BadgeType {\n  text = \"Text\",\n  number = \"Number\",\n}\n\nexport enum BadgeSize {\n  small = \"Small\",\n  large = \"Large\",\n}\n\nexport enum BadgeTextDesign {\n  Info = \"Info\",\n  Success = \"Success\",\n  Error = \"Error\",\n  Warning = \"Warning\",\n}\n\nexport enum BadgeNumberDesign {\n  Blue = \"Blue\",\n  Red = \"Red\",\n  White = \"White\",\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-badge</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Badge.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-badge\",\n  renderer: litRender,\n  styles: BadgeCss,\n  template: BadgeTemplate,\n  dependencies: [],\n})\nclass UDExBadge extends UI5Element {\n  /**\n   * Defines the type of the component.\n   *\n   * @default BadgeType.text\n   * @public\n   */\n  @property({ defaultValue: BadgeType.text })\n    type!: BadgeType;\n\n  /**\n   * Defines the size of the component.\n   *\n   * @default BadgeSize.large\n   * @public\n   */\n  @property({ defaultValue: BadgeSize.large })\n    size!: BadgeSize;\n\n  /**\n   * Defines the design of text type component.\n   *\n   * @default BadgeTextDesign.Info\n   * @public\n   */\n  @property({ defaultValue: BadgeTextDesign.Info })\n    design: BadgeTextDesign = BadgeTextDesign.Info;\n  /**\n   * Defines the design of number type component.\n   *\n   * @default BadgeNumberDesign.Blue\n   * @public\n   */\n  @property({ defaultValue: BadgeNumberDesign.Blue })\n    numberDesign!: BadgeNumberDesign;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    default!: Array<Node>;\n\n  get textType(): boolean {\n    return this.type === BadgeType.text;\n  }\n\n  get textClasses(): string {\n    return `udex-badge udex-badge--text udex-badge--${this.design.toLowerCase()} udex-badge--${this.size.toLowerCase()}`;\n  }\n\n  get numberClasses(): string {\n    return `udex-badge udex-badge--number udex-badge--${this.numberDesign.toLowerCase()} udex-badge--${this.size.toLowerCase()}`;\n  }\n}\n\nUDExBadge.define();\n\nexport default UDExBadge;\n"]}