@ui5/webcomponents 0.0.0-20acae2ee → 0.0.0-20ff83d14

package/dist/ToggleSpinButton.js

@@ -0,0 +1,62 @@
+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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import Button from "./Button.js";
+import ToggleButton from "./ToggleButton.js";
+// Template
+import ToggleSpinButtonTemplate from "./generated/templates/ToggleSpinButtonTemplate.lit.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * `ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.
+ * It extends `ui5-toggle-button` with some specific accessibility-related properties in order to
+ * have spin button look and feel from accessibility point of view. This component should not be used separately.
+ * @constructor
+ * @extends ToggleButton
+ * @since 1.15.0
+ * @private
+ */
+let ToggleSpinButton = class ToggleSpinButton extends ToggleButton {
+    /**
+     * Override of the handler in order to prevent button toggle functionality
+     */
+    _onclick() { }
+    /**
+     * Override
+     */
+    get buttonAccessibleRole() {
+        return "spinbutton";
+    }
+};
+__decorate([
+    property({ validator: Integer, defaultValue: -1 })
+], ToggleSpinButton.prototype, "valueMin", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: -1 })
+], ToggleSpinButton.prototype, "valueMax", void 0);
+__decorate([
+    property({ validator: Integer, defaultValue: -1 })
+], ToggleSpinButton.prototype, "valueNow", void 0);
+__decorate([
+    property()
+], ToggleSpinButton.prototype, "valueText", void 0);
+ToggleSpinButton = __decorate([
+    customElement({
+        tag: "ui5-toggle-spin-button",
+        renderer: litRender,
+        styles: [Button.styles, ToggleButton.styles],
+        template: ToggleSpinButtonTemplate,
+    })
+], ToggleSpinButton);
+ToggleSpinButton.define();
+export default ToggleSpinButton;
+//# sourceMappingURL=ToggleSpinButton.js.map

package/dist/ToggleSpinButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleSpinButton.js","sourceRoot":"","sources":["../src/ToggleSpinButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,WAAW;AACX,OAAO,wBAAwB,MAAM,uDAAuD,CAAC;AAE7F;;;;;;;;;;;;GAYG;AAQH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,YAAY;IA6B1C;;OAEG;IACH,QAAQ,KAAI,CAAC;IAEb;;OAEG;IACH,IAAI,oBAAoB;QACvB,OAAO,YAAY,CAAC;IACrB,CAAC;CACD,CAAA;AAlCA;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC;kDACjC;AAOlB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC;kDACjC;AAOlB;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC;kDACjC;AAOlB;IADC,QAAQ,EAAE;mDACQ;AA3Bd,gBAAgB;IAPrB,aAAa,CAAC;QACd,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;QAC5C,QAAQ,EAAE,wBAAwB;KAClC,CAAC;GAEI,gBAAgB,CAwCrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\n\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Button from \"./Button.js\";\nimport ToggleButton from \"./ToggleButton.js\";\n\n// Template\nimport ToggleSpinButtonTemplate from \"./generated/templates/ToggleSpinButtonTemplate.lit.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * `ui5-toggle-spin-button` is explicitly used in the new design of `ui5-time-picker`.\n * It extends `ui5-toggle-button` with some specific accessibility-related properties in order to\n * have spin button look and feel from accessibility point of view. This component should not be used separately.\n * @constructor\n * @extends ToggleButton\n * @since 1.15.0\n * @private\n */\n@customElement({\n\ttag: \"ui5-toggle-spin-button\",\n\trenderer: litRender,\n\tstyles: [Button.styles, ToggleButton.styles],\n\ttemplate: ToggleSpinButtonTemplate,\n})\n\nclass ToggleSpinButton extends ToggleButton {\n\t/**\n\t * Defines the ARIA valuemin of the component.\n\t * @default -1\n\t */\n\t@property({ validator: Integer, defaultValue: -1 })\n\tvalueMin!: number;\n\n\t/**\n\t * Defines the ARIA valuemax of the component.\n\t * @default -1\n\t */\n\t@property({ validator: Integer, defaultValue: -1 })\n\tvalueMax!: number;\n\n\t/**\n\t * Defines the ARIA valuenow of the component.\n\t * @default -1\n\t */\n\t@property({ validator: Integer, defaultValue: -1 })\n\tvalueNow!: number;\n\n\t/**\n\t * Defines the ARIA valuetext of the component.\n\t * @default \"\"\n\t */\n\t@property()\n\tvalueText?: string;\n\n\t/**\n\t * Override of the handler in order to prevent button toggle functionality\n\t */\n\t_onclick() {}\n\n\t/**\n\t * Override\n\t */\n\tget buttonAccessibleRole() {\n\t\treturn \"spinbutton\";\n\t}\n}\n\nToggleSpinButton.define();\n\nexport default ToggleSpinButton;\n"]}

