@sapudex/web-components 0.111.0

package/dist/Quote.d.ts

@@ -0,0 +1,73 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+export declare enum SizeType {
+    small = "small",
+    large = "large"
+}
+export declare enum MaskType {
+    avatar = "avatar",
+    rectangle = "rectangle"
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-quote</code> component is a demo component that displays some text.
+ *
+ * @constructor
+ * @extends UI5Element
+ * @tagname udex-quote
+ * @public
+ */
+declare class UDExQuote extends UI5Element {
+    /**
+      * Defines the text content of the Quote.
+      *
+      * @slot content
+      * @public
+      */
+    content: Array<HTMLElement>;
+    /**
+      * Defines the link in the Quote
+      *
+      * @slot
+      * @public
+    */
+    link: Array<HTMLElement>;
+    /**
+      * Defines author's name and company
+      *
+      * @public
+      * @slot
+    */
+    author: Array<HTMLElement>;
+    /**
+      * Defines image near quote text
+      *
+      * @public
+      * @slot
+    */
+    image: Array<HTMLElement>;
+    /**
+      * Defines image (Avatar or company logo) size
+      *
+      * @public
+      * @default "large"
+    */
+    imageSize: `${SizeType}`;
+    /**
+      * Defines text size
+      *
+      * @public
+      * @default "large"
+    */
+    textSize: `${SizeType}`;
+    /**
+      * Defines image mask
+      *
+      * @public
+      * @default "avatar"
+    */
+    mask: `${MaskType}`;
+}
+export default UDExQuote;

package/dist/Quote.js

@@ -0,0 +1,71 @@
+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";
+// Template
+import QuoteTemplate from "./generated/templates/QuoteTemplate.lit.js";
+// Styles
+import QuoteCss from "./generated/themes/Quote.css.js";
+export var SizeType;
+(function (SizeType) {
+    SizeType["small"] = "small";
+    SizeType["large"] = "large";
+})(SizeType || (SizeType = {}));
+export var MaskType;
+(function (MaskType) {
+    MaskType["avatar"] = "avatar";
+    MaskType["rectangle"] = "rectangle";
+})(MaskType || (MaskType = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>udex-quote</code> component is a demo component that displays some text.
+ *
+ * @constructor
+ * @extends UI5Element
+ * @tagname udex-quote
+ * @public
+ */
+let UDExQuote = class UDExQuote extends UI5Element {
+};
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExQuote.prototype, "content", void 0);
+__decorate([
+    slot()
+], UDExQuote.prototype, "link", void 0);
+__decorate([
+    slot()
+], UDExQuote.prototype, "author", void 0);
+__decorate([
+    slot()
+], UDExQuote.prototype, "image", void 0);
+__decorate([
+    property({ type: SizeType, defaultValue: "large" })
+], UDExQuote.prototype, "imageSize", void 0);
+__decorate([
+    property({ type: SizeType, defaultValue: "large" })
+], UDExQuote.prototype, "textSize", void 0);
+__decorate([
+    property({ type: MaskType, defaultValue: "avatar" })
+], UDExQuote.prototype, "mask", void 0);
+UDExQuote = __decorate([
+    customElement({
+        tag: "udex-quote",
+        renderer: litRender,
+        styles: QuoteCss,
+        template: QuoteTemplate,
+    })
+], UDExQuote);
+UDExQuote.define();
+export default UDExQuote;
+//# sourceMappingURL=Quote.js.map

package/dist/Quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quote.js","sourceRoot":"","sources":["../src/Quote.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,WAAW;AACX,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,QAAQ,MAAM,iCAAiC,CAAC;AAEvD,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,2BAAe,CAAA;IACf,2BAAe,CAAA;AACjB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,6BAAiB,CAAA;IACjB,mCAAuB,CAAA;AACzB,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAED;;;;;;;;;;;GAWG;AAOH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;CA+DjC,CAAA;AAvDG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AAS7B;IADD,IAAI,EAAE;uCACqB;AAS1B;IADD,IAAI,EAAE;yCACuB;AAS5B;IADD,IAAI,EAAE;wCACsB;AAS3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;4CACxB;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;2CACzB;AASzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;uCAC9B;AA9DnB,SAAS;IANd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACI,SAAS,CA+Dd;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\";\n\n// Template\nimport QuoteTemplate from \"./generated/templates/QuoteTemplate.lit.js\";\n\n// Styles\nimport QuoteCss from \"./generated/themes/Quote.css.js\";\n\nexport enum SizeType {\n  small = \"small\",\n  large = \"large\"\n}\n\nexport enum MaskType {\n  avatar = \"avatar\",\n  rectangle = \"rectangle\"\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>udex-quote</code> component is a demo component that displays some text.\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-quote\n * @public\n */\n@customElement({\n  tag: \"udex-quote\",\n  renderer: litRender,\n  styles: QuoteCss,\n  template: QuoteTemplate,\n})\nclass UDExQuote extends UI5Element {\n  /**\n    * Defines the text content of the Quote.\n    *\n    * @slot content\n    * @public\n    */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n    * Defines the link in the Quote\n    *\n    * @slot\n    * @public\n  */\n  @slot()\n    link!: Array<HTMLElement>;\n\n  /**\n    * Defines author's name and company\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n    * Defines image near quote text\n    *\n    * @public\n    * @slot\n  */\n  @slot()\n    image!: Array<HTMLElement>;\n\n  /**\n    * Defines image (Avatar or company logo) size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property({ type: SizeType, defaultValue: \"large\" })\n    imageSize!: `${SizeType}`;\n\n  /**\n    * Defines text size\n    *\n    * @public\n    * @default \"large\"\n  */\n  @property({ type: SizeType, defaultValue: \"large\" })\n    textSize!: `${SizeType}`;\n\n  /**\n    * Defines image mask\n    *\n    * @public\n    * @default \"avatar\"\n  */\n  @property({ type: MaskType, defaultValue: \"avatar\" })\n    mask!: `${MaskType}`;\n}\n\nUDExQuote.define();\n\nexport default UDExQuote;\n"]}

