@sapudex/web-components 0.111.0

package/config/dist/Quote.js

@@ -0,0 +1,72 @@
+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
+ * @alias modal.components.UDExQuote
+ * @extends sap.ui.webc.base.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/config/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;;;;;;;;;;;;GAYG;AAOH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;CAsEjC,CAAA;AA7DG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0CACd;AAU7B;IADD,IAAI,EAAE;uCACqB;AAU1B;IADD,IAAI,EAAE;yCACuB;AAU5B;IADD,IAAI,EAAE;wCACsB;AAU3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;4CAC7B;AAUrB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;2CAC9B;AAUpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;uCACnC;AArEd,SAAS;IANd,aAAa,CAAC;QACb,GAAG,EAAE,YAAY;QACjB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,aAAa;KACxB,CAAC;GACI,SAAS,CAsEd;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 * @alias modal.components.UDExQuote\n * @extends sap.ui.webc.base.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    * @type {HTMLElement[]}\n    * @name sap.ui.webc.main.UDExQuote.prototype.default\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    * @type {HTMLElement[]}\n    * @name udex.components.UDExQuote.prototype.link\n    * @slot\n    * @public\n  */\n  @slot()\n    link!: Array<HTMLElement>;\n\n  /**\n    * Defines author's name and company\n    * @public\n    * @type {HTMLElement[]}\n    * @name udex.components.UDExQuote.prototype.author\n    * @slot\n  */\n  @slot()\n    author!: Array<HTMLElement>;\n\n  /**\n    * Defines image near quote text\n    * @public\n    * @type {HTMLElement[]}\n    * @name udex.components.UDExQuote.prototype.image\n    * @slot\n  */\n  @slot()\n    image!: Array<HTMLElement>;\n\n  /**\n    * Defines image (Avatar or company logo) size\n    * @public\n    * @type {SizeType}\n    * @name udex.components.UDExQuote.prototype.imageSize\n    * @defaultvalue \"large\"\n  */\n  @property({ type: SizeType, defaultValue: \"large\" })\n    imageSize!: SizeType;\n\n  /**\n    * Defines text size\n    * @public\n    * @type {SizeType}\n    * @name udex.components.UDExQuote.prototype.textSize\n    * @defaultvalue \"large\"\n  */\n  @property({ type: SizeType, defaultValue: \"large\" })\n    textSize!: SizeType;\n\n  /**\n    * Defines image mask\n    * @public\n    * @type {MaskType}\n    * @name udex.components.UDExQuote.prototype.textSize\n    * @defaultvalue \"large\"\n  */\n  @property({ type: MaskType, defaultValue: \"avatar\" })\n    mask!: MaskType;\n}\n\nUDExQuote.define();\n\nexport default UDExQuote;\n"]}

package/config/dist/RadioButton.d.ts

@@ -0,0 +1,30 @@
+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.
+     * @name udex.components.RadioButton.prototype.displayOnly
+     * @public
+     * @type { boolean }
+     * @defaultValue false
+     */
+    displayOnly: boolean;
+    onAfterRendering(): void;
+}
+export default UDExRadioButton;