package/dist/Token.d.ts

@@ -0,0 +1,95 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
+import "@ui5/webcomponents-icons/dist/sys-cancel.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { IIcon } from "./Icon.js";
+import type { IToken } from "./MultiInput.js";
+type TokenDeleteEventDetail = {
+    backSpace: boolean;
+    delete: boolean;
+};
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/Token.js";`
+ * @constructor
+ * @extends UI5Element
+ * @since 1.0.0-rc.9
+ * @implements {IToken}
+ * @public
+ */
+declare class Token extends UI5Element implements IToken {
+    /**
+     * Defines the text of the token.
+     * @default ""
+     * @public
+     */
+    text: string;
+    /**
+     * Defines whether the component is read-only.
+     *
+     * **Note:** A read-only component can not be deleted or selected,
+     * but still provides visual feedback upon user interaction.
+     * @default false
+     * @public
+     */
+    readonly: boolean;
+    /**
+     * Defines whether the component is selected or not.
+     * @default false
+     * @public
+     */
+    selected: boolean;
+    /**
+     * Set by the tokenizer when a token is in the "more" area (overflowing)
+     * @default false
+     * @private
+     */
+    overflows: boolean;
+    singleToken: boolean;
+    /**
+     * Defines whether the component is focused or not.
+     * @default false
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Defines whether the token is being deleted
+     * This flag is used in the ui5-multi-combobox
+     * @default false
+     * @private
+     */
+    toBeDeleted: boolean;
+    /**
+     * Defines the tabIndex of the component.
+     * @private
+     */
+    forcedTabIndex: string;
+    /**
+     * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
+     * Accepts `ui5-icon`.
+     * @public
+     * @since 1.0.0-rc.9
+     */
+    closeIcon: Array<IIcon>;
+    static i18nBundle: I18nBundle;
+    _handleSelect(): void;
+    _focusin(): void;
+    _focusout(): void;
+    _delete(): void;
+    _keydown(e: KeyboardEvent): void;
+    onBeforeRendering(): void;
+    get tokenDeletableText(): string;
+    get iconURI(): "sys-cancel" | "decline";
+    get textDom(): Element | null | undefined;
+    get isTruncatable(): boolean;
+    static onDefine(): Promise<void>;
+}
+export default Token;
+export type { TokenDeleteEventDetail };

package/dist/Token.js

@@ -1,204 +1,155 @@
+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 Token_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getTheme } from "@ui5/webcomponents-base/dist/config/Theme.js";
-import {
-	isBackSpace,
-	isSpace,
-	isDelete,
-} from "@ui5/webcomponents-base/dist/Keys.js";
+import { isBackSpace, isSpace, isDelete, isSpaceCtrl, } from "@ui5/webcomponents-base/dist/Keys.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/sys-cancel.js";
-import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { TOKEN_ARIA_DELETABLE } from "./generated/i18n/i18n-defaults.js";
-
 import Icon from "./Icon.js";
 import TokenTemplate from "./generated/templates/TokenTemplate.lit.js";
-
 // Styles