package/dist/RadioButton.d.ts

@@ -0,0 +1,29 @@
+import RadioButton from "@ui5/webcomponents/dist/RadioButton.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-radio-button</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/RadioButton.js";</code>
+ *
+ * @constructor
+ * @extends RadioButton
+ * @public
+ */
+declare class UDExRadioButton extends RadioButton {
+    /**
+     * Define if arrow icons for last and first page are visible.
+     *
+     * @public
+     * @default false
+     */
+    displayOnly: boolean;
+    onAfterRendering(): void;
+}
+export default UDExRadioButton;

package/dist/RadioButton.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import RadioButton from "@ui5/webcomponents/dist/RadioButton.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+// Styles
+import radioButtonCss from "@ui5/webcomponents/dist/generated/themes/RadioButton.css.js";
+import RadioButtonCss from "./generated/themes/RadioButton.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-radio-button</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/RadioButton.js";</code>
+ *
+ * @constructor
+ * @extends RadioButton
+ * @public
+ */
+let UDExRadioButton = class UDExRadioButton extends RadioButton {
+    onAfterRendering() {
+        this.readonly = this.readonly || this.displayOnly;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExRadioButton.prototype, "displayOnly", void 0);
+UDExRadioButton = __decorate([
+    customElement({
+        tag: "udex-radio-button",
+        renderer: litRender,
+        styles: [radioButtonCss, RadioButtonCss],
+        dependencies: [RadioButton],
+    })
+], UDExRadioButton);
+UDExRadioButton.define();
+export default UDExRadioButton;
+//# sourceMappingURL=RadioButton.js.map

package/dist/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../src/RadioButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,SAAS;AACT,OAAO,cAAc,MAAM,6DAA6D,CAAC;AACzF,OAAO,cAAc,MAAM,uCAAuC,CAAC;AAEnE;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAUvC,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;IACpD,CAAC;CACF,CAAA;AALG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACJ;AARpB,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,cAAc,EAAE,cAAc,CAAC;QACxC,YAAY,EAAE,CAAC,WAAW,CAAC;KAC5B,CAAC;GACI,eAAe,CAapB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport RadioButton from \"@ui5/webcomponents/dist/RadioButton.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\n// Styles\nimport radioButtonCss from \"@ui5/webcomponents/dist/generated/themes/RadioButton.css.js\";\nimport RadioButtonCss from \"./generated/themes/RadioButton.css.js\";\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-radio-button</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/RadioButton.js\";</code>\n *\n * @constructor\n * @extends RadioButton\n * @public\n */\n@customElement({\n  tag: \"udex-radio-button\",\n  renderer: litRender,\n  styles: [radioButtonCss, RadioButtonCss],\n  dependencies: [RadioButton],\n})\nclass UDExRadioButton extends RadioButton {\n  /**\n   * Define if arrow icons for last and first page are visible.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    displayOnly!: boolean;\n\n  onAfterRendering() {\n    this.readonly = this.readonly || this.displayOnly;\n  }\n}\n\nUDExRadioButton.define();\n\nexport default UDExRadioButton;\n"]}

