@ui5/webcomponents 0.0.0-e7dd012d7 → 0.0.0-ebd9a4db3

package/dist/RatingIndicator.js

@@ -1,301 +1,294 @@
+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 RatingIndicator_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import { getEnableDefaultTooltips } from "@ui5/webcomponents-base/dist/config/Tooltips.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,
-} from "@ui5/webcomponents-base/dist/Keys.js";
-import { fetchI18nBundle, 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 {
-	RATING_INDICATOR_TEXT,
-	RATING_INDICATOR_TOOLTIP_TEXT,
-} from "./generated/i18n/i18n-defaults.js";
-import RatingIndicatorTemplate from "./generated/templates/RatingIndicatorTemplate.lit.js";
-
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.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/AccessibilityTextsHelper.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { RATING_INDICATOR_TEXT, RATING_INDICATOR_TOOLTIP_TEXT, RATING_INDICATOR_ARIA_DESCRIPTION, } from "./generated/i18n/i18n-defaults.js";
+import RatingIndicatorTemplate from "./RatingIndicatorTemplate.js";
 // Styles
 import RatingIndicatorCss from "./generated/themes/RatingIndicator.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-rating-indicator",
-	languageAware: true,
-	properties: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
-
-		/**
-		 * The indicated value of the rating
-		 * <br><br>
-		 * <b>Note:</b> If you set a number which is not round, it would be shown as follows:
-		 * <ul>
-		 * <li>1.0 - 1.2 -> 1</li>
-		 * <li>1.3 - 1.7 -> 1.5</li>
-		 * <li>1.8 - 1.9 -> 2</li>
-		 * <ul>
-		 * @type {Float}
-		 * @defaultvalue 0
-		 * @public
-		 */
-		value: {
-			type: Float,
-			defaultValue: 0,
-		},
-
-		/**
-		 * The number of displayed rating symbols
-		 * @type {Integer}
-		 * @defaultvalue 5
-		 * @public
-		 */
-		maxValue: {
-			type: Integer,
-			defaultValue: 5,
-		},
-
-		/**
-		 * Defines whether the <code>ui5-rating-indicator</code> is disabled.
-		 *
-		 * <br><br>
-		 * <b>Note:</b> A disabled <code>ui5-rating-indicator</code> is completely noninteractive.
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		disabled: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines whether the <code>ui5-rating-indicator</code> is read-only.
-		 * <br><br>
-		 * <b>Note:</b> A read-only <code>ui5-rating-indicator</code> is not editable,
-		 * but still provides visual feedback upon user interaction.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @public
-		 */
-		readonly: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the aria-label attribute for the rating indicator.
-		 * @type {String}
-		 * @defaultvalue: undefined
-		 * @private
-		 * @since 1.0.0-rc.8
-		 */
-		ariaLabel: {
-			type: String,
-			defaultValue: undefined,
-		},
-
-		/**
-		 * Defines the tooltip for the rating indicator.
-		 * @type {String}
-		 * @defaultvalue: undefined
-		 * @private
-		 * @since 1.0.0-rc.8
-		 */
-		title: {
-			type: String,
-			defaultValue: undefined,
-		},
-
-		/**
-		 * @private
-		 */
-		_stars: {
-			type: Object,
-			multiple: true,
-		},
-
-		/**
-		 * @private
-		 */
-		_focused: {
-			type: Boolean,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
-		//
-	},
-	events: /** @lends sap.ui.webcomponents.main.RatingIndicator.prototype */ {
-
-		/**
-		 * The event is fired when the value changes.
-		 *
-		 * @event
-		 * @public
-		 */
-		change: {},
-	},
-};
-
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
- * The rating indicator is used to display a specific number of icons that are used to rate an item.
+ * ### Overview
+ * The Rating Indicator is used to display a specific number of icons that are used to rate an item.
  * Additionally, it is also used to display the average and overall ratings.
  *
- * <h3>Usage</h3>
- * The reccomended number of icons is between 5 and 7.
+ * ### Usage
+ * The recommended number of icons is between 5 and 7.
+ *
+ * ### Responsive Behavior
+ * You can change the size of the Rating Indicator by changing its `font-size` CSS property.
  *
- * <h3>Responsive Behavior</h3>
- * You can change the size of the Rating Indicator by changing its <code>font-size</code> CSS property.
- * <br>
- * Example: <code>&lt;ui5-rating-indicator style="font-size: 3rem;">&lt;/ui5-rating-indicator></code>
+ * Example: `<ui5-rating-indicator style="font-size: 3rem;"></ui5-rating-indicator>`
  *
