@ui5/webcomponents 0.0.0-deac3098a → 0.0.0-e0658a650

package/dist/Icon2.d.ts

@@ -0,0 +1,271 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import { I18nText } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+/**
+ * @class
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-icon</code> component represents an SVG icon.
+ * There are two main scenarios how the <code>ui5-icon</code> component is used:
+ * as a purely decorative element, <br>
+ * or as an interactive element that can be focused and clicked.
+ *
+ * <h3>Usage</h3>
+ *
+ * 1. <b>Get familiar with the icons collections.</b>
+ * <br>
+ * Before displaying an icon, you need to explore the icons collections to find and import the desired icon.
+ * <br>
+ * Currently there are 3 icons collection, available as 3 npm packages:
+ * <br>
+ *
+ * <ul>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons" class="api-table-content-cell-link">@ui5/webcomponents-icons</ui5-link> represents the "SAP-icons" collection and includes the following
+ * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt" class="api-table-content-cell-link">@ui5/webcomponents-icons-tnt</ui5-link> represents the "tnt" collection and includes the following
+ * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite" class="api-table-content-cell-link">@ui5/webcomponents-icons-icons-business-suite</ui5-link> represents the "business-suite" collection and includes the following
+ * <ui5-link target="_blank" href="https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * </ul>
+ *
+ * 2. <b>After exploring the icons collections, add one or more of the packages as dependencies to your project.</b>
+ * <br>
+ * <code>npm i @ui5/webcomponents-icons</code><br>
+ * <code>npm i @ui5/webcomponents-icons-tnt</code><br>
+ * <code>npm i @ui5/webcomponents-icons-business-suite</code>
+ * <br><br>
+ *
+ * 3. <b>Then, import the desired icon</b>.
+ * <br>
+ * <code>import "@ui5/{package_name}/dist/{icon_name}.js";</code>
+ * <br><br>
+ *
+ * <b>For Example</b>:
+ * <br>
+ *
+ * For the standard "SAP-icons" icon collection, import an icon from the <code>@ui5/webcomponents-icons</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons/dist/employee.js";</code>
+ * <br><br>
+ *
+ * For the "tnt" (SAP Fiori Tools) icon collection, import an icon from the <code>@ui5/webcomponents-icons-tnt</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons-tnt/dist/antenna.js";</code>
+ * <br><br>
+ *
+ * For the "business-suite" (SAP Business Suite) icon collection, import an icon from the <code>@ui5/webcomponents-icons-business-suite</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons-business-suite/dist/ab-testing.js";</code>
+ * <br><br>
+ *
+ * 4. <b>Display the icon using the <code>ui5-icon</code> web component.</b><br>
+ * Set the icon collection ("SAP-icons", "tnt" or "business-suite" - "SAP-icons" is the default icon collection and can be skipped)<br>
+ * and the icon name to the <code>name</code> property.
+ * <br><br>
+ *
+ * <code>&lt;ui5-icon name="employee">&lt;/ui5-icon></code><br>
+ * <code>&lt;ui5-icon name="tnt/antenna">&lt;/ui5-icon></code><br>
+ * <code>&lt;ui5-icon name="business-suite/ab-testing">&lt;/ui5-icon></code>
+ *
+ * <h3>Keyboard Handling</h3>
+ *
+ * <ul>
+ * <li>[SPACE, ENTER, RETURN] - Fires the <code>click</code> event if the <code>interactive</code> property is set to true.</li>
+ * <li>[SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event.</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Icon.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.Icon
+ * @extends sap.ui.webcomponents.base.UI5Element
+ * @tagname ui5-icon
+ * @implements sap.ui.webcomponents.main.IIcon
+ * @public
+ */
+declare class Icon extends UI5Element {
+    interactive?: boolean;
+    focused?: boolean;
+    invalid?: boolean;
+    showTooltip?: boolean;
+    accessibleName?: string;
+    accessibleRole?: string;
+    effectiveAccessibleName?: string;
+    name?: string;
+    ltr?: boolean;
+    packageName?: string;
+    viewBox?: string;
+    accData?: I18nText;
+    pathData?: Array<string>;
+    customSvg?: object;
+    _onclick?: ((event: MouseEvent) => void) | undefined;
+    _onfocusout?: ((event: Event) => void) | undefined;
+    _onfocusin?: ((event: Event) => void) | undefined;
+    static get metadata(): {
+        tag: string;
+        languageAware: boolean;
+        themeAware: boolean;
+        properties: {
+            /**
+             * Defines if the icon is interactive (focusable and pressable)
+             * @type {boolean}
+             * @defaultvalue false
+             * @public
+             * @since 1.0.0-rc.8
+             */
+            interactive: {
+                type: BooleanConstructor;
+            };
+            /**
+             * Defines the unique identifier (icon name) of the component.
+             * <br>
+             *
+             * To browse all available icons, see the
+             * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">SAP Icons</ui5-link>,
+             * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT" class="api-table-content-cell-link">SAP Fiori Tools</ui5-link> and
+             * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">SAP Business Suite</ui5-link> collections.
+             * <br>
+             *
+             * Example:
+             * <br>
+             * <code>name='add'</code>, <code>name='delete'</code>, <code>name='employee'</code>.
+             * <br><br>
+             *
+             * <b>Note:</b> To use the SAP Fiori Tools icons,
+             * you need to set the <code>tnt</code> prefix in front of the icon's name.
+             * <br>
+             *
+             * Example:
+             * <br>
+             * <code>name='tnt/antenna'</code>, <code>name='tnt/actor'</code>, <code>name='tnt/api'</code>.
+             * <br><br>
+             *
+             * <b>Note:</b> To use the SAP Business Suite icons,
+             * you need to set the <code>business-suite</code> prefix in front of the icon's name.
+             * <br>
+             *
+             * Example:
+             * <br>
+             * <code>name='business-suite/3d'</code>, <code>name='business-suite/1x2-grid-layout'</code>, <code>name='business-suite/4x4-grid-layout'</code>.
+             * @type {string}
+             * @defaultvalue ""
+             * @public
+            */
+            name: {
+                type: StringConstructor;
+            };
+            /**
+             * Defines the text alternative of the component.
+             * If not provided a default text alternative will be set, if present.
+             * <br><br>
+             * <b>Note:</b> Every icon should have a text alternative in order to
+             * calculate its accessible name.
+             *
+             * @type {string}
+             * @defaultvalue ""
+             * @public
+             */
+            accessibleName: {
+                type: StringConstructor;
+            };
+            /**
+             * Defines whether the component should have a tooltip.
+             *
+             * @type {boolean}
+             * @defaultvalue false
+             * @public
+             */
+            showTooltip: {
+                type: BooleanConstructor;
+            };
+            /**
+             * Defines the accessibility role of the component.
+             * @type {string}
+             * @defaultvalue ""
+             * @public
+             * @since 1.1.0
+             */
+            accessibleRole: {
+                type: StringConstructor;
+            };
+            /**
+             * Defines the ARIA hidden state of the component.
+             * Note: If the role is presentation the default value of aria-hidden will be true.
+             * @private
+             * @since 1.0.0-rc.15
+             */
+            ariaHidden: {
+                type: StringConstructor;
+            };
+            /**
+             * @private
+             */
+            pathData: {
+                type: StringConstructor;
+                multiple: boolean;
+            };
+            /**
+             * @private
+             */
+            accData: {
+                type: ObjectConstructor;
+                noAttribute: boolean;
+            };
+            /**
+             * @private
+             */
+            focused: {
+                type: BooleanConstructor;
+            };
+            /**
+            * @private
+            */
+            invalid: {
+                type: BooleanConstructor;
+            };
+            /**
+             * @private
+             */
+            effectiveAccessibleName: {
+                type: StringConstructor;
+                defaultValue: undefined;
+                noAttribute: boolean;
+            };
+        };
+        events: {
+            /**
+             * Fired on mouseup, space and enter if icon is interactive
+             * @private
+             * @since 1.0.0-rc.8
+             */
+            click: {};
+        };
+    };
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    _onFocusInHandler(event: Event): void;
+    _onFocusOutHandler(event: Event): void;
+    _onkeydown(event: KeyboardEvent): void;
+    _onkeyup(event: KeyboardEvent): void;
+    _onClickHandler(event: MouseEvent): void;
+    /**
+    * Enforce "ltr" direction, based on the icons collection metadata.
+    */
+    get _dir(): "ltr" | undefined;
+    get effectiveAriaHidden(): string | true | null | undefined;
+    get _tabIndex(): "0" | undefined;
+    get isDecorative(): boolean;
+    get effectiveAccessibleRole(): string;
+    onBeforeRendering(): Promise<void>;
+    get hasIconTooltip(): string | false | undefined;
+}
+export default Icon;