package/dist/RangeSlider.d.ts

@@ -0,0 +1,22 @@
+import RangeSlider from "@ui5/webcomponents/dist/RangeSlider.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-range-slider</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/RangeSlider.js";</code>
+ *
+ * @constructor
+ * @extends RangeSlider
+ * @public
+ */
+declare class UDExRangeSlider extends RangeSlider {
+    onEnterDOM(): void;
+}
+export default UDExRangeSlider;

package/dist/RangeSlider.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import RangeSlider from "@ui5/webcomponents/dist/RangeSlider.js";
+import SliderBase from "@ui5/webcomponents/dist/SliderBase.js";
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+// Styles
+import rangeSliderCss from "@ui5/webcomponents/dist/generated/themes/RangeSlider.css.js";
+import SliderCss from "./generated/themes/Slider.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-range-slider</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/RangeSlider.js";</code>
+ *
+ * @constructor
+ * @extends RangeSlider
+ * @public
+ */
+let UDExRangeSlider = class UDExRangeSlider extends RangeSlider {
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
+    }
+};
+UDExRangeSlider = __decorate([
+    customElement({
+        tag: "udex-range-slider",
+        renderer: litRender,
+        styles: [SliderBase.styles, rangeSliderCss, SliderCss],
+        dependencies: [],
+    })
+], UDExRangeSlider);
+UDExRangeSlider.define();
+export default UDExRangeSlider;
+//# sourceMappingURL=RangeSlider.js.map

package/dist/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sourceRoot":"","sources":["../src/RangeSlider.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,WAAW,MAAM,wCAAwC,CAAC;AACjE,OAAO,UAAU,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AAEnE,SAAS;AACT,OAAO,cAAc,MAAM,6DAA6D,CAAC;AACzF,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IACvC,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;CACF,CAAA;AANK,eAAe;IANpB,aAAa,CAAC;QACb,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,cAAc,EAAE,SAAS,CAAC;QACtD,YAAY,EAAE,EAAE;KACjB,CAAC;GACI,eAAe,CAMpB;AAED,eAAe,CAAC,MAAM,EAAE,CAAC;AAEzB,eAAe,eAAe,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport RangeSlider from \"@ui5/webcomponents/dist/RangeSlider.js\";\nimport SliderBase from \"@ui5/webcomponents/dist/SliderBase.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\n\n// Styles\nimport rangeSliderCss from \"@ui5/webcomponents/dist/generated/themes/RangeSlider.css.js\";\nimport SliderCss from \"./generated/themes/Slider.css.js\";\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-range-slider</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/RangeSlider.js\";</code>\n *\n * @constructor\n * @extends RangeSlider\n * @public\n */\n@customElement({\n  tag: \"udex-range-slider\",\n  renderer: litRender,\n  styles: [SliderBase.styles, rangeSliderCss, SliderCss],\n  dependencies: [],\n})\nclass UDExRangeSlider extends RangeSlider {\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n}\n\nUDExRangeSlider.define();\n\nexport default UDExRangeSlider;\n"]}

package/dist/RatingIndicator.d.ts

@@ -0,0 +1,35 @@
+import RatingIndicator from "@ui5/webcomponents/dist/RatingIndicator.js";
+export declare enum DisplayType {
+    Desktop = "Desktop",
+    Mobile = "Mobile"
+}
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * ### ES6 Module Import
+ *
+ * `import @udex/web-components/dist/RatingIndicator.js";`
+ * @constructor
+ * @extends RatingIndicator
+ * @public
+ */
+declare class UDExRatingIndicator extends RatingIndicator {
+    /**
+     * Defines the display type of the component.
+     *
+     * @default "Desktop"
+     * @public
+     */
+    display: `${DisplayType}`;
+    /**
+      * The number of total votes.
+      *
+      * @public
+      */
+    totalCount: number;
+    get classNames(): string;
+    get _ariaLabel(): string | undefined;
+}
+export default UDExRatingIndicator;

package/dist/RatingIndicator.js

