@sapudex/web-components 0.192.4 → 0.224.0

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"]}

package/config/dist/Breadcrumbs.d.ts

@@ -1,97 +0,0 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import { LinkClickEventDetail } from "@ui5/webcomponents/dist/Link.js";
-import ItemNavigation, { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
-import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import UDExBreadcrumbsItem from "./BreadcrumbsItem.js";
-import Link from "./Link.js";
-import Dropdown from "./Dropdown.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
-import "@ui5/webcomponents-icons/dist/home.js";
-export type UDExBreadcrumbsItemClickEventDetail = {
-    item: UDExBreadcrumbsItem;
-    altKey: boolean;
-    ctrlKey: boolean;
-    metaKey: boolean;
-    shiftKey: boolean;
-};
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-breadcrumbs</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@udex/web-components/dist/Breadcrumbs.js";</code>
- *
- * @constructor
- * @extends UI5Element
- * @public
- */
-declare class UDExBreadcrumbs extends UI5Element {
-    /**
-     * Indicates if dropdown is opened
-     * @type {boolean}
-     * @defaultValue false
-     * @private
-     */
-    _dropdownOpened: boolean;
-    /**
-     * Defines how many breadcrumb items should be visible
-     * @type {number}
-     * @name sap.ui.web-components.UDExBreadcrumbs.prototype.showItems
-     * @defaultValue 3
-     * @public
-     */
-    showItems?: number;
-    /**
-     * Defines the component items.
-     *
-     * **Note:** Use the `udex-breadcrumbs-item` component to define the desired items.
-     * @public
-     */
-    items: Array<UDExBreadcrumbsItem>;
-    responsivePopover?: Dropdown;
-    _itemNavigation?: ItemNavigation;
-    static i18nBundle: I18nBundle;
-    onBeforeRendering(): void;
-    _preprocessItems(): void;
-    _getResponsePopover(): Promise<Dropdown>;
-    /**
-     * Getter for the interactive element that opens the overflow
-     * @private
-     */
-    get _dropdownArrowLink(): Link;
-    /**
-     * Getter for the list of links corresponding to the abstract breadcrumb items
-     */
-    get _links(): Link[];
-    _getFocusableItems(): ITabbable[];
-    _initItemNavigation(): void;
-    onAfterRendering(): void;
-    _getItems(): UDExBreadcrumbsItem[];
-    _closeRespPopover(): void;
-    _openRespPopover(): Promise<void>;
-    _onDropdownLinkPress(e: CustomEvent<LinkClickEventDetail>): void;
-    _onLinkPress(e: CustomEvent<LinkClickEventDetail>): void;
-    _isItemVisible(item: UDExBreadcrumbsItem): boolean;
-    _afterDropdownOpen(): void;
-    _afterDropdownClose(): void;
-    get _visibleItems(): UDExBreadcrumbsItem[];
-    /**
-     * Getter for the list of abstract breadcrumb items to be rendered as links outside the overflow
-     */
-    get _linksData(): UDExBreadcrumbsItem[];
-    get _isOverflowEmpty(): boolean;
-    _toggleDropdown(): void;
-    get _dropdownItems(): UDExBreadcrumbsItem[];
-    get _triggerClass(): "" | "udex-breadcrumbs__trigger--opened";
-    get _accessibleNameText(): string;
-    get _dropdownArrowAccessibleNameText(): string;
-    _onfocusin(e: FocusEvent): void;
-    static onDefine(): Promise<void>;
-}
-export default UDExBreadcrumbs;

package/config/dist/Breadcrumbs.js

@@ -1,240 +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;
-};
-var UDExBreadcrumbs_1;
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.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 Icon from "@ui5/webcomponents/dist/Icon.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
-import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
-import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import breadcrumbsCss from "@ui5/webcomponents/dist/generated/themes/Breadcrumbs.css.js";
-import BreadcrumbsTemplate from "./generated/templates/BreadcrumbsTemplate.lit.js";
-import BreadcrumbsPopover from "./generated/templates/BreadcrumbsPopoverTemplate.lit.js";
-import UDExBreadcrumbsItem from "./BreadcrumbsItem.js";
-import Link from "./Link.js";
-import Dropdown from "./Dropdown.js";
-import { BREADCRUMBS_ARIA_LABEL, BREADCRUMBS_OVERFLOW_ARIA_LABEL, } from "./generated/i18n/i18n-defaults.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
-import "@ui5/webcomponents-icons/dist/home.js";
-// Styles
-import BreadcrumbsCss from "./generated/themes/Breadcrumbs.css.js";
-import BreadcrumbsPopoverCss from "./generated/themes/BreadcrumbsPopover.css.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-breadcrumbs</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import "@udex/web-components/dist/Breadcrumbs.js";</code>
- *
- * @constructor
- * @extends UI5Element
- * @public
- */
-let UDExBreadcrumbs = UDExBreadcrumbs_1 = class UDExBreadcrumbs extends UI5Element {
-    onBeforeRendering() {
-        this._preprocessItems();
-    }
-    _preprocessItems() {
-        this.items.forEach(item => {
-            item._getRealDomRef = () => this.getDomRef().querySelector(`[data-ui5-stable*=${item.stableDomRef}]`);
-        });
-    }
-    async _getResponsePopover() {
-        const staticAreaItem = await this.getStaticAreaItemDomRef();
-        return staticAreaItem.querySelector(`#udex-${this.__id}-breadcrumbs__popover`);
-    }
-    /**
-     * Getter for the interactive element that opens the overflow
-     * @private
-     */
-    get _dropdownArrowLink() {
-        return this.shadowRoot.querySelector(".udex-breadcrumbs__trigger");
-    }
-    /**
-     * Getter for the list of links corresponding to the abstract breadcrumb items
-     */
-    get _links() {
-        return Array.from(this.shadowRoot.querySelectorAll(".udex-breadcrumbs__link-wrapper [ui5-link]"));
-    }
-    _getFocusableItems() {
-        const items = this._links;
-        items.unshift(this._dropdownArrowLink);
-        return items;
-    }
-    _initItemNavigation() {
-        if (!this._itemNavigation) {
-            this._itemNavigation = new ItemNavigation(this, {
-                navigationMode: NavigationMode.Horizontal,
-                getItemsCallback: () => this._getFocusableItems(),
-            });
-        }
-    }
-    onAfterRendering() {
-        this._initItemNavigation();
-    }
-    _getItems() {
-        return this.getSlottedNodes("items");
-    }
-    _closeRespPopover() {
-        this.responsivePopover && this.responsivePopover.onClose();
-    }
-    async _openRespPopover() {
-        this.responsivePopover = await this._getResponsePopover();
-        this.responsivePopover.onOpen(this._dropdownArrowLink);
-    }
-    _onDropdownLinkPress(e) {
-        const listItem = e.target, items = this._getItems(), item = items.find(x => `${x._id}-li` === listItem.id);
-        if (item._isCurrentPageItem) {
-            return;
-        }
-        if (this.fireEvent("item-click", { item }, true)) {
-            window.open(item.href, item.target || "_self", "noopener,noreferrer");
-            this.responsivePopover.onClose();
-        }
-    }
-    _onLinkPress(e) {
-        const link = e.target, items = this._getItems(), item = items.find(x => `${x._id}-link` === link.id), { altKey, ctrlKey, metaKey, shiftKey, } = e.detail;
-        if (!this.fireEvent("item-click", {
-            item,
-            altKey,
-            ctrlKey,
-            metaKey,
-            shiftKey,
-        }, true)) {
-            e.preventDefault();
-        }
-    }
-    _isItemVisible(item) {
-        return !item.hidden;
-    }
-    _afterDropdownOpen() {
-        this._dropdownOpened = true;
-    }
-    _afterDropdownClose() {
-        this._dropdownOpened = false;
-    }
-    get _visibleItems() {
-        const items = this._getItems();
-        const itemsLength = this.showItems ?? 0;
-        return this._getItems()
-            .slice(items.length - itemsLength - 1)
-            .filter(i => this._isItemVisible(i));
-    }
-    /**
-     * Getter for the list of abstract breadcrumb items to be rendered as links outside the overflow
-     */
-    get _linksData() {
-        const items = this._visibleItems;
-        const itemsCount = items.length;
-        return items
-            .map((item, index) => {
-            item._isCurrentPageItem = index === (itemsCount - 1);
-            return item;
-        });
-    }
-    get _isOverflowEmpty() {
-        return this._dropdownItems.length === 0;
-    }
-    _toggleDropdown() {
-        if (this._dropdownOpened) {
-            this._closeRespPopover();
-        }
-        else {
-            this._openRespPopover();
-        }
-    }
-    get _dropdownItems() {
-        return this._getItems().filter(i => this._isItemVisible(i));
-    }
-    get _triggerClass() {
-        return this._dropdownOpened ? "udex-breadcrumbs__trigger--opened" : "";
-    }
-    get _accessibleNameText() {
-        return UDExBreadcrumbs_1.i18nBundle.getText(BREADCRUMBS_ARIA_LABEL);
-    }
-    get _dropdownArrowAccessibleNameText() {
-        return UDExBreadcrumbs_1.i18nBundle.getText(BREADCRUMBS_OVERFLOW_ARIA_LABEL);
-    }
-    _onfocusin(e) {
-        const currentItem = e.target;
-        this._itemNavigation?.setCurrentItem(currentItem);
-    }
-    static async onDefine() {
-        UDExBreadcrumbs_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
-    }
-};
-__decorate([
-    property({ noAttribute: true, defaultValue: false, type: Boolean })
-], UDExBreadcrumbs.prototype, "_dropdownOpened", void 0);
-__decorate([
-    property({ type: Number, defaultValue: 3, validator: Integer })
-], UDExBreadcrumbs.prototype, "showItems", void 0);
-__decorate([
-    slot({ type: HTMLElement, invalidateOnChildChange: true, "default": true })
-], UDExBreadcrumbs.prototype, "items", void 0);
-UDExBreadcrumbs = UDExBreadcrumbs_1 = __decorate([
-    customElement({
-        tag: "udex-breadcrumbs",
-        renderer: litRender,
-        styles: [breadcrumbsCss, BreadcrumbsCss],
-        template: BreadcrumbsTemplate,
-        staticAreaTemplate: BreadcrumbsPopover,
-        staticAreaStyles: [BreadcrumbsPopoverCss],
-        dependencies: [UDExBreadcrumbsItem, Link, Dropdown, Icon],
-    })
-    /**
-     * Fires when a `BreadcrumbsItem` is clicked.
-     *
-     * **Note:** You can prevent browser location change by calling `event.preventDefault()`.
-     * @allowPreventDefault
-     * @param {HTMLElement} item The clicked item.
-     * @param {Boolean} altKey Returns whether the "ALT" key was pressed when the event was triggered.
-     * @param {Boolean} ctrlKey Returns whether the "CTRL" key was pressed when the event was triggered.
-     * @param {Boolean} metaKey Returns whether the "META" key was pressed when the event was triggered.
-     * @param {Boolean} shiftKey Returns whether the "SHIFT" key was pressed when the event was triggered.
-     * @public
-     */
-    ,
-    event("item-click", {
-        detail: {
-            /**
-             * @public
-             */
-            item: { type: HTMLElement },
-            /**
-             * @public
-             */
-            altKey: { type: Boolean },
-            /**
-             * @public
-             */
-            ctrlKey: { type: Boolean },
-            /**
-             * @public
-             */
-            metaKey: { type: Boolean },
-            /**
-             * @public
-             */
-            shiftKey: { type: Boolean },
-        },
-    })
-], UDExBreadcrumbs);
-UDExBreadcrumbs.define();
-export default UDExBreadcrumbs;
-//# sourceMappingURL=Breadcrumbs.js.map