package/dist/Icon2.js

@@ -0,0 +1,366 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { getIconData, getIconDataSync } from "@ui5/webcomponents-base/dist/asset-registries/Icons.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
+import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
+import IconTemplate from "./generated/templates/IconTemplate.lit.js";
+// Styles
+import iconCss from "./generated/themes/Icon.css.js";
+const ICON_NOT_FOUND = "ICON_NOT_FOUND";
+const PRESENTATION_ROLE = "presentation";
+/**
+ * @public
+ */
+const metadata = {
+    tag: "ui5-icon",
+    languageAware: true,
+    themeAware: true,
+    properties: /** @lends sap.ui.webcomponents.main.Icon.prototype */ {
+        /**
+         * Defines if the icon is interactive (focusable and pressable)
+         * @type {boolean}
+         * @defaultvalue false
+         * @public
+         * @since 1.0.0-rc.8
+         */
+        interactive: {
+            type: Boolean,
+        },
+        /**
+         * Defines the unique identifier (icon name) of the component.
+         * <br>
+         *
+         * To browse all available icons, see the
+         * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">SAP Icons</ui5-link>,
+         * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT" class="api-table-content-cell-link">SAP Fiori Tools</ui5-link> and
+         * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">SAP Business Suite</ui5-link> collections.
+         * <br>
+         *
+         * Example:
+         * <br>
+         * <code>name='add'</code>, <code>name='delete'</code>, <code>name='employee'</code>.
+         * <br><br>
+         *
+         * <b>Note:</b> To use the SAP Fiori Tools icons,
+         * you need to set the <code>tnt</code> prefix in front of the icon's name.
+         * <br>
+         *
+         * Example:
+         * <br>
+         * <code>name='tnt/antenna'</code>, <code>name='tnt/actor'</code>, <code>name='tnt/api'</code>.
+         * <br><br>
+         *
+         * <b>Note:</b> To use the SAP Business Suite icons,
+         * you need to set the <code>business-suite</code> prefix in front of the icon's name.
+         * <br>
+         *
+         * Example:
+         * <br>
+         * <code>name='business-suite/3d'</code>, <code>name='business-suite/1x2-grid-layout'</code>, <code>name='business-suite/4x4-grid-layout'</code>.
+         * @type {string}
+         * @defaultvalue ""
+         * @public
+        */
+        name: {
+            type: String,
+        },
+        /**
+         * Defines the text alternative of the component.
+         * If not provided a default text alternative will be set, if present.
+         * <br><br>
+         * <b>Note:</b> Every icon should have a text alternative in order to
+         * calculate its accessible name.
+         *
+         * @type {string}
+         * @defaultvalue ""
+         * @public
+         */
+        accessibleName: {
+            type: String,
+        },
+        /**
+         * Defines whether the component should have a tooltip.
+         *
+         * @type {boolean}
+         * @defaultvalue false
+         * @public
+         */
+        showTooltip: {
+            type: Boolean,
+        },
+        /**
+         * Defines the accessibility role of the component.
+         * @type {string}
+         * @defaultvalue ""
+         * @public
+         * @since 1.1.0
+         */
+        accessibleRole: {
+            type: String,
+        },
+        /**
+         * Defines the ARIA hidden state of the component.
+         * Note: If the role is presentation the default value of aria-hidden will be true.
+         * @private
+         * @since 1.0.0-rc.15
+         */
+        ariaHidden: {
+            type: String,
+        },
+        /**
+         * @private
+         */
+        pathData: {
+            type: String,
+            multiple: true,
+        },
+        /**
+         * @private
+         */
+        accData: {
+            type: Object,
+            noAttribute: true,
+        },
+        /**
+         * @private
+         */
+        focused: {
+            type: Boolean,
+        },
+        /**
+        * @private
+        */
+        invalid: {
+            type: Boolean,
+        },
+        /**
+         * @private
+         */
+        effectiveAccessibleName: {
+            type: String,
+            defaultValue: undefined,
+            noAttribute: true,
+        },
+    },
+    events: /** @lends sap.ui.webcomponents.main.Icon.prototype */ {
+        /**
+         * Fired on mouseup, space and enter if icon is interactive
+         * @private
+         * @since 1.0.0-rc.8
+         */
+        click: {},
+    },
+};
+/**
+ * @class
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-icon</code> component represents an SVG icon.
+ * There are two main scenarios how the <code>ui5-icon</code> component is used:
+ * as a purely decorative element, <br>
+ * or as an interactive element that can be focused and clicked.
+ *
+ * <h3>Usage</h3>
+ *
+ * 1. <b>Get familiar with the icons collections.</b>
+ * <br>
+ * Before displaying an icon, you need to explore the icons collections to find and import the desired icon.
+ * <br>
+ * Currently there are 3 icons collection, available as 3 npm packages:
+ * <br>
+ *
+ * <ul>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons" class="api-table-content-cell-link">@ui5/webcomponents-icons</ui5-link> represents the "SAP-icons" collection and includes the following
+ * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons-tnt" class="api-table-content-cell-link">@ui5/webcomponents-icons-tnt</ui5-link> represents the "tnt" collection and includes the following
+ * <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/SAP-icons-TNT" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * <li>
+ * <ui5-link target="_blank" href="https://www.npmjs.com/package/@ui5/webcomponents-icons-business-suite" class="api-table-content-cell-link">@ui5/webcomponents-icons-icons-business-suite</ui5-link> represents the "business-suite" collection and includes the following
+ * <ui5-link target="_blank" href="https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#/overview/BusinessSuiteInAppSymbols" class="api-table-content-cell-link">icons</ui5-link>.
+ * </li>
+ * </ul>
+ *
+ * 2. <b>After exploring the icons collections, add one or more of the packages as dependencies to your project.</b>
+ * <br>
+ * <code>npm i @ui5/webcomponents-icons</code><br>
+ * <code>npm i @ui5/webcomponents-icons-tnt</code><br>
+ * <code>npm i @ui5/webcomponents-icons-business-suite</code>
+ * <br><br>
+ *
+ * 3. <b>Then, import the desired icon</b>.
+ * <br>
+ * <code>import "@ui5/{package_name}/dist/{icon_name}.js";</code>
+ * <br><br>
+ *
+ * <b>For Example</b>:
+ * <br>
+ *
+ * For the standard "SAP-icons" icon collection, import an icon from the <code>@ui5/webcomponents-icons</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons/dist/employee.js";</code>
+ * <br><br>
+ *
+ * For the "tnt" (SAP Fiori Tools) icon collection, import an icon from the <code>@ui5/webcomponents-icons-tnt</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons-tnt/dist/antenna.js";</code>
+ * <br><br>
+ *
+ * For the "business-suite" (SAP Business Suite) icon collection, import an icon from the <code>@ui5/webcomponents-icons-business-suite</code> package:
+ * <br>
+ * <code>import "@ui5/webcomponents-icons-business-suite/dist/ab-testing.js";</code>
+ * <br><br>
+ *
+ * 4. <b>Display the icon using the <code>ui5-icon</code> web component.</b><br>
+ * Set the icon collection ("SAP-icons", "tnt" or "business-suite" - "SAP-icons" is the default icon collection and can be skipped)<br>
+ * and the icon name to the <code>name</code> property.
+ * <br><br>
+ *
+ * <code>&lt;ui5-icon name="employee">&lt;/ui5-icon></code><br>
+ * <code>&lt;ui5-icon name="tnt/antenna">&lt;/ui5-icon></code><br>
+ * <code>&lt;ui5-icon name="business-suite/ab-testing">&lt;/ui5-icon></code>
+ *
+ * <h3>Keyboard Handling</h3>
+ *
+ * <ul>
+ * <li>[SPACE, ENTER, RETURN] - Fires the <code>click</code> event if the <code>interactive</code> property is set to true.</li>
+ * <li>[SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event.</li>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/Icon.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.Icon
+ * @extends sap.ui.webcomponents.base.UI5Element
+ * @tagname ui5-icon
+ * @implements sap.ui.webcomponents.main.IIcon
+ * @public
+ */
+class Icon extends UI5Element {
+    static get metadata() {
+        return metadata;
+    }
+    static get render() {
+        return litRender;
+    }
+    static get template() {
+        return IconTemplate;
+    }
+    static get styles() {
+        return iconCss;
+    }
+    _onFocusInHandler(event) {
+        if (this.interactive) {
+            this.focused = true;
+        }
+    }
+    _onFocusOutHandler(event) {
+        this.focused = false;
+    }
+    _onkeydown(event) {
+        if (!this.interactive) {
+            return;
+        }
+        if (isEnter(event)) {
+            this.fireEvent("click");
+        }
+        if (isSpace(event)) {
+            event.preventDefault(); // prevent scrolling
+        }
+    }
+    _onkeyup(event) {
+        if (this.interactive && isSpace(event)) {
+            this.fireEvent("click");
+        }
+    }
+    _onClickHandler(event) {
+        // prevent the native event and fire custom event to ensure the noConfict "ui5-click" is fired
+        event.stopPropagation();
+        this.fireEvent("click");
+    }
+    /**
+    * Enforce "ltr" direction, based on the icons collection metadata.
+    */
+    get _dir() {
+        return this.ltr ? "ltr" : undefined;
+    }
+    get effectiveAriaHidden() {
+        if (this.ariaHidden === "") {
+            if (this.isDecorative) {
+                return true;
+            }
+            return;
+        }
+        return this.ariaHidden;
+    }
+    get _tabIndex() {
+        return this.interactive ? "0" : undefined;
+    }
+    get isDecorative() {
+        return this.effectiveAccessibleRole === PRESENTATION_ROLE;
+    }
+    get effectiveAccessibleRole() {
+        if (this.accessibleRole) {
+            return this.accessibleRole;
+        }
+        if (this.interactive) {
+            return "button";
+        }
+        return this.effectiveAccessibleName ? "img" : PRESENTATION_ROLE;
+    }
+    async onBeforeRendering() {
+        const name = this.name;
+        if (!name) {
+            /* eslint-disable-next-line */
+            return console.warn("Icon name property is required", this);
+        }
+        let iconData = getIconDataSync(name);
+        if (!iconData) {
+            iconData = await getIconData(name);
+        }
+        if (!iconData) {
+            this.invalid = true;
+            /* eslint-disable-next-line */
+            return console.warn(`Required icon is not registered. Invalid icon name: ${this.name}`);
+        }
+        if (iconData === ICON_NOT_FOUND) {
+            this.invalid = true;
+            /* eslint-disable-next-line */
+            return console.warn(`Required icon is not registered. You can either import the icon as a module in order to use it e.g. "@ui5/webcomponents-icons/dist/${name.replace("sap-icon://", "")}.js", or setup a JSON build step and import "@ui5/webcomponents-icons/dist/AllIcons.js".`);
+        }
+        this.viewBox = iconData.viewBox || "0 0 512 512";
+        if (iconData.customTemplate) {
+            iconData.pathData = [];
+            this.customSvg = executeTemplate(iconData.customTemplate, this);
+        }
+        // in case a new valid name is set, show the icon
+        this.invalid = false;
+        this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];
+        this.accData = iconData.accData;
+        this.ltr = iconData.ltr;
+        this.packageName = iconData.packageName;
+        this._onclick = this.interactive ? this._onClickHandler.bind(this) : undefined;
+        this._onfocusout = this.interactive ? this._onFocusOutHandler.bind(this) : undefined;
+        this._onfocusin = this.interactive ? this._onFocusInHandler.bind(this) : undefined;
+        if (this.accessibleName) {
+            this.effectiveAccessibleName = this.accessibleName;
+        }
+        else if (this.accData) {
+            const i18nBundle = await getI18nBundle(this.packageName);
+            this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;
+        }
+    }
+    get hasIconTooltip() {
+        return this.showTooltip && this.effectiveAccessibleName;
+    }
+}
+Icon.define();
+export default Icon;
+//# sourceMappingURL=Icon2.js.map

package/dist/Icon2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon2.js","sourceRoot":"","sources":["../src/Icon2.ts"],"names":[],"mappings":"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"}