@@ -0,0 +1,63 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import RatingIndicator from "@ui5/webcomponents/dist/RatingIndicator.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
+import RatingIndicatorTemplate from "./generated/templates/RatingIndicatorTemplate.lit.js";
+// Styles
+import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
+import { TOTAL } from "./generated/i18n/i18n-defaults.js";
+export var DisplayType;
+(function (DisplayType) {
+    DisplayType["Desktop"] = "Desktop";
+    DisplayType["Mobile"] = "Mobile";
+})(DisplayType || (DisplayType = {}));
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * ### ES6 Module Import
+ *
+ * `import @udex/web-components/dist/RatingIndicator.js";`
+ * @constructor
+ * @extends RatingIndicator
+ * @public
+ */
+let UDExRatingIndicator = class UDExRatingIndicator extends RatingIndicator {
+    get classNames() {
+        return `udex-rating-indicator--${this.display.toLowerCase()}`;
+    }
+    get _ariaLabel() {
+        const ariaLabelText = getEffectiveAriaLabelText(this);
+        if (this.totalCount) {
+            return `${ariaLabelText ? `${ariaLabelText}, ` : ""}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;
+        }
+        return ariaLabelText;
+    }
+};
+__decorate([
+    property({ defaultValue: DisplayType.Desktop })
+], UDExRatingIndicator.prototype, "display", void 0);
+__decorate([
+    property()
+], UDExRatingIndicator.prototype, "totalCount", void 0);
+UDExRatingIndicator = __decorate([
+    customElement({
+        tag: "udex-rating-indicator",
+        renderer: litRender,
+        styles: [RatingIndicator.styles, RatingIndicatorCss],
+        template: RatingIndicatorTemplate,
+        dependencies: [Icon],
+    })
+], UDExRatingIndicator);
+UDExRatingIndicator.define();
+export default UDExRatingIndicator;
+//# sourceMappingURL=RatingIndicator.js.map

package/dist/RatingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingIndicator.js","sourceRoot":"","sources":["../src/RatingIndicator.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,eAAe,MAAM,4CAA4C,CAAC;AACzE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AACjG,OAAO,uBAAuB,MAAM,sDAAsD,CAAC;AAE3F,SAAS;AACT,OAAO,kBAAkB,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAC;AAE1D,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,gCAAiB,CAAA;AACnB,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED;;;;;;;;;;;GAWG;AAUH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,eAAe;IAkB/C,IAAI,UAAU;QACZ,OAAO,0BAA0B,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IAChE,CAAC;IAED,IAAI,UAAU;QACZ,MAAM,aAAa,GAAG,yBAAyB,CAAC,IAAI,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,GAAG,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC,CAAC,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;SACtH;QACD,OAAO,aAAa,CAAC;IACvB,CAAC;CACF,CAAA;AArBG;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,WAAW,CAAC,OAAO,EAAE,CAAC;oDACnB;AAQ3B;IADD,QAAQ,EAAE;uDACW;AAhBlB,mBAAmB;IARxB,aAAa,CAAC;QACb,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC;QACpD,QAAQ,EAAE,uBAAuB;QACjC,YAAY,EAAE,CAAC,IAAI,CAAC;KACrB,CAAC;GAEI,mBAAmB,CA6BxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport RatingIndicator from \"@ui5/webcomponents/dist/RatingIndicator.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport RatingIndicatorTemplate from \"./generated/templates/RatingIndicatorTemplate.lit.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\nimport { TOTAL } from \"./generated/i18n/i18n-defaults.js\";\n\nexport enum DisplayType {\n  Desktop = \"Desktop\",\n  Mobile = \"Mobile\"\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * ### ES6 Module Import\n *\n * `import @udex/web-components/dist/RatingIndicator.js\";`\n * @constructor\n * @extends RatingIndicator\n * @public\n */\n\n@customElement({\n  tag: \"udex-rating-indicator\",\n  renderer: litRender,\n  styles: [RatingIndicator.styles, RatingIndicatorCss],\n  template: RatingIndicatorTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExRatingIndicator extends RatingIndicator {\n  /**\n   * Defines the display type of the component.\n   *\n   * @default \"Desktop\"\n   * @public\n   */\n  @property({ defaultValue: DisplayType.Desktop })\n    display!: `${DisplayType}`;\n\n  /**\n    * The number of total votes.\n    *\n    * @public\n    */\n  @property()\n    totalCount!: number;\n\n  get classNames(): string {\n    return `udex-rating-indicator--${this.display.toLowerCase()}`;\n  }\n\n  get _ariaLabel() {\n    const ariaLabelText = getEffectiveAriaLabelText(this);\n    if (this.totalCount) {\n      return `${ariaLabelText ? `${ariaLabelText}, ` : \"\"}${RatingIndicator.i18nBundle.getText(TOTAL)} ${this.totalCount}`;\n    }\n    return ariaLabelText;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}