@sapudex/web-components 0.199.3 → 0.224.0

package/config/dist/AccordionItem.js

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

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

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

package/config/dist/Assets.js

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

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

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

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

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

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

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

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