- * <h3>Usage</h3>
+ * ### Keyboard Handling
+ * When the `ui5-rating-indicator` is focused, the user can change the rating
+ * with the following keyboard shortcuts:
  *
- * For the <code>ui5-rating-indicator</code>
- * <h3>ES6 Module Import</h3>
+ * - [RIGHT/UP] - Increases the value of the rating by one step. If the highest value is reached, does nothing
+ * - [LEFT/DOWN] - Decreases the value of the rating by one step. If the lowest value is reached, does nothing.
+ * - [Home] - Sets the lowest value.
+ * - [End] - Sets the highest value.
+ * - [SPACE/ENTER/RETURN] - Increases the value of the rating by one step. If the highest value is reached, sets the rating to the lowest value.
+ * - Any number - Changes value to the corresponding number. If typed number is larger than the number of values, sets the highest value.
  *
- * <code>import @ui5/webcomponents/dist/RatingIndicator.js";</code>
+ * ### ES6 Module Import
  *
+ * `import "@ui5/webcomponents/dist/RatingIndicator.js";`
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.RatingIndicator
  * @extends UI5Element
- * @tagname ui5-rating-indicator
  * @public
  * @since 1.0.0-rc.8
  */
-class RatingIndicator extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return RatingIndicatorCss;
-	}
-
-	static get template() {
-		return RatingIndicatorTemplate;
-	}
-
-	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
-	}
-
-	constructor() {
-		super();
-
-		this._liveValue = null; // stores the value to determine when to fire change
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-	}
-
-	onBeforeRendering() {
-		this.calcState();
-	}
-
-	calcState() {
-		this._stars = [];
-
-		for (let i = 1; i < this.maxValue + 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(event) {
-		if (this.disabled || this.readonly) {
-			return;
-		}
-
-		this.value = parseInt(event.target.getAttribute("data-value"));
-
-		if (this.value === 1 && this._liveValue === 1) {
-			this.value = 0;
-		}
-
-		if (this._liveValue !== this.value) {
-			this.fireEvent("change");
-			this._liveValue = this.value;
-		}
-	}
-
-	_onkeydown(event) {
-		if (this.disabled || this.readonly) {
-			return;
-		}
-
-		const down = isDown(event) || isLeft(event);
-		const up = isRight(event) || isUp(event) || isSpace(event) || isEnter(event);
-
-		if (down || up) {
-			event.preventDefault();
-
-			if (down && this.value > 0) {
-				this.value = Math.round(this.value - 1);
-				this.fireEvent("change");
-			} else if (up && this.value < this.maxValue) {
-				this.value = Math.round(this.value + 1);
-				this.fireEvent("change");
-			}
-		}
-	}
-
-	_onfocusin() {
-		if (this.disabled) {
-			return;
-		}
-
-		this._focused = true;
-		this._liveValue = this.value;
-	}
-
-	_onfocusout() {
-		this._focused = false;
-	}
-
-	get tabIndex() {
-		return this.disabled ? "-1" : "0";
-	}
-
-	get tooltip() {
-		return this.title || this.defaultTooltip;
-	}
-
-	get defaultTooltip() {
-		return this.i18nBundle.getText(RATING_INDICATOR_TOOLTIP_TEXT);
-	}
-
-	get _ariaRoleDescription() {
-		return this.i18nBundle.getText(RATING_INDICATOR_TEXT);
-	}
-
-	get _ariaDisabled() {
-		return this.disabled || undefined;
-	}
-}
-
+let RatingIndicator = RatingIndicator_1 = class RatingIndicator extends UI5Element {
+    constructor() {
+        super();
+        /**
+         * 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
+         */
+        this.value = 0;
+        /**
+         * The number of displayed rating symbols.
+         * @default 5
+         * @public
+         * @since 1.0.0-rc.15
+         */
+        this.max = 5;
+        /**
+         * Defines the size of the component.
+         * @default "M"
+         * @public
+         * @since 2.6.0
+         */
+        this.size = "M";
+        /**
+         * Defines whether the component is disabled.
+         *
+         * **Note:** A disabled component is completely noninteractive.
+         * @default false
+         * @public
+         */
+        this.disabled = false;
+        /**
+         * 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
+         */
+        this.readonly = false;
+        /**
+        * Defines whether the component is required.
+        * @default false
+        * @public
+        * @since 1.15.0
+        */
+        this.required = false;
+        /**
+         * @private
+         */
+        this._stars = [];
+        /**
+         * @private
+         */
+        this._focused = false;
+    }
+    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.fireDecoratorEvent("change");
+                this._liveValue = this.value;
+            }
+        }
+    }
+    _onkeydown(e) {
+        if (this.disabled || this.readonly) {
+            // prevent page scrolling
+            if (isSpace(e)) {
+                e.preventDefault();
+            }
+            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.fireDecoratorEvent("change");
+        }
+    }
+    _onfocusin() {
+        if (this.disabled) {
+            return;
+        }
+        this._focused = true;
+        this._liveValue = this.value;
+    }
+    _onfocusout() {
+        this._focused = false;
+    }
+    get effectiveTabIndex() {
+        const tabindex = this.getAttribute("tabindex");
+        if (this.disabled) {
+            return -1;
+        }
+        return tabindex ? parseInt(tabindex) : 0;
+    }
+    get ratingTooltip() {
+        if (this.tooltip) {
+            return this.tooltip;
+        }
+        return getEnableDefaultTooltips() ? this.defaultTooltip : undefined;
+    }
+    get defaultTooltip() {
+        return RatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_TOOLTIP_TEXT);
+    }
+    get _ariaRoleDescription() {
+        return RatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_TEXT);
+    }
+    get _ariaDisabled() {
+        return this.disabled || undefined;
+    }
+    get _ariaLabel() {
+        return getEffectiveAriaLabelText(this);
+    }
+    get _ariaDescription() {
+        return this.required ? RatingIndicator_1.i18nBundle.getText(RATING_INDICATOR_ARIA_DESCRIPTION) : undefined;
+    }
+    get ariaReadonly() {
+        return this.readonly ? "true" : undefined;
+    }
+};
+__decorate([
+    property({ type: Number })
+], RatingIndicator.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], RatingIndicator.prototype, "max", void 0);
+__decorate([
+    property()
+], RatingIndicator.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], RatingIndicator.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], RatingIndicator.prototype, "readonly", void 0);
+__decorate([
+    property()
+], RatingIndicator.prototype, "accessibleName", void 0);
+__decorate([
+    property()
+], RatingIndicator.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property({ type: Boolean })
+], RatingIndicator.prototype, "required", void 0);
+__decorate([
+    property()
+], RatingIndicator.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: Array })
+], RatingIndicator.prototype, "_stars", void 0);
+__decorate([
+    property({ type: Boolean })
+], RatingIndicator.prototype, "_focused", void 0);
+__decorate([
+    i18n("@ui5/webcomponents")
+], RatingIndicator, "i18nBundle", void 0);
+RatingIndicator = RatingIndicator_1 = __decorate([
+    customElement({
+        tag: "ui5-rating-indicator",
+        languageAware: true,
+        renderer: jsxRenderer,
+        styles: RatingIndicatorCss,
+        template: RatingIndicatorTemplate,
+    })
+    /**
+     * The event is fired when the value changes.
+     * @public
+     */
+    ,
+    event("change", {
+        bubbles: true,
+    })
+], RatingIndicator);
 RatingIndicator.define();