package/config/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({ defaultValue: false, 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/config/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;IAWvC,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC;IACpD,CAAC;CACF,CAAA;AALG;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACzB;AATpB,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,CAcpB;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   * @name udex.components.RadioButton.prototype.displayOnly\n   * @public\n   * @type { boolean }\n   * @defaultValue false\n   */\n  @property({ defaultValue: false, 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/config/dist/RangeSlider.d.ts

@@ -0,0 +1,21 @@
+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 UI5Element
+ * @public
+ */
+declare class UDExRangeSlider extends RangeSlider {
+}
+export default UDExRangeSlider;

package/config/dist/RangeSlider.js

@@ -0,0 +1,43 @@
+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";
+// 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 UI5Element
+ * @public
+ */
+let UDExRangeSlider = class UDExRangeSlider extends RangeSlider {
+};
+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/config/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;AAE/D,SAAS;AACT,OAAO,cAAc,MAAM,6DAA6D,CAAC;AACzF,OAAO,SAAS,MAAM,kCAAkC,CAAC;AAEzD;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;CAAG,CAAA;AAAtC,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,CAAuB;AAE5C,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\";\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 UI5Element\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\nUDExRangeSlider.define();\n\nexport default UDExRangeSlider;\n"]}

package/config/dist/RatingIndicator.d.ts

@@ -0,0 +1,127 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/favorite.js";
+import "@ui5/webcomponents-icons/dist/unfavorite.js";
+type Star = {
+    selected: boolean;
+    index: number;
+    halfStar: boolean;
+};
+export declare enum DisplayType {
+    Desktop = "Desktop",
+    Mobile = "Mobile"
+}
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/RatingIndicator.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+declare class UDExRatingIndicator extends UI5Element {
+    /**
+     * The indicated value of the rating.
+     *
+     * **Note:** If you set a number which is not round, it would be shown as follows:
+     *
+     * - 1.0 - 1.2 -> 1
+     * - 1.3 - 1.7 -> 1.5
+     * - 1.8 - 1.9 -> 2
+     * @default 0
+     * @public
+     */
+    value: number;
+    /**
+     * The number of displayed rating symbols.
+     * @default 5
+     * @public
+     */
+    max: number;
+    /**
+     * Defines whether the component is disabled.
+     *
+     * **Note:** A disabled component is completely noninteractive.
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines whether the component is read-only.
+     *
+     * **Note:** A read-only component is not editable,
+     * but still provides visual feedback upon user interaction.
+     * @default false
+     * @public
+     */
+    readonly: boolean;
+    /**
+     * Defines the accessible ARIA name of the component.
+     * @default ""
+     * @public
+     */
+    accessibleName: string;
+    /**
+     * Receives id(or many ids) of the elements that label the component.
+     * @default ""
+     * @public
+     */
+    accessibleNameRef: string;
+    /**
+    * Defines whether the component is required.
+    * @default false
+    * @public
+    */
+    required: boolean;
+    /**
+     * Defines the tooltip of the component.
+     * @default ""
+     * @public
+     */
+    tooltip: string;
+    /**
+     * Defines the display type of the component.
+     *
+     * @default DisplayType.Desktop
+     * @public
+     */
+    display: DisplayType;
+    /**
+      * The number of total votes.
+      *
+      * @public
+      */
+    totalCount: number;
+    /**
+     * @private
+     */
+    _stars: Array<Star>;
+    /**
+     * @private
+     */
+    _focused: boolean;
+    _liveValue?: number;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    constructor();
+    onBeforeRendering(): void;
+    calcState(): void;
+    _onclick(e: MouseEvent): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _onfocusin(): void;
+    _onfocusout(): void;
+    get effectiveTabIndex(): string;
+    get ratingTooltip(): string;
+    get defaultTooltip(): string;
+    get _ariaRoleDescription(): string;
+    get _ariaDisabled(): true | undefined;
+    get _ariaLabel(): string | undefined;
+    get _ariaDescription(): string | undefined;
+    get ariaReadonly(): "true" | undefined;
+    get classNames(): string;
+}
+export default UDExRatingIndicator;

package/config/dist/RatingIndicator.js

@@ -0,0 +1,217 @@
+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 UDExRatingIndicator_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isDown, isUp, isLeft, isRight, isSpace, isEnter, isHome, isEnd, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import Float from "@ui5/webcomponents-base/dist/types/Float.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import { RATING_INDICATOR_TEXT, RATING_INDICATOR_TOOLTIP_TEXT, RATING_INDICATOR_ARIA_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
+import RatingIndicatorTemplate from "./generated/templates/RatingIndicatorTemplate.lit.js";
+import "@ui5/webcomponents-icons/dist/favorite.js";
+import "@ui5/webcomponents-icons/dist/unfavorite.js";
+// Styles
+import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
+export var DisplayType;
+(function (DisplayType) {
+    DisplayType["Desktop"] = "Desktop";
+    DisplayType["Mobile"] = "Mobile";
+})(DisplayType || (DisplayType = {}));
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/RatingIndicator.js";`
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExRatingIndicator = UDExRatingIndicator_1 = class UDExRatingIndicator extends UI5Element {
+    static async onDefine() {
+        UDExRatingIndicator_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    constructor() {
+        super();
+    }
+    onBeforeRendering() {
+        this.calcState();
+    }
+    calcState() {
+        this._stars = [];
+        for (let i = 1; i < this.max + 1; i++) {
+            const remainder = Math.round((this.value - Math.floor(this.value)) * 10);
+            let halfStar = false, tempValue = this.value;
+            if (Math.floor(this.value) + 1 === i && remainder > 2 && remainder < 8) {
+                halfStar = true;
+            }
+            else if (remainder <= 2) {
+                tempValue = Math.floor(this.value);
+            }
+            else if (remainder >= 8) {
+                tempValue = Math.ceil(this.value);
+            }
+            this._stars.push({
+                selected: i <= tempValue,
+                index: i,
+                halfStar,
+            });
+        }
+    }
+    _onclick(e) {
+        const target = e.target;
+        if (!(target instanceof HTMLElement) || this.disabled || this.readonly) {
+            return;
+        }
+        const targetValue = target.getAttribute("data-ui5-value");
+        if (targetValue !== null) {
+            this.value = parseInt(targetValue);
+            if (this.value === 1 && this._liveValue === 1) {
+                this.value = 0;
+            }
+            if (this._liveValue !== this.value) {
+                this.fireEvent("change");
+                this._liveValue = this.value;
+            }
+        }
+    }
+    _onkeydown(e) {
+        if (this.disabled || this.readonly) {
+            return;
+        }
+        const isDecrease = isDown(e) || isLeft(e);
+        const isIncrease = isRight(e) || isUp(e);
+        const isIncreaseWithReset = isSpace(e) || isEnter(e);
+        const isMin = isHome(e);
+        const isMax = isEnd(e);
+        const isNumber = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);
+        if (isDecrease || isIncrease || isIncreaseWithReset || isMin || isMax || isNumber) {
+            e.preventDefault();
+            if (isDecrease && this.value > 0) {
+                this.value = Math.round(this.value - 1);
+            }
+            else if (isIncrease && this.value < this.max) {
+                this.value = Math.round(this.value + 1);
+            }
+            else if (isIncreaseWithReset) {
+                const proposedValue = Math.round(this.value + 1);
+                this.value = proposedValue > this.max ? 0 : proposedValue;
+            }
+            else if (isMin) {
+                this.value = 0;
+            }
+            else if (isMax) {
+                this.value = this.max;
+            }
+            else if (isNumber) {
+                const pressedNumber = parseInt(e.key);
+                this.value = pressedNumber > this.max ? this.max : pressedNumber;
+            }
+            this.fireEvent("change");
+        }
+    }
+    _onfocusin() {
+        if (this.disabled) {
+            return;
+        }
+        this._focused = true;
+        this._liveValue = this.value;
+    }
+    _onfocusout() {
+        this._focused = false;
+    }
+    get effectiveTabIndex() {
+        const tabindex = this.getAttribute("tabindex");
+        return this.disabled ? "-1" : tabindex || "0";
+    }
+    get ratingTooltip() {
+        return this.tooltip || this.defaultTooltip;
+    }
+    get defaultTooltip() {
+        return UDExRatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_TOOLTIP_TEXT);
+    }
+    get _ariaRoleDescription() {
+        return UDExRatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_TEXT);
+    }
+    get _ariaDisabled() {
+        return this.disabled || undefined;
+    }
+    get _ariaLabel() {
+        return getEffectiveAriaLabelText(this);
+    }
+    get _ariaDescription() {
+        return this.required ? UDExRatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_ARIA_DESCRIPTION) : undefined;
+    }
+    get ariaReadonly() {
+        return this.readonly ? "true" : undefined;
+    }
+    get classNames() {
+        return `udex-rating-indicator--${this.display.toLowerCase()}`;
+    }
+};
+__decorate([
+    property({ validator: Float, defaultValue: 0 })
+], UDExRatingIndicator.prototype, "value", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: 5 })
+], UDExRatingIndicator.prototype, "max", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExRatingIndicator.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExRatingIndicator.prototype, "readonly", void 0);
+__decorate([
+    property()
+], UDExRatingIndicator.prototype, "accessibleName", void 0);
+__decorate([
+    property({ defaultValue: "" })
+], UDExRatingIndicator.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExRatingIndicator.prototype, "required", void 0);
+__decorate([
+    property()
+], UDExRatingIndicator.prototype, "tooltip", void 0);
+__decorate([
+    property({ defaultValue: DisplayType.Desktop })
+], UDExRatingIndicator.prototype, "display", void 0);
+__decorate([
+    property()
+], UDExRatingIndicator.prototype, "totalCount", void 0);
+__decorate([
+    property({ type: Object, multiple: true })
+], UDExRatingIndicator.prototype, "_stars", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExRatingIndicator.prototype, "_focused", void 0);
+UDExRatingIndicator = UDExRatingIndicator_1 = __decorate([
+    customElement({
+        tag: "udex-rating-indicator",
+        renderer: litRender,
+        styles: RatingIndicatorCss,
+        template: RatingIndicatorTemplate,
+        dependencies: [Icon],
+    })
+    /**
+     * The event is fired when the value changes.
+     * @public
+     */
+    ,
+    event("change")
+], UDExRatingIndicator);
+UDExRatingIndicator.define();
+export default UDExRatingIndicator;
+//# sourceMappingURL=RatingIndicator.js.map