-import styles from "./generated/themes/Token.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-token",
-	languageAware: true,
-	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.main.Token.prototype */ {
-
-		/**
-		 * Defines the text of the token.
-		 *
-		 * @type {string}
-		 * @defaultvalue ""
-		 * @public
-		 */
-		text: { type: String },
-
-		/**
-		 * Defines whether the <code>ui5-token</code> is read-only.
-		 * <br><br>
-		 * <b>Note:</b> A read-only <code>ui5-token</code> can not be deleted or selected,
-		 * but still provides visual feedback upon user interaction.
-		 *
-		 * @type {boolean}
-		 * @public
-		 */
-		readonly: { type: Boolean },
-
-		/**
-		 * Set by the tokenizer when a token is in the "more" area (overflowing)
-		 * @type {boolean}
-		 * @private
-		 */
-		overflows: { type: Boolean },
-
-		/** Defines whether the <code>ui5-token</code> is selected or not.
-		 *
-		 * @type {boolean}
-		 * @public
-		 */
-		selected: { type: Boolean },
-
-		/**
-		 * Defines the tabIndex of the component.
-		 * @type {string}
-		 * @private
-		 */
-		_tabIndex: { type: String, defaultValue: "-1", noAttribute: true },
-	},
-
-	slots: /** @lends  sap.ui.webcomponents.main.Token.prototype */ {
-
-		/**
-		 * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.
-		 * Accepts <code>ui5-icon</code>
-		 *
-		 * @type {sap.ui.webcomponents.main.IIcon}
-		 * @slot
-		 * @public
-		 * @since 1.0.0-rc.9
-		 */
-		closeIcon: {
-			type: HTMLElement,
-		},
-	},
-
-	events: /** @lends sap.ui.webcomponents.main.Token.prototype */ {
-
-		/**
-		 * Fired when the backspace, delete or close icon of the token is pressed
-		 *
-		 * @event
-		 * @param {boolean} backSpace indicates whether token is deleted by backspace key
-		 * @param {boolean} delete indicates whether token is deleted by delete key
-		 * @private
-		 */
-		"delete": {
-			detail: {
-				"backSpace": { type: Boolean },
-				"delete": { type: Boolean },
-			},
-		},
-
-		/**
-		 * Fired when the a <code>ui5-token</code> is selected by user interaction with mouse or clicking space.
-		 *
-		 * @event
-		 * @public
-		 */
-		select: {},
-	},
-};
-
+import tokenStyles from "./generated/themes/Token.css.js";
 /**
  * @class
  *
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
  * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
  *
- * <h3>ES6 Module Import</h3>
+ * ### ES6 Module Import
  *
- * <code>import "@ui5/webcomponents/dist/Token.js";</code>
+ * `import "@ui5/webcomponents/dist/Token.js";`
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webcomponents.main.Token
- * @extends sap.ui.webcomponents.base.UI5Element
- * @tagname ui5-token
+ * @extends UI5Element
  * @since 1.0.0-rc.9
- * @implements sap.ui.webcomponents.main.IToken
+ * @implements {IToken}
  * @public
  */