-
 export default RatingIndicator;
+//# sourceMappingURL=RatingIndicator.js.map

package/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-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { getEnableDefaultTooltips } from \"@ui5/webcomponents-base/dist/config/Tooltips.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport {\n\tisDown,\n\tisUp,\n\tisLeft,\n\tisRight,\n\tisSpace,\n\tisEnter,\n\tisHome,\n\tisEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n\tRATING_INDICATOR_TEXT,\n\tRATING_INDICATOR_TOOLTIP_TEXT,\n\tRATING_INDICATOR_ARIA_DESCRIPTION,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport RatingIndicatorTemplate from \"./RatingIndicatorTemplate.js\";\n\n// Styles\nimport RatingIndicatorCss from \"./generated/themes/RatingIndicator.css.js\";\nimport type RatingIndicatorSize from \"./types/RatingIndicatorSize.js\";\n\ntype Star = {\n\tselected: boolean,\n\tindex: number,\n\thalfStar: boolean\n}\n\n/**\n * @class\n *\n * ### Overview\n * The Rating Indicator is used to display a specific number of icons that are used to rate an item.\n * Additionally, it is also used to display the average and overall ratings.\n *\n * ### Usage\n * The recommended number of icons is between 5 and 7.\n *\n * ### Responsive Behavior\n * You can change the size of the Rating Indicator by changing its `font-size` CSS property.\n *\n * Example: `<ui5-rating-indicator style=\"font-size: 3rem;\"></ui5-rating-indicator>`\n *\n * ### Keyboard Handling\n * When the `ui5-rating-indicator` is focused, the user can change the rating\n * with the following keyboard shortcuts:\n *\n * - [RIGHT/UP] - Increases the value of the rating by one step. If the highest value is reached, does nothing\n * - [LEFT/DOWN] - Decreases the value of the rating by one step. If the lowest value is reached, does nothing.\n * - [Home] - Sets the lowest value.\n * - [End] - Sets the highest value.\n * - [SPACE/ENTER/RETURN] - Increases the value of the rating by one step. If the highest value is reached, sets the rating to the lowest value.\n * - Any number - Changes value to the corresponding number. If typed number is larger than the number of values, sets the highest value.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/RatingIndicator.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.8\n */\n\n@customElement({\n\ttag: \"ui5-rating-indicator\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: RatingIndicatorCss,\n\ttemplate: RatingIndicatorTemplate,\n})\n/**\n * The event is fired when the value changes.\n * @public\n */\n@event(\"change\", {\n\tbubbles: true,\n})\n\nclass RatingIndicator extends UI5Element {\n\teventDetails!: {\n\t\tchange: void,\n\t}\n\t/**\n\t * The indicated value of the rating.\n\t *\n\t * **Note:** If you set a number which is not round, it would be shown as follows:\n\t *\n\t * - 1.0 - 1.2 -> 1\n\t * - 1.3 - 1.7 -> 1.5\n\t * - 1.8 - 1.9 -> 2\n\t * @default 0\n\t * @public\n\t */\n\t@property({ type: Number })\n\tvalue: number = 0;\n\n\t/**\n\t * The number of displayed rating symbols.\n\t * @default 5\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property({ type: Number })\n\tmax: number = 5;\n\n\t/**\n\t * Defines the size of the component.\n\t * @default \"M\"\n\t * @public\n\t * @since 2.6.0\n\t */\n\t@property()\n\tsize: `${RatingIndicatorSize}` = \"M\";\n\n\t/**\n\t * Defines whether the component is disabled.\n\t *\n\t * **Note:** A disabled component is completely noninteractive.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines whether the component is read-only.\n\t *\n\t * **Note:** A read-only component is not editable,\n\t * but still provides visual feedback upon user interaction.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\treadonly = false;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Receives id(or many ids) of the elements that label the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.15.0\n\t */\n\t @property()\n\t accessibleNameRef?: string;\n\n\t /**\n\t * Defines whether the component is required.\n\t * @default false\n\t * @public\n\t * @since 1.15.0\n\t */\n\t@property({ type: Boolean })\n\trequired = false;\n\n\t/**\n\t * Defines the tooltip of the component.\n\t * @default undefined\n\t * @public\n\t * @since 1.19.0\n\t */\n\t@property()\n\ttooltip?: string;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Array })\n\t_stars: Array<Star> = [];\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\t_focused = false;\n\n\t_liveValue?: number;\n\n\t@i18n(\"@ui5/webcomponents\")\n\tstatic i18nBundle: I18nBundle;\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tonBeforeRendering() {\n\t\tthis.calcState();\n\t}\n\n\tcalcState() {\n\t\tthis._stars = [];\n\n\t\tfor (let i = 1; i < this.max + 1; i++) {\n\t\t\tconst remainder = Math.round((this.value - Math.floor(this.value)) * 10);\n\t\t\tlet halfStar = false,\n\t\t\t\ttempValue = this.value;\n\n\t\t\tif (Math.floor(this.value) + 1 === i && remainder > 2 && remainder < 8) {\n\t\t\t\thalfStar = true;\n\t\t\t} else if (remainder <= 2) {\n\t\t\t\ttempValue = Math.floor(this.value);\n\t\t\t} else if (remainder >= 8) {\n\t\t\t\ttempValue = Math.ceil(this.value);\n\t\t\t}\n\n\t\t\tthis._stars.push({\n\t\t\t\tselected: i <= tempValue,\n\t\t\t\tindex: i,\n\t\t\t\thalfStar,\n\t\t\t});\n\t\t}\n\t}\n\n\t_onclick(e: MouseEvent) {\n\t\tconst target = e.target as UI5Element;\n\n\t\tif (!(target instanceof HTMLElement) || this.disabled || this.readonly) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst targetValue = target.getAttribute(\"data-ui5-value\");\n\n\t\tif (targetValue !== null) {\n\t\t\tthis.value = parseInt(targetValue);\n\n\t\t\tif (this.value === 1 && this._liveValue === 1) {\n\t\t\t\tthis.value = 0;\n\t\t\t}\n\n\t\t\tif (this._liveValue !== this.value) {\n\t\t\t\tthis.fireDecoratorEvent(\"change\");\n\t\t\t\tthis._liveValue = this.value;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.disabled || this.readonly) {\n\t\t\t// prevent page scrolling\n\t\t\tif (isSpace(e)) {\n\t\t\t\te.preventDefault();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst isDecrease = isDown(e) || isLeft(e);\n\t\tconst isIncrease = isRight(e) || isUp(e);\n\t\tconst isIncreaseWithReset = isSpace(e) || isEnter(e);\n\t\tconst isMin = isHome(e);\n\t\tconst isMax = isEnd(e);\n\t\tconst isNumber = (e.keyCode >= 48 && e.keyCode <= 57) || (e.keyCode >= 96 && e.keyCode <= 105);\n\n\t\tif (isDecrease || isIncrease || isIncreaseWithReset || isMin || isMax || isNumber) {\n\t\t\te.preventDefault();\n\n\t\t\tif (isDecrease && this.value > 0) {\n\t\t\t\tthis.value = Math.round(this.value - 1);\n\t\t\t} else if (isIncrease && this.value < this.max) {\n\t\t\t\tthis.value = Math.round(this.value + 1);\n\t\t\t} else if (isIncreaseWithReset) {\n\t\t\t\tconst proposedValue = Math.round(this.value + 1);\n\t\t\t\tthis.value = proposedValue > this.max ? 0 : proposedValue;\n\t\t\t} else if (isMin) {\n\t\t\t\tthis.value = 0;\n\t\t\t} else if (isMax) {\n\t\t\t\tthis.value = this.max;\n\t\t\t} else if (isNumber) {\n\t\t\t\tconst pressedNumber = parseInt(e.key);\n\t\t\t\tthis.value = pressedNumber > this.max ? this.max : pressedNumber;\n\t\t\t}\n\n\t\t\tthis.fireDecoratorEvent(\"change\");\n\t\t}\n\t}\n\n\t_onfocusin() {\n\t\tif (this.disabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focused = true;\n\t\tthis._liveValue = this.value;\n\t}\n\n\t_onfocusout() {\n\t\tthis._focused = false;\n\t}\n\n\tget effectiveTabIndex() {\n\t\tconst tabindex = this.getAttribute(\"tabindex\");\n\n\t\tif (this.disabled) {\n\t\t\treturn -1;\n\t\t}\n\n\t\treturn tabindex ? parseInt(tabindex) : 0;\n\t}\n\n\tget ratingTooltip(): string | undefined {\n\t\tif (this.tooltip) {\n\t\t\treturn this.tooltip;\n\t\t}\n\t\treturn getEnableDefaultTooltips() ? this.defaultTooltip : undefined;\n\t}\n\n\tget defaultTooltip() {\n\t\treturn RatingIndicator.i18nBundle.getText(RATING_INDICATOR_TOOLTIP_TEXT);\n\t}\n\n\tget _ariaRoleDescription() {\n\t\treturn RatingIndicator.i18nBundle.getText(RATING_INDICATOR_TEXT);\n\t}\n\n\tget _ariaDisabled() {\n\t\treturn this.disabled || undefined;\n\t}\n\n\tget _ariaLabel() {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget _ariaDescription() {\n\t\treturn this.required ? RatingIndicator.i18nBundle.getText(RATING_INDICATOR_ARIA_DESCRIPTION) : undefined;\n\t}\n\n\tget ariaReadonly() {\n\t\treturn this.readonly ? \"true\" : undefined;\n\t}\n}\n\nRatingIndicator.define();\n\nexport default RatingIndicator;\nexport type { Star };\n"]}