package/config/dist/RatingIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingIndicator.js","sourceRoot":"","sources":["../src/RatingIndicator.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isDown,\n  isUp,\n  isLeft,\n  isRight,\n  isSpace,\n  isEnter,\n  isHome,\n  isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Float from \"@ui5/webcomponents-base/dist/types/Float.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport {\n  RATING_INDICATOR_TEXT,\n  RATING_INDICATOR_TOOLTIP_TEXT,\n  RATING_INDICATOR_ARIA_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport RatingIndicatorTemplate from \"./generated/templates/RatingIndicatorTemplate.lit.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport \"@ui5/webcomponents-icons/dist/unfavorite.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\n\ntype Star = {\n  selected: boolean,\n  index: number,\n  halfStar: boolean\n}\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 \"@ui5/webcomponents/dist/RatingIndicator.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n */\n\n@customElement({\n  tag: \"udex-rating-indicator\",\n  renderer: litRender,\n  styles: RatingIndicatorCss,\n  template: RatingIndicatorTemplate,\n  dependencies: [Icon],\n})\n/**\n * The event is fired when the value changes.\n * @public\n */\n@event(\"change\")\nclass UDExRatingIndicator extends UI5Element {\n  /**\n   * The indicated value of the rating.\n   *\n   * **Note:** If you set a number which is not round, it would be shown as follows:\n   *\n   * - 1.0 - 1.2 -> 1\n   * - 1.3 - 1.7 -> 1.5\n   * - 1.8 - 1.9 -> 2\n   * @default 0\n   * @public\n   */\n  @property({ validator: Float, defaultValue: 0 })\n    value!: number;\n\n  /**\n   * The number of displayed rating symbols.\n   * @default 5\n   * @public\n   */\n  @property({ validator: Integer, defaultValue: 5 })\n    max!: number;\n\n  /**\n   * Defines whether the component is disabled.\n   *\n   * **Note:** A disabled component is completely noninteractive.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is read-only.\n   *\n   * **Note:** A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id(or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property({ defaultValue: \"\" })\n    accessibleNameRef!: string;\n\n  /**\n  * Defines whether the component is required.\n  * @default false\n  * @public\n  */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines the tooltip of the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    tooltip!: string;\n\n  /**\n   * Defines the display type of the component.\n   *\n   * @default DisplayType.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  /**\n   * @private\n   */\n  @property({ type: Object, multiple: true })\n    _stars!: Array<Star>;\n\n  /**\n   * @private\n   */\n  @property({ type: Boolean })\n    _focused!: boolean;\n\n  _liveValue?: number;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExRatingIndicator.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n  }\n\n  constructor() {\n    super();\n  }\n\n  onBeforeRendering() {\n    this.calcState();\n  }\n\n  calcState() {\n    this._stars = [];\n\n    for (let i = 1; i < this.max + 1; i++) {\n      const remainder = Math.round((this.value - Math.floor(this.value)) * 10);\n      let halfStar = false,\n        tempValue = this.value;\n\n      if (Math.floor(this.value) + 1 === i && remainder > 2 && remainder < 8) {\n        halfStar = true;\n      } else if (remainder <= 2) {\n        tempValue = Math.floor(this.value);\n      } else if (remainder >= 8) {\n        tempValue = Math.ceil(this.value);\n      }\n\n      this._stars.push({\n        selected: i <= tempValue,\n        index: i,\n        halfStar,\n      });\n    }\n  }\n\n  _onclick(e: MouseEvent) {\n    const target = e.target as UI5Element;\n\n    if (!(target instanceof HTMLElement) || this.disabled || this.readonly) {\n      return;\n    }\n\n    const targetValue = target.getAttribute(\"data-ui5-value\");\n\n    if (targetValue !== null) {\n      this.value = parseInt(targetValue);\n\n      if (this.value === 1 && this._liveValue === 1) {\n        this.value = 0;\n      }\n\n      if (this._liveValue !== this.value) {\n        this.fireEvent(\"change\");\n        this._liveValue = this.value;\n      }\n    }\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const isDecrease = isDown(e) || isLeft(e);\n    const isIncrease = isRight(e) || isUp(e);\n    const isIncreaseWithReset = isSpace(e) || isEnter(e);\n    const isMin = isHome(e);\n    const isMax = isEnd(e);\n    const isNumber = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);\n\n    if (isDecrease || isIncrease || isIncreaseWithReset || isMin || isMax || isNumber) {\n      e.preventDefault();\n\n      if (isDecrease && this.value > 0) {\n        this.value = Math.round(this.value - 1);\n      } else if (isIncrease && this.value < this.max) {\n        this.value = Math.round(this.value + 1);\n      } else if (isIncreaseWithReset) {\n        const proposedValue = Math.round(this.value + 1);\n        this.value = proposedValue > this.max ? 0 : proposedValue;\n      } else if (isMin) {\n        this.value = 0;\n      } else if (isMax) {\n        this.value = this.max;\n      } else if (isNumber) {\n        const pressedNumber = parseInt(e.key);\n        this.value = pressedNumber > this.max ? this.max : pressedNumber;\n      }\n\n      this.fireEvent(\"change\");\n    }\n  }\n\n  _onfocusin() {\n    if (this.disabled) {\n      return;\n    }\n\n    this._focused = true;\n    this._liveValue = this.value;\n  }\n\n  _onfocusout() {\n    this._focused = false;\n  }\n\n  get effectiveTabIndex() {\n    const tabindex = this.getAttribute(\"tabindex\");\n    return this.disabled ? \"-1\" : tabindex || \"0\";\n  }\n\n  get ratingTooltip() {\n    return this.tooltip || this.defaultTooltip;\n  }\n\n  get defaultTooltip() {\n    return UDExRatingIndicator.i18nBundle.getText(RATING_INDICATOR_TOOLTIP_TEXT);\n  }\n\n  get _ariaRoleDescription() {\n    return UDExRatingIndicator.i18nBundle.getText(RATING_INDICATOR_TEXT);\n  }\n\n  get _ariaDisabled() {\n    return this.disabled || undefined;\n  }\n\n  get _ariaLabel() {\n    return getEffectiveAriaLabelText(this);\n  }\n\n  get _ariaDescription() {\n    return this.required ? UDExRatingIndicator.i18nBundle.getText(RATING_INDICATOR_ARIA_DESCRIPTION) : undefined;\n  }\n\n  get ariaReadonly() {\n    return this.readonly ? \"true\" : undefined;\n  }\n\n  get classNames(): string {\n    return `udex-rating-indicator--${this.display.toLowerCase()}`;\n  }\n}\n\nUDExRatingIndicator.define();\n\nexport default UDExRatingIndicator;\n"]}