-class Token extends UI5Element {
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return TokenTemplate;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	constructor() {
-		super();
-
-		this.i18nBundle = getI18nBundle("@ui5/webcomponents");
-	}
-
-	_handleSelect() {
-		this.selected = !this.selected;
-		this.fireEvent("select");
-	}
-
-	 _delete() {
-		this.fireEvent("delete");
-	 }
-
-	 _keydown(event) {
-		const isBS = isBackSpace(event);
-		const isD = isDelete(event);
-
-		if (!this.readonly && (isBS || isD)) {
-			event.preventDefault();
-
-			this.fireEvent("delete", {
-				backSpace: isBS,
-				"delete": isD,
-			});
-		}
-
-		if (isSpace(event)) {
-			event.preventDefault();
-
-			this._handleSelect();
-		}
-	}
-
-	get tokenDeletableText() {
-		return this.i18nBundle.getText(TOKEN_ARIA_DELETABLE);
-	}
-
-	get iconURI() {
-		return getTheme() === "sap_fiori_3" ? "decline" : "sys-cancel";
-	}
-
-	static get dependencies() {
-		return [Icon];
-	}
-
-	static async onDefine() {
-		await fetchI18nBundle("@ui5/webcomponents");
-	}
-}
-
+let Token = Token_1 = class Token extends UI5Element {
+    _handleSelect() {
+        if (!this.toBeDeleted) {
+            this.selected = !this.selected;
+            this.fireEvent("select");
+        }
+    }
+    _focusin() {
+        this.focused = true;
+    }
+    _focusout() {
+        this.focused = !this.focused;
+    }
+    _delete() {
+        this.toBeDeleted = true;
+        this.fireEvent("delete");
+    }
+    _keydown(e) {
+        const isBackSpacePressed = isBackSpace(e);
+        const isDeletePressed = isDelete(e);
+        if (!this.readonly && (isBackSpacePressed || isDeletePressed)) {
+            e.preventDefault();
+            this.fireEvent("delete", {
+                backSpace: isBackSpacePressed,
+                "delete": isDeletePressed,
+            });
+        }
+        if (isSpace(e) || isSpaceCtrl(e)) {
+            e.preventDefault();
+            this._handleSelect();
+        }
+    }
+    onBeforeRendering() {
+        this.toBeDeleted = false;
+    }
+    get tokenDeletableText() {
+        return Token_1.i18nBundle.getText(TOKEN_ARIA_DELETABLE);
+    }
+    get iconURI() {
+        if (getTheme().includes("sap_belize")) {
+            return "sys-cancel";
+        }
+        return "decline";
+    }
+    get textDom() {
+        return this.getDomRef()?.querySelector(".ui5-token--text");
+    }
+    get isTruncatable() {
+        if (!this.textDom) {
+            return false;
+        }
+        return Math.ceil(this.textDom.getBoundingClientRect().width) < Math.ceil(this.textDom.scrollWidth);
+    }
+    static async onDefine() {
+        Token_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+};
+__decorate([
+    property()
+], Token.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "readonly", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "selected", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "overflows", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "singleToken", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "focused", void 0);
+__decorate([
+    property({ type: Boolean })
+], Token.prototype, "toBeDeleted", void 0);
+__decorate([
+    property({ defaultValue: "-1", noAttribute: true })
+], Token.prototype, "forcedTabIndex", void 0);
+__decorate([
+    slot()
+], Token.prototype, "closeIcon", void 0);
+Token = Token_1 = __decorate([
+    customElement({
+        tag: "ui5-token",
+        languageAware: true,
+        renderer: litRender,
+        template: TokenTemplate,
+        styles: tokenStyles,
+        dependencies: [Icon],
+    })
+    /**
+     * Fired when the the component is selected by user interaction with mouse or by clicking space.
+     * @public
+     */
+    ,
+    event("select")
+    /**
+     * Fired when the backspace, delete or close icon of the token is pressed
+     * @param {Boolean} backSpace Indicates whether token is deleted by backspace key.
+     * @param {Boolean} delete Indicates whether token is deleted by delete key.
+     * @private
+     */
+    ,
+    event("delete", {
+        detail: {
+            "backSpace": { type: Boolean },
+            "delete": { type: Boolean },
+        },
+    })
+], Token);
 Token.define();
-
 export default Token;
+//# sourceMappingURL=Token.js.map

package/dist/Token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Token.js","sourceRoot":"","sources":["../src/Token.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,QAAQ,EAAE,MAAM,8CAA8C,CAAC;AACxE,OAAO,EACN,WAAW,EACX,OAAO,EACP,QAAQ,EACR,WAAW,GACX,MAAM,sCAAsC,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAClD,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B,OAAO,aAAa,MAAM,4CAA4C,CAAC;AAEvE,SAAS;AACT,OAAO,WAAW,MAAM,iCAAiC,CAAC;AAO1D;;;;;;;;;;;;;;;GAeG;AA4BH,IAAM,KAAK,aAAX,MAAM,KAAM,SAAQ,UAAU;IA0E7B,aAAa;QACZ,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACtB,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;SACzB;IACF,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,SAAS;QACR,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;IAC9B,CAAC;IAED,OAAO;QACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,kBAAkB,IAAI,eAAe,CAAC,EAAE;YAC9D,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,SAAS,CAAyB,QAAQ,EAAE;gBAChD,SAAS,EAAE,kBAAkB;gBAC7B,QAAQ,EAAE,eAAe;aACzB,CAAC,CAAC;SACH;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE;YACjC,CAAC,CAAC,cAAc,EAAE,CAAC;YAEnB,IAAI,CAAC,aAAa,EAAE,CAAC;SACrB;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;IAC1B,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,OAAK,CAAC,UAAU,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAED,IAAI,OAAO;QACV,IAAI,QAAQ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE;YACtC,OAAO,YAAY,CAAC;SACpB;QAED,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,IAAI,OAAO;QACV,OAAO,IAAI,CAAC,SAAS,EAAE,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YAClB,OAAO,KAAK,CAAC;SACb;QAED,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;IACpG,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,OAAK,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAC9D,CAAC;CACD,CAAA;AA1IA;IADC,QAAQ,EAAE;mCACG;AAWd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACT;AAQnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACT;AAQnB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACR;AAGpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACN;AAQtB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACV;AASlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACN;AAOtB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;6CAC5B;AASxB;IADC,IAAI,EAAE;wCACkB;AAtEpB,KAAK;IA3BV,aAAa,CAAC;QACd,GAAG,EAAE,WAAW;QAChB,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,QAAQ,EAAE,aAAa;QACvB,MAAM,EAAE,WAAW;QACnB,YAAY,EAAE,CAAC,IAAI,CAAC;KACpB,CAAC;IACF;;;OAGG;;IACF,KAAK,CAAC,QAAQ,CAAC;IAEhB;;;;;OAKG;;IACF,KAAK,CAAyB,QAAQ,EAAE;QACxC,MAAM,EAAE;YACP,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC9B,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACD,CAAC;GAEI,KAAK,CAiJV;AAED,KAAK,CAAC,MAAM,EAAE,CAAC;AAEf,eAAe,KAAK,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getTheme } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport {\n\tisBackSpace,\n\tisSpace,\n\tisDelete,\n\tisSpaceCtrl,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-cancel.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { TOKEN_ARIA_DELETABLE } from \"./generated/i18n/i18n-defaults.js\";\n\nimport Icon from \"./Icon.js\";\nimport type { IIcon } from \"./Icon.js\";\nimport type { IToken } from \"./MultiInput.js\";\nimport TokenTemplate from \"./generated/templates/TokenTemplate.lit.js\";\n\n// Styles\nimport tokenStyles from \"./generated/themes/Token.css.js\";\n\ntype TokenDeleteEventDetail = {\n\tbackSpace: boolean;\n\tdelete: boolean;\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/Token.js\";`\n * @constructor\n * @extends UI5Element\n * @since 1.0.0-rc.9\n * @implements {IToken}\n * @public\n */\n@customElement({\n\ttag: \"ui5-token\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\ttemplate: TokenTemplate,\n\tstyles: tokenStyles,\n\tdependencies: [Icon],\n})\n/**\n * Fired when the the component is selected by user interaction with mouse or by clicking space.\n * @public\n */\n@event(\"select\")\n\n/**\n * Fired when the backspace, delete or close icon of the token is pressed\n * @param {Boolean} backSpace Indicates whether token is deleted by backspace key.\n * @param {Boolean} delete Indicates whether token is deleted by delete key.\n * @private\n */\n@event<TokenDeleteEventDetail>(\"delete\", {\n\tdetail: {\n\t\t\"backSpace\": { type: Boolean },\n\t\t\"delete\": { type: Boolean },\n\t},\n})\n\nclass Token extends UI5Element implements IToken {\n\t/**\n\t * Defines the text of the token.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines whether the component is read-only.\n\t *\n\t * **Note:** A read-only component can not be deleted or selected,\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!: boolean;\n\n\t/**\n\t * Defines whether the component is selected or not.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Set by the tokenizer when a token is in the \"more\" area (overflowing)\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\toverflows!: boolean;\n\n\t@property({ type: Boolean })\n\tsingleToken!: boolean;\n\n\t/**\n\t * Defines whether the component is focused or not.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tfocused!: boolean;\n\n\t/**\n\t * Defines whether the token is being deleted\n\t * This flag is used in the ui5-multi-combobox\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\ttoBeDeleted!: boolean;\n\n\t/**\n\t * Defines the tabIndex of the component.\n\t * @private\n\t */\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t/**\n\t * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.\n\t * Accepts `ui5-icon`.\n\t * @public\n\t * @since 1.0.0-rc.9\n\t */\n\t@slot()\n\tcloseIcon!: Array<IIcon>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_handleSelect() {\n\t\tif (!this.toBeDeleted) {\n\t\t\tthis.selected = !this.selected;\n\t\t\tthis.fireEvent(\"select\");\n\t\t}\n\t}\n\n\t_focusin() {\n\t\tthis.focused = true;\n\t}\n\n\t_focusout() {\n\t\tthis.focused = !this.focused;\n\t}\n\n\t_delete() {\n\t\tthis.toBeDeleted = true;\n\t\tthis.fireEvent(\"delete\");\n\t}\n\n\t_keydown(e: KeyboardEvent) {\n\t\tconst isBackSpacePressed = isBackSpace(e);\n\t\tconst isDeletePressed = isDelete(e);\n\n\t\tif (!this.readonly && (isBackSpacePressed || isDeletePressed)) {\n\t\t\te.preventDefault();\n\n\t\t\tthis.fireEvent<TokenDeleteEventDetail>(\"delete\", {\n\t\t\t\tbackSpace: isBackSpacePressed,\n\t\t\t\t\"delete\": isDeletePressed,\n\t\t\t});\n\t\t}\n\n\t\tif (isSpace(e) || isSpaceCtrl(e)) {\n\t\t\te.preventDefault();\n\n\t\t\tthis._handleSelect();\n\t\t}\n\t}\n\n\tonBeforeRendering() {\n\t\tthis.toBeDeleted = false;\n\t}\n\n\tget tokenDeletableText() {\n\t\treturn Token.i18nBundle.getText(TOKEN_ARIA_DELETABLE);\n\t}\n\n\tget iconURI() {\n\t\tif (getTheme().includes(\"sap_belize\")) {\n\t\t\treturn \"sys-cancel\";\n\t\t}\n\n\t\treturn \"decline\";\n\t}\n\n\tget textDom() {\n\t\treturn this.getDomRef()?.querySelector(\".ui5-token--text\");\n\t}\n\n\tget isTruncatable() {\n\t\tif (!this.textDom) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn Math.ceil(this.textDom.getBoundingClientRect().width) < Math.ceil(this.textDom.scrollWidth);\n\t}\n\n\tstatic async onDefine() {\n\t\tToken.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n}\n\nToken.define();\n\nexport default Token;\nexport type { TokenDeleteEventDetail };\n"]}