package/dist/RatingIndicatorTemplate.d.ts

@@ -0,0 +1,2 @@
+import type RatingIndicator from "./RatingIndicator.js";
+export default function RatingIndicatorTemplate(this: RatingIndicator): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/RatingIndicatorTemplate.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Icon from "./Icon.js";
+import favorite from "@ui5/webcomponents-icons/dist/favorite.js";
+import unfavorite from "@ui5/webcomponents-icons/dist/unfavorite.js";
+export default function RatingIndicatorTemplate() {
+    return (_jsx("div", { class: "ui5-rating-indicator-root", role: "slider", "aria-roledescription": this._ariaRoleDescription, "aria-valuemin": 0, "aria-valuenow": this.value, "aria-valuemax": this.max, "aria-valuetext": `${this.value} of ${this.max}`, "aria-orientation": "horizontal", "aria-disabled": this._ariaDisabled, "aria-readonly": this.ariaReadonly, "aria-description": this._ariaDescription, tabindex: this.effectiveTabIndex, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onClick: this._onclick, onKeyDown: this._onkeydown, title: this.ratingTooltip, "aria-label": this._ariaLabel, children: _jsx("ul", { class: "ui5-rating-indicator-list", "aria-hidden": "true", children: this._stars.map(star => starLi.call(this, star)) }) }));
+}
+function starLi(star) {
+    if (star.selected) {
+        return (_jsx("li", { "data-ui5-value": star.index, class: "ui5-rating-indicator-item ui5-rating-indicator-item-sel", children: _jsx(Icon, { "data-ui5-value": star.index, name: favorite }) }));
+    }
+    if (star.halfStar) {
+        return (_jsxs("li", { class: "ui5-rating-indicator-item ui5-rating-indicator-item-half", children: [_jsx(Icon, { "data-ui5-value": star.index, name: halfStarIconName.call(this) }), _jsx("div", { class: "ui5-rating-indicator-half-icon-wrapper", children: _jsx(Icon, { "data-ui5-value": star.index, name: favorite, class: "ui5-rating-indicator-half-icon" }) })] }));
+    }
+    if (this.readonly) {
+        return (_jsx("li", { class: "ui5-rating-indicator-item ui5-rating-indicator-item-unsel", children: _jsx(Icon, { "data-ui5-value": star.index, name: favorite }) }));
+    }
+    if (this.disabled) {
+        return (_jsx("li", { class: "ui5-rating-indicator-item ui5-rating-indicator-item-unsel", children: _jsx(Icon, { "data-ui5-value": star.index, name: favorite }) }));
+    }
+    return (_jsx("li", { "data-ui5-value": star.index, class: "ui5-rating-indicator-item ui5-rating-indicator-item-unsel", children: _jsx(Icon, { "data-ui5-value": star.index, name: unfavorite }) }));
+}
+function halfStarIconName() {
+    return this.disabled || this.readonly ? favorite : unfavorite;
+}
+//# sourceMappingURL=RatingIndicatorTemplate.js.map

package/dist/RatingIndicatorTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingIndicatorTemplate.js","sourceRoot":"","sources":["../src/RatingIndicatorTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,QAAQ,MAAM,2CAA2C,CAAC;AACjE,OAAO,UAAU,MAAM,6CAA6C,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC9C,OAAO,CACN,cACC,KAAK,EAAC,2BAA2B,EACjC,IAAI,EAAC,QAAQ,0BACS,IAAI,CAAC,oBAAoB,mBAChC,CAAC,mBACD,IAAI,CAAC,KAAK,mBACV,IAAI,CAAC,GAAG,oBACP,GAAG,IAAI,CAAC,KAAK,OAAO,IAAI,CAAC,GAAG,EAAE,sBAC7B,YAAY,mBACd,IAAI,CAAC,aAAa,mBAClB,IAAI,CAAC,YAAY,sBACd,IAAI,CAAC,gBAAgB,EACvC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,KAAK,EAAE,IAAI,CAAC,aAAa,gBACb,IAAI,CAAC,UAAU,YAE3B,aAAI,KAAK,EAAC,2BAA2B,iBAAa,MAAM,YACrD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAC9C,GACA,CACN,CAAC;AACH,CAAC;AAED,SAAS,MAAM,CAAwB,IAAU;IAChD,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,CACN,+BAAoB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,yDAAyD,YAC9F,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,GAChD,CACL,CAAC;IACH,CAAC;IAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,CACN,cAAI,KAAK,EAAC,0DAA0D,aACnE,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAI,EACvE,cAAK,KAAK,EAAC,wCAAwC,YAClD,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,gCAAgC,GAAG,GACtF,IACF,CACL,CAAC;IACH,CAAC;IAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,CACN,aAAI,KAAK,EAAC,2DAA2D,YACpE,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,GAChD,CACL,CAAC;IACH,CAAC;IAAC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QACrB,OAAO,CACN,aAAI,KAAK,EAAC,2DAA2D,YACpE,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAI,GAChD,CACL,CAAC;IACH,CAAC;IACD,OAAO,CACN,+BAAoB,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,2DAA2D,YAChG,KAAC,IAAI,sBAAiB,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,UAAU,GAAG,GACjD,CACL,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB;IACxB,OAAO,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;AAC/D,CAAC","sourcesContent":["import type RatingIndicator from \"./RatingIndicator.js\";\nimport type { Star } from \"./RatingIndicator.js\";\nimport Icon from \"./Icon.js\";\nimport favorite from \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport unfavorite from \"@ui5/webcomponents-icons/dist/unfavorite.js\";\n\nexport default function RatingIndicatorTemplate(this: RatingIndicator) {\n\treturn (\n\t\t<div\n\t\t\tclass=\"ui5-rating-indicator-root\"\n\t\t\trole=\"slider\"\n\t\t\taria-roledescription={this._ariaRoleDescription}\n\t\t\taria-valuemin={0}\n\t\t\taria-valuenow={this.value}\n\t\t\taria-valuemax={this.max}\n\t\t\taria-valuetext={`${this.value} of ${this.max}`}\n\t\t\taria-orientation=\"horizontal\"\n\t\t\taria-disabled={this._ariaDisabled}\n\t\t\taria-readonly={this.ariaReadonly}\n\t\t\taria-description={this._ariaDescription}\n\t\t\ttabindex={this.effectiveTabIndex}\n\t\t\tonFocusIn={this._onfocusin}\n\t\t\tonFocusOut={this._onfocusout}\n\t\t\tonClick={this._onclick}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\ttitle={this.ratingTooltip}\n\t\t\taria-label={this._ariaLabel}\n\t\t>\n\t\t\t<ul class=\"ui5-rating-indicator-list\" aria-hidden=\"true\">\n\t\t\t\t{ this._stars.map(star => starLi.call(this, star))}\n\t\t\t</ul>\n\t\t</div>\n\t);\n}\n\nfunction starLi(this: RatingIndicator, star: Star) {\n\tif (star.selected) {\n\t\treturn (\n\t\t\t<li data-ui5-value={star.index} class=\"ui5-rating-indicator-item ui5-rating-indicator-item-sel\">\n\t\t\t\t<Icon data-ui5-value={star.index} name={favorite} />\n\t\t\t</li>\n\t\t);\n\t} if (star.halfStar) {\n\t\treturn (\n\t\t\t<li class=\"ui5-rating-indicator-item ui5-rating-indicator-item-half\">\n\t\t\t\t<Icon data-ui5-value={star.index} name={halfStarIconName.call(this)} />\n\t\t\t\t<div class=\"ui5-rating-indicator-half-icon-wrapper\">\n\t\t\t\t\t<Icon data-ui5-value={star.index} name={favorite} class=\"ui5-rating-indicator-half-icon\" />\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t);\n\t} if (this.readonly) {\n\t\treturn (\n\t\t\t<li class=\"ui5-rating-indicator-item ui5-rating-indicator-item-unsel\">\n\t\t\t\t<Icon data-ui5-value={star.index} name={favorite} />\n\t\t\t</li>\n\t\t);\n\t} if (this.disabled) {\n\t\treturn (\n\t\t\t<li class=\"ui5-rating-indicator-item ui5-rating-indicator-item-unsel\">\n\t\t\t\t<Icon data-ui5-value={star.index} name={favorite} />\n\t\t\t</li>\n\t\t);\n\t}\n\treturn (\n\t\t<li data-ui5-value={star.index} class=\"ui5-rating-indicator-item ui5-rating-indicator-item-unsel\">\n\t\t\t<Icon data-ui5-value={star.index} name={unfavorite}/>\n\t\t</li>\n\t);\n}\n\nfunction halfStarIconName(this: RatingIndicator) {\n\treturn this.disabled || this.readonly ? favorite : unfavorite;\n}\n"]}