registerI18nBundle method.\n * To simplify the usage, the synchronization of both methods happens internally for the same bundleId\n * @param {packageName} packageName the NPM package name\n * @public\n */\nconst fetchI18nBundle = async (packageName) => {\n const language = getLocale().getLanguage();\n const region = getLocale().getRegion();\n let localeId = language + (region ? `-${region}` : ``);\n if (useFallbackBundle(packageName, localeId)) {\n localeId = normalizeLocale(localeId);\n while (useFallbackBundle(packageName, localeId)) {\n localeId = nextFallbackLocale(localeId);\n }\n }\n // use default language unless configured to always fetch it from the network\n const fetchDefaultLanguage = getFetchDefaultLanguage();\n if (localeId === DEFAULT_LANGUAGE && !fetchDefaultLanguage) {\n _setI18nBundleData(packageName, null); // reset for the default language (if data was set for a previous language)\n return;\n }\n if (!_hasLoader(packageName, localeId)) {\n _showAssetsWarningOnce(packageName);\n return;\n }\n try {\n const data = await _loadMessageBundleOnce(packageName, localeId);\n _setI18nBundleData(packageName, data);\n }\n catch (error) {\n const e = error;\n if (!reportedErrors.has(e.message)) {\n reportedErrors.add(e.message);\n console.error(e.message); /* eslint-disable-line */\n }\n }\n};\n// When the language changes dynamically (the user calls setLanguage), re-fetch all previously fetched bundles\nattachLanguageChange((lang /* eslint-disable-line */) => {\n const allPackages = [...bundleData.keys()];\n return Promise.all(allPackages.map(fetchI18nBundle));\n});\nexport { registerI18nLoader, fetchI18nBundle, getI18nBundleData, };\n//# sourceMappingURL=i18n.js.map","const messageFormatRegEX = /('')|'([^']+(?:''[^']*)*)(?:'|$)|\\{([0-9]+(?:\\s*,[^{}]*)?)\\}|[{}]/g;\nconst formatMessage = (text, values) => {\n values = values || [];\n return text.replace(messageFormatRegEX, ($0, $1, $2, $3, offset) => {\n if ($1) {\n return '\\''; /* eslint-disable-line */\n }\n if ($2) {\n return $2.replace(/''/g, '\\''); /* eslint-disable-line */\n }\n if ($3) {\n const ind = typeof $3 === \"string\" ? parseInt($3) : $3;\n return String(values[ind]);\n }\n throw new Error(`[i18n]: pattern syntax error at pos ${offset}`);\n });\n};\nexport default formatMessage;\n//# sourceMappingURL=formatMessage.js.map","import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from \"./asset-registries/i18n.js\";\nimport formatMessage from \"./util/formatMessage.js\";\nconst I18nBundleInstances = new Map();\nlet customGetI18nBundle;\n/**\n * @class\n * @public\n */\nclass I18nBundle {\n constructor(packageName) {\n this.packageName = packageName;\n }\n /**\n * Returns a text in the currently loaded language\n *\n * @public\n * @param {Object|String} textObj key/defaultText pair or just the key\n * @param params Values for the placeholders\n * @returns {string}\n */\n getText(textObj, ...params) {\n if (typeof textObj === \"string\") {\n textObj = { key: textObj, defaultText: textObj };\n }\n if (!textObj || !textObj.key) {\n return \"\";\n }\n const bundle = getI18nBundleData(this.packageName);\n if (bundle && !bundle[textObj.key]) {\n // eslint-disable-next-line no-console\n console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`);\n }\n const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);\n return formatMessage(messageText, params);\n }\n}\n/**\n * Returns the I18nBundle instance for the given package synchronously.\n *\n * @public\n * @param packageName\n * @returns { I18nBundle }\n */\nconst getI18nBundleSync = (packageName) => {\n if (I18nBundleInstances.has(packageName)) {\n return I18nBundleInstances.get(packageName);\n }\n const i18nBundle = new I18nBundle(packageName);\n I18nBundleInstances.set(packageName, i18nBundle);\n return i18nBundle;\n};\n/**\n * Fetches and returns the I18nBundle instance for the given package.\n *\n * @public\n * @param packageName\n * @returns { Promise\n * setDefaultIconCollection(\"sap_fiori_3\", \"SAP-icons-v5\");\n *\n *\n *\n * For example, to make a custom icon collection (with name \"my-custom-collection\") the default icon collection in \"sap_fiori_3\":\n *\n *\n *
\n * setDefaultIconCollection(\"sap_fiori_3\", \"my-custom-collection\");\n *\n *\n *\n * @public\n * @param { string } theme\n * @param { string } collectionName\n */\nconst setDefaultIconCollection = (theme, collectionName) => {\n IconCollectionConfiguration.set(theme, collectionName);\n};\n/**\n * Returns the configured default icon collection for a given theme.\n *\n * @param { string } theme\n * @public\n * @returns { string | undefined }\n */\nconst getDefaultIconCollection = (theme) => {\n return IconCollectionConfiguration.get(theme);\n};\nexport { setDefaultIconCollection, getDefaultIconCollection, };\n//# sourceMappingURL=Icons.js.map","import { getTheme } from \"../../config/Theme.js\";\nimport { getDefaultIconCollection } from \"../../config/Icons.js\";\nimport { getIconCollectionByAlias } from \"./IconCollectionsAlias.js\";\nimport { getIconCollectionForTheme } from \"./IconCollectionsByTheme.js\";\n/**\n * Returns the effective theme dependant icon collection:\n *\n * - \"no collection\" resolves to \"SAP-icons-v4\" in \"Quartz\" and \"Belize\", and to \"SAP-icons-v5\" in \"Horizon\"\n * - \"tnt\" (and its alias \"SAP-icons-TNT\") resolves to \"tnt-v2\" in \"Quartz\", \"Belize\", and resolves to \"tnt-v3\" in \"Horizon\"\n * - \"business-suite\" (and its alias \"BusinessSuiteInAppSymbols\") resolves to \"business-suite-v1\" in \"Quartz\", \"Belize\", and resolves to \"business-suite-v2\" in \"Horizon\"\n *\n * @param { IconCollection } collectionName\n * @returns { IconCollection } the effective collection name\n */\nconst getEffectiveIconCollection = (collectionName) => {\n const defaultIconCollection = getDefaultIconCollection(getTheme());\n // no collection + default collection, configured via setDefaultIconCollection - return the configured icon collection.\n if (!collectionName && defaultIconCollection) {\n return getIconCollectionByAlias(defaultIconCollection);\n }\n // no collection - return \"SAP-icons-v4\" or \"SAP-icons-v5\".\n if (!collectionName) {\n return getIconCollectionForTheme(\"SAP-icons\");\n }\n // has collection - return \"SAP-icons-v4\", \"SAP-icons-v5\", \"tnt-v1\", \"tnt-v2\", \"business-suite-v1\", \"business-suite-v2\", or custom ones.\n return getIconCollectionForTheme(collectionName);\n};\nexport default getEffectiveIconCollection;\n//# sourceMappingURL=getIconCollectionByTheme.js.map","import getSharedResource from \"../getSharedResource.js\";\nimport { getIconCollectionByAlias } from \"./util/IconCollectionsAlias.js\";\nimport { registerIconCollectionForTheme } from \"./util/IconCollectionsByTheme.js\";\nimport getEffectiveIconCollection from \"./util/getIconCollectionByTheme.js\";\nimport { getI18nBundle } from \"../i18nBundle.js\";\nconst DEFAULT_THEME_FAMILY = \"legacy\"; // includes sap_belize_* and sap_fiori_*\nconst loaders = new Map();\nconst registry = getSharedResource(\"SVGIcons.registry\", new Map());\nconst iconCollectionPromises = getSharedResource(\"SVGIcons.promises\", new Map());\nconst ICON_NOT_FOUND = \"ICON_NOT_FOUND\";\nconst registerIconLoader = (collectionName, loader) => {\n loaders.set(collectionName, loader);\n};\nconst _loadIconCollectionOnce = async (collectionName) => {\n if (!iconCollectionPromises.has(collectionName)) {\n if (!loaders.has(collectionName)) {\n throw new Error(`No loader registered for the ${collectionName} icons collection. Probably you forgot to import the \"AllIcons.js\" module for the respective package.`);\n }\n const loadIcons = loaders.get(collectionName);\n iconCollectionPromises.set(collectionName, loadIcons(collectionName));\n }\n return iconCollectionPromises.get(collectionName);\n};\nconst _fillRegistry = (bundleData) => {\n Object.keys(bundleData.data).forEach(iconName => {\n const iconData = bundleData.data[iconName];\n registerIcon(iconName, {\n pathData: (iconData.path || iconData.paths),\n ltr: iconData.ltr,\n accData: iconData.acc,\n collection: bundleData.collection,\n packageName: bundleData.packageName,\n });\n });\n};\n// set\nconst registerIcon = (name, iconData) => {\n const key = `${iconData.collection}/${name}`;\n registry.set(key, {\n pathData: iconData.pathData,\n ltr: iconData.ltr,\n accData: iconData.accData,\n packageName: iconData.packageName,\n customTemplate: iconData.customTemplate,\n viewBox: iconData.viewBox,\n collection: iconData.collection,\n });\n};\n/**\n * Processes the full icon name and splits it into - \"name\", \"collection\".\n * - removes legacy protocol (\"sap-icon://\")\n * - resolves aliases (f.e \"SAP-icons-TNT/actor\" => \"tnt/actor\")\n *\n * @param { string } name\n * @return { object }\n */\nconst processName = (name) => {\n // silently support ui5-compatible URIs\n if (name.startsWith(\"sap-icon://\")) {\n name = name.replace(\"sap-icon://\", \"\");\n }\n let collection;\n [name, collection] = name.split(\"/\").reverse();\n name = name.replace(\"icon-\", \"\");\n if (collection) {\n collection = getIconCollectionByAlias(collection);\n }\n return { name, collection };\n};\nconst getIconDataSync = (iconName) => {\n const { name, collection } = processName(iconName);\n return getRegisteredIconData(collection, name);\n};\nconst getIconData = async (iconName) => {\n const { name, collection } = processName(iconName);\n let iconData = ICON_NOT_FOUND;\n try {\n iconData = (await _loadIconCollectionOnce(getEffectiveIconCollection(collection)));\n }\n catch (error) {\n const e = error;\n console.error(e.message); /* eslint-disable-line */\n }\n if (iconData === ICON_NOT_FOUND) {\n return iconData;\n }\n const registeredIconData = getRegisteredIconData(collection, name);\n if (registeredIconData) {\n return registeredIconData;\n }\n // not filled by another await. many getters will await on the same loader, but fill only once\n if (Array.isArray(iconData)) {\n iconData.forEach(data => {\n _fillRegistry(data);\n registerIconCollectionForTheme(collection, { [data.themeFamily || DEFAULT_THEME_FAMILY]: data.collection });\n });\n }\n else {\n _fillRegistry(iconData);\n }\n return getRegisteredIconData(collection, name);\n};\nconst getRegisteredIconData = (collection, name) => {\n const registryKey = `${getEffectiveIconCollection(collection)}/${name}`;\n return registry.get(registryKey);\n};\n/**\n * Returns the accessible name for the given icon,\n * or undefined if accessible name is not present.\n *\n * @param { string } name\n * @return { Promise }\n */\nconst getIconAccessibleName = async (name) => {\n if (!name) {\n return;\n }\n let iconData = getIconDataSync(name);\n if (!iconData) {\n iconData = await getIconData(name);\n }\n if (iconData && iconData !== ICON_NOT_FOUND && iconData.accData) {\n const i18nBundle = await getI18nBundle(iconData.packageName);\n return i18nBundle.getText(iconData.accData);\n }\n};\n// test page usage only\nconst _getRegisteredNames = async () => {\n // fetch one icon of each collection to trigger the bundle load\n await getIconData(\"edit\");\n await getIconData(\"tnt/arrow\");\n await getIconData(\"business-suite/3d\");\n return Array.from(registry.keys());\n};\nexport { registerIconLoader, getIconData, getIconDataSync, getIconAccessibleName, registerIcon, _getRegisteredNames, };\n//# sourceMappingURL=Icons.js.map","const ICON_ACTION_SETTINGS = { key: \"ICON_ACTION_SETTINGS\", defaultText: \"Settings\" };\nconst ICON_ACTIVATE = { key: \"ICON_ACTIVATE\", defaultText: \"Activate\" };\nconst ICON_ADD = { key: \"ICON_ADD\", defaultText: \"Add\" };\nconst ICON_ADD_CONTACT = { key: \"ICON_ADD_CONTACT\", defaultText: \"Add Contact\" };\nconst ICON_ADD_FILTER = { key: \"ICON_ADD_FILTER\", defaultText: \"Add Filter\" };\nconst ICON_ADD_PHOTO = { key: \"ICON_ADD_PHOTO\", defaultText: \"Add Photo\" };\nconst ICON_BACK_TO_TOP = { key: \"ICON_BACK_TO_TOP\", defaultText: \"Back to Top\" };\nconst ICON_COLLAPSE = { key: \"ICON_COLLAPSE\", defaultText: \"Collapse\" };\nconst ICON_COLLAPSE_GROUP = { key: \"ICON_COLLAPSE_GROUP\", defaultText: \"Collapse Group\" };\nconst ICON_CROP = { key: \"ICON_CROP\", defaultText: \"Crop\" };\nconst ICON_DECLINE = { key: \"ICON_DECLINE\", defaultText: \"Decline\" };\nconst ICON_DELETE = { key: \"ICON_DELETE\", defaultText: \"Delete\" };\nconst ICON_DISPLAY = { key: \"ICON_DISPLAY\", defaultText: \"Display\" };\nconst ICON_DOWN = { key: \"ICON_DOWN\", defaultText: \"Down\" };\nconst ICON_DOWNLOAD = { key: \"ICON_DOWNLOAD\", defaultText: \"Download\" };\nconst ICON_DRILL_DOWN = { key: \"ICON_DRILL_DOWN\", defaultText: \"Drill Down\" };\nconst ICON_DRILL_UP = { key: \"ICON_DRILL_UP\", defaultText: \"Drill Up\" };\nconst ICON_ERROR = { key: \"ICON_ERROR\", defaultText: \"Error\" };\nconst ICON_EXIT_FULL_SCREEN = { key: \"ICON_EXIT_FULL_SCREEN\", defaultText: \"Exit Full Screen\" };\nconst ICON_EXPAND = { key: \"ICON_EXPAND\", defaultText: \"Expand\" };\nconst ICON_EXPAND_GROUP = { key: \"ICON_EXPAND_GROUP\", defaultText: \"Expand Group\" };\nconst ICON_FILTER = { key: \"ICON_FILTER\", defaultText: \"Filter\" };\nconst ICON_FLAG = { key: \"ICON_FLAG\", defaultText: \"Flag\" };\nconst ICON_FORWARD = { key: \"ICON_FORWARD\", defaultText: \"Forward\" };\nconst ICON_FULL_SCREEN = { key: \"ICON_FULL_SCREEN\", defaultText: \"Enter Full Screen\" };\nconst ICON_GENERATE_SHORTCUT = { key: \"ICON_GENERATE_SHORTCUT\", defaultText: \"Create Shortcut\" };\nconst ICON_GROUP_2 = { key: \"ICON_GROUP_2\", defaultText: \"Group\" };\nconst ICON_HIDE = { key: \"ICON_HIDE\", defaultText: \"Hide\" };\nconst ICON_IPAD = { key: \"ICON_IPAD\", defaultText: \"Tablet\" };\nconst ICON_IPHONE = { key: \"ICON_IPHONE\", defaultText: \"Phone\" };\nconst ICON_LAPTOP = { key: \"ICON_LAPTOP\", defaultText: \"Laptop\" };\nconst ICON_MESSAGE_ERROR = { key: \"ICON_MESSAGE_ERROR\", defaultText: \"Error\" };\nconst ICON_MESSAGE_INFORMATION = { key: \"ICON_MESSAGE_INFORMATION\", defaultText: \"Information\" };\nconst ICON_MESSAGE_SUCCESS = { key: \"ICON_MESSAGE_SUCCESS\", defaultText: \"Successful\" };\nconst ICON_MESSAGE_WARNING = { key: \"ICON_MESSAGE_WARNING\", defaultText: \"Warning\" };\nconst ICON_MOVE = { key: \"ICON_MOVE\", defaultText: \"Move\" };\nconst ICON_MULTI_SELECT = { key: \"ICON_MULTI_SELECT\", defaultText: \"Multi Select\" };\nconst ICON_NAV_BACK = { key: \"ICON_NAV_BACK\", defaultText: \"Navigate Back\" };\nconst ICON_OVERFLOW = { key: \"ICON_OVERFLOW\", defaultText: \"More\" };\nconst ICON_REDO = { key: \"ICON_REDO\", defaultText: \"Redo\" };\nconst ICON_REFRESH = { key: \"ICON_REFRESH\", defaultText: \"Refresh\" };\nconst ICON_RESIZE = { key: \"ICON_RESIZE\", defaultText: \"Resize\" };\nconst ICON_RESIZE_HORIZONTAL = { key: \"ICON_RESIZE_HORIZONTAL\", defaultText: \"Resize Horizontally\" };\nconst ICON_RESIZE_VERTICAL = { key: \"ICON_RESIZE_VERTICAL\", defaultText: \"Resize Vertically\" };\nconst ICON_RESPONSE = { key: \"ICON_RESPONSE\", defaultText: \"Reply\" };\nconst ICON_SAVE = { key: \"ICON_SAVE\", defaultText: \"Save\" };\nconst ICON_SEARCH = { key: \"ICON_SEARCH\", defaultText: \"Search\" };\nconst ICON_SETTINGS = { key: \"ICON_SETTINGS\", defaultText: \"Settings\" };\nconst ICON_SHOW = { key: \"ICON_SHOW\", defaultText: \"Show\" };\nconst ICON_SORT = { key: \"ICON_SORT\", defaultText: \"Sort\" };\nconst ICON_SORT_ASCENDING = { key: \"ICON_SORT_ASCENDING\", defaultText: \"Sort Ascending\" };\nconst ICON_SORT_DESCENDING = { key: \"ICON_SORT_DESCENDING\", defaultText: \"Sort Descending\" };\nconst ICON_SYNCHRONIZE = { key: \"ICON_SYNCHRONIZE\", defaultText: \"Synchronize\" };\nconst ICON_UNDO = { key: \"ICON_UNDO\", defaultText: \"Undo\" };\nconst ICON_UP = { key: \"ICON_UP\", defaultText: \"Up\" };\nconst ICON_UPLOAD = { key: \"ICON_UPLOAD\", defaultText: \"Upload\" };\nconst ICON_ZOOM_IN = { key: \"ICON_ZOOM_IN\", defaultText: \"Zoom In\" };\nconst ICON_ZOOM_OUT = { key: \"ICON_ZOOM_OUT\", defaultText: \"Zoom Out\" };\nexport { ICON_ACTION_SETTINGS, ICON_ACTIVATE, ICON_ADD, ICON_ADD_CONTACT, ICON_ADD_FILTER, ICON_ADD_PHOTO, ICON_BACK_TO_TOP, ICON_COLLAPSE, ICON_COLLAPSE_GROUP, ICON_CROP, ICON_DECLINE, ICON_DELETE, ICON_DISPLAY, ICON_DOWN, ICON_DOWNLOAD, ICON_DRILL_DOWN, ICON_DRILL_UP, ICON_ERROR, ICON_EXIT_FULL_SCREEN, ICON_EXPAND, ICON_EXPAND_GROUP, ICON_FILTER, ICON_FLAG, ICON_FORWARD, ICON_FULL_SCREEN, ICON_GENERATE_SHORTCUT, ICON_GROUP_2, ICON_HIDE, ICON_IPAD, ICON_IPHONE, ICON_LAPTOP, ICON_MESSAGE_ERROR, ICON_MESSAGE_INFORMATION, ICON_MESSAGE_SUCCESS, ICON_MESSAGE_WARNING, ICON_MOVE, ICON_MULTI_SELECT, ICON_NAV_BACK, ICON_OVERFLOW, ICON_REDO, ICON_REFRESH, ICON_RESIZE, ICON_RESIZE_HORIZONTAL, ICON_RESIZE_VERTICAL, ICON_RESPONSE, ICON_SAVE, ICON_SEARCH, ICON_SETTINGS, ICON_SHOW, ICON_SORT, ICON_SORT_ASCENDING, ICON_SORT_DESCENDING, ICON_SYNCHRONIZE, ICON_UNDO, ICON_UP, ICON_UPLOAD, ICON_ZOOM_IN, ICON_ZOOM_OUT };\n//# sourceMappingURL=i18n-defaults.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport { ICON_DECLINE } from \"../generated/i18n/i18n-defaults.js\";\n\nconst name = \"decline\";\nconst pathData = \"M86 109l22-23q5-5 12-5 6 0 11 5l124 125L380 86q5-5 11-5 7 0 12 5l22 23q12 11 0 23L301 256l124 125q11 11 0 22l-22 23q-8 5-12 5-3 0-11-5L255 301 131 426q-5 5-11 5-4 0-12-5l-22-23q-11-11 0-22l124-125L86 132q-12-12 0-23z\";\nconst ltr = false;\nconst accData = ICON_DECLINE;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, accData, collection, packageName });\n\nexport default \"SAP-icons-v4/decline\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport { ICON_DECLINE } from \"../generated/i18n/i18n-defaults.js\";\n\nconst name = \"decline\";\nconst pathData = \"M292 256l117 116q7 7 7 18 0 12-7.5 19t-18.5 7q-10 0-18-8L256 292 140 408q-8 8-18 8-11 0-18.5-7.5T96 390q0-10 8-18l116-116-116-116q-8-8-8-18 0-11 7.5-18.5T122 96t18 7l116 117 116-117q7-7 18-7t18.5 7.5T416 122t-7 18z\";\nconst ltr = false;\nconst accData = ICON_DECLINE;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, accData, collection, packageName });\n\nexport default \"SAP-icons-v5/decline\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/decline.js\";\nimport { pathData as pathDatav5 } from \"./v5/decline.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"decline\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"not-editable\";\nconst pathData = \"M443 104q5 7 5 12 0 6-5 11L118 453q-4 4-8 4L0 480l22-110q0-5 4-9L352 36q4-4 11-4t11 4zm-121 99l-46-45L52 381l46 46zm87-88l-46-44-64 64 45 45zm71 204l-63 64-65-64-33 32 66 63-66 66 33 32 65-66 63 66 32-32-66-66 66-63z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/not-editable\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"not-editable\";\nconst pathData = \"M504 94q7 7 7 18t-7 18L130 505q-9 7-18 7H26q-11 0-18.5-7.5T0 486v-86q0-10 8-18L381 7q9-7 18-7 11 0 18 7zm-55 18l-50-50-50 50 50 50zm-86 86l-50-50L62 400l50 50zm142 270q7 7 7 18t-7.5 18.5T486 512t-18-7l-37-38-38 38q-7 7-18 7t-18.5-7.5T349 486q0-10 8-18l38-37-38-38q-8-8-8-18 0-11 7.5-18.5T375 349q10 0 18 8l38 37 37-37q8-8 18-8 11 0 18.5 7.5T512 375t-7 18l-38 38z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/not-editable\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/not-editable.js\";\nimport { pathData as pathDatav5 } from \"./v5/not-editable.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"not-editable\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport { ICON_ERROR } from \"../generated/i18n/i18n-defaults.js\";\n\nconst name = \"error\";\nconst pathData = \"M512 256q0 53-20.5 100t-55 81.5-81 54.5-99.5 20-100-20.5-81.5-55T20 355 0 256q0-54 20-100.5t55-81T156.5 20 256 0t99.5 20T437 75t55 81.5 20 99.5zM399 364q6-6 0-12l-86-86q-6-6 0-12l81-81q6-6 0-12l-37-37q-2-2-6-2t-6 2l-83 82q-1 3-6 3-3 0-6-3l-84-83q-1-2-6-2-4 0-6 2l-37 37q-6 6 0 12l83 82q6 6 0 12l-83 82q-2 2-2.5 6t2.5 6l36 37q4 2 6 2 4 0 6-2l85-84q2-2 6-2t6 2l88 88q4 2 6 2t6-2z\";\nconst ltr = false;\nconst accData = ICON_ERROR;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, accData, collection, packageName });\n\nexport default \"SAP-icons-v4/error\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\nimport { ICON_ERROR } from \"../generated/i18n/i18n-defaults.js\";\n\nconst name = \"error\";\nconst pathData = \"M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm45 256l74-73q9-11 9-23 0-13-9.5-22.5T352 128q-12 0-23 9l-73 74-73-74q-10-9-23-9t-22.5 9.5T128 160q0 12 9 23l74 73-74 73q-9 10-9 23t9.5 22.5T160 384t23-9l73-74 73 74q11 9 23 9 13 0 22.5-9.5T384 352t-9-23z\";\nconst ltr = false;\nconst accData = ICON_ERROR;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, accData, collection, packageName });\n\nexport default \"SAP-icons-v5/error\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/error.js\";\nimport { pathData as pathDatav5 } from \"./v5/error.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"error\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"alert\";\nconst pathData = \"M501 374q5 10 7.5 19.5T512 412v5q0 31-23 47t-50 16H74q-13 0-26-4t-23.5-12-17-20T0 417q0-13 4-22.5t9-20.5L198 38q21-38 61-38 38 0 59 38zM257 127q-13 0-23.5 8T223 161q1 7 2 12 3 25 4.5 48t3.5 61q0 11 7.5 16t16.5 5q22 0 23-21l2-36 9-85q0-18-10.5-26t-23.5-8zm0 299q20 0 31.5-12t11.5-32q0-19-11.5-31T257 339t-31.5 12-11.5 31q0 20 11.5 32t31.5 12z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/alert\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"alert\";\nconst pathData = \"M505 399q7 13 7 27 0 21-15.5 37.5T456 480H56q-25 0-40.5-16.5T0 426q0-14 7-27L208 59q17-27 48-27 14 0 27 6.5T304 59zM288 176q0-14-9-23t-23-9-23 9-9 23v96q0 14 9 23t23 9 23-9 9-23v-96zm-32 240q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/alert\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/alert.js\";\nimport { pathData as pathDatav5 } from \"./v5/alert.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"alert\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"sys-enter-2\";\nconst pathData = \"M512 256q0 54-20 100.5t-54.5 81T356 492t-100 20q-54 0-100.5-20t-81-55T20 355.5 0 256t20.5-100 55-81.5T157 20t99-20q53 0 100 20t81.5 54.5T492 156t20 100zm-118-87q4-8-1-13l-36-36q-3-4-8-4t-8 5L237 294q-3 1-4 0l-70-52q-4-3-7-3t-4.5 2-2.5 3l-29 41q-6 8 2 14l113 95q2 2 7 2t8-4z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/sys-enter-2\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"sys-enter-2\";\nconst pathData = \"M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm150 183q10-9 10-23 0-13-9.5-22.5T384 128t-22 9L186 308l-68-63q-9-9-22-9t-22.5 9.5T64 268q0 15 10 24l91 83q9 9 21 9 13 0 23-9z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/sys-enter-2\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/sys-enter-2.js\";\nimport { pathData as pathDatav5 } from \"./v5/sys-enter-2.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"sys-enter-2\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"information\";\nconst pathData = \"M0 256q0-53 20.5-100t55-81.5T157 20t99-20q54 0 100.5 20t81 55 54.5 81.5 20 99.5q0 54-20 100.5t-54.5 81T356 492t-100 20q-54 0-100.5-20t-81-55T20 355.5 0 256zm192 112v33h128v-33h-32V215q0-6-7-6h-88v31h32v128h-33zm34-201q14 11 30 11 17 0 29.5-11.5T298 138q0-19-13-31-12-12-29-12-19 0-30.5 12.5T214 138q0 17 12 29z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/information\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"information\";\nconst pathData = \"M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm0 160q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9zm32 64q0-14-9-23t-23-9-23 9-9 23v160q0 14 9 23t23 9 23-9 9-23V224z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/information\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/information.js\";\nimport { pathData as pathDatav5 } from \"./v5/information.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"information\";\nexport { pathData, ltr, accData };","/**\n * Different input types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.InputType\n */\nvar InputType;\n(function (InputType) {\n /**\n * Defines a one-line text input field:\n * @public\n * @type {Text}\n */\n InputType[\"Text\"] = \"Text\";\n /**\n * Used for input fields that must contain an e-mail address.\n * @public\n * @type {Email}\n */\n InputType[\"Email\"] = \"Email\";\n /**\n * Defines a numeric input field.\n * @public\n * @type {Number}\n */\n InputType[\"Number\"] = \"Number\";\n /**\n * Defines a password field.\n * @public\n * @type {Password}\n */\n InputType[\"Password\"] = \"Password\";\n /**\n * Used for input fields that should contain a telephone number.\n * @public\n * @type {Tel}\n */\n InputType[\"Tel\"] = \"Tel\";\n /**\n * Used for input fields that should contain a URL address.\n * @public\n * @type {URL}\n */\n InputType[\"URL\"] = \"URL\";\n})(InputType || (InputType = {}));\nexport default InputType;\n//# sourceMappingURL=InputType.js.map","import DataType from \"./DataType.js\";\n/**\n * @class\n * DOM Element reference or ID.\n * Note: If an ID is passed, it is expected to be part of the same\n *
document element as the consuming component.\n *\n * @constructor\n * @extends sap.ui.webc.base.types.DataType\n * @author SAP SE\n * @alias sap.ui.webc.base.types.DOMReference\n * @public\n */\nclass DOMReference extends DataType {\n static isValid(value) {\n return (typeof value === \"string\" || value instanceof HTMLElement);\n }\n static propertyToAttribute(propertyValue) {\n if (propertyValue instanceof HTMLElement) {\n return null;\n }\n return propertyValue;\n }\n}\nexport default DOMReference;\n//# sourceMappingURL=DOMReference.js.map","import getSharedResource from \"../getSharedResource.js\";\nimport { getFeature } from \"../FeaturesRegistry.js\";\nimport getActiveElement from \"./getActiveElement.js\";\nconst popupUtilsData = getSharedResource(\"PopupUtilsData\", { currentZIndex: 100 });\nconst getFocusedElement = () => {\n const element = getActiveElement();\n return (element && typeof element.focus === \"function\") ? element : null;\n};\nconst isFocusedElementWithinNode = (node) => {\n const fe = getFocusedElement();\n if (fe) {\n return isNodeContainedWithin(node, fe);\n }\n return false;\n};\nconst isNodeContainedWithin = (parent, child) => {\n let currentNode = parent;\n if (currentNode.shadowRoot) {\n const children = Array.from(currentNode.shadowRoot.children);\n currentNode = children.find(n => n.localName !== \"style\");\n if (!currentNode) {\n return false;\n }\n }\n if (currentNode === child) {\n return true;\n }\n const childNodes = currentNode.localName === \"slot\" ? currentNode.assignedNodes() : currentNode.children;\n if (childNodes) {\n return Array.from(childNodes).some(n => isNodeContainedWithin(n, child));\n }\n return false;\n};\nconst isPointInRect = (x, y, rect) => {\n return x >= rect.left && x <= rect.right\n && y >= rect.top && y <= rect.bottom;\n};\nconst isClickInRect = (e, rect) => {\n let x;\n let y;\n if (e instanceof MouseEvent) {\n x = e.clientX;\n y = e.clientY;\n }\n else {\n const touch = e.touches[0];\n x = touch.clientX;\n y = touch.clientY;\n }\n return isPointInRect(x, y, rect);\n};\nfunction instanceOfPopup(object) {\n return \"isUI5Element\" in object && \"_show\" in object;\n}\nconst getClosedPopupParent = (el) => {\n const parent = el.parentElement || (el.getRootNode && el.getRootNode().host);\n if (parent && ((instanceOfPopup(parent) || parent === document.documentElement))) {\n return parent;\n }\n return getClosedPopupParent(parent);\n};\nconst getNextZIndex = () => {\n const openUI5Support = getFeature(\"OpenUI5Support\");\n if (openUI5Support && openUI5Support.isOpenUI5Detected()) { // use OpenUI5 for getting z-index values, if loaded\n return openUI5Support.getNextZIndex();\n }\n popupUtilsData.currentZIndex += 2;\n return popupUtilsData.currentZIndex;\n};\nconst getCurrentZIndex = () => {\n return popupUtilsData.currentZIndex;\n};\nexport { getFocusedElement, isClickInRect, getClosedPopupParent, getNextZIndex, getCurrentZIndex, isFocusedElementWithinNode, };\n//# sourceMappingURL=PopupUtils.js.map","/**\n * Returns a value clamped between an upper bound 'max' and lower bound 'min'.\n * @param {number} val value\n * @param {number} min lower bound\n * @param {number} max upper bound\n * @returns {number}\n */\nconst clamp = (val, min, max) => {\n return Math.min(Math.max(val, min), max);\n};\nexport default clamp;\n//# sourceMappingURL=clamp.js.map","const isElementContainingBlock = (el) => {\n const computedStyle = getComputedStyle(el);\n return [\"size\", \"inline-size\"].indexOf(computedStyle.containerType) > -1\n || [\"transform\", \"perspective\"].indexOf(computedStyle.willChange) > -1\n || [\"layout\", \"paint\", \"strict\", \"content\"].indexOf(computedStyle.contain) > -1\n || computedStyle.transform !== \"none\"\n || computedStyle.perspective !== \"none\"\n || computedStyle.backdropFilter !== \"none\";\n};\nexport default isElementContainingBlock;\n//# sourceMappingURL=isElementContainingBlock.js.map","const getParentElement = (el) => {\n return (el.parentElement ? el.parentNode : el.parentNode.host);\n};\nexport default getParentElement;\n//# sourceMappingURL=getParentElement.js.map","const isElementHidden = (el) => {\n if (el.nodeName === \"SLOT\") {\n return false;\n }\n return (el.offsetWidth <= 0 && el.offsetHeight <= 0) || (el.style && el.style.visibility === \"hidden\");\n};\nexport default isElementHidden;\n//# sourceMappingURL=isElementHidden.js.map","const rClickable = /^(?:a|area)$/i;\nconst rFocusable = /^(?:input|select|textarea|button)$/i;\nconst isElementClickable = (el) => {\n if (el.disabled) {\n return false;\n }\n const tabIndex = el.getAttribute(\"tabindex\");\n if (tabIndex !== null && tabIndex !== undefined) {\n return parseInt(tabIndex) >= 0;\n }\n return rFocusable.test(el.nodeName)\n || (rClickable.test(el.nodeName)\n && !!el.href);\n};\nexport default isElementClickable;\n//# sourceMappingURL=isElementClickable.js.map","import isElementHidden from \"./isElementHidden.js\";\nimport isElementClickable from \"./isElementClickable.js\";\nimport { instanceOfUI5Element } from \"../UI5Element.js\";\nconst isFocusTrap = (el) => {\n return el.hasAttribute(\"data-ui5-focus-trap\");\n};\nconst getFirstFocusableElement = async (container, startFromContainer) => {\n if (!container || isElementHidden(container)) {\n return null;\n }\n return findFocusableElement(container, true, startFromContainer);\n};\nconst getLastFocusableElement = async (container, startFromContainer) => {\n if (!container || isElementHidden(container)) {\n return null;\n }\n return findFocusableElement(container, false, startFromContainer);\n};\nconst isElemFocusable = (el) => {\n return el.hasAttribute(\"data-ui5-focus-redirect\") || !isElementHidden(el);\n};\nconst findFocusableElement = async (container, forward, startFromContainer) => {\n let child;\n let assignedElements;\n let currentIndex = -1;\n if (container.shadowRoot) {\n child = forward ? container.shadowRoot.firstChild : container.shadowRoot.lastChild;\n }\n else if (container instanceof HTMLSlotElement && container.assignedNodes()) {\n assignedElements = container.assignedNodes();\n currentIndex = forward ? 0 : assignedElements.length - 1;\n child = assignedElements[currentIndex];\n }\n else if (startFromContainer) {\n child = container;\n }\n else {\n child = forward ? container.firstElementChild : container.lastElementChild;\n }\n let focusableDescendant;\n /* eslint-disable no-await-in-loop */\n while (child) {\n const originalChild = child;\n if (instanceOfUI5Element(child)) {\n child = await child.getFocusDomRefAsync();\n }\n if (!child) {\n return null;\n }\n if (child.nodeType === 1 && isElemFocusable(child) && !isFocusTrap(child)) {\n if (isElementClickable(child)) {\n return (child && typeof child.focus === \"function\") ? child : null;\n }\n focusableDescendant = await findFocusableElement(child, forward);\n if (focusableDescendant) {\n return (focusableDescendant && typeof focusableDescendant.focus === \"function\") ? focusableDescendant : null;\n }\n }\n child = forward ? originalChild.nextSibling : originalChild.previousSibling;\n // If the child element is not part of the currently assigned element,\n // we have to check the next/previous element assigned to the slot or continue with the next/previous sibling of the slot,\n // otherwise, the nextSibling/previousSibling is the next element inside the light DOM\n if (assignedElements && !assignedElements[currentIndex].contains(child)) {\n currentIndex = forward ? currentIndex + 1 : currentIndex - 1;\n child = assignedElements[currentIndex];\n }\n }\n /* eslint-enable no-await-in-loop */\n return null;\n};\nexport { getFirstFocusableElement, getLastFocusableElement, };\n//# sourceMappingURL=FocusableElements.js.map","const NO_SCROLLBAR_STYLE_CLASS = \"ui5-content-native-scrollbars\";\nconst getEffectiveScrollbarStyle = () => document.body.classList.contains(NO_SCROLLBAR_STYLE_CLASS);\nexport default getEffectiveScrollbarStyle;\n//# sourceMappingURL=getEffectiveScrollbarStyle.js.map","const mediaRanges = new Map();\nconst DEAFULT_RANGE_SET = new Map();\nDEAFULT_RANGE_SET.set(\"S\", [0, 599]);\nDEAFULT_RANGE_SET.set(\"M\", [600, 1023]);\nDEAFULT_RANGE_SET.set(\"L\", [1024, 1439]);\nDEAFULT_RANGE_SET.set(\"XL\", [1440, Infinity]);\n/**\n * Enumeration containing the names and settings of predefined screen width media query range sets.\n *\n * @namespace\n * @name MediaRange.RANGESETS\n * @public\n */\nvar RANGESETS;\n(function (RANGESETS) {\n /**\n * A 4-step range set (S-M-L-XL).\n *\n * The ranges of this set are:\n * - \n *
\"S\": For screens smaller than 600 pixels. \n * \"M\": For screens greater than or equal to 600 pixels and smaller than 1024 pixels. \n * \"L\": For screens greater than or equal to 1024 pixels and smaller than 1440 pixels. \n * \"XL\": For screens greater than or equal to 1440 pixels. \n *
MediaRange.\n *\n * A range set can be defined as shown in the following example:\n * \n * MediaRange.initRangeSet(\"MyRangeSet\", [200, 400], [\"Small\", \"Medium\", \"Large\"]);\n *\n * This example defines the following named ranges:\n *
- \n *
\"Small\": For screens smaller than 200 pixels. \n * \"Medium\": For screens greater than or equal to 200 pixels and smaller than 400 pixels. \n * \"Large\": For screens greater than or equal to 400 pixels. \n *
width is given, the active range will be determined for that width,\n * otherwise it is determined for the current window size.\n *\n * @param {string} name The name of the range set. The range set must be initialized beforehand ({@link MediaRange.initRangeSet})\n * @param {number} [width] An optional width, based on which the range should be determined;\n * If width is not provided, the window size will be used.\n * @returns {string} The name of the current active interval of the range set.\n *\n * @name MediaRange.getCurrentRange\n * @function\n * @public\n */\nconst getCurrentRange = (name, width = window.innerWidth) => {\n let rangeSet = mediaRanges.get(name);\n if (!rangeSet) {\n rangeSet = mediaRanges.get(RANGESETS.RANGE_4STEPS);\n }\n let currentRangeName;\n const effectiveWidth = Math.floor(width);\n rangeSet.forEach((value, key) => {\n if (effectiveWidth >= value[0] && effectiveWidth <= value[1]) {\n currentRangeName = key;\n }\n });\n return currentRangeName || [...rangeSet.keys()][0];\n};\n/**\n * API for screen width changes.\n *\n * @namespace\n * @name MediaRange\n */\nconst MediaRange = {\n RANGESETS,\n initRangeSet,\n getCurrentRange,\n};\nMediaRange.initRangeSet(MediaRange.RANGESETS.RANGE_4STEPS, DEAFULT_RANGE_SET);\nexport default MediaRange;\n//# sourceMappingURL=MediaRange.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `Overview
\n * Base class for all popup Web Components.\n *\n * If you need to create your own popup-like custom UI5 Web Components, it is highly recommended that you extend\n * at least Popup in order to have consistency with other popups in terms of modal behavior and z-index management.\n *\n * 1. The Popup class handles modality:\n * - The \"isModal\" getter can be overridden by derivatives to provide their own conditions when they are modal or not\n * - Derivatives may call the \"blockPageScrolling\" and \"unblockPageScrolling\" static methods to temporarily remove scrollbars on the html element\n * - Derivatives may call the \"open\" and \"close\" methods which handle focus, manage the popup registry and for modal popups, manage the blocking layer\n *\n * 2. Provides blocking layer (relevant for modal popups only):\n * - It is in the static area\n * - Controlled by the \"open\" and \"close\" methods\n *\n * 3. The Popup class \"traps\" focus:\n * - Derivatives may call the \"applyInitialFocus\" method (usually when opening, to transfer focus inside the popup)\n *\n * 4. The Popup class automatically assigns \"z-index\"\n * - Each time a popup is opened, it gets a higher than the previously opened popup z-index\n *\n * 5. The template of this component exposes two inline partials you can override in derivatives:\n * - beforeContent (upper part of the box, useful for header/title/close button)\n * - afterContent (lower part, useful for footer/action buttons)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Popup\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\nlet Popup = Popup_1 = class Popup extends UI5Element {\n constructor() {\n super();\n this._resizeHandler = this._resize.bind(this);\n }\n onBeforeRendering() {\n this._blockLayerHidden = !this.isOpen() || !this.isTopModalPopup;\n }\n onAfterRendering() {\n this._updateMediaRange();\n }\n onEnterDOM() {\n ResizeHandler.register(this, this._resizeHandler);\n }\n onExitDOM() {\n if (this.isOpen()) {\n Popup_1.unblockPageScrolling(this);\n this._removeOpenedPopup();\n }\n ResizeHandler.deregister(this, this._resizeHandler);\n }\n get _displayProp() {\n return \"block\";\n }\n _resize() {\n this._updateMediaRange();\n }\n /**\n * Prevents the user from interacting with the content under the block layer\n */\n _preventBlockLayerFocus(e) {\n e.preventDefault();\n }\n /**\n * Temporarily removes scrollbars from the html element\n * @protected\n */\n static blockPageScrolling(popup) {\n pageScrollingBlockers.add(popup);\n if (pageScrollingBlockers.size !== 1) {\n return;\n }\n document.documentElement.classList.add(\"ui5-popup-scroll-blocker\");\n }\n /**\n * Restores scrollbars on the html element, if needed\n * @protected\n */\n static unblockPageScrolling(popup) {\n pageScrollingBlockers.delete(popup);\n if (pageScrollingBlockers.size !== 0) {\n return;\n }\n document.documentElement.classList.remove(\"ui5-popup-scroll-blocker\");\n }\n _scroll(e) {\n this.fireEvent(\"scroll\", {\n scrollTop: e.target.scrollTop,\n targetRef: e.target,\n });\n }\n _onkeydown(e) {\n const isTabOutAttempt = e.target === this._root && isTabPrevious(e);\n // if the popup is closed, focus is already moved, so Enter keydown may result in click on the newly focused element\n const isEnterOnClosedPopupChild = isEnter(e) && !this.isOpen();\n if (isTabOutAttempt || isEnterOnClosedPopupChild) {\n e.preventDefault();\n }\n }\n _onfocusout(e) {\n // relatedTarget is the element, which will get focus. If no such element exists, focus the root.\n // This happens after the mouse is released in order to not interrupt text selection.\n if (!e.relatedTarget) {\n this._shouldFocusRoot = true;\n }\n }\n _onmousedown(e) {\n if (!isSafari()) { // Remove when adopting native dialog\n this._root.removeAttribute(\"tabindex\");\n }\n if (this.shadowRoot.contains(e.target)) {\n this._shouldFocusRoot = true;\n }\n else {\n this._shouldFocusRoot = false;\n }\n }\n _onmouseup() {\n if (!isSafari()) { // Remove when adopting native dialog\n this._root.tabIndex = -1;\n }\n if (this._shouldFocusRoot) {\n if (isChrome()) {\n this._root.focus();\n }\n this._shouldFocusRoot = false;\n }\n }\n /**\n * Focus trapping\n * @private\n */\n async forwardToFirst() {\n const firstFocusable = await getFirstFocusableElement(this);\n if (firstFocusable) {\n firstFocusable.focus();\n }\n else {\n this._root.focus();\n }\n }\n /**\n * Focus trapping\n * @private\n */\n async forwardToLast() {\n const lastFocusable = await getLastFocusableElement(this);\n if (lastFocusable) {\n lastFocusable.focus();\n }\n else {\n this._root.focus();\n }\n }\n /**\n * Use this method to focus the element denoted by \"initialFocus\", if provided, or the first focusable element otherwise.\n * @protected\n */\n async applyInitialFocus() {\n await this.applyFocus();\n }\n /**\n * Focuses the element denoted byinitialFocus, if provided,\n * or the first focusable element otherwise.\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#applyFocus\n * @async\n * @returns {Promise} Promise that resolves when the focus is applied\n */\n async applyFocus() {\n await this._waitForDomRef();\n if (this.getRootNode() === this) {\n return;\n }\n let element;\n if (this.initialFocus) {\n element = this.getRootNode().getElementById(this.initialFocus)\n || document.getElementById(this.initialFocus);\n }\n element = element || await getFirstFocusableElement(this) || this._root; // in case of no focusable content focus the root\n if (element) {\n if (element === this._root) {\n element.tabIndex = -1;\n }\n element.focus();\n }\n }\n /**\n * Tells if the component is opened\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#isOpen\n * @returns {boolean}\n */\n isOpen() {\n return this.opened;\n }\n isFocusWithin() {\n return isFocusedElementWithinNode(this._root);\n }\n /**\n * Shows the block layer (for modal popups only) and sets the correct z-index for the purpose of popup stacking\n * @protected\n */\n async _open(preventInitialFocus) {\n const prevented = !this.fireEvent(\"before-open\", {}, true, false);\n if (prevented) {\n return;\n }\n if (this.isModal && !this.shouldHideBackdrop) {\n // create static area item ref for block layer\n this.getStaticAreaItemDomRef();\n this._blockLayerHidden = false;\n Popup_1.blockPageScrolling(this);\n }\n this._zIndex = getNextZIndex();\n this.style.zIndex = this._zIndex?.toString() || \"\";\n this._focusedElementBeforeOpen = getFocusedElement();\n this._show();\n if (this.getDomRef()) {\n this._updateMediaRange();\n }\n this._addOpenedPopup();\n this.opened = true;\n this.open = true;\n await renderFinished();\n if (!this._disableInitialFocus && !preventInitialFocus) {\n await this.applyInitialFocus();\n }\n this.fireEvent(\"after-open\", {}, false, false);\n }\n _updateMediaRange() {\n this.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);\n }\n /**\n * Adds the popup to the \"opened popups registry\"\n * @protected\n */\n _addOpenedPopup() {\n addOpenedPopup(this);\n }\n /**\n * Closes the popup.\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#close\n * @returns {void}\n */\n close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {\n if (!this.opened) {\n return;\n }\n const prevented = !this.fireEvent(\"before-close\", { escPressed }, true, false);\n if (prevented) {\n return;\n }\n if (this.isModal) {\n this._blockLayerHidden = true;\n Popup_1.unblockPageScrolling(this);\n }\n this.hide();\n this.opened = false;\n this.open = false;\n if (!preventRegistryUpdate) {\n this._removeOpenedPopup();\n }\n if (!this.preventFocusRestore && !preventFocusRestore) {\n this.resetFocus();\n }\n this.fireEvent(\"after-close\", {}, false, false);\n }\n /**\n * Removes the popup from the \"opened popups registry\"\n * @protected\n */\n _removeOpenedPopup() {\n removeOpenedPopup(this);\n }\n /**\n * Returns the focus to the previously focused element\n * @protected\n */\n resetFocus() {\n if (!this._focusedElementBeforeOpen) {\n return;\n }\n this._focusedElementBeforeOpen.focus();\n this._focusedElementBeforeOpen = null;\n }\n /**\n * Sets \"block\" display to the popup. The property can be overriden by derivatives of Popup.\n * @protected\n */\n _show() {\n this.style.display = this._displayProp;\n }\n /**\n * Sets \"none\" display to the popup\n * @protected\n */\n hide() {\n this.style.display = \"none\";\n }\n /**\n * Ensures ariaLabel is never null or empty string\n * @returns {string | undefined}\n * @protected\n */\n get _ariaLabel() {\n return getEffectiveAriaLabelText(this);\n }\n get _root() {\n return this.shadowRoot.querySelector(\".ui5-popup-root\");\n }\n get _role() {\n return (this.accessibleRole === PopupAccessibleRole.None) ? undefined : this.accessibleRole.toLowerCase();\n }\n get _ariaModal() {\n return this.accessibleRole === PopupAccessibleRole.None ? undefined : \"true\";\n }\n get contentDOM() {\n return this.shadowRoot.querySelector(\".ui5-popup-content\");\n }\n get styles() {\n return {\n root: {},\n content: {},\n blockLayer: {\n \"zIndex\": this._zIndex ? this._zIndex - 1 : \"\",\n },\n };\n }\n get classes() {\n return {\n root: {\n \"ui5-popup-root\": true,\n \"ui5-content-native-scrollbars\": getEffectiveScrollbarStyle(),\n },\n content: {\n \"ui5-popup-content\": true,\n },\n };\n }\n};\n__decorate([\n property()\n], Popup.prototype, \"initialFocus\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"preventFocusRestore\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"open\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], Popup.prototype, \"opened\", void 0);\n__decorate([\n property({ defaultValue: undefined })\n], Popup.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], Popup.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: PopupAccessibleRole, defaultValue: PopupAccessibleRole.Dialog })\n], Popup.prototype, \"accessibleRole\", void 0);\n__decorate([\n property()\n], Popup.prototype, \"mediaRange\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"_disableInitialFocus\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"_blockLayerHidden\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], Popup.prototype, \"isTopModalPopup\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true })\n], Popup.prototype, \"content\", void 0);\nPopup = Popup_1 = __decorate([\n customElement({\n renderer: litRender,\n styles: popupStlyes,\n template: PopupTemplate,\n staticAreaTemplate: PopupBlockLayer,\n staticAreaStyles: popupStaticAreaStyles,\n })\n /**\n * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#before-open\n * @allowPreventDefault\n */\n ,\n event(\"before-open\")\n /**\n * Fired after the component is opened. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#after-open\n */\n ,\n event(\"after-open\")\n /**\n * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#before-close\n * @allowPreventDefault\n * @param {boolean} escPressed Indicates that ESC key has triggered the event.\n */\n ,\n event(\"before-close\", {\n escPressed: { type: Boolean },\n })\n /**\n * Fired after the component is closed. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#after-close\n */\n ,\n event(\"after-close\")\n /**\n * Fired whenever the popup content area is scrolled\n *\n * @private\n * @event sap.ui.webc.main.Popup#scroll\n */\n ,\n event(\"scroll\")\n], Popup);\nexport default Popup;\n//# sourceMappingURL=Popup.js.map","/**\n * Popover placement types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverPlacementType\n */\nvar PopoverPlacementType;\n(function (PopoverPlacementType) {\n /**\n * Popover will be placed at the left side of the reference element.\n * @public\n * @type {Left}\n */\n PopoverPlacementType[\"Left\"] = \"Left\";\n /**\n * Popover will be placed at the right side of the reference element.\n * @public\n * @type {Right}\n */\n PopoverPlacementType[\"Right\"] = \"Right\";\n /**\n * Popover will be placed at the top of the reference element.\n * @public\n * @type {Top}\n */\n PopoverPlacementType[\"Top\"] = \"Top\";\n /**\n * Popover will be placed at the bottom of the reference element.\n * @public\n * @type {Bottom}\n */\n PopoverPlacementType[\"Bottom\"] = \"Bottom\";\n})(PopoverPlacementType || (PopoverPlacementType = {}));\nexport default PopoverPlacementType;\n//# sourceMappingURL=PopoverPlacementType.js.map","/**\n * Popover vertical align types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverVerticalAlign\n */\nvar PopoverVerticalAlign;\n(function (PopoverVerticalAlign) {\n /**\n *\n * @public\n * @type {Center}\n */\n PopoverVerticalAlign[\"Center\"] = \"Center\";\n /**\n * Popover will be placed at the top of the reference control.\n * @public\n * @type {Top}\n */\n PopoverVerticalAlign[\"Top\"] = \"Top\";\n /**\n * Popover will be placed at the bottom of the reference control.\n * @public\n * @type {Bottom}\n */\n PopoverVerticalAlign[\"Bottom\"] = \"Bottom\";\n /**\n * Popover will be streched\n * @public\n * @type {Stretch}\n */\n PopoverVerticalAlign[\"Stretch\"] = \"Stretch\";\n})(PopoverVerticalAlign || (PopoverVerticalAlign = {}));\nexport default PopoverVerticalAlign;\n//# sourceMappingURL=PopoverVerticalAlign.js.map","/**\n * Popover horizontal align types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverHorizontalAlign\n */\nvar PopoverHorizontalAlign;\n(function (PopoverHorizontalAlign) {\n /**\n * Popover is centered.\n * @public\n * @type {Center}\n */\n PopoverHorizontalAlign[\"Center\"] = \"Center\";\n /**\n * Popover is aligned with the left side of the target. When direction is RTL, it is right aligned.\n * @public\n * @type {Left}\n */\n PopoverHorizontalAlign[\"Left\"] = \"Left\";\n /**\n * Popover is aligned with the right side of the target. When direction is RTL, it is left aligned.\n * @public\n * @type {Right}\n */\n PopoverHorizontalAlign[\"Right\"] = \"Right\";\n /**\n * Popover is stretched.\n * @public\n * @type {Stretch}\n */\n PopoverHorizontalAlign[\"Stretch\"] = \"Stretch\";\n})(PopoverHorizontalAlign || (PopoverHorizontalAlign = {}));\nexport default PopoverHorizontalAlign;\n//# sourceMappingURL=PopoverHorizontalAlign.js.map","import { isClickInRect } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\nlet updateInterval;\nconst intervalTimeout = 300;\nconst openedRegistry = [];\nconst repositionPopovers = () => {\n openedRegistry.forEach(popover => {\n popover.instance.reposition();\n });\n};\nconst closePopoversIfLostFocus = () => {\n if (document.activeElement.tagName === \"IFRAME\") {\n getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));\n }\n};\nconst runUpdateInterval = () => {\n updateInterval = setInterval(() => {\n repositionPopovers();\n closePopoversIfLostFocus();\n }, intervalTimeout);\n};\nconst stopUpdateInterval = () => {\n clearInterval(updateInterval);\n};\nconst attachGlobalScrollHandler = () => {\n document.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst detachGlobalScrollHandler = () => {\n document.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst attachScrollHandler = (popover) => {\n popover && popover.shadowRoot.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst detachScrollHandler = (popover) => {\n popover && popover.shadowRoot.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst attachGlobalClickHandler = () => {\n document.addEventListener(\"mousedown\", clickHandler);\n};\nconst detachGlobalClickHandler = () => {\n document.removeEventListener(\"mousedown\", clickHandler);\n};\nconst clickHandler = (event) => {\n const openedPopups = getOpenedPopups();\n if (openedPopups.length === 0) {\n return;\n }\n const isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n if (!isTopPopupPopover) {\n return;\n }\n // loop all open popovers\n for (let i = (openedPopups.length - 1); i !== -1; i--) {\n const popup = openedPopups[i].instance;\n // if popup is modal, opener is clicked, popup is dialog skip closing\n if (popup.isModal || popup.isOpenerClicked(event)) {\n return;\n }\n if (isClickInRect(event, popup.getBoundingClientRect())) {\n break;\n }\n popup.close();\n }\n};\nconst addOpenedPopover = (instance) => {\n const parentPopovers = getParentPopoversIfNested(instance);\n addOpenedPopup(instance, parentPopovers);\n openedRegistry.push({\n instance,\n parentPopovers,\n });\n attachScrollHandler(instance);\n if (openedRegistry.length === 1) {\n attachGlobalScrollHandler();\n attachGlobalClickHandler();\n runUpdateInterval();\n }\n};\nconst removeOpenedPopover = (instance) => {\n const popoversToClose = [instance];\n for (let i = 0; i < openedRegistry.length; i++) {\n const indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n if (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n popoversToClose.push(openedRegistry[i].instance);\n }\n }\n for (let i = popoversToClose.length - 1; i >= 0; i--) {\n for (let j = 0; j < openedRegistry.length; j++) {\n let indexOfItemToRemove = -1;\n if (popoversToClose[i] === openedRegistry[j].instance) {\n indexOfItemToRemove = j;\n }\n if (indexOfItemToRemove >= 0) {\n removeOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n itemToClose[0].instance.close(false, true);\n }\n }\n }\n if (!openedRegistry.length) {\n detachGlobalScrollHandler();\n detachGlobalClickHandler();\n stopUpdateInterval();\n }\n};\nconst getRegistry = () => {\n return openedRegistry;\n};\nconst getParentPopoversIfNested = (instance) => {\n let currentElement = instance.parentNode;\n const parentPopovers = [];\n while (currentElement && currentElement.parentNode) {\n for (let i = 0; i < openedRegistry.length; i++) {\n if (currentElement === openedRegistry[i].instance) {\n parentPopovers.push(currentElement);\n }\n }\n currentElement = currentElement.parentNode;\n }\n return parentPopovers;\n};\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n//# sourceMappingURL=PopoverRegistry.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${ifDefined(this.headerText)}
`; }\nfunction block4(context, tags, suffix) { return html `${this.footer.length ? block5.call(this, context, tags, suffix) : undefined}`; }\nfunction block5(context, tags, suffix) { return html ``; }\nexport default block0;\n//# sourceMappingURL=PopoverTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/BrowserScrollbar.css\", content: \":not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:horizontal{height:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar:vertical{width:var(--sapScrollBar_Dimension)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar{background-color:var(--sapScrollBar_TrackColor);border-left:var(--browser_scrollbar_border)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb{background-color:var(--sapScrollBar_FaceColor);border-radius:var(--browser_scrollbar_border_radius)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-thumb:hover{background-color:var(--sapScrollBar_Hover_FaceColor)}:not(.ui5-content-native-scrollbars) ::-webkit-scrollbar-corner{background-color:var(--sapScrollBar_TrackColor)}\" };\nexport default styleData;\n//# sourceMappingURL=BrowserScrollbar.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/PopupsCommon.css\", content: \":host{background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5-v1-20-0_popup_border_radius);box-sizing:border-box;display:none;min-height:2rem;position:fixed}.ui5-popup-root{background:inherit;border-radius:inherit;box-sizing:border-box;display:flex;flex-direction:column;height:100%;outline:none;overflow:hidden;width:100%}.ui5-popup-root .ui5-popup-header-root{border-bottom:var(--_ui5-v1-20-0_popup_header_border);box-shadow:var(--_ui5-v1-20-0_popup_header_shadow);color:var(--sapPageHeader_TextColor)}.ui5-popup-content{color:var(--sapTextColor)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{align-items:center;display:flex;font-family:\\\"72override\\\",var(--_ui5-v1-20-0_popup_header_font_family);font-size:1rem;justify-content:center;margin:0}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5-v1-20-0_popup_header_font_weight)}.ui5-popup-content{box-sizing:border-box;overflow:auto}:host([header-text]) .ui5-popup-header-text{display:inline-block;line-height:var(--_ui5-v1-20-0_popup_default_header_height);max-height:var(--_ui5-v1-20-0_popup_default_header_height);max-width:100%;min-height:var(--_ui5-v1-20-0_popup_default_header_height);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5-v1-20-0_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--_ui5-v1-20-0_popup_header_background)}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_s);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_m_l);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_xl);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_xl)}\" };\nexport default styleData;\n//# sourceMappingURL=PopupsCommon.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Popover.css\", content: \":host{background-color:var(--_ui5-v1-20-0_popover_background);box-shadow:var(--_ui5-v1-20-0_popover_box_shadow);max-width:calc(100% - var(--_ui5-v1-20-0_popup_viewport_margin)*2)}:host([hide-arrow]){box-shadow:var(--_ui5-v1-20-0_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type=Top]){margin-top:var(--_ui5-v1-20-0-popover-margin-bottom)}:host([opened][actual-placement-type=Bottom]){margin-top:var(--_ui5-v1-20-0-popover-margin-top)}:host([actual-placement-type=Bottom]) .ui5-popover-arrow{height:.5625rem;left:calc(50% - .5625rem);top:-.5rem}:host([actual-placement-type=Bottom]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_upward_arrow_margin)}:host([actual-placement-type=Left]) .ui5-popover-arrow{right:-.5625rem;top:calc(50% - .5625rem);width:.5625rem}:host([actual-placement-type=Left]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_right_arrow_margin)}:host([actual-placement-type=Top]) .ui5-popover-arrow{height:.5625rem;left:calc(50% - .5625rem);top:100%}:host([actual-placement-type=Top]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type=Right]) .ui5-popover-arrow{height:1rem;left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type=Right]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{display:block;height:1rem;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.ui5-popover-arrow:after{background-color:var(--_ui5-v1-20-0_popover_background);box-shadow:var(--_ui5-v1-20-0_popover_box_shadow);content:\\\"\\\";display:block;height:.7rem;transform:rotate(-45deg);width:.7rem}\" };\nexport default styleData;\n//# sourceMappingURL=Popover.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Popover_1;\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 Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { isIOS } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport DOMReference from \"@ui5/webcomponents-base/dist/types/DOMReference.js\";\nimport { getClosedPopupParent } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport clamp from \"@ui5/webcomponents-base/dist/util/clamp.js\";\nimport isElementContainingBlock from \"@ui5/webcomponents-base/dist/util/isElementContainingBlock.js\";\nimport getParentElement from \"@ui5/webcomponents-base/dist/util/getParentElement.js\";\nimport Popup from \"./Popup.js\";\nimport PopoverPlacementType from \"./types/PopoverPlacementType.js\";\nimport PopoverVerticalAlign from \"./types/PopoverVerticalAlign.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport { addOpenedPopover, removeOpenedPopover } from \"./popup-utils/PopoverRegistry.js\";\n// Template\nimport PopoverTemplate from \"./generated/templates/PopoverTemplate.lit.js\";\n// Styles\nimport browserScrollbarCSS from \"./generated/themes/BrowserScrollbar.css.js\";\nimport PopupsCommonCss from \"./generated/themes/PopupsCommon.css.js\";\nimport PopoverCss from \"./generated/themes/Popover.css.js\";\nconst ARROW_SIZE = 8;\n/**\n * @class\n *\n *Overview
\n *\n * Theui5-popover component displays additional information for an object\n * in a compact way and without leaving the page.\n * The Popover can contain various UI elements, such as fields, tables, images, and charts.\n * It can also include actions in the footer.\n *\n * Structure
\n *\n * The popover has three main areas:\n *- \n *
- Header (optional) \n *
- Content \n *
- Footer (optional) \n *
ui5-popover is closed when the user clicks\n * or taps outside the popover\n * or selects an action within the popover. You can prevent this with the\n * modal property.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-popover exposes the following CSS Shadow Parts:\n * - \n *
- header - Used to style the header of the component \n *
- content - Used to style the content of the component \n *
- footer - Used to style the footer of the component \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Popover.js\";\n *\n * Note: We recommend placing popup-like components (ui5-dialog and ui5-popover)\n * outside any other components. Preferably, the popup-like components should be placed\n * in an upper level HTML element. Otherwise, in some cases the parent HTML elements can break\n * the position and/or z-index management of the popup-like components.\n *\n * Note: We don't recommend nesting popup-like components (ui5-dialog, ui5-popover).\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Popover\n * @extends sap.ui.webc.main.Popup\n * @tagname ui5-popover\n * @since 1.0.0-rc.6\n * @public\n */\nlet Popover = Popover_1 = class Popover extends Popup {\n static get VIEWPORT_MARGIN() {\n return 10; // px\n }\n constructor() {\n super();\n }\n onAfterRendering() {\n super.onAfterRendering();\n if (!this.isOpen() && this.open) {\n let opener;\n if (this.opener instanceof HTMLElement) {\n opener = this.opener;\n }\n else if (typeof this.opener === \"string\") {\n opener = this.getRootNode().getElementById(this.opener);\n }\n if (!opener) {\n console.warn(\"Valid opener id is required.\"); // eslint-disable-line\n return;\n }\n this.showAt(opener);\n }\n else if (this.isOpen() && !this.open) {\n this.close();\n }\n }\n isOpenerClicked(e) {\n const target = e.target;\n if (target === this._opener) {\n return true;\n }\n const ui5ElementTarget = target;\n if (ui5ElementTarget.getFocusDomRef && ui5ElementTarget.getFocusDomRef() === this._opener) {\n return true;\n }\n return e.composedPath().indexOf(this._opener) > -1;\n }\n /**\n * Shows the popover.\n * @param {HTMLElement} opener the element that the popover is shown at\n * @param {boolean} [preventInitialFocus=false] prevents applying the focus inside the popover\n * @public\n * @async\n * @method\n * @name sap.ui.webc.main.Popover#showAt\n * @async\n * @returns {Promise} Resolved when the popover is open\n */\n async showAt(opener, preventInitialFocus = false) {\n if (!opener || this.opened) {\n return;\n }\n this._opener = opener;\n this._openerRect = opener.getBoundingClientRect();\n await super._open(preventInitialFocus);\n }\n /**\n * Override for the _addOpenedPopup hook, which would otherwise just call addOpenedPopup(this)\n * @private\n */\n _addOpenedPopup() {\n addOpenedPopover(this);\n }\n /**\n * Override for the _removeOpenedPopup hook, which would otherwise just call removeOpenedPopup(this)\n * @private\n */\n _removeOpenedPopup() {\n removeOpenedPopover(this);\n }\n shouldCloseDueToOverflow(placement, openerRect) {\n const threshold = 32;\n const limits = {\n \"Right\": openerRect.right,\n \"Left\": openerRect.left,\n \"Top\": openerRect.top,\n \"Bottom\": openerRect.bottom,\n };\n const closedPopupParent = getClosedPopupParent(this._opener);\n let overflowsBottom = false;\n let overflowsTop = false;\n if (closedPopupParent.showAt) {\n const contentRect = closedPopupParent.contentDOM.getBoundingClientRect();\n overflowsBottom = openerRect.top > (contentRect.top + contentRect.height);\n overflowsTop = (openerRect.top + openerRect.height) < contentRect.top;\n }\n return (limits[placement] < 0 || (limits[placement] + threshold > closedPopupParent.innerHeight)) || overflowsBottom || overflowsTop;\n }\n shouldCloseDueToNoOpener(openerRect) {\n return openerRect.top === 0\n && openerRect.bottom === 0\n && openerRect.left === 0\n && openerRect.right === 0;\n }\n isOpenerOutsideViewport(openerRect) {\n return openerRect.bottom < 0\n || openerRect.top > window.innerHeight\n || openerRect.right < 0\n || openerRect.left > window.innerWidth;\n }\n /**\n * @override\n */\n _resize() {\n super._resize();\n if (this.opened) {\n this.reposition();\n }\n }\n reposition() {\n this._show();\n }\n _show() {\n if (!this.opened) {\n this._showOutsideViewport();\n }\n const popoverSize = this.getPopoverSize();\n let placement;\n if (popoverSize.width === 0 || popoverSize.height === 0) {\n // size can not be determined properly at this point, popover will be shown with the next reposition\n return;\n }\n if (this.isOpen()) {\n // update opener rect if it was changed during the popover being opened\n this._openerRect = this._opener.getBoundingClientRect();\n }\n if (this.shouldCloseDueToNoOpener(this._openerRect) && this.isFocusWithin()) {\n // reuse the old placement as the opener is not available,\n // but keep the popover open as the focus is within\n placement = this._oldPlacement;\n }\n else {\n placement = this.calcPlacement(this._openerRect, popoverSize);\n }\n if (this._preventRepositionAndClose || this.isOpenerOutsideViewport(this._openerRect)) {\n return this.close();\n }\n this._oldPlacement = placement;\n this.actualPlacementType = placement.placementType;\n let left = clamp(this._left, Popover_1.VIEWPORT_MARGIN, document.documentElement.clientWidth - popoverSize.width - Popover_1.VIEWPORT_MARGIN);\n if (this.actualPlacementType === PopoverPlacementType.Right) {\n left = Math.max(left, this._left);\n }\n let top = clamp(this._top, Popover_1.VIEWPORT_MARGIN, document.documentElement.clientHeight - popoverSize.height - Popover_1.VIEWPORT_MARGIN);\n if (this.actualPlacementType === PopoverPlacementType.Bottom) {\n top = Math.max(top, this._top);\n }\n this.arrowTranslateX = placement.arrow.x;\n this.arrowTranslateY = placement.arrow.y;\n top = this._adjustForIOSKeyboard(top);\n const containingBlockClientLocation = this._getContainingBlockClientLocation();\n left -= containingBlockClientLocation.left;\n top -= containingBlockClientLocation.top;\n Object.assign(this.style, {\n top: `${top}px`,\n left: `${left}px`,\n });\n if (this.horizontalAlign === PopoverHorizontalAlign.Stretch && this._width) {\n this.style.width = this._width;\n }\n }\n /**\n * Adjust the desired top position to compensate for shift of the screen\n * caused by opened keyboard on iOS which affects all elements with position:fixed.\n * @private\n * @param {int} top The target top in px.\n * @returns {int} The adjusted top in px.\n */\n _adjustForIOSKeyboard(top) {\n if (!isIOS()) {\n return top;\n }\n const actualTop = Math.ceil(this.getBoundingClientRect().top);\n return top + (Number.parseInt(this.style.top || \"0\") - actualTop);\n }\n _getContainingBlockClientLocation() {\n let parentElement = getParentElement(this);\n while (parentElement) {\n if (isElementContainingBlock(parentElement)) {\n return parentElement.getBoundingClientRect();\n }\n parentElement = getParentElement(parentElement);\n }\n return { left: 0, top: 0 };\n }\n getPopoverSize() {\n const rect = this.getBoundingClientRect(), width = rect.width, height = rect.height;\n return { width, height };\n }\n _showOutsideViewport() {\n Object.assign(this.style, {\n display: this._displayProp,\n top: \"-10000px\",\n left: \"-10000px\",\n });\n }\n get arrowDOM() {\n return this.shadowRoot.querySelector(\".ui5-popover-arrow\");\n }\n /**\n * @private\n */\n calcPlacement(targetRect, popoverSize) {\n let left = 0;\n let top = 0;\n const allowTargetOverlap = this.allowTargetOverlap;\n const clientWidth = document.documentElement.clientWidth;\n const clientHeight = document.documentElement.clientHeight;\n let maxHeight = clientHeight;\n let maxWidth = clientWidth;\n const placementType = this.getActualPlacementType(targetRect, popoverSize);\n this._preventRepositionAndClose = this.shouldCloseDueToNoOpener(targetRect) || this.shouldCloseDueToOverflow(placementType, targetRect);\n const isVertical = placementType === PopoverPlacementType.Top\n || placementType === PopoverPlacementType.Bottom;\n if (this.horizontalAlign === PopoverHorizontalAlign.Stretch && isVertical) {\n popoverSize.width = targetRect.width;\n this._width = `${targetRect.width}px`;\n }\n else if (this.verticalAlign === PopoverVerticalAlign.Stretch && !isVertical) {\n popoverSize.height = targetRect.height;\n }\n const arrowOffset = this.hideArrow ? 0 : ARROW_SIZE;\n // calc popover positions\n switch (placementType) {\n case PopoverPlacementType.Top:\n left = this.getVerticalLeft(targetRect, popoverSize);\n top = Math.max(targetRect.top - popoverSize.height - arrowOffset, 0);\n if (!allowTargetOverlap) {\n maxHeight = targetRect.top - arrowOffset;\n }\n break;\n case PopoverPlacementType.Bottom:\n left = this.getVerticalLeft(targetRect, popoverSize);\n top = targetRect.bottom + arrowOffset;\n if (allowTargetOverlap) {\n top = Math.max(Math.min(top, clientHeight - popoverSize.height), 0);\n }\n else {\n maxHeight = clientHeight - targetRect.bottom - arrowOffset;\n }\n break;\n case PopoverPlacementType.Left:\n left = Math.max(targetRect.left - popoverSize.width - arrowOffset, 0);\n top = this.getHorizontalTop(targetRect, popoverSize);\n if (!allowTargetOverlap) {\n maxWidth = targetRect.left - arrowOffset;\n }\n break;\n case PopoverPlacementType.Right:\n left = targetRect.left + targetRect.width + arrowOffset;\n top = this.getHorizontalTop(targetRect, popoverSize);\n if (allowTargetOverlap) {\n left = Math.max(Math.min(left, clientWidth - popoverSize.width), 0);\n }\n else {\n maxWidth = clientWidth - targetRect.right - arrowOffset;\n }\n break;\n }\n // correct popover positions\n if (isVertical) {\n if (popoverSize.width > clientWidth || left < 0) {\n left = 0;\n }\n else if (left + popoverSize.width > clientWidth) {\n left -= left + popoverSize.width - clientWidth;\n }\n }\n else {\n if (popoverSize.height > clientHeight || top < 0) { // eslint-disable-line\n top = 0;\n }\n else if (top + popoverSize.height > clientHeight) {\n top -= top + popoverSize.height - clientHeight;\n }\n }\n this._maxHeight = Math.round(maxHeight - Popover_1.VIEWPORT_MARGIN);\n this._maxWidth = Math.round(maxWidth - Popover_1.VIEWPORT_MARGIN);\n if (this._left === undefined || Math.abs(this._left - left) > 1.5) {\n this._left = Math.round(left);\n }\n if (this._top === undefined || Math.abs(this._top - top) > 1.5) {\n this._top = Math.round(top);\n }\n const borderRadius = Number.parseInt(window.getComputedStyle(this).getPropertyValue(\"border-radius\"));\n const arrowPos = this.getArrowPosition(targetRect, popoverSize, left, top, isVertical, borderRadius);\n return {\n arrow: arrowPos,\n top: this._top,\n left: this._left,\n placementType,\n };\n }\n /**\n * Calculates the position for the arrow.\n * @private\n * @param targetRect BoundingClientRect of the target element\n * @param {{width: number, height: number}} popoverSize Width and height of the popover\n * @param left Left offset of the popover\n * @param top Top offset of the popover\n * @param isVertical If the popover is positioned vertically to the target element\n * @param {number} borderRadius Value of the border-radius property\n * @returns {{x: number, y: number}} Arrow's coordinates\n */\n getArrowPosition(targetRect, popoverSize, left, top, isVertical, borderRadius) {\n const horizontalAlign = this._actualHorizontalAlign;\n let arrowXCentered = horizontalAlign === PopoverHorizontalAlign.Center || horizontalAlign === PopoverHorizontalAlign.Stretch;\n if (horizontalAlign === PopoverHorizontalAlign.Right && left <= targetRect.left) {\n arrowXCentered = true;\n }\n if (horizontalAlign === PopoverHorizontalAlign.Left && left + popoverSize.width >= targetRect.left + targetRect.width) {\n arrowXCentered = true;\n }\n let arrowTranslateX = 0;\n if (isVertical && arrowXCentered) {\n arrowTranslateX = targetRect.left + targetRect.width / 2 - left - popoverSize.width / 2;\n }\n let arrowTranslateY = 0;\n if (!isVertical) {\n arrowTranslateY = targetRect.top + targetRect.height / 2 - top - popoverSize.height / 2;\n }\n // Restricts the arrow's translate value along each dimension,\n // so that the arrow does not clip over the popover's rounded borders.\n const safeRangeForArrowY = popoverSize.height / 2 - borderRadius - ARROW_SIZE / 2;\n arrowTranslateY = clamp(arrowTranslateY, -safeRangeForArrowY, safeRangeForArrowY);\n const safeRangeForArrowX = popoverSize.width / 2 - borderRadius - ARROW_SIZE / 2;\n arrowTranslateX = clamp(arrowTranslateX, -safeRangeForArrowX, safeRangeForArrowX);\n return {\n x: Math.round(arrowTranslateX),\n y: Math.round(arrowTranslateY),\n };\n }\n /**\n * Fallbacks to new placement, prioritizing Left and Right placements.\n * @private\n */\n fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) {\n if (targetRect.left > popoverSize.width) {\n return PopoverPlacementType.Left;\n }\n if (clientWidth - targetRect.right > targetRect.left) {\n return PopoverPlacementType.Right;\n }\n if (clientHeight - targetRect.bottom > popoverSize.height) {\n return PopoverPlacementType.Bottom;\n }\n if (clientHeight - targetRect.bottom < targetRect.top) {\n return PopoverPlacementType.Top;\n }\n }\n getActualPlacementType(targetRect, popoverSize) {\n const placementType = this.placementType;\n let actualPlacementType = placementType;\n const clientWidth = document.documentElement.clientWidth;\n const clientHeight = document.documentElement.clientHeight;\n switch (placementType) {\n case PopoverPlacementType.Top:\n if (targetRect.top < popoverSize.height\n && targetRect.top < clientHeight - targetRect.bottom) {\n actualPlacementType = PopoverPlacementType.Bottom;\n }\n break;\n case PopoverPlacementType.Bottom:\n if (clientHeight - targetRect.bottom < popoverSize.height\n && clientHeight - targetRect.bottom < targetRect.top) {\n actualPlacementType = PopoverPlacementType.Top;\n }\n break;\n case PopoverPlacementType.Left:\n if (targetRect.left < popoverSize.width) {\n actualPlacementType = this.fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) || placementType;\n }\n break;\n case PopoverPlacementType.Right:\n if (clientWidth - targetRect.right < popoverSize.width) {\n actualPlacementType = this.fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) || placementType;\n }\n break;\n }\n return actualPlacementType;\n }\n getVerticalLeft(targetRect, popoverSize) {\n const horizontalAlign = this._actualHorizontalAlign;\n let left = 0;\n switch (horizontalAlign) {\n case PopoverHorizontalAlign.Center:\n case PopoverHorizontalAlign.Stretch:\n left = targetRect.left - (popoverSize.width - targetRect.width) / 2;\n break;\n case PopoverHorizontalAlign.Left:\n left = targetRect.left;\n break;\n case PopoverHorizontalAlign.Right:\n left = targetRect.right - popoverSize.width;\n break;\n }\n return left;\n }\n getHorizontalTop(targetRect, popoverSize) {\n let top = 0;\n switch (this.verticalAlign) {\n case PopoverVerticalAlign.Center:\n case PopoverVerticalAlign.Stretch:\n top = targetRect.top - (popoverSize.height - targetRect.height) / 2;\n break;\n case PopoverVerticalAlign.Top:\n top = targetRect.top;\n break;\n case PopoverVerticalAlign.Bottom:\n top = targetRect.bottom - popoverSize.height;\n break;\n }\n return top;\n }\n get isModal() {\n return this.modal;\n }\n get shouldHideBackdrop() {\n return this.hideBackdrop;\n }\n get _ariaLabelledBy() {\n if (!this._ariaLabel && this._displayHeader) {\n return \"ui5-popup-header\";\n }\n return undefined;\n }\n get styles() {\n return {\n ...super.styles,\n root: {\n \"max-height\": this._maxHeight ? `${this._maxHeight}px` : \"\",\n \"max-width\": this._maxWidth ? `${this._maxWidth}px` : \"\",\n },\n arrow: {\n transform: `translate(${this.arrowTranslateX}px, ${this.arrowTranslateY}px)`,\n },\n };\n }\n get classes() {\n const allClasses = super.classes;\n allClasses.root[\"ui5-popover-root\"] = true;\n return allClasses;\n }\n /**\n * Hook for descendants to hide header.\n */\n get _displayHeader() {\n return !!(this.header.length || this.headerText);\n }\n /**\n * Hook for descendants to hide footer.\n */\n get _displayFooter() {\n return true;\n }\n get _actualHorizontalAlign() {\n if (this.effectiveDir === \"rtl\") {\n if (this.horizontalAlign === PopoverHorizontalAlign.Left) {\n return PopoverHorizontalAlign.Right;\n }\n if (this.horizontalAlign === PopoverHorizontalAlign.Right) {\n return PopoverHorizontalAlign.Left;\n }\n }\n return this.horizontalAlign;\n }\n};\n__decorate([\n property()\n], Popover.prototype, \"headerText\", void 0);\n__decorate([\n property({ type: PopoverPlacementType, defaultValue: PopoverPlacementType.Right })\n], Popover.prototype, \"placementType\", void 0);\n__decorate([\n property({ type: PopoverHorizontalAlign, defaultValue: PopoverHorizontalAlign.Center })\n], Popover.prototype, \"horizontalAlign\", void 0);\n__decorate([\n property({ type: PopoverVerticalAlign, defaultValue: PopoverVerticalAlign.Center })\n], Popover.prototype, \"verticalAlign\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"modal\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"hideBackdrop\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"hideArrow\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"allowTargetOverlap\", void 0);\n__decorate([\n property({ validator: DOMReference })\n], Popover.prototype, \"opener\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"disableScrolling\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 0, noAttribute: true })\n], Popover.prototype, \"arrowTranslateX\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 0, noAttribute: true })\n], Popover.prototype, \"arrowTranslateY\", void 0);\n__decorate([\n property({ type: PopoverPlacementType, defaultValue: PopoverPlacementType.Right })\n], Popover.prototype, \"actualPlacementType\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], Popover.prototype, \"_maxHeight\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], Popover.prototype, \"_maxWidth\", void 0);\n__decorate([\n slot({ type: HTMLElement })\n], Popover.prototype, \"header\", void 0);\n__decorate([\n slot({ type: HTMLElement })\n], Popover.prototype, \"footer\", void 0);\nPopover = Popover_1 = __decorate([\n customElement({\n tag: \"ui5-popover\",\n styles: [\n browserScrollbarCSS,\n PopupsCommonCss,\n PopoverCss,\n ],\n template: PopoverTemplate,\n })\n], Popover);\nconst instanceOfPopover = (object) => {\n return \"showAt\" in object;\n};\nPopover.define();\nexport default Popover;\nexport { instanceOfPopover };\n//# sourceMappingURL=Popover.js.map","/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ``; }\nfunction block1(context, tags, suffix) { return svg `Overview
\n *\n * Theui5-icon component represents an SVG icon.\n * There are two main scenarios how the ui5-icon component is used:\n * as a purely decorative element, \n * or as an interactive element that can be focused and clicked.\n *\n *
Usage
\n *\n * 1. Get familiar with the icons collections.\n *\n * Before displaying an icon, you need to explore the icons collections to find and import the desired icon.\n *
\n * Currently there are 3 icons collection, available as 3 npm packages:\n *
\n *\n *
- \n *
- \n *
@ui5/webcomponents-icons represents the \"SAP-icons\" collection and includes the following\n *icons .\n * \n * - \n *
@ui5/webcomponents-icons-tnt represents the \"tnt\" collection and includes the following\n *icons .\n * \n * - \n *
@ui5/webcomponents-icons-icons-business-suite represents the \"business-suite\" collection and includes the following\n *icons .\n * \n *
\n *
npm i @ui5/webcomponents-icons\n *
npm i @ui5/webcomponents-icons-tnt\n *
npm i @ui5/webcomponents-icons-business-suite\n * \n *\n * 3. Then, import the desired icon.\n *
\n *
import \"@ui5/{package_name}/dist/{icon_name}.js\";\n * \n *\n * For Example:\n *
\n *\n * For the standard \"SAP-icons\" icon collection, import an icon from the
@ui5/webcomponents-icons package:\n * \n *
import \"@ui5/webcomponents-icons/dist/employee.js\";\n * \n *\n * For the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the
@ui5/webcomponents-icons-tnt package:\n * \n *
import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";\n * \n *\n * For the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the
@ui5/webcomponents-icons-business-suite package:\n * \n *
import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";\n * \n *\n * 4. Display the icon using the
ui5-icon web component.\n * Set the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)
\n * and the icon name to the
name property.\n * \n *\n *
<ui5-icon name=\"employee\"></ui5-icon>\n *
<ui5-icon name=\"tnt/antenna\"></ui5-icon>\n *
<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>\n *\n * \n *
CSS Shadow Parts
\n *\n *\n * The
ui5-icon exposes the following CSS Shadow Parts:\n * - \n *
- root - Used to style the outermost wrapper of the
ui5-icon\n *
\n *
Keyboard Handling
\n *\n *- \n *
- [SPACE, ENTER, RETURN] - Fires the
clickevent if theinteractiveproperty is set to true. \n * - [SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Icon.js\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Icon\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-icon\n * @implements sap.ui.webc.main.IIcon\n * @public\n */\nlet Icon = class Icon extends UI5Element {\n _onFocusInHandler() {\n if (this.interactive) {\n this.focused = true;\n }\n }\n _onFocusOutHandler() {\n this.focused = false;\n }\n _onkeydown(e) {\n if (!this.interactive) {\n return;\n }\n if (isEnter(e)) {\n this.fireEvent(\"click\");\n }\n if (isSpace(e)) {\n e.preventDefault(); // prevent scrolling\n }\n }\n _onkeyup(e) {\n if (this.interactive && isSpace(e)) {\n this.fireEvent(\"click\");\n }\n }\n /**\n * Enforce \"ltr\" direction, based on the icons collection metadata.\n */\n get _dir() {\n return this.ltr ? \"ltr\" : undefined;\n }\n get effectiveAriaHidden() {\n if (this.ariaHidden === \"\") {\n if (this.isDecorative) {\n return true;\n }\n return;\n }\n return this.ariaHidden;\n }\n get _tabIndex() {\n return this.interactive ? \"0\" : undefined;\n }\n get isDecorative() {\n return this.effectiveAccessibleRole === PRESENTATION_ROLE;\n }\n get effectiveAccessibleRole() {\n if (this.accessibleRole) {\n return this.accessibleRole;\n }\n if (this.interactive) {\n return \"button\";\n }\n return this.effectiveAccessibleName ? \"img\" : PRESENTATION_ROLE;\n }\n async onBeforeRendering() {\n const name = this.name;\n if (!name) {\n /* eslint-disable-next-line */\n return console.warn(\"Icon name property is required\", this);\n }\n let iconData = getIconDataSync(name);\n if (!iconData) {\n iconData = await getIconData(name);\n }\n if (!iconData) {\n this.invalid = true;\n /* eslint-disable-next-line */\n return console.warn(`Required icon is not registered. Invalid icon name: ${this.name}`);\n }\n if (iconData === ICON_NOT_FOUND) {\n this.invalid = true;\n /* eslint-disable-next-line */\n 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\".`);\n }\n this.viewBox = iconData.viewBox || \"0 0 512 512\";\n if (iconData.customTemplate) {\n iconData.pathData = [];\n this.customSvg = executeTemplate(iconData.customTemplate, this);\n }\n // in case a new valid name is set, show the icon\n this.invalid = false;\n this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];\n this.accData = iconData.accData;\n this.ltr = iconData.ltr;\n this.packageName = iconData.packageName;\n this._onfocusout = this.interactive ? this._onFocusOutHandler.bind(this) : undefined;\n this._onfocusin = this.interactive ? this._onFocusInHandler.bind(this) : undefined;\n if (this.accessibleName) {\n this.effectiveAccessibleName = this.accessibleName;\n }\n else if (this.accData) {\n const i18nBundle = await getI18nBundle(this.packageName);\n this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;\n }\n else {\n this.effectiveAccessibleName = undefined;\n }\n }\n get hasIconTooltip() {\n return this.showTooltip && this.effectiveAccessibleName;\n }\n};\n__decorate([\n property({ type: IconDesign, defaultValue: IconDesign.Default })\n], Icon.prototype, \"design\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"interactive\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"name\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"showTooltip\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"accessibleRole\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"ariaHidden\", void 0);\n__decorate([\n property({ multiple: true })\n], Icon.prototype, \"pathData\", void 0);\n__decorate([\n property({ type: Object, defaultValue: undefined, noAttribute: true })\n], Icon.prototype, \"accData\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"invalid\", void 0);\n__decorate([\n property({ noAttribute: true, defaultValue: undefined })\n], Icon.prototype, \"effectiveAccessibleName\", void 0);\nIcon = __decorate([\n customElement({\n tag: \"ui5-icon\",\n languageAware: true,\n themeAware: true,\n renderer: litRender,\n template: IconTemplate,\n styles: iconCss,\n })\n /**\n * Fired on mouseup, SPACE and ENTER.\n * - on mouse click, the icon fires native click event\n * - on SPACE and ENTER, the icon fires custom click event\n * @private\n * @since 1.0.0-rc.8\n */\n ,\n event(\"click\")\n], Icon);\nIcon.define();\nexport default Icon;\n//# sourceMappingURL=Icon.js.map","/* eslint no-unused-vars: 0 */\nimport { html, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.effectiveShowClearIcon ? block1.call(this, context, tags, suffix) : undefined}${this.icon.length ? block2.call(this, context, tags, suffix) : undefined}${this.showSuggestions ? block3.call(this, context, tags, suffix) : undefined}${this.accInfo.input.ariaDescription ? block4.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block5.call(this, context, tags, suffix) : undefined}
${ifDefined(this._headerTitleText)}<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this._closeRespPopover}\">
<${scopeTag(\"ui5-input\", tags, suffix)} class=\"ui5-input-inner-phone\" type=\"${ifDefined(this.inputType)}\" .value=\"${ifDefined(this.value)}\" ?show-clear-icon=${this.showClearIcon} placeholder=\"${ifDefined(this.placeholder)}\" @ui5-input=\"${ifDefined(this._handleInput)}\" @ui5-change=\"${ifDefined(this._handleChange)}\">
${ifDefined(this._headerTitleText)}
<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageInputIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}
`; }\nfunction block4(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block5(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`; }\nfunction block6(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block7(context, tags, suffix) { return html `${this.hasValueStateMessage ? block8.call(this, context, tags, suffix) : undefined}`; }\nfunction block8(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageInputIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
`; }\nfunction block9(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block10(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}`; }\nfunction block11(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block12(context, tags, suffix, item, index) { return html `${item.groupItem ? block13.call(this, context, tags, suffix, item, index) : block14.call(this, context, tags, suffix, item, index)}`; }\nfunction block13(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag(\"ui5-li-groupheader\", tags, suffix)} data-ui5-key=\"${ifDefined(item.key)}\">${unsafeHTML(item.text)}` : html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageInputIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block18.call(this, context, tags, suffix) : block19.call(this, context, tags, suffix)}
` : html ``; }\nfunction block18(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block19(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block20.call(this, context, tags, suffix, item, index))}`; }\nfunction block20(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nexport default block0;\n//# sourceMappingURL=InputPopoverTemplate.lit.js.map","const escapeReg = /[[\\]{}()*+?.\\\\^$|]/g;\nconst escapeRegExp = (str) => {\n return str.replace(escapeReg, \"\\\\$&\");\n};\nconst StartsWithPerTerm = (value, items, propName) => {\n const reg = new RegExp(`(^|\\\\s)${escapeRegExp(value.toLowerCase())}.*`, \"g\");\n return items.filter(item => {\n const text = item[propName];\n reg.lastIndex = 0;\n return reg.test(text.toLowerCase());\n });\n};\nconst StartsWith = (value, items, propName) => items.filter(item => item[propName].toLowerCase().startsWith(value.toLowerCase()));\nconst Contains = (value, items, propName) => items.filter(item => item[propName].toLowerCase().includes(value.toLowerCase()));\nconst None = (_, items) => items;\nexport { StartsWithPerTerm, StartsWith, Contains, None, };\n//# sourceMappingURL=Filters.js.map","const ARIA_LABEL_CARD_CONTENT = { key: \"ARIA_LABEL_CARD_CONTENT\", defaultText: \"Card Content\" };\nconst ARIA_ROLEDESCRIPTION_CARD = { key: \"ARIA_ROLEDESCRIPTION_CARD\", defaultText: \"Card\" };\nconst ARIA_ROLEDESCRIPTION_CARD_HEADER = { key: \"ARIA_ROLEDESCRIPTION_CARD_HEADER\", defaultText: \"Card Header\" };\nconst ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER = { key: \"ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER\", defaultText: \"Interactive Card Header\" };\nconst AVATAR_TOOLTIP = { key: \"AVATAR_TOOLTIP\", defaultText: \"Avatar\" };\nconst AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL = { key: \"AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL\", defaultText: \"{0} displayed, {1} hidden.\" };\nconst AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL = { key: \"AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL\", defaultText: \"Activate for complete list.\" };\nconst AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL = { key: \"AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL\", defaultText: \"Individual avatars.\" };\nconst AVATAR_GROUP_ARIA_LABEL_GROUP = { key: \"AVATAR_GROUP_ARIA_LABEL_GROUP\", defaultText: \"Conjoined avatars.\" };\nconst AVATAR_GROUP_MOVE = { key: \"AVATAR_GROUP_MOVE\", defaultText: \"Press ARROW keys to move.\" };\nconst BADGE_DESCRIPTION = { key: \"BADGE_DESCRIPTION\", defaultText: \"Badge\" };\nconst BREADCRUMB_ITEM_POS = { key: \"BREADCRUMB_ITEM_POS\", defaultText: \"{0} of {1}\" };\nconst BREADCRUMBS_ARIA_LABEL = { key: \"BREADCRUMBS_ARIA_LABEL\", defaultText: \"Breadcrumb Trail\" };\nconst BREADCRUMBS_OVERFLOW_ARIA_LABEL = { key: \"BREADCRUMBS_OVERFLOW_ARIA_LABEL\", defaultText: \"More\" };\nconst BREADCRUMBS_CANCEL_BUTTON = { key: \"BREADCRUMBS_CANCEL_BUTTON\", defaultText: \"Cancel\" };\nconst BUSY_INDICATOR_TITLE = { key: \"BUSY_INDICATOR_TITLE\", defaultText: \"Please wait\" };\nconst BUTTON_ARIA_TYPE_ACCEPT = { key: \"BUTTON_ARIA_TYPE_ACCEPT\", defaultText: \"Positive Action\" };\nconst BUTTON_ARIA_TYPE_REJECT = { key: \"BUTTON_ARIA_TYPE_REJECT\", defaultText: \"Negative Action\" };\nconst BUTTON_ARIA_TYPE_EMPHASIZED = { key: \"BUTTON_ARIA_TYPE_EMPHASIZED\", defaultText: \"Emphasized\" };\nconst CAROUSEL_OF_TEXT = { key: \"CAROUSEL_OF_TEXT\", defaultText: \"of\" };\nconst CAROUSEL_DOT_TEXT = { key: \"CAROUSEL_DOT_TEXT\", defaultText: \"Item {0} of {1} displayed\" };\nconst CAROUSEL_PREVIOUS_ARROW_TEXT = { key: \"CAROUSEL_PREVIOUS_ARROW_TEXT\", defaultText: \"Previous Page\" };\nconst CAROUSEL_NEXT_ARROW_TEXT = { key: \"CAROUSEL_NEXT_ARROW_TEXT\", defaultText: \"Next Page\" };\nconst COLORPALETTE_CONTAINER_LABEL = { key: \"COLORPALETTE_CONTAINER_LABEL\", defaultText: \"Color palette - Predefined colors\" };\nconst COLORPALETTE_POPOVER_TITLE = { key: \"COLORPALETTE_POPOVER_TITLE\", defaultText: \"Color Palette\" };\nconst COLORPALETTE_COLOR_LABEL = { key: \"COLORPALETTE_COLOR_LABEL\", defaultText: \"Color\" };\nconst COLOR_PALETTE_DIALOG_CANCEL_BUTTON = { key: \"COLOR_PALETTE_DIALOG_CANCEL_BUTTON\", defaultText: \"Cancel\" };\nconst COLOR_PALETTE_DIALOG_OK_BUTTON = { key: \"COLOR_PALETTE_DIALOG_OK_BUTTON\", defaultText: \"OK\" };\nconst COLOR_PALETTE_DIALOG_TITLE = { key: \"COLOR_PALETTE_DIALOG_TITLE\", defaultText: \"Change Color\" };\nconst COLOR_PALETTE_MORE_COLORS_TEXT = { key: \"COLOR_PALETTE_MORE_COLORS_TEXT\", defaultText: \"More Colors...\" };\nconst COLORPICKER_ALPHA_SLIDER = { key: \"COLORPICKER_ALPHA_SLIDER\", defaultText: \"Alpha control\" };\nconst COLORPICKER_HUE_SLIDER = { key: \"COLORPICKER_HUE_SLIDER\", defaultText: \"Hue control\" };\nconst COLORPICKER_HEX = { key: \"COLORPICKER_HEX\", defaultText: \"Hexadecimal\" };\nconst COLORPICKER_RED = { key: \"COLORPICKER_RED\", defaultText: \"Red\" };\nconst COLORPICKER_GREEN = { key: \"COLORPICKER_GREEN\", defaultText: \"Green\" };\nconst COLORPICKER_BLUE = { key: \"COLORPICKER_BLUE\", defaultText: \"Blue\" };\nconst COLORPICKER_ALPHA = { key: \"COLORPICKER_ALPHA\", defaultText: \"Alpha\" };\nconst DATEPICKER_OPEN_ICON_TITLE = { key: \"DATEPICKER_OPEN_ICON_TITLE\", defaultText: \"Open Picker\" };\nconst DATEPICKER_DATE_DESCRIPTION = { key: \"DATEPICKER_DATE_DESCRIPTION\", defaultText: \"Date Input\" };\nconst DATETIME_DESCRIPTION = { key: \"DATETIME_DESCRIPTION\", defaultText: \"Date Time Input\" };\nconst DATERANGE_DESCRIPTION = { key: \"DATERANGE_DESCRIPTION\", defaultText: \"Date Range Input\" };\nconst DELETE = { key: \"DELETE\", defaultText: \"Delete\" };\nconst FILEUPLOAD_BROWSE = { key: \"FILEUPLOAD_BROWSE\", defaultText: \"Browse...\" };\nconst FILEUPLOADER_TITLE = { key: \"FILEUPLOADER_TITLE\", defaultText: \"Upload File\" };\nconst GROUP_HEADER_TEXT = { key: \"GROUP_HEADER_TEXT\", defaultText: \"Group Header\" };\nconst SELECT_ROLE_DESCRIPTION = { key: \"SELECT_ROLE_DESCRIPTION\", defaultText: \"Listbox\" };\nconst SELECT_OPTIONS = { key: \"SELECT_OPTIONS\", defaultText: \"Select Options\" };\nconst INPUT_SUGGESTIONS = { key: \"INPUT_SUGGESTIONS\", defaultText: \"Suggestions available\" };\nconst INPUT_SUGGESTIONS_TITLE = { key: \"INPUT_SUGGESTIONS_TITLE\", defaultText: \"Select\" };\nconst INPUT_SUGGESTIONS_ONE_HIT = { key: \"INPUT_SUGGESTIONS_ONE_HIT\", defaultText: \"1 result available\" };\nconst INPUT_SUGGESTIONS_MORE_HITS = { key: \"INPUT_SUGGESTIONS_MORE_HITS\", defaultText: \"{0} results are available\" };\nconst INPUT_SUGGESTIONS_NO_HIT = { key: \"INPUT_SUGGESTIONS_NO_HIT\", defaultText: \"No results\" };\nconst INPUT_CLEAR_ICON_ACC_NAME = { key: \"INPUT_CLEAR_ICON_ACC_NAME\", defaultText: \"Clear\" };\nconst LINK_SUBTLE = { key: \"LINK_SUBTLE\", defaultText: \"Subtle\" };\nconst LINK_EMPHASIZED = { key: \"LINK_EMPHASIZED\", defaultText: \"Emphasized\" };\nconst LIST_ITEM_POSITION = { key: \"LIST_ITEM_POSITION\", defaultText: \"List item {0} of {1}\" };\nconst LIST_ITEM_SELECTED = { key: \"LIST_ITEM_SELECTED\", defaultText: \"Selected\" };\nconst LIST_ITEM_NOT_SELECTED = { key: \"LIST_ITEM_NOT_SELECTED\", defaultText: \"Not Selected\" };\nconst LIST_ITEM_GROUP_HEADER = { key: \"LIST_ITEM_GROUP_HEADER\", defaultText: \"Group Header\" };\nconst ARIA_LABEL_LIST_ITEM_CHECKBOX = { key: \"ARIA_LABEL_LIST_ITEM_CHECKBOX\", defaultText: \"Multiple Selection mode.\" };\nconst ARIA_LABEL_LIST_ITEM_RADIO_BUTTON = { key: \"ARIA_LABEL_LIST_ITEM_RADIO_BUTTON\", defaultText: \"Item Selection.\" };\nconst ARIA_LABEL_LIST_SELECTABLE = { key: \"ARIA_LABEL_LIST_SELECTABLE\", defaultText: \"Contains Selectable Items\" };\nconst ARIA_LABEL_LIST_MULTISELECTABLE = { key: \"ARIA_LABEL_LIST_MULTISELECTABLE\", defaultText: \"Contains Multi-Selectable Items\" };\nconst ARIA_LABEL_LIST_DELETABLE = { key: \"ARIA_LABEL_LIST_DELETABLE\", defaultText: \"Contains Deletable Items\" };\nconst MESSAGE_STRIP_CLOSE_BUTTON = { key: \"MESSAGE_STRIP_CLOSE_BUTTON\", defaultText: \"Information Bar Close\" };\nconst MESSAGE_STRIP_CLOSABLE = { key: \"MESSAGE_STRIP_CLOSABLE\", defaultText: \"Closable\" };\nconst MESSAGE_STRIP_ERROR = { key: \"MESSAGE_STRIP_ERROR\", defaultText: \"Error Information Bar\" };\nconst MESSAGE_STRIP_WARNING = { key: \"MESSAGE_STRIP_WARNING\", defaultText: \"Warning Information Bar\" };\nconst MESSAGE_STRIP_SUCCESS = { key: \"MESSAGE_STRIP_SUCCESS\", defaultText: \"Success Information Bar\" };\nconst MESSAGE_STRIP_INFORMATION = { key: \"MESSAGE_STRIP_INFORMATION\", defaultText: \"Information Bar\" };\nconst MULTICOMBOBOX_DIALOG_OK_BUTTON = { key: \"MULTICOMBOBOX_DIALOG_OK_BUTTON\", defaultText: \"OK\" };\nconst RADIO_BUTTON_GROUP_REQUIRED = { key: \"RADIO_BUTTON_GROUP_REQUIRED\", defaultText: \"Select one of the available options.\" };\nconst VALUE_STATE_ERROR_ALREADY_SELECTED = { key: \"VALUE_STATE_ERROR_ALREADY_SELECTED\", defaultText: \"This value is already selected.\" };\nconst MULTIINPUT_ROLEDESCRIPTION_TEXT = { key: \"MULTIINPUT_ROLEDESCRIPTION_TEXT\", defaultText: \"Multi Value Input\" };\nconst MULTIINPUT_SHOW_MORE_TOKENS = { key: \"MULTIINPUT_SHOW_MORE_TOKENS\", defaultText: \"{0} More\" };\nconst PANEL_ICON = { key: \"PANEL_ICON\", defaultText: \"Expand/Collapse\" };\nconst RANGE_SLIDER_ARIA_DESCRIPTION = { key: \"RANGE_SLIDER_ARIA_DESCRIPTION\", defaultText: \"Range\" };\nconst RANGE_SLIDER_START_HANDLE_DESCRIPTION = { key: \"RANGE_SLIDER_START_HANDLE_DESCRIPTION\", defaultText: \"Left handle\" };\nconst RANGE_SLIDER_END_HANDLE_DESCRIPTION = { key: \"RANGE_SLIDER_END_HANDLE_DESCRIPTION\", defaultText: \"Right handle\" };\nconst RATING_INDICATOR_TOOLTIP_TEXT = { key: \"RATING_INDICATOR_TOOLTIP_TEXT\", defaultText: \"Rating\" };\nconst RATING_INDICATOR_TEXT = { key: \"RATING_INDICATOR_TEXT\", defaultText: \"Rating Indicator\" };\nconst RATING_INDICATOR_ARIA_DESCRIPTION = { key: \"RATING_INDICATOR_ARIA_DESCRIPTION\", defaultText: \"Required\" };\nconst RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON = { key: \"RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON\", defaultText: \"Decline\" };\nconst SEGMENTEDBUTTON_ARIA_DESCRIPTION = { key: \"SEGMENTEDBUTTON_ARIA_DESCRIPTION\", defaultText: \"Segmented button group\" };\nconst SEGMENTEDBUTTON_ARIA_DESCRIBEDBY = { key: \"SEGMENTEDBUTTON_ARIA_DESCRIBEDBY\", defaultText: \"Press SPACE or ENTER to select an item\" };\nconst SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION = { key: \"SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION\", defaultText: \"Segmented button\" };\nconst SLIDER_ARIA_DESCRIPTION = { key: \"SLIDER_ARIA_DESCRIPTION\", defaultText: \"Slider handle\" };\nconst LOAD_MORE_TEXT = { key: \"LOAD_MORE_TEXT\", defaultText: \"More\" };\nconst TABLE_HEADER_ROW_INFORMATION = { key: \"TABLE_HEADER_ROW_INFORMATION\", defaultText: \"Header Row 1 of {0}\" };\nconst TABLE_ROW_POSITION = { key: \"TABLE_ROW_POSITION\", defaultText: \"{0} of {1}\" };\nconst TABLE_GROUP_ROW_ARIA_LABEL = { key: \"TABLE_GROUP_ROW_ARIA_LABEL\", defaultText: \"Group header row.\" };\nconst ARIA_LABEL_ROW_SELECTION = { key: \"ARIA_LABEL_ROW_SELECTION\", defaultText: \"Item selection\" };\nconst ARIA_LABEL_SELECT_ALL_CHECKBOX = { key: \"ARIA_LABEL_SELECT_ALL_CHECKBOX\", defaultText: \"Select All Rows\" };\nconst ARIA_LABEL_EMPTY_CELL = { key: \"ARIA_LABEL_EMPTY_CELL\", defaultText: \"Empty\" };\nconst TAB_ARIA_DESIGN_POSITIVE = { key: \"TAB_ARIA_DESIGN_POSITIVE\", defaultText: \"Positive\" };\nconst TAB_ARIA_DESIGN_NEGATIVE = { key: \"TAB_ARIA_DESIGN_NEGATIVE\", defaultText: \"Negative\" };\nconst TAB_ARIA_DESIGN_CRITICAL = { key: \"TAB_ARIA_DESIGN_CRITICAL\", defaultText: \"Critical\" };\nconst TAB_ARIA_DESIGN_NEUTRAL = { key: \"TAB_ARIA_DESIGN_NEUTRAL\", defaultText: \"Neutral\" };\nconst TAB_SPLIT_ROLE_DESCRIPTION = { key: \"TAB_SPLIT_ROLE_DESCRIPTION\", defaultText: \"Tab with subitems\" };\nconst TABCONTAINER_NEXT_ICON_ACC_NAME = { key: \"TABCONTAINER_NEXT_ICON_ACC_NAME\", defaultText: \"Next\" };\nconst TABCONTAINER_PREVIOUS_ICON_ACC_NAME = { key: \"TABCONTAINER_PREVIOUS_ICON_ACC_NAME\", defaultText: \"Previous\" };\nconst TABCONTAINER_OVERFLOW_MENU_TITLE = { key: \"TABCONTAINER_OVERFLOW_MENU_TITLE\", defaultText: \"Overflow Menu\" };\nconst TABCONTAINER_END_OVERFLOW = { key: \"TABCONTAINER_END_OVERFLOW\", defaultText: \"More\" };\nconst TABCONTAINER_POPOVER_CANCEL_BUTTON = { key: \"TABCONTAINER_POPOVER_CANCEL_BUTTON\", defaultText: \"Cancel\" };\nconst TABCONTAINER_SUBTABS_DESCRIPTION = { key: \"TABCONTAINER_SUBTABS_DESCRIPTION\", defaultText: \"Press down arrow key to open subitems menu\" };\nconst TEXTAREA_CHARACTERS_LEFT = { key: \"TEXTAREA_CHARACTERS_LEFT\", defaultText: \"{0} characters remaining\" };\nconst TEXTAREA_CHARACTERS_EXCEEDED = { key: \"TEXTAREA_CHARACTERS_EXCEEDED\", defaultText: \"{0} characters over limit\" };\nconst TIMEPICKER_HOURS_LABEL = { key: \"TIMEPICKER_HOURS_LABEL\", defaultText: \"Hours\" };\nconst TIMEPICKER_MINUTES_LABEL = { key: \"TIMEPICKER_MINUTES_LABEL\", defaultText: \"Minutes\" };\nconst TIMEPICKER_SECONDS_LABEL = { key: \"TIMEPICKER_SECONDS_LABEL\", defaultText: \"Seconds\" };\nconst TIMEPICKER_SUBMIT_BUTTON = { key: \"TIMEPICKER_SUBMIT_BUTTON\", defaultText: \"OK\" };\nconst TIMEPICKER_CANCEL_BUTTON = { key: \"TIMEPICKER_CANCEL_BUTTON\", defaultText: \"Cancel\" };\nconst TIMEPICKER_INPUT_DESCRIPTION = { key: \"TIMEPICKER_INPUT_DESCRIPTION\", defaultText: \"Time Input\" };\nconst TIMEPICKER_CLOCK_DIAL_LABEL = { key: \"TIMEPICKER_CLOCK_DIAL_LABEL\", defaultText: \"Clock Dial\" };\nconst TIMEPICKER_INPUTS_ENTER_HOURS = { key: \"TIMEPICKER_INPUTS_ENTER_HOURS\", defaultText: \"Please enter hours\" };\nconst TIMEPICKER_INPUTS_ENTER_MINUTES = { key: \"TIMEPICKER_INPUTS_ENTER_MINUTES\", defaultText: \"Please enter minutes\" };\nconst TIMEPICKER_INPUTS_ENTER_SECONDS = { key: \"TIMEPICKER_INPUTS_ENTER_SECONDS\", defaultText: \"Please enter seconds\" };\nconst DURATION_INPUT_DESCRIPTION = { key: \"DURATION_INPUT_DESCRIPTION\", defaultText: \"Duration Input\" };\nconst DATETIME_PICKER_DATE_BUTTON = { key: \"DATETIME_PICKER_DATE_BUTTON\", defaultText: \"Date\" };\nconst DATETIME_PICKER_TIME_BUTTON = { key: \"DATETIME_PICKER_TIME_BUTTON\", defaultText: \"Time\" };\nconst TOKEN_ARIA_DELETABLE = { key: \"TOKEN_ARIA_DELETABLE\", defaultText: \"Deletable\" };\nconst TOKENIZER_ARIA_CONTAIN_TOKEN = { key: \"TOKENIZER_ARIA_CONTAIN_TOKEN\", defaultText: \"No Tokens\" };\nconst TOKENIZER_ARIA_CONTAIN_ONE_TOKEN = { key: \"TOKENIZER_ARIA_CONTAIN_ONE_TOKEN\", defaultText: \"Contains 1 token\" };\nconst TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS = { key: \"TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS\", defaultText: \"Contains {0} tokens\" };\nconst TOKENIZER_ARIA_LABEL = { key: \"TOKENIZER_ARIA_LABEL\", defaultText: \"Tokenizer\" };\nconst TOKENIZER_POPOVER_REMOVE = { key: \"TOKENIZER_POPOVER_REMOVE\", defaultText: \"Remove\" };\nconst TOKENIZER_SHOW_ALL_ITEMS = { key: \"TOKENIZER_SHOW_ALL_ITEMS\", defaultText: \"{0} Items\" };\nconst TREE_ITEM_ARIA_LABEL = { key: \"TREE_ITEM_ARIA_LABEL\", defaultText: \"Tree Item\" };\nconst TREE_ITEM_EXPAND_NODE = { key: \"TREE_ITEM_EXPAND_NODE\", defaultText: \"Expand Node\" };\nconst TREE_ITEM_COLLAPSE_NODE = { key: \"TREE_ITEM_COLLAPSE_NODE\", defaultText: \"Collapse Node\" };\nconst VALUE_STATE_TYPE_ERROR = { key: \"VALUE_STATE_TYPE_ERROR\", defaultText: \"Value State Error\" };\nconst VALUE_STATE_TYPE_WARNING = { key: \"VALUE_STATE_TYPE_WARNING\", defaultText: \"Value State Warning\" };\nconst VALUE_STATE_TYPE_SUCCESS = { key: \"VALUE_STATE_TYPE_SUCCESS\", defaultText: \"Value State Success\" };\nconst VALUE_STATE_TYPE_INFORMATION = { key: \"VALUE_STATE_TYPE_INFORMATION\", defaultText: \"Value State Information\" };\nconst VALUE_STATE_ERROR = { key: \"VALUE_STATE_ERROR\", defaultText: \"Invalid entry\" };\nconst VALUE_STATE_WARNING = { key: \"VALUE_STATE_WARNING\", defaultText: \"Warning issued\" };\nconst VALUE_STATE_INFORMATION = { key: \"VALUE_STATE_INFORMATION\", defaultText: \"Informative entry\" };\nconst VALUE_STATE_SUCCESS = { key: \"VALUE_STATE_SUCCESS\", defaultText: \"Entry successfully validated\" };\nconst CALENDAR_HEADER_NEXT_BUTTON = { key: \"CALENDAR_HEADER_NEXT_BUTTON\", defaultText: \"Next\" };\nconst CALENDAR_HEADER_PREVIOUS_BUTTON = { key: \"CALENDAR_HEADER_PREVIOUS_BUTTON\", defaultText: \"Previous\" };\nconst DAY_PICKER_WEEK_NUMBER_TEXT = { key: \"DAY_PICKER_WEEK_NUMBER_TEXT\", defaultText: \"Week number\" };\nconst DAY_PICKER_NON_WORKING_DAY = { key: \"DAY_PICKER_NON_WORKING_DAY\", defaultText: \"Non-Working Day\" };\nconst DAY_PICKER_TODAY = { key: \"DAY_PICKER_TODAY\", defaultText: \"Today\" };\nconst MONTH_PICKER_DESCRIPTION = { key: \"MONTH_PICKER_DESCRIPTION\", defaultText: \"Month Picker\" };\nconst YEAR_PICKER_DESCRIPTION = { key: \"YEAR_PICKER_DESCRIPTION\", defaultText: \"Year Picker\" };\nconst STEPINPUT_DEC_ICON_TITLE = { key: \"STEPINPUT_DEC_ICON_TITLE\", defaultText: \"Decrease\" };\nconst STEPINPUT_INC_ICON_TITLE = { key: \"STEPINPUT_INC_ICON_TITLE\", defaultText: \"Increase\" };\nconst SPLIT_BUTTON_DESCRIPTION = { key: \"SPLIT_BUTTON_DESCRIPTION\", defaultText: \"Split Button\" };\nconst SPLIT_BUTTON_KEYBOARD_HINT = { key: \"SPLIT_BUTTON_KEYBOARD_HINT\", defaultText: \"Press Space or Enter to trigger default action and Alt + Arrow Down or F4 to trigger arrow action\" };\nconst MENU_BACK_BUTTON_ARIA_LABEL = { key: \"MENU_BACK_BUTTON_ARIA_LABEL\", defaultText: \"Back\" };\nconst MENU_CLOSE_BUTTON_ARIA_LABEL = { key: \"MENU_CLOSE_BUTTON_ARIA_LABEL\", defaultText: \"Decline\" };\nconst DIALOG_HEADER_ARIA_ROLE_DESCRIPTION = { key: \"DIALOG_HEADER_ARIA_ROLE_DESCRIPTION\", defaultText: \"Interactive Header\" };\nconst DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE = { key: \"DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE\", defaultText: \"Use Shift+Arrow keys to resize\" };\nconst DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE = { key: \"DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE\", defaultText: \"Use Arrow keys to move\" };\nconst DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE = { key: \"DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE\", defaultText: \"Use Arrow keys to move, Shift+Arrow keys to resize\" };\nconst LABEL_COLON = { key: \"LABEL_COLON\", defaultText: \":\" };\nconst TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL = { key: \"TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL\", defaultText: \"Additional Options\" };\nexport { ARIA_LABEL_CARD_CONTENT, ARIA_ROLEDESCRIPTION_CARD, ARIA_ROLEDESCRIPTION_CARD_HEADER, ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER, AVATAR_TOOLTIP, AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL, AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL, AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL, AVATAR_GROUP_ARIA_LABEL_GROUP, AVATAR_GROUP_MOVE, BADGE_DESCRIPTION, BREADCRUMB_ITEM_POS, BREADCRUMBS_ARIA_LABEL, BREADCRUMBS_OVERFLOW_ARIA_LABEL, BREADCRUMBS_CANCEL_BUTTON, BUSY_INDICATOR_TITLE, BUTTON_ARIA_TYPE_ACCEPT, BUTTON_ARIA_TYPE_REJECT, BUTTON_ARIA_TYPE_EMPHASIZED, CAROUSEL_OF_TEXT, CAROUSEL_DOT_TEXT, CAROUSEL_PREVIOUS_ARROW_TEXT, CAROUSEL_NEXT_ARROW_TEXT, COLORPALETTE_CONTAINER_LABEL, COLORPALETTE_POPOVER_TITLE, COLORPALETTE_COLOR_LABEL, COLOR_PALETTE_DIALOG_CANCEL_BUTTON, COLOR_PALETTE_DIALOG_OK_BUTTON, COLOR_PALETTE_DIALOG_TITLE, COLOR_PALETTE_MORE_COLORS_TEXT, COLORPICKER_ALPHA_SLIDER, COLORPICKER_HUE_SLIDER, COLORPICKER_HEX, COLORPICKER_RED, COLORPICKER_GREEN, COLORPICKER_BLUE, COLORPICKER_ALPHA, DATEPICKER_OPEN_ICON_TITLE, DATEPICKER_DATE_DESCRIPTION, DATETIME_DESCRIPTION, DATERANGE_DESCRIPTION, DELETE, FILEUPLOAD_BROWSE, FILEUPLOADER_TITLE, GROUP_HEADER_TEXT, SELECT_ROLE_DESCRIPTION, SELECT_OPTIONS, INPUT_SUGGESTIONS, INPUT_SUGGESTIONS_TITLE, INPUT_SUGGESTIONS_ONE_HIT, INPUT_SUGGESTIONS_MORE_HITS, INPUT_SUGGESTIONS_NO_HIT, INPUT_CLEAR_ICON_ACC_NAME, LINK_SUBTLE, LINK_EMPHASIZED, LIST_ITEM_POSITION, LIST_ITEM_SELECTED, LIST_ITEM_NOT_SELECTED, LIST_ITEM_GROUP_HEADER, ARIA_LABEL_LIST_ITEM_CHECKBOX, ARIA_LABEL_LIST_ITEM_RADIO_BUTTON, ARIA_LABEL_LIST_SELECTABLE, ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_DELETABLE, MESSAGE_STRIP_CLOSE_BUTTON, MESSAGE_STRIP_CLOSABLE, MESSAGE_STRIP_ERROR, MESSAGE_STRIP_WARNING, MESSAGE_STRIP_SUCCESS, MESSAGE_STRIP_INFORMATION, MULTICOMBOBOX_DIALOG_OK_BUTTON, RADIO_BUTTON_GROUP_REQUIRED, VALUE_STATE_ERROR_ALREADY_SELECTED, MULTIINPUT_ROLEDESCRIPTION_TEXT, MULTIINPUT_SHOW_MORE_TOKENS, PANEL_ICON, RANGE_SLIDER_ARIA_DESCRIPTION, RANGE_SLIDER_START_HANDLE_DESCRIPTION, RANGE_SLIDER_END_HANDLE_DESCRIPTION, RATING_INDICATOR_TOOLTIP_TEXT, RATING_INDICATOR_TEXT, RATING_INDICATOR_ARIA_DESCRIPTION, RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON, SEGMENTEDBUTTON_ARIA_DESCRIPTION, SEGMENTEDBUTTON_ARIA_DESCRIBEDBY, SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION, SLIDER_ARIA_DESCRIPTION, LOAD_MORE_TEXT, TABLE_HEADER_ROW_INFORMATION, TABLE_ROW_POSITION, TABLE_GROUP_ROW_ARIA_LABEL, ARIA_LABEL_ROW_SELECTION, ARIA_LABEL_SELECT_ALL_CHECKBOX, ARIA_LABEL_EMPTY_CELL, TAB_ARIA_DESIGN_POSITIVE, TAB_ARIA_DESIGN_NEGATIVE, TAB_ARIA_DESIGN_CRITICAL, TAB_ARIA_DESIGN_NEUTRAL, TAB_SPLIT_ROLE_DESCRIPTION, TABCONTAINER_NEXT_ICON_ACC_NAME, TABCONTAINER_PREVIOUS_ICON_ACC_NAME, TABCONTAINER_OVERFLOW_MENU_TITLE, TABCONTAINER_END_OVERFLOW, TABCONTAINER_POPOVER_CANCEL_BUTTON, TABCONTAINER_SUBTABS_DESCRIPTION, TEXTAREA_CHARACTERS_LEFT, TEXTAREA_CHARACTERS_EXCEEDED, TIMEPICKER_HOURS_LABEL, TIMEPICKER_MINUTES_LABEL, TIMEPICKER_SECONDS_LABEL, TIMEPICKER_SUBMIT_BUTTON, TIMEPICKER_CANCEL_BUTTON, TIMEPICKER_INPUT_DESCRIPTION, TIMEPICKER_CLOCK_DIAL_LABEL, TIMEPICKER_INPUTS_ENTER_HOURS, TIMEPICKER_INPUTS_ENTER_MINUTES, TIMEPICKER_INPUTS_ENTER_SECONDS, DURATION_INPUT_DESCRIPTION, DATETIME_PICKER_DATE_BUTTON, DATETIME_PICKER_TIME_BUTTON, TOKEN_ARIA_DELETABLE, TOKENIZER_ARIA_CONTAIN_TOKEN, TOKENIZER_ARIA_CONTAIN_ONE_TOKEN, TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS, TOKENIZER_ARIA_LABEL, TOKENIZER_POPOVER_REMOVE, TOKENIZER_SHOW_ALL_ITEMS, TREE_ITEM_ARIA_LABEL, TREE_ITEM_EXPAND_NODE, TREE_ITEM_COLLAPSE_NODE, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_WARNING, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_INFORMATION, VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_INFORMATION, VALUE_STATE_SUCCESS, CALENDAR_HEADER_NEXT_BUTTON, CALENDAR_HEADER_PREVIOUS_BUTTON, DAY_PICKER_WEEK_NUMBER_TEXT, DAY_PICKER_NON_WORKING_DAY, DAY_PICKER_TODAY, MONTH_PICKER_DESCRIPTION, YEAR_PICKER_DESCRIPTION, STEPINPUT_DEC_ICON_TITLE, STEPINPUT_INC_ICON_TITLE, SPLIT_BUTTON_DESCRIPTION, SPLIT_BUTTON_KEYBOARD_HINT, MENU_BACK_BUTTON_ARIA_LABEL, MENU_CLOSE_BUTTON_ARIA_LABEL, DIALOG_HEADER_ARIA_ROLE_DESCRIPTION, DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE, DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE, DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE, LABEL_COLON, TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL };\n//# sourceMappingURL=i18n-defaults.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Input.css\", content: \":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}[input-icon]{border-inline-start:var(--_ui5-v1-20-0_input_icon_border);border-radius:var(--_ui5-v1-20-0_input_icon_border_radius);color:var(--_ui5-v1-20-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-20-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-20-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-20-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block}:host{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;height:var(--_ui5-v1-20-0_input_height);margin:var(--_ui5-v1-20-0_input_margin_top_bottom) 0;min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width));text-align:start;transition:var(--_ui5-v1-20-0_input_transition);width:var(--_ui5-v1-20-0_input_width)}:host(:not([readonly])),:host([readonly][disabled]){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){background-color:var(--sapField_Focus_Background);border-color:var(--_ui5-v1-20-0_input_focused_border_color)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v1-20-0_input_focus_outline_color);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:var(--ui5-v1-20-0_input_focus_pseudo_element_content);left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_bottom_border_color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-2px;content:\\\"\\\";height:var(--_ui5-v1-20-0_input_bottom_border_height);left:1px;position:absolute;transition:var(--_ui5-v1-20-0_input_transition);width:calc(100% - 2px)}.ui5-input-root{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:inline-block;height:100%;outline:none;overflow:hidden;position:relative;transition:border-color .2s ease-in-out;width:100%}:host([disabled]){background-color:var(--_ui5-v1-20-0-input_disabled_background);border-color:var(--_ui5-v1-20-0_input_disabled_border_color);cursor:default;opacity:var(--_ui5-v1-20-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;min-width:var(--_ui5-v1-20-0_input_min_width);outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-align:inherit;text-overflow:ellipsis;width:100%;word-spacing:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5-v1-20-0_input_inner_padding_with_icon)}.ui5-input-value-state-icon{align-items:center;display:var(--_ui5-v1-20-0-input-value-state-icon-display);height:100%}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}[inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}.ui5-input-content{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:flex;flex-direction:row;height:100%;justify-content:flex-end;outline:none;overflow:hidden}:host([readonly]:not([disabled])){background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_readonly_background);border-color:var(--_ui5-v1-20-0_input_readonly_border_color)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-20-0_input_hover_border);border-color:var(--_ui5-v1-20-0_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5-v1-20-0_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style);text-indent:var(--_ui5-v1-20-0_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5-v1-20-0_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{align-items:center;display:flex;height:100%;justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_min_width)}::slotted([ui5-icon][slot=icon]){align-self:start;box-sizing:content-box!important;padding:var(--_ui5-v1-20-0_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_icon_padding)}:host([value-state=Error][focused]) [input-icon],:host([value-state=Warning][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_focused_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_icon_padding)}:host([value-state=Information][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_focused_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_icon_padding)}:host([value-state=Error][focused]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error][focused]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_focused_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_icon_padding)}:host([value-state=Information][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_focused_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{align-items:center;box-sizing:border-box;display:flex;height:var(--_ui5-v1-20-0_input_icon_wrapper_height);justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_width);padding:0;width:var(--_ui5-v1-20-0_input_icon_width)}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{color:inherit;padding:0}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}\" };\nexport default styleData;\n//# sourceMappingURL=Input.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ResponsivePopoverCommon.css\", content: \".input-root-phone{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);flex:1;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);height:var(--_ui5-v1-20-0_input_height);position:relative}.input-root-phone [inner-input]{height:100%;padding:0 .5rem;width:100%}.input-root-phone [inner-input]:focus{background-color:var(--sapField_Focus_Background)}.input-root-phone:focus-within:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:\\\"\\\";left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.input-root-phone [value-state=Error] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Success] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Warning] [input-icon][data-ui5-compact-size]{padding:.1875rem .5rem}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:normal;line-height:normal;min-width:3rem;outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-overflow:ellipsis}[inner-input]::-moz-selection,[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}[inner-input]::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}[inner-input]::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.input-root-phone[value-state]:not([value-state=None]){border-width:var(--_ui5-v1-20-0_input_state_border_width)}.input-root-phone[value-state=Error] [inner-input],.input-root-phone[value-state=Warning] [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style)}.input-root-phone[value-state=Error] [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}.input-root-phone[value-state=Error]:not([readonly]){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}.input-root-phone[value-state=Error]:not([readonly]):not([disabled]),.input-root-phone[value-state=Information]:not([readonly]):not([disabled]),.input-root-phone[value-state=Warning]:not([readonly]):not([disabled]){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}.input-root-phone[value-state=Warning]:not([readonly]){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}.input-root-phone[value-state=Success]:not([readonly]){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width)}.input-root-phone[value-state=Success]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}.input-root-phone[value-state=Success]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}.input-root-phone[value-state=Information]:not([readonly]){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width)}.input-root-phone[value-state=Information]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}.ui5-multi-combobox-toggle-button{margin-left:.5rem}.ui5-responsive-popover-header{display:flex;flex-direction:column;min-height:2.5rem;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v1-20-0_button_base_min_width))}.ui5-responsive-popover-header .row{align-items:center;box-sizing:border-box;display:flex;font-size:var(--sapFontHeader5Size);justify-content:center;min-height:2.5rem;padding:.25rem 1rem}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-responsive-popover-close-btn{position:absolute;right:1rem}\" };\nexport default styleData;\n//# sourceMappingURL=ResponsivePopoverCommon.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ValueStateMessage.css\", content: \".ui5-valuestatemessage-popover{border-radius:var(--_ui5-v1-20-0_value_state_message_popover_border_radius);box-shadow:var(--_ui5-v1-20-0_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{display:var(--_ui5-v1-20-0_input_value_state_icon_display);height:var(--_ui5-v1-20-0_value_state_message_icon_height);padding-right:.375rem;position:absolute;width:var(--_ui5-v1-20-0_value_state_message_icon_width)}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5-v1-20-0_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{border:var(--_ui5-v1-20-0_value_state_message_border);box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSmallSize);height:auto;min-width:6.25rem;overflow:hidden;padding:var(--_ui5-v1-20-0_value_state_message_padding);text-overflow:ellipsis}[ui5-popover] .ui5-valuestatemessage-header,[ui5-responsive-popover] .ui5-valuestatemessage-header{min-height:2rem}[ui5-responsive-popover] .ui5-valuestatemessage-header{border:var(--_ui5-v1-20-0_value_state_header_border);border-bottom:var(--_ui5-v1-20-0_value_state_header_border_bottom);padding:var(--_ui5-v1-20-0_value_state_header_padding)}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus,.ui5-responsive-popover-header[focused]{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-20-0_value_state_header_offset)}.ui5-valuestatemessage-popover::part(content),.ui5-valuestatemessage-popover::part(header){padding:0}.ui5-valuestatemessage-popover::part(footer),.ui5-valuestatemessage-popover::part(header){min-height:0}.ui5-suggestions-popover-with-value-state-header::part(header),.ui5-valuestatemessage-popover::part(header){margin-bottom:0}\" };\nexport default styleData;\n//# sourceMappingURL=ValueStateMessage.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Suggestions.css\", content: \".ui5-suggestions-popover{box-shadow:var(--sapContent_Shadow1)}.ui5-suggestions-popover::part(content),.ui5-suggestions-popover::part(header){padding:0}.ui5-suggestions-popover::part(footer){padding:0 1rem}.ui5-suggestions-popover [ui5-li-suggestion-item]::part(icon),.ui5-suggestions-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}.input-root-phone.native-input-wrapper{display:contents}.input-root-phone.native-input-wrapper:before{display:none}.native-input-wrapper .ui5-input-inner-phone{margin:0}\" };\nexport default styleData;\n//# sourceMappingURL=Suggestions.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Input_1;\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport { isPhone, isAndroid, } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { getFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { isUp, isDown, isSpace, isEnter, isBackSpace, isDelete, isEscape, isTabNext, isPageUp, isPageDown, isHome, isEnd, } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getAssociatedLabelForTexts, getAllAccessibleNameRefTexts, registerUI5Element, deregisterUI5Element, } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getCaretPosition, setCaretPosition } from \"@ui5/webcomponents-base/dist/util/Caret.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/not-editable.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport InputType from \"./types/InputType.js\";\nimport Popover from \"./Popover.js\";\nimport Icon from \"./Icon.js\";\n// Templates\nimport InputTemplate from \"./generated/templates/InputTemplate.lit.js\";\nimport InputPopoverTemplate from \"./generated/templates/InputPopoverTemplate.lit.js\";\nimport { StartsWith } from \"./Filters.js\";\nimport { VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_INFORMATION, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_WARNING, INPUT_SUGGESTIONS, INPUT_SUGGESTIONS_TITLE, INPUT_SUGGESTIONS_ONE_HIT, INPUT_SUGGESTIONS_MORE_HITS, INPUT_SUGGESTIONS_NO_HIT, INPUT_CLEAR_ICON_ACC_NAME, } from \"./generated/i18n/i18n-defaults.js\";\n// Styles\nimport inputStyles from \"./generated/themes/Input.css.js\";\nimport ResponsivePopoverCommonCss from \"./generated/themes/ResponsivePopoverCommon.css.js\";\nimport ValueStateMessageCss from \"./generated/themes/ValueStateMessage.css.js\";\nimport SuggestionsCss from \"./generated/themes/Suggestions.css.js\";\n// all sementic events\nvar INPUT_EVENTS;\n(function (INPUT_EVENTS) {\n INPUT_EVENTS[\"CHANGE\"] = \"change\";\n INPUT_EVENTS[\"INPUT\"] = \"input\";\n INPUT_EVENTS[\"SUGGESTION_ITEM_SELECT\"] = \"suggestion-item-select\";\n})(INPUT_EVENTS || (INPUT_EVENTS = {}));\n// all user interactions\nvar INPUT_ACTIONS;\n(function (INPUT_ACTIONS) {\n INPUT_ACTIONS[\"ACTION_ENTER\"] = \"enter\";\n INPUT_ACTIONS[\"ACTION_USER_INPUT\"] = \"input\";\n})(INPUT_ACTIONS || (INPUT_ACTIONS = {}));\n/**\n * @class\n * Overview
\n *\n * Theui5-input component allows the user to enter and edit text or numeric values in one line.\n * \n * Additionally, you can provide
suggestionItems,\n * that are displayed in a popover right under the input.\n * \n * The text field can be editable or read-only (
readonly property),\n * and it can be enabled or disabled (disabled property).\n * To visualize semantic states, such as \"error\" or \"warning\", the valueState property is provided.\n * When the user makes changes to the text, the change event is fired,\n * which enables you to react on any text change.\n * \n * Note: If you are using the
ui5-input as a single npm module,\n * don't forget to import the InputSuggestions module from\n * \"@ui5/webcomponents/dist/features/InputSuggestions.js\"\n * to enable the suggestions functionality.\n *\n * Keyboard Handling
\n * Theui5-input provides the following keyboard shortcuts:\n * \n *\n *
- \n *
- [ESC] - Closes the suggestion list, if open. If closed or not enabled, cancels changes and reverts to the value which the Input field had when it got the focus. \n *
- [ENTER] or [RETURN] - If suggestion list is open takes over the current matching item and closes it. If value state or group header is focused, does nothing. \n *
- [DOWN] - Focuses the next matching item in the suggestion list. \n *
- [UP] - Focuses the previous matching item in the suggestion list. \n *
- [HOME] - If focus is in the text input, moves caret before the first character. If focus is in the list, highlights the first item and updates the input accordingly. \n *
- [END] - If focus is in the text input, moves caret after the last character. If focus is in the list, highlights the last item and updates the input accordingly. \n *
- [PAGEUP] - If focus is in the list, moves highlight up by page size (10 items by default). If focus is in the input, does nothing. \n *
- [PAGEDOWN] - If focus is in the list, moves highlight down by page size (10 items by default). If focus is in the input, does nothing. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Input.js\";\n * \n *
import \"@ui5/webcomponents/dist/features/InputSuggestions.js\"; (optional - for input suggestions support)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Input\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-input\n * @appenddocs sap.ui.webc.main.SuggestionItem sap.ui.webc.main.SuggestionGroupItem\n * @implements sap.ui.webc.main.IInput\n * @public\n */\nlet Input = Input_1 = class Input extends UI5Element {\n constructor() {\n super();\n // Indicates if there is selected suggestionItem.\n this.hasSuggestionItemSelected = false;\n // Represents the value before user moves selection from suggestion item to another\n // and its value is updated after each move.\n // Note: Used to register and fire \"input\" event upon [SPACE] or [ENTER].\n // Note: The property \"value\" is updated upon selection move and can`t be used.\n this.valueBeforeItemSelection = \"\";\n // Represents the value before user moves selection between the suggestion items\n // and its value remains the same when the user navigates up or down the list.\n // Note: Used to cancel selection upon [ESC].\n this.valueBeforeItemPreview = \"\";\n // Indicates if the user selection has been canceled with [ESC].\n this.suggestionSelectionCanceled = false;\n // tracks the value between focus in and focus out to detect that change event should be fired.\n this.previousValue = \"\";\n // Indicates, if the component is rendering for first time.\n this.firstRendering = true;\n // The typed in value.\n this.typedInValue = \"\";\n // The last value confirmed by the user with \"ENTER\"\n this.lastConfirmedValue = \"\";\n // Indicates, if the user is typing. Gets reset once popup is closed\n this.isTyping = false;\n // Suggestions array initialization\n this.suggestionObjects = [];\n this._handleResizeBound = this._handleResize.bind(this);\n this._keepInnerValue = false;\n this._focusedAfterClear = false;\n }\n onEnterDOM() {\n ResizeHandler.register(this, this._handleResizeBound);\n registerUI5Element(this, this._updateAssociatedLabelsTexts.bind(this));\n }\n onExitDOM() {\n ResizeHandler.deregister(this, this._handleResizeBound);\n deregisterUI5Element(this);\n }\n onBeforeRendering() {\n if (!this._keepInnerValue) {\n this._innerValue = this.value;\n }\n if (this.showSuggestions) {\n this.enableSuggestions();\n this.suggestionObjects = this.Suggestions.defaultSlotProperties(this.typedInValue);\n }\n this.effectiveShowClearIcon = (this.showClearIcon && !!this.value && !this.readonly && !this.disabled);\n this.style.setProperty(getScopedVarName(\"--_ui5-input-icons-count\"), `${this.iconsCount}`);\n this.FormSupport = getFeature(\"FormSupport\");\n const hasItems = !!this.suggestionItems.length;\n const hasValue = !!this.value;\n const isFocused = this.shadowRoot.querySelector(\"input\") === getActiveElement();\n if (this._isPhone) {\n this.open = this.openOnMobile;\n }\n else if (this._forceOpen) {\n this.open = true;\n }\n else {\n this.open = hasValue && hasItems && isFocused && this.isTyping;\n }\n if (this.FormSupport) {\n this.FormSupport.syncNativeHiddenInput(this);\n }\n else if (this.name) {\n console.warn(`In order for the \"name\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n const value = this.value;\n const innerInput = this.getInputDOMRefSync();\n if (!innerInput || !value) {\n return;\n }\n const autoCompletedChars = innerInput.selectionEnd - innerInput.selectionStart;\n // Typehead causes issues on Android devices, so we disable it for now\n // If there is already a selection the autocomplete has already been performed\n if (this._shouldAutocomplete && !isAndroid() && !autoCompletedChars && !this._isKeyNavigation) {\n const item = this._getFirstMatchingItem(value);\n if (item) {\n this._handleTypeAhead(item);\n }\n }\n }\n async onAfterRendering() {\n const innerInput = this.getInputDOMRefSync();\n if (this.Suggestions && this.showSuggestions) {\n this.Suggestions.toggle(this.open, {\n preventFocusRestore: true,\n });\n this._listWidth = await this.Suggestions._getListWidth();\n }\n if (this.shouldDisplayOnlyValueStateMessage) {\n this.openPopover();\n }\n else {\n this.closePopover();\n }\n if (this._performTextSelection) {\n // this is required to syncronize lit-html input's value and user's input\n // lit-html does not sync its stored value for the value property when the user is typing\n if (innerInput.value !== this._innerValue) {\n innerInput.value = this._innerValue;\n }\n if (this.typedInValue.length && this.value.length) {\n innerInput.setSelectionRange(this.typedInValue.length, this.value.length);\n }\n }\n this._performTextSelection = false;\n }\n _onkeydown(e) {\n this._isKeyNavigation = true;\n this._shouldAutocomplete = !this.noTypeahead && !(isBackSpace(e) || isDelete(e) || isEscape(e));\n if (isUp(e)) {\n return this._handleUp(e);\n }\n if (isDown(e)) {\n return this._handleDown(e);\n }\n if (isSpace(e)) {\n return this._handleSpace(e);\n }\n if (isTabNext(e)) {\n return this._handleTab();\n }\n if (isEnter(e)) {\n return this._handleEnter(e);\n }\n if (isPageUp(e)) {\n return this._handlePageUp(e);\n }\n if (isPageDown(e)) {\n return this._handlePageDown(e);\n }\n if (isHome(e)) {\n return this._handleHome(e);\n }\n if (isEnd(e)) {\n return this._handleEnd(e);\n }\n if (isEscape(e)) {\n return this._handleEscape();\n }\n if (this.showSuggestions) {\n this._clearPopoverFocusAndSelection();\n }\n this._keyDown = true;\n this._isKeyNavigation = false;\n }\n _onkeyup(e) {\n // The native Delete event does not update the value property \"on time\".\n // So, the (native) change event is always fired with the old value\n if (isDelete(e)) {\n this.value = e.target.value;\n }\n this._keyDown = false;\n }\n _handleUp(e) {\n if (this.Suggestions && this.Suggestions.isOpened()) {\n this.Suggestions.onUp(e);\n }\n }\n _handleDown(e) {\n if (this.Suggestions && this.Suggestions.isOpened()) {\n this.Suggestions.onDown(e);\n }\n }\n _handleSpace(e) {\n if (this.Suggestions) {\n this.Suggestions.onSpace(e);\n }\n }\n _handleTab() {\n if (this.Suggestions && (this.previousValue !== this.value)) {\n this.Suggestions.onTab();\n }\n }\n _handleEnter(e) {\n const itemPressed = !!(this.Suggestions && this.Suggestions.onEnter(e));\n const innerInput = this.getInputDOMRefSync();\n // Check for autocompleted item\n const matchingItem = this.suggestionItems.find(item => {\n return (item.text && item.text === this.value) || (item.textContent === this.value);\n });\n if (matchingItem) {\n const itemText = matchingItem.text ? matchingItem.text : (matchingItem.textContent || \"\");\n innerInput.setSelectionRange(itemText.length, itemText.length);\n if (!itemPressed) {\n this.selectSuggestion(matchingItem, true);\n this.open = false;\n }\n }\n if (this._isPhone && !this.suggestionItems.length && !this.isTypeNumber) {\n innerInput.setSelectionRange(this.value.length, this.value.length);\n }\n if (!itemPressed) {\n this.lastConfirmedValue = this.value;\n if (this.FormSupport) {\n this.FormSupport.triggerFormSubmit(this);\n }\n return;\n }\n this.focused = true;\n }\n _handlePageUp(e) {\n if (this._isSuggestionsFocused) {\n this.Suggestions.onPageUp(e);\n }\n else {\n e.preventDefault();\n }\n }\n _handlePageDown(e) {\n if (this._isSuggestionsFocused) {\n this.Suggestions.onPageDown(e);\n }\n else {\n e.preventDefault();\n }\n }\n _handleHome(e) {\n if (this._isSuggestionsFocused) {\n this.Suggestions.onHome(e);\n }\n }\n _handleEnd(e) {\n if (this._isSuggestionsFocused) {\n this.Suggestions.onEnd(e);\n }\n }\n _handleEscape() {\n const hasSuggestions = this.showSuggestions && !!this.Suggestions;\n const isOpen = hasSuggestions && this.open;\n const innerInput = this.getInputDOMRefSync();\n const isAutoCompleted = innerInput.selectionEnd - innerInput.selectionStart > 0;\n this.isTyping = false;\n if (!isOpen) {\n this.value = this.lastConfirmedValue ? this.lastConfirmedValue : this.previousValue;\n return;\n }\n if (isOpen && this.Suggestions._isItemOnTarget()) {\n // Restore the value.\n this.value = this.typedInValue || this.valueBeforeItemPreview;\n // Mark that the selection has been canceled, so the popover can close\n // and not reopen, due to receiving focus.\n this.suggestionSelectionCanceled = true;\n this.focused = true;\n return;\n }\n if (isAutoCompleted) {\n this.value = this.typedInValue;\n }\n if (this._isValueStateFocused) {\n this._isValueStateFocused = false;\n this.focused = true;\n }\n }\n async _onfocusin(e) {\n await this.getInputDOMRef();\n this.focused = true; // invalidating property\n if (!this._focusedAfterClear) {\n this.previousValue = this.value;\n }\n this.valueBeforeItemPreview = this.value;\n this._inputIconFocused = !!e.target && e.target === this.querySelector(\"[ui5-icon]\");\n this._focusedAfterClear = false;\n }\n /**\n * Called on \"focusin\" of the native input HTML Element.\n * Note: implemented in MultiInput, but used in the Input template.\n */\n innerFocusIn() { }\n _onfocusout(e) {\n const toBeFocused = e.relatedTarget;\n const focusedOutToSuggestions = this.Suggestions && toBeFocused && toBeFocused.shadowRoot && toBeFocused.shadowRoot.contains(this.Suggestions.responsivePopover);\n const focusedOutToValueStateMessage = toBeFocused && toBeFocused.shadowRoot && toBeFocused.shadowRoot.querySelector(\".ui5-valuestatemessage-root\");\n this._keepInnerValue = false;\n if (this.showClearIcon && !this.effectiveShowClearIcon) {\n this._clearIconClicked = false;\n this._handleChange();\n }\n // if focusout is triggered by pressing on suggestion item or value state message popover, skip invalidation, because re-rendering\n // will happen before \"itemPress\" event, which will make item \"active\" state not visualized\n if (focusedOutToSuggestions || focusedOutToValueStateMessage) {\n e.stopImmediatePropagation();\n return;\n }\n if (toBeFocused && (toBeFocused).classList.contains(this._id)) {\n return;\n }\n this.open = false;\n this._clearPopoverFocusAndSelection();\n if (!this._clearIconClicked) {\n this.previousValue = \"\";\n }\n this.lastConfirmedValue = \"\";\n this.focused = false; // invalidating property\n this.isTyping = false;\n this._forceOpen = false;\n }\n _clearPopoverFocusAndSelection() {\n if (!this.showSuggestions || !this.Suggestions) {\n return;\n }\n this._isValueStateFocused = false;\n this.hasSuggestionItemSelected = false;\n this.Suggestions._deselectItems();\n this.Suggestions._clearItemFocus();\n }\n _click() {\n if (isPhone() && !this.readonly && this.Suggestions) {\n this.blur();\n this.openOnMobile = true;\n }\n }\n _handleChange() {\n if (this._clearIconClicked) {\n this._clearIconClicked = false;\n return;\n }\n if (this.previousValue !== this.getInputDOMRefSync().value) {\n this.fireEvent(INPUT_EVENTS.CHANGE);\n this.previousValue = this.value;\n this.typedInValue = this.value;\n }\n }\n _clear() {\n this.value = \"\";\n this.fireEvent(INPUT_EVENTS.INPUT);\n if (!this._isPhone) {\n this.focus();\n this._focusedAfterClear = true;\n }\n }\n _iconMouseDown() {\n this._clearIconClicked = true;\n }\n _scroll(e) {\n this.fireEvent(\"suggestion-scroll\", {\n scrollTop: e.detail.scrollTop,\n scrollContainer: e.detail.targetRef,\n });\n }\n _handleInput(e) {\n const inputDomRef = this.getInputDOMRefSync();\n const emptyValueFiredOnNumberInput = this.value && this.isTypeNumber && !inputDomRef.value;\n const eventType = e.inputType\n || (e.detail && e.detail.inputType)\n || \"\";\n this._keepInnerValue = false;\n const allowedEventTypes = [\n \"deleteWordBackward\",\n \"deleteWordForward\",\n \"deleteSoftLineBackward\",\n \"deleteSoftLineForward\",\n \"deleteEntireSoftLine\",\n \"deleteHardLineBackward\",\n \"deleteHardLineForward\",\n \"deleteByDrag\",\n \"deleteByCut\",\n \"deleteContent\",\n \"deleteContentBackward\",\n \"deleteContentForward\",\n \"historyUndo\",\n ];\n this._shouldAutocomplete = !allowedEventTypes.includes(eventType) && !this.noTypeahead;\n this.suggestionSelectionCanceled = false;\n if (e instanceof InputEvent) {\n // ---- Special cases of numeric Input ----\n // ---------------- Start -----------------\n // When the last character after the delimiter is removed.\n // In such cases, we want to skip the re-rendering of the\n // component as this leads to cursor repositioning and causes user experience issues.\n // There are few scenarios:\n // Example: type \"123.4\" and press BACKSPACE - the native input is firing event with the whole part as value (123).\n // Pressing BACKSPACE again will remove the delimiter and the native input will fire event with the whole part as value again (123).\n // Example: type \"123.456\", select/mark \"456\" and press BACKSPACE - the native input is firing event with the whole part as value (123).\n // Example: type \"123.456\", select/mark \"123.456\" and press BACKSPACE - the native input is firing event with empty value.\n const delimiterCase = this.isTypeNumber\n && (e.inputType === \"deleteContentForward\" || e.inputType === \"deleteContentBackward\")\n && !e.target.value.includes(\".\")\n && this.value.includes(\".\");\n // Handle special numeric notation with \"e\", example \"12.5e12\"\n const eNotationCase = emptyValueFiredOnNumberInput && e.data === \"e\";\n // Handle special numeric notation with \"-\", example \"-3\"\n // When pressing BACKSPACE, the native input fires event with empty value\n const minusRemovalCase = emptyValueFiredOnNumberInput\n && this.value.startsWith(\"-\")\n && this.value.length === 2\n && (e.inputType === \"deleteContentForward\" || e.inputType === \"deleteContentBackward\");\n if (delimiterCase || eNotationCase || minusRemovalCase) {\n this.value = e.target.value;\n this._keepInnerValue = true;\n }\n // ----------------- End ------------------\n }\n if (e.target === inputDomRef) {\n this.focused = true;\n // stop the native event, as the semantic \"input\" would be fired.\n e.stopImmediatePropagation();\n }\n this.fireEventByAction(INPUT_ACTIONS.ACTION_ENTER, e);\n this.hasSuggestionItemSelected = false;\n this._isValueStateFocused = false;\n if (this.Suggestions) {\n this.Suggestions.updateSelectedItemPosition(-1);\n }\n this.isTyping = true;\n }\n _startsWithMatchingItems(str) {\n const textProp = this.suggestionItems[0].text ? \"text\" : \"textContent\";\n return StartsWith(str, this.suggestionItems, textProp);\n }\n _getFirstMatchingItem(current) {\n if (!this.suggestionItems.length) {\n return;\n }\n const matchingItems = this._startsWithMatchingItems(current).filter(item => !item.groupItem);\n if (matchingItems.length) {\n return matchingItems[0];\n }\n }\n _handleTypeAhead(item) {\n const value = item.text ? item.text : item.textContent || \"\";\n this._innerValue = value;\n this.value = value;\n this._performTextSelection = true;\n this._shouldAutocomplete = false;\n }\n _handleResize() {\n this._inputWidth = this.offsetWidth;\n }\n _updateAssociatedLabelsTexts() {\n this._associatedLabelsTexts = getAssociatedLabelForTexts(this);\n this._accessibleLabelsRefTexts = getAllAccessibleNameRefTexts(this);\n }\n _closeRespPopover() {\n this.Suggestions.close(true);\n }\n async _afterOpenPopover() {\n // Set initial focus to the native input\n if (isPhone()) {\n (await this.getInputDOMRef()).focus();\n }\n }\n _afterClosePopover() {\n this.announceSelectedItem();\n // close device's keyboard and prevent further typing\n if (isPhone()) {\n this.blur();\n this.focused = false;\n }\n this.openOnMobile = false;\n this.open = false;\n this._forceOpen = false;\n if (this.hasSuggestionItemSelected) {\n this.focus();\n }\n }\n /**\n * Checks if the value state popover is open.\n * @returns {boolean} true if the value state popover is open, false otherwise\n */\n isValueStateOpened() {\n return !!this._isPopoverOpen;\n }\n async openPopover() {\n const popover = await this._getPopover();\n if (popover) {\n this._isPopoverOpen = true;\n popover.showAt(this);\n }\n }\n async closePopover() {\n const popover = await this._getPopover();\n popover && popover.close();\n }\n async _getPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return staticAreaItem.querySelector(\"[ui5-popover]\");\n }\n /**\n * Manually opens the suggestions popover, assuming suggestions are enabled. Items must be preloaded for it to open.\n * @public\n * @method\n * @name sap.ui.webc.main.Input#openPicker\n * @return {void}\n * @since 1.3.0\n */\n openPicker() {\n if (!this.suggestionItems.length || this.disabled || this.readonly) {\n return;\n }\n this._forceOpen = true;\n }\n enableSuggestions() {\n if (this.Suggestions) {\n return;\n }\n const Suggestions = getFeature(\"InputSuggestions\");\n if (Suggestions) {\n this.Suggestions = new Suggestions(this, \"suggestionItems\", true, false);\n }\n else {\n throw new Error(`You have to import \"@ui5/webcomponents/dist/features/InputSuggestions.js\" module to use ui5-input suggestions`);\n }\n }\n selectSuggestion(item, keyboardUsed) {\n if (item.groupItem) {\n return;\n }\n const value = this.typedInValue || this.value;\n const itemText = item.text || item.textContent || \"\"; // keep textContent for compatibility\n const fireInput = keyboardUsed\n ? this.valueBeforeItemSelection !== itemText : value !== itemText;\n this.hasSuggestionItemSelected = true;\n if (fireInput) {\n this.value = itemText;\n this.valueBeforeItemSelection = itemText;\n this.lastConfirmedValue = itemText;\n this._performTextSelection = true;\n this.hasSuggestionItemSelected = true;\n this.value = itemText;\n this.fireEvent(INPUT_EVENTS.CHANGE);\n if (isPhone()) {\n this.fireEvent(INPUT_EVENTS.INPUT);\n }\n // value might change in the change event handler\n this.typedInValue = this.value;\n this.previousValue = this.value;\n }\n this.valueBeforeItemPreview = \"\";\n this.suggestionSelectionCanceled = false;\n this.fireEvent(INPUT_EVENTS.SUGGESTION_ITEM_SELECT, { item });\n this.isTyping = false;\n this.openOnMobile = false;\n this._forceOpen = false;\n }\n previewSuggestion(item) {\n this.valueBeforeItemSelection = this.value;\n this.updateValueOnPreview(item);\n this.announceSelectedItem();\n this._previewItem = item;\n }\n /**\n * Updates the input value on item preview.\n * @param {Object} item The item that is on preview\n */\n updateValueOnPreview(item) {\n const noPreview = item.type === \"Inactive\" || item.groupItem;\n const itemValue = noPreview ? this.valueBeforeItemPreview : (item.effectiveTitle || item.textContent || \"\");\n this.value = itemValue;\n this._performTextSelection = true;\n }\n /**\n * The suggestion item on preview.\n * @type {sap.ui.webc.main.IInputSuggestionItem | null}\n * @name sap.ui.webc.main.Input.prototype.previewItem\n * @readonly\n * @public\n */\n get previewItem() {\n if (!this._previewItem) {\n return null;\n }\n return this.getSuggestionByListItem(this._previewItem);\n }\n async fireEventByAction(action, e) {\n if (this.disabled || this.readonly) {\n return;\n }\n const inputValue = await this.getInputValue();\n const isUserInput = action === INPUT_ACTIONS.ACTION_ENTER;\n this.value = inputValue;\n this.typedInValue = inputValue;\n this.valueBeforeItemPreview = inputValue;\n if (isUserInput) { // input\n this.fireEvent(INPUT_EVENTS.INPUT, { inputType: e.inputType });\n // Angular two way data binding\n this.fireEvent(\"value-changed\");\n }\n }\n async getInputValue() {\n const domRef = this.getDomRef();\n if (domRef) {\n return (await this.getInputDOMRef()).value;\n }\n return \"\";\n }\n async getInputDOMRef() {\n if (isPhone() && this.Suggestions) {\n await this.Suggestions._getSuggestionPopover();\n return this.Suggestions.responsivePopover.querySelector(\".ui5-input-inner-phone\");\n }\n return this.nativeInput;\n }\n getInputDOMRefSync() {\n if (isPhone() && this.Suggestions && this.Suggestions.responsivePopover) {\n return this.Suggestions.responsivePopover.querySelector(\".ui5-input-inner-phone\").shadowRoot.querySelector(\"input\");\n }\n return this.nativeInput;\n }\n /**\n * Returns a reference to the native input element\n * @protected\n */\n get nativeInput() {\n const domRef = this.getDomRef();\n return domRef ? domRef.querySelector(`input`) : null;\n }\n get nativeInputWidth() {\n return this.nativeInput ? this.nativeInput.offsetWidth : 0;\n }\n getLabelableElementId() {\n return this.getInputId();\n }\n getSuggestionByListItem(item) {\n const key = parseInt(item.getAttribute(\"data-ui5-key\"));\n return this.suggestionItems[key];\n }\n /**\n * Returns if the suggestions popover is scrollable.\n * The method returns Promise that resolves to true,\n * if the popup is scrollable and false otherwise.\n * @returns {Promise}\n */\n isSuggestionsScrollable() {\n if (!this.Suggestions) {\n return Promise.resolve(false);\n }\n return this.Suggestions._isScrollable();\n }\n getInputId() {\n return `${this._id}-inner`;\n }\n /* Suggestions interface */\n onItemMouseOver(e) {\n const item = e.target;\n const suggestion = this.getSuggestionByListItem(item);\n suggestion && suggestion.fireEvent(\"mouseover\", {\n item: suggestion,\n targetRef: item,\n });\n }\n onItemMouseOut(e) {\n const item = e.target;\n const suggestion = this.getSuggestionByListItem(item);\n suggestion && suggestion.fireEvent(\"mouseout\", {\n item: suggestion,\n targetRef: item,\n });\n }\n onItemMouseDown(e) {\n e.preventDefault();\n }\n onItemSelected(item, keyboardUsed) {\n this.selectSuggestion(item, keyboardUsed);\n }\n onItemPreviewed(item) {\n this.previewSuggestion(item);\n this.fireEvent(\"suggestion-item-preview\", {\n item: this.getSuggestionByListItem(item),\n targetRef: item,\n });\n }\n get valueStateTypeMappings() {\n return {\n \"Success\": Input_1.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n \"Information\": Input_1.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),\n \"Error\": Input_1.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n \"Warning\": Input_1.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n };\n }\n valueStateTextMappings() {\n return {\n \"Success\": Input_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n \"Information\": Input_1.i18nBundle.getText(VALUE_STATE_INFORMATION),\n \"Error\": Input_1.i18nBundle.getText(VALUE_STATE_ERROR),\n \"Warning\": Input_1.i18nBundle.getText(VALUE_STATE_WARNING),\n };\n }\n announceSelectedItem() {\n const invisibleText = this.shadowRoot.querySelector(`[id=\"${this._id}-selectionText\"]`);\n invisibleText.textContent = this.itemSelectionAnnounce;\n }\n get _readonly() {\n return this.readonly && !this.disabled;\n }\n get _headerTitleText() {\n return Input_1.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);\n }\n get clearIconAccessibleName() {\n return Input_1.i18nBundle.getText(INPUT_CLEAR_ICON_ACC_NAME);\n }\n get inputType() {\n return this.type.toLowerCase();\n }\n get isTypeNumber() {\n return this.type === InputType.Number;\n }\n get suggestionsTextId() {\n return this.showSuggestions ? `${this._id}-suggestionsText` : \"\";\n }\n get valueStateTextId() {\n return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n }\n get accInfo() {\n const ariaHasPopupDefault = this.showSuggestions ? \"true\" : undefined;\n const ariaAutoCompleteDefault = this.showSuggestions ? \"list\" : undefined;\n const ariaDescribedBy = this._inputAccInfo.ariaDescribedBy ? `${this.suggestionsTextId} ${this.valueStateTextId} ${this._inputAccInfo.ariaDescribedBy}`.trim() : `${this.suggestionsTextId} ${this.valueStateTextId}`.trim();\n const info = {\n \"input\": {\n \"ariaRoledescription\": this._inputAccInfo && (this._inputAccInfo.ariaRoledescription || undefined),\n \"ariaDescribedBy\": ariaDescribedBy || undefined,\n \"ariaInvalid\": this.valueState === ValueState.Error ? \"true\" : undefined,\n \"ariaHasPopup\": this._inputAccInfo.ariaHasPopup ? this._inputAccInfo.ariaHasPopup : ariaHasPopupDefault,\n \"ariaAutoComplete\": this._inputAccInfo.ariaAutoComplete ? this._inputAccInfo.ariaAutoComplete : ariaAutoCompleteDefault,\n \"role\": this._inputAccInfo && this._inputAccInfo.role,\n \"ariaControls\": this._inputAccInfo && this._inputAccInfo.ariaControls,\n \"ariaExpanded\": this._inputAccInfo && this._inputAccInfo.ariaExpanded,\n \"ariaDescription\": this._inputAccInfo && this._inputAccInfo.ariaDescription,\n \"ariaLabel\": (this._inputAccInfo && this._inputAccInfo.ariaLabel) || this._accessibleLabelsRefTexts || this.accessibleName || this._associatedLabelsTexts || undefined,\n },\n };\n return info;\n }\n get nativeInputAttributes() {\n return {\n \"min\": this.isTypeNumber ? this._nativeInputAttributes.min : undefined,\n \"max\": this.isTypeNumber ? this._nativeInputAttributes.max : undefined,\n \"step\": this.isTypeNumber ? (this._nativeInputAttributes.step || \"any\") : undefined,\n };\n }\n get ariaValueStateHiddenText() {\n if (!this.hasValueState) {\n return;\n }\n const valueState = this.valueState !== ValueState.None ? this.valueStateTypeMappings[this.valueState] : \"\";\n if (this.shouldDisplayDefaultValueStateMessage) {\n return this.valueStateText ? `${valueState} ${this.valueStateText}` : valueState;\n }\n return `${valueState}`.concat(\" \", this.valueStateMessageText.map(el => el.textContent).join(\" \"));\n }\n get itemSelectionAnnounce() {\n return this.Suggestions ? this.Suggestions.itemSelectionAnnounce : \"\";\n }\n get iconsCount() {\n const slottedIconsCount = this.icon ? this.icon.length : 0;\n const clearIconCount = Number(this.effectiveShowClearIcon) ?? 0;\n return slottedIconsCount + clearIconCount;\n }\n get classes() {\n return {\n popover: {\n \"ui5-suggestions-popover\": !this._isPhone && this.showSuggestions,\n \"ui5-suggestions-popover-with-value-state-header\": !this._isPhone && this.showSuggestions && this.hasValueStateMessage,\n },\n popoverValueState: {\n \"ui5-valuestatemessage-root\": true,\n \"ui5-valuestatemessage-header\": true,\n \"ui5-valuestatemessage--success\": this.valueState === ValueState.Success,\n \"ui5-valuestatemessage--error\": this.valueState === ValueState.Error,\n \"ui5-valuestatemessage--warning\": this.valueState === ValueState.Warning,\n \"ui5-valuestatemessage--information\": this.valueState === ValueState.Information,\n },\n };\n }\n get styles() {\n const remSizeIxPx = parseInt(getComputedStyle(document.documentElement).fontSize);\n const stylesObject = {\n popoverHeader: {\n \"max-width\": this._inputWidth ? `${this._inputWidth}px` : \"\",\n },\n suggestionPopoverHeader: {\n \"display\": this._listWidth === 0 ? \"none\" : \"inline-block\",\n \"width\": this._listWidth ? `${this._listWidth}px` : \"\",\n },\n suggestionsPopover: {\n \"min-width\": this._inputWidth ? `${this._inputWidth}px` : \"\",\n \"max-width\": this._inputWidth && (this._inputWidth / remSizeIxPx) > 40 ? `${this._inputWidth}px` : \"40rem\",\n },\n innerInput: {\n \"padding\": \"\",\n },\n };\n return stylesObject;\n }\n get suggestionSeparators() {\n return \"None\";\n }\n get valueStateMessageText() {\n return this.getSlottedNodes(\"valueStateMessage\").map(el => el.cloneNode(true));\n }\n get shouldDisplayOnlyValueStateMessage() {\n return this.hasValueStateMessage && !this.readonly && !this.open && this.focused;\n }\n get shouldDisplayDefaultValueStateMessage() {\n return !this.valueStateMessage.length && this.hasValueStateMessage;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get hasValueStateMessage() {\n return this.hasValueState && this.valueState !== ValueState.Success\n && (!this._inputIconFocused // Handles the cases when valueStateMessage is forwarded (from datepicker e.g.)\n || !!(this._isPhone && this.Suggestions)); // Handles Input with suggestions on mobile\n }\n get valueStateText() {\n return this.valueState !== ValueState.None ? this.valueStateTextMappings()[this.valueState] : undefined;\n }\n get suggestionsText() {\n return Input_1.i18nBundle.getText(INPUT_SUGGESTIONS);\n }\n get availableSuggestionsCount() {\n if (this.showSuggestions && (this.value || this.Suggestions.isOpened())) {\n const nonGroupItems = this.suggestionObjects.filter(item => !item.groupItem);\n switch (nonGroupItems.length) {\n case 0:\n return Input_1.i18nBundle.getText(INPUT_SUGGESTIONS_NO_HIT);\n case 1:\n return Input_1.i18nBundle.getText(INPUT_SUGGESTIONS_ONE_HIT);\n default:\n return Input_1.i18nBundle.getText(INPUT_SUGGESTIONS_MORE_HITS, nonGroupItems.length);\n }\n }\n return undefined;\n }\n get step() {\n return this.isTypeNumber ? \"any\" : undefined;\n }\n get _isPhone() {\n return isPhone();\n }\n get _isSuggestionsFocused() {\n return !this.focused && this.Suggestions && this.Suggestions.isOpened();\n }\n /**\n * Returns the placeholder value.\n * @protected\n */\n get _placeholder() {\n return this.placeholder;\n }\n /**\n * This method is relevant for sap_horizon theme only\n */\n get _valueStateInputIcon() {\n const iconPerValueState = {\n Error: `','','
\"].join(\"\")}function f(e,t,n){var a=t.currentMonth,r=t.currentYear,i=t.dateSelected,o=t.maxDate,s=t.minDate,l=t.showAllDates,d=t.days,c=t.disabledDates,u=t.startDay,h=t.weekendIndices,f=t.events,v=t.getRange?t.getRange():{},m=+v.start,y=+v.end,p=g(new Date(e).setDate(1)),w=p.getDay()-u,D=w<0?7:0;p.setMonth(p.getMonth()+1),p.setDate(0);var b=p.getDate(),q=[],S=D+7*((w+b)/7|0);S+=(w+b)%7?7:0;for(var M=1;M<=S;M++){var E=(M-1)%7,x=d[E],C=M-(w>=0?w:7+w),L=new Date(r,a,C),Y=f[+L],j=C<1||C>b,O=j?C<1?-1:1:0,P=j&&!l,k=P?\"\":L.getDate(),N=+L==+i,_=E===h[0]||E===h[1],I=m!==y,A=\"qs-square \"+x;Y&&!P&&(A+=\" qs-event\"),j&&(A+=\" qs-outside-current-month\"),!l&&j||(A+=\" qs-num\"),N&&(A+=\" qs-active\"),(c[+L]||t.disabler(L)||_&&t.noWeekends||s&&+L<+s||o&&+L>+o)&&!P&&(A+=\" qs-disabled\"),+g(new Date)==+L&&(A+=\" qs-current\"),+L===m&&y&&I&&(A+=\" qs-range-start\"),+L>m&&+L',''+t.months[e.getMonth()]+\"\",''+e.getFullYear()+\"\",\"
\",'',\"'+e+\"
\"})).concat(q);return R.unshift(''),R.push(\"
\"),R.join(\"\")}function v(e,t){var n=e.overlayPlaceholder,a=e.overlayButton;return['\"].join(\"\")}function m(e,t,n){var a=t.el,r=t.calendar.querySelector(\".qs-active\"),i=e.textContent,o=t.sibling;(a.disabled||a.readOnly)&&t.respectDisabledReadOnly||(t.dateSelected=n?void 0:new Date(t.currentYear,t.currentMonth,i),r&&r.classList.remove(\"qs-active\"),n||e.classList.add(\"qs-active\"),p(a,t,n),n||q(t),o&&(y({instance:t,deselect:n}),t.first&&!o.dateSelected&&(o.currentYear=t.currentYear,o.currentMonth=t.currentMonth,o.currentMonthName=t.currentMonthName),u(t),u(o)),t.onSelect(t,n?void 0:new Date(t.dateSelected)))}function y(e){var t=e.instance.first?e.instance:e.instance.sibling,n=t.sibling;t===e.instance?e.deselect?(t.minDate=t.originalMinDate,n.minDate=n.originalMinDate):n.minDate=t.dateSelected:e.deselect?(n.maxDate=n.originalMaxDate,t.maxDate=t.originalMaxDate):t.maxDate=n.dateSelected}function p(e,t,n){if(!t.nonInput)return n?e.value=\"\":t.formatter!==s?t.formatter(e,t.dateSelected,t):void(e.value=t.dateSelected.toDateString())}function w(e,t,n,a){n||a?(n&&(t.currentYear=+n),a&&(t.currentMonth=+a)):(t.currentMonth+=e.contains(\"qs-right\")?1:-1,12===t.currentMonth?(t.currentMonth=0,t.currentYear++):-1===t.currentMonth&&(t.currentMonth=11,t.currentYear--)),t.currentMonthName=t.months[t.currentMonth],u(t),t.onMonthChange(t)}function D(e){if(!e.noPosition){var t=e.position.top,n=e.position.right;if(e.position.centered)return e.calendarContainer.classList.add(\"qs-centered\");var a=e.positionedEl.getBoundingClientRect(),r=e.el.getBoundingClientRect(),i=e.calendarContainer.getBoundingClientRect(),o=r.top-a.top+(t?-1*i.height:r.height)+\"px\",s=r.left-a.left+(n?r.width-i.width:0)+\"px\";e.calendarContainer.style.setProperty(\"top\",o),e.calendarContainer.style.setProperty(\"left\",s)}}function b(e){return\"[object Date]\"===x(e)&&\"Invalid Date\"!==e.toString()}function g(e){if(b(e)||\"number\"==typeof e&&!isNaN(e)){var t=new Date(+e);return new Date(t.getFullYear(),t.getMonth(),t.getDate())}}function q(e){e.disabled||!e.calendarContainer.classList.contains(\"qs-hidden\")&&!e.alwaysShow&&(\"overlay\"!==e.defaultView&&M(!0,e),e.calendarContainer.classList.add(\"qs-hidden\"),e.onHide(e))}function S(e){e.disabled||(e.calendarContainer.classList.remove(\"qs-hidden\"),\"overlay\"===e.defaultView&&M(!1,e),D(e),e.onShow(e))}function M(e,t){var n=t.calendar,a=n.querySelector(\".qs-overlay\"),r=a.querySelector(\".qs-overlay-year\"),i=n.querySelector(\".qs-controls\"),o=n.querySelector(\".qs-squares\");e?(a.classList.add(\"qs-hidden\"),i.classList.remove(\"qs-blur\"),o.classList.remove(\"qs-blur\"),r.value=\"\"):(a.classList.remove(\"qs-hidden\"),i.classList.add(\"qs-blur\"),o.classList.add(\"qs-blur\"),r.focus())}function E(e,t,n,a){var r=isNaN(+(new Date).setFullYear(t.value||void 0)),i=r?null:t.value;if(13===e.which||13===e.keyCode||\"click\"===e.type)a?w(null,n,i,a):r||t.classList.contains(\"qs-disabled\")||w(null,n,i);else if(n.calendar.contains(t)){n.calendar.querySelector(\".qs-submit\").classList[r?\"add\":\"remove\"](\"qs-disabled\")}}function x(e){return{}.toString.call(e)}function C(e){a.forEach((function(t){t!==e&&q(t)}))}function L(e){if(!e.__qs_shadow_dom){var t=e.which||e.keyCode,n=e.type,r=e.target,o=r.classList,s=a.filter((function(e){return e.calendar.contains(r)||e.el===r}))[0],l=s&&s.calendar.contains(r);if(!(s&&s.isMobile&&s.disableMobile))if(\"click\"===n){if(!s)return a.forEach(q);if(s.disabled)return;var d=s.calendar,c=s.calendarContainer,h=s.disableYearOverlay,f=s.nonInput,v=d.querySelector(\".qs-overlay-year\"),y=!!d.querySelector(\".qs-hidden\"),p=d.querySelector(\".qs-month-year\").contains(r),D=r.dataset.monthNum;if(s.noPosition&&!l)(c.classList.contains(\"qs-hidden\")?S:q)(s);else if(o.contains(\"qs-arrow\"))w(o,s);else if(p||o.contains(\"qs-close\"))h||M(!y,s);else if(D)E(e,v,s,D);else{if(o.contains(\"qs-disabled\"))return;if(o.contains(\"qs-num\")){var b=r.textContent,g=+r.dataset.direction,x=new Date(s.currentYear,s.currentMonth+g,b);if(g){s.currentYear=x.getFullYear(),s.currentMonth=x.getMonth(),s.currentMonthName=i[s.currentMonth],u(s);for(var L,Y=s.calendar.querySelectorAll('[data-direction=\"0\"]'),j=0;!L;){var O=Y[j];O.textContent===b&&(L=O),j++}r=L}return void(+x==+s.dateSelected?m(r,s,!0):r.classList.contains(\"qs-disabled\")||m(r,s))}o.contains(\"qs-submit\")?E(e,v,s):f&&r===s.el&&(S(s),C(s))}}else if(\"focusin\"===n&&s)S(s),C(s);else if(\"keydown\"===n&&9===t&&s)q(s);else if(\"keydown\"===n&&s&&!s.disabled){var P=!s.calendar.querySelector(\".qs-overlay\").classList.contains(\"qs-hidden\");13===t&&P&&l?E(e,r,s):27===t&&P&&l&&M(!0,s)}else if(\"input\"===n){if(!s||!s.calendar.contains(r))return;var k=s.calendar.querySelector(\".qs-submit\"),N=r.value.split(\"\").reduce((function(e,t){return e||\"0\"!==t?e+(t.match(/[0-9]/)?t:\"\"):\"\"}),\"\").slice(0,4);r.value=N,k.classList[4===N.length?\"remove\":\"add\"](\"qs-disabled\")}}}function Y(e){L(e),e.__qs_shadow_dom=!0}function j(e,t){l.forEach((function(n){e.removeEventListener(n,t)}))}function O(){S(this)}function P(){q(this)}function k(e,t){var n=g(e),a=this.currentYear,r=this.currentMonth,i=this.sibling;if(null==e)return this.dateSelected=void 0,p(this.el,this,!0),i&&(y({instance:this,deselect:!0}),u(i)),u(this),this;if(!b(e))throw new Error(\"`setDate` needs a JavaScript Date object.\");if(this.disabledDates[+n]||ndocument element as the consuming component.\n *\n * @constructor\n * @extends sap.ui.webc.base.types.DataType\n * @author SAP SE\n * @alias sap.ui.webc.base.types.DOMReference\n * @public\n */\nclass DOMReference extends DataType {\n static isValid(value) {\n return (typeof value === \"string\" || value instanceof HTMLElement);\n }\n static propertyToAttribute(propertyValue) {\n if (propertyValue instanceof HTMLElement) {\n return null;\n }\n return propertyValue;\n }\n}\nexport default DOMReference;\n//# sourceMappingURL=DOMReference.js.map","/**\n * Returns a singleton HTML element, inserted in given parent element of HTML page,\n * used mostly to store and share global resources between multiple UI5 Web Components runtimes.\n *\n * @param { string } tag the element tag/selector\n * @param { HTMLElement } parentElement the parent element to insert the singleton element instance\n * @param { Function } createEl a factory function for the element instantiation, by default document.createElement is used\n * @returns { Element }\n */\nconst getSingletonElementInstance = (tag, parentElement = document.body, createEl) => {\n let el = document.querySelector(tag);\n if (el) {\n return el;\n }\n el = createEl ? createEl() : document.createElement(tag);\n return parentElement.insertBefore(el, parentElement.firstChild);\n};\nexport default getSingletonElementInstance;\n//# sourceMappingURL=getSingletonElementInstance.js.map","import getSingletonElementInstance from \"./util/getSingletonElementInstance.js\";\nconst getMetaDomEl = () => {\n const el = document.createElement(\"meta\");\n el.setAttribute(\"name\", \"ui5-shared-resources\");\n el.setAttribute(\"content\", \"\"); // attribute \"content\" should be present when \"name\" is set.\n return el;\n};\nconst getSharedResourcesInstance = () => {\n if (typeof document === \"undefined\") {\n return null;\n }\n return getSingletonElementInstance(`meta[name=\"ui5-shared-resources\"]`, document.head, getMetaDomEl);\n};\n/**\n * Use this method to initialize/get resources that you would like to be shared among UI5 Web Components runtime instances.\n * The data will be accessed via a singleton \"ui5-shared-resources\" HTML element in the \"body\" element of the page.\n *\n * @public\n * @param namespace Unique ID of the resource, may contain \".\" to denote hierarchy\n * @param initialValue Object or primitive that will be used as an initial value if the resource does not exist\n * @returns {*}\n */\nconst getSharedResource = (namespace, initialValue) => {\n const parts = namespace.split(\".\");\n let current = getSharedResourcesInstance();\n if (!current) {\n return initialValue;\n }\n for (let i = 0; i < parts.length; i++) {\n const part = parts[i];\n const lastPart = i === parts.length - 1;\n if (!Object.prototype.hasOwnProperty.call(current, part)) {\n current[part] = lastPart ? initialValue : {};\n }\n current = current[part];\n }\n return current;\n};\nexport default getSharedResource;\n//# sourceMappingURL=getSharedResource.js.map","const features = new Map();\nconst registerFeature = (name, feature) => {\n features.set(name, feature);\n};\nconst getFeature = (name) => {\n return features.get(name);\n};\nexport { registerFeature, getFeature, };\n//# sourceMappingURL=FeaturesRegistry.js.map","const getActiveElement = () => {\n let element = document.activeElement;\n while (element && element.shadowRoot && element.shadowRoot.activeElement) {\n element = element.shadowRoot.activeElement;\n }\n return element;\n};\nexport default getActiveElement;\n//# sourceMappingURL=getActiveElement.js.map","import getSharedResource from \"../getSharedResource.js\";\nimport { getFeature } from \"../FeaturesRegistry.js\";\nimport getActiveElement from \"./getActiveElement.js\";\nconst popupUtilsData = getSharedResource(\"PopupUtilsData\", { currentZIndex: 100 });\nconst getFocusedElement = () => {\n const element = getActiveElement();\n return (element && typeof element.focus === \"function\") ? element : null;\n};\nconst isFocusedElementWithinNode = (node) => {\n const fe = getFocusedElement();\n if (fe) {\n return isNodeContainedWithin(node, fe);\n }\n return false;\n};\nconst isNodeContainedWithin = (parent, child) => {\n let currentNode = parent;\n if (currentNode.shadowRoot) {\n const children = Array.from(currentNode.shadowRoot.children);\n currentNode = children.find(n => n.localName !== \"style\");\n if (!currentNode) {\n return false;\n }\n }\n if (currentNode === child) {\n return true;\n }\n const childNodes = currentNode.localName === \"slot\" ? currentNode.assignedNodes() : currentNode.children;\n if (childNodes) {\n return Array.from(childNodes).some(n => isNodeContainedWithin(n, child));\n }\n return false;\n};\nconst isPointInRect = (x, y, rect) => {\n return x >= rect.left && x <= rect.right\n && y >= rect.top && y <= rect.bottom;\n};\nconst isClickInRect = (e, rect) => {\n let x;\n let y;\n if (e instanceof MouseEvent) {\n x = e.clientX;\n y = e.clientY;\n }\n else {\n const touch = e.touches[0];\n x = touch.clientX;\n y = touch.clientY;\n }\n return isPointInRect(x, y, rect);\n};\nfunction instanceOfPopup(object) {\n return \"isUI5Element\" in object && \"_show\" in object;\n}\nconst getClosedPopupParent = (el) => {\n const parent = el.parentElement || (el.getRootNode && el.getRootNode().host);\n if (parent && ((instanceOfPopup(parent) || parent === document.documentElement))) {\n return parent;\n }\n return getClosedPopupParent(parent);\n};\nconst getNextZIndex = () => {\n const openUI5Support = getFeature(\"OpenUI5Support\");\n if (openUI5Support && openUI5Support.isOpenUI5Detected()) { // use OpenUI5 for getting z-index values, if loaded\n return openUI5Support.getNextZIndex();\n }\n popupUtilsData.currentZIndex += 2;\n return popupUtilsData.currentZIndex;\n};\nconst getCurrentZIndex = () => {\n return popupUtilsData.currentZIndex;\n};\nexport { getFocusedElement, isClickInRect, getClosedPopupParent, getNextZIndex, getCurrentZIndex, isFocusedElementWithinNode, };\n//# sourceMappingURL=PopupUtils.js.map","/**\n * Returns a value clamped between an upper bound 'max' and lower bound 'min'.\n * @param {number} val value\n * @param {number} min lower bound\n * @param {number} max upper bound\n * @returns {number}\n */\nconst clamp = (val, min, max) => {\n return Math.min(Math.max(val, min), max);\n};\nexport default clamp;\n//# sourceMappingURL=clamp.js.map","const isElementContainingBlock = (el) => {\n const computedStyle = getComputedStyle(el);\n return [\"size\", \"inline-size\"].indexOf(computedStyle.containerType) > -1\n || [\"transform\", \"perspective\"].indexOf(computedStyle.willChange) > -1\n || [\"layout\", \"paint\", \"strict\", \"content\"].indexOf(computedStyle.contain) > -1\n || computedStyle.transform !== \"none\"\n || computedStyle.perspective !== \"none\"\n || computedStyle.backdropFilter !== \"none\";\n};\nexport default isElementContainingBlock;\n//# sourceMappingURL=isElementContainingBlock.js.map","const getParentElement = (el) => {\n return (el.parentElement ? el.parentNode : el.parentNode.host);\n};\nexport default getParentElement;\n//# sourceMappingURL=getParentElement.js.map","class EventProvider {\n constructor() {\n this._eventRegistry = new Map();\n }\n attachEvent(eventName, fnFunction) {\n const eventRegistry = this._eventRegistry;\n const eventListeners = eventRegistry.get(eventName);\n if (!Array.isArray(eventListeners)) {\n eventRegistry.set(eventName, [fnFunction]);\n return;\n }\n if (!eventListeners.includes(fnFunction)) {\n eventListeners.push(fnFunction);\n }\n }\n detachEvent(eventName, fnFunction) {\n const eventRegistry = this._eventRegistry;\n const eventListeners = eventRegistry.get(eventName);\n if (!eventListeners) {\n return;\n }\n const indexOfFnToDetach = eventListeners.indexOf(fnFunction);\n if (indexOfFnToDetach !== -1) {\n eventListeners.splice(indexOfFnToDetach, 1);\n }\n if (eventListeners.length === 0) {\n eventRegistry.delete(eventName);\n }\n }\n /**\n * Fires an event and returns the results of all event listeners as an array.\n *\n * @param eventName the event to fire\n * @param data optional data to pass to each event listener\n * @returns {Array} an array with the results of all event listeners\n */\n fireEvent(eventName, data) {\n const eventRegistry = this._eventRegistry;\n const eventListeners = eventRegistry.get(eventName);\n if (!eventListeners) {\n return [];\n }\n return eventListeners.map(fn => {\n return fn.call(this, data);\n });\n }\n /**\n * Fires an event and returns a promise that will resolve once all listeners have resolved.\n *\n * @param eventName the event to fire\n * @param data optional data to pass to each event listener\n * @returns {Promise} a promise that will resolve when all listeners have resolved\n */\n fireEventAsync(eventName, data) {\n return Promise.all(this.fireEvent(eventName, data));\n }\n isHandlerAttached(eventName, fnFunction) {\n const eventRegistry = this._eventRegistry;\n const eventListeners = eventRegistry.get(eventName);\n if (!eventListeners) {\n return false;\n }\n return eventListeners.includes(fnFunction);\n }\n hasListeners(eventName) {\n return !!this._eventRegistry.get(eventName);\n }\n}\nexport default EventProvider;\n//# sourceMappingURL=EventProvider.js.map","const MAX_PROCESS_COUNT = 10;\nclass RenderQueue {\n constructor() {\n this.list = []; // Used to store the web components in order\n this.lookup = new Set(); // Used for faster search\n }\n add(webComponent) {\n if (this.lookup.has(webComponent)) {\n return;\n }\n this.list.push(webComponent);\n this.lookup.add(webComponent);\n }\n remove(webComponent) {\n if (!this.lookup.has(webComponent)) {\n return;\n }\n this.list = this.list.filter(item => item !== webComponent);\n this.lookup.delete(webComponent);\n }\n shift() {\n const webComponent = this.list.shift();\n if (webComponent) {\n this.lookup.delete(webComponent);\n return webComponent;\n }\n }\n isEmpty() {\n return this.list.length === 0;\n }\n isAdded(webComponent) {\n return this.lookup.has(webComponent);\n }\n /**\n * Processes the whole queue by executing the callback on each component,\n * while also imposing restrictions on how many times a component may be processed.\n *\n * @param callback - function with one argument (the web component to be processed)\n */\n process(callback) {\n let webComponent;\n const stats = new Map();\n webComponent = this.shift();\n while (webComponent) {\n const timesProcessed = stats.get(webComponent) || 0;\n if (timesProcessed > MAX_PROCESS_COUNT) {\n throw new Error(`Web component processed too many times this task, max allowed is: ${MAX_PROCESS_COUNT}`);\n }\n callback(webComponent);\n stats.set(webComponent, timesProcessed + 1);\n webComponent = this.shift();\n }\n }\n}\nexport default RenderQueue;\n//# sourceMappingURL=RenderQueue.js.map","const VersionInfo = {\n\tversion: \"1.20.0\",\n\tmajor: 1,\n\tminor: 20,\n\tpatch: 0,\n\tsuffix: \"\",\n\tisNext: false,\n\tbuildTime: 1701685261,\n};\nexport default VersionInfo;","import VersionInfo from \"./generated/VersionInfo.js\";\nimport getSharedResource from \"./getSharedResource.js\";\nlet currentRuntimeIndex;\nlet currentRuntimeAlias = \"\";\nconst compareCache = new Map();\n/**\n * Central registry where all runtimes register themselves by pushing an object.\n * The index in the registry servers as an ID for the runtime.\n * @type {*}\n */\nconst Runtimes = getSharedResource(\"Runtimes\", []);\n/**\n * Registers the current runtime in the shared runtimes resource registry\n */\nconst registerCurrentRuntime = () => {\n if (currentRuntimeIndex === undefined) {\n currentRuntimeIndex = Runtimes.length;\n const versionInfo = VersionInfo;\n Runtimes.push({\n ...versionInfo,\n alias: currentRuntimeAlias,\n description: `Runtime ${currentRuntimeIndex} - ver ${versionInfo.version}${currentRuntimeAlias ? ` (${currentRuntimeAlias})` : \"\"}`,\n });\n }\n};\n/**\n * Returns the index of the current runtime's object in the shared runtimes resource registry\n * @returns {*}\n */\nconst getCurrentRuntimeIndex = () => {\n return currentRuntimeIndex;\n};\n/**\n * Compares two runtimes and returns 1 if the first is of a bigger version, -1 if the second is of a bigger version, and 0 if equal\n * @param index1 The index of the first runtime to compare\n * @param index2 The index of the second runtime to compare\n * @returns {number}\n */\nconst compareRuntimes = (index1, index2) => {\n const cacheIndex = `${index1},${index2}`;\n if (compareCache.has(cacheIndex)) {\n return compareCache.get(cacheIndex);\n }\n const runtime1 = Runtimes[index1];\n const runtime2 = Runtimes[index2];\n if (!runtime1 || !runtime2) {\n throw new Error(\"Invalid runtime index supplied\");\n }\n // If any of the two is a next version, bigger buildTime wins\n if (runtime1.isNext || runtime2.isNext) {\n return runtime1.buildTime - runtime2.buildTime;\n }\n // If major versions differ, bigger one wins\n const majorDiff = runtime1.major - runtime2.major;\n if (majorDiff) {\n return majorDiff;\n }\n // If minor versions differ, bigger one wins\n const minorDiff = runtime1.minor - runtime2.minor;\n if (minorDiff) {\n return minorDiff;\n }\n // If patch versions differ, bigger one wins\n const patchDiff = runtime1.patch - runtime2.patch;\n if (patchDiff) {\n return patchDiff;\n }\n // Bigger suffix wins, f.e. rc10 > rc9\n // Important: suffix is alphanumeric, must use natural compare\n const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: \"base\" });\n const result = collator.compare(runtime1.suffix, runtime2.suffix);\n compareCache.set(cacheIndex, result);\n return result;\n};\n/**\n * Set an alias for the the current app/library/microfrontend which will appear in debug messages and console warnings\n * @param alias\n */\nconst setRuntimeAlias = (alias) => {\n currentRuntimeAlias = alias;\n};\nconst getAllRuntimes = () => {\n return Runtimes;\n};\nexport { getCurrentRuntimeIndex, registerCurrentRuntime, compareRuntimes, setRuntimeAlias, getAllRuntimes, };\n//# sourceMappingURL=Runtimes.js.map","import getSharedResource from \"./getSharedResource.js\";\nimport { getCurrentRuntimeIndex, compareRuntimes, getAllRuntimes } from \"./Runtimes.js\";\nconst Tags = getSharedResource(\"Tags\", new Map());\nconst Definitions = new Set();\nlet Failures = new Map();\nlet failureTimeout;\nconst UNKNOWN_RUNTIME = -1;\nconst registerTag = (tag) => {\n Definitions.add(tag);\n Tags.set(tag, getCurrentRuntimeIndex());\n};\nconst isTagRegistered = (tag) => {\n return Definitions.has(tag);\n};\nconst getAllRegisteredTags = () => {\n return [...Definitions.values()];\n};\nconst recordTagRegistrationFailure = (tag) => {\n let tagRegRuntimeIndex = Tags.get(tag);\n if (tagRegRuntimeIndex === undefined) {\n tagRegRuntimeIndex = UNKNOWN_RUNTIME; // If the tag is taken, but not registered in Tags, then a version before 1.1.0 defined it => use the \"unknown\" key\n }\n if (!Failures.has(tagRegRuntimeIndex)) {\n Failures.set(tagRegRuntimeIndex, new Set());\n }\n Failures.get(tagRegRuntimeIndex).add(tag);\n if (!failureTimeout) {\n failureTimeout = setTimeout(() => {\n displayFailedRegistrations();\n Failures = new Map();\n failureTimeout = undefined;\n }, 1000);\n }\n};\nconst displayFailedRegistrations = () => {\n const allRuntimes = getAllRuntimes();\n const currentRuntimeIndex = getCurrentRuntimeIndex();\n const currentRuntime = allRuntimes[currentRuntimeIndex];\n let message = `Multiple UI5 Web Components instances detected.`;\n if (allRuntimes.length > 1) {\n message = `${message}\\nLoading order (versions before 1.1.0 not listed): ${allRuntimes.map(runtime => `\\n${runtime.description}`).join(\"\")}`;\n }\n [...Failures.keys()].forEach(otherRuntimeIndex => {\n let comparison;\n let otherRuntime;\n if (otherRuntimeIndex === UNKNOWN_RUNTIME) { // version < 1.1.0 defined the tag\n comparison = 1; // the current runtime is considered newer\n otherRuntime = {\n description: `Older unknown runtime`,\n };\n }\n else {\n comparison = compareRuntimes(currentRuntimeIndex, otherRuntimeIndex);\n otherRuntime = allRuntimes[otherRuntimeIndex];\n }\n let compareWord;\n if (comparison > 0) {\n compareWord = \"an older\";\n }\n else if (comparison < 0) {\n compareWord = \"a newer\";\n }\n else {\n compareWord = \"the same\";\n }\n message = `${message}\\n\\n\"${currentRuntime.description}\" failed to define ${Failures.get(otherRuntimeIndex).size} tag(s) as they were defined by a runtime of ${compareWord} version \"${otherRuntime.description}\": ${([...Failures.get(otherRuntimeIndex)]).sort().join(\", \")}.`;\n if (comparison > 0) {\n message = `${message}\\nWARNING! If your code uses features of the above web components, unavailable in ${otherRuntime.description}, it might not work as expected!`;\n }\n else {\n message = `${message}\\nSince the above web components were defined by the same or newer version runtime, they should be compatible with your code.`;\n }\n });\n message = `${message}\\n\\nTo prevent other runtimes from defining tags that you use, consider using scoping or have third-party libraries use scoping: https://github.com/SAP/ui5-webcomponents/blob/main/docs/2-advanced/03-scoping.md.`;\n console.warn(message); // eslint-disable-line\n};\nexport { registerTag, isTagRegistered, getAllRegisteredTags, recordTagRegistrationFailure, };\n//# sourceMappingURL=CustomElementsRegistry.js.map","const rtlAwareSet = new Set();\nconst markAsRtlAware = (klass) => {\n rtlAwareSet.add(klass);\n};\nconst isRtlAware = (klass) => {\n return rtlAwareSet.has(klass);\n};\nexport { markAsRtlAware, isRtlAware, };\n//# sourceMappingURL=RTLAwareRegistry.js.map","import EventProvider from \"./EventProvider.js\";\nimport RenderQueue from \"./RenderQueue.js\";\nimport { getAllRegisteredTags } from \"./CustomElementsRegistry.js\";\nimport { isRtlAware } from \"./locale/RTLAwareRegistry.js\";\nconst registeredElements = new Set();\nconst eventProvider = new EventProvider();\nconst invalidatedWebComponents = new RenderQueue(); // Queue for invalidated web components\nlet renderTaskPromise, renderTaskPromiseResolve;\nlet mutationObserverTimer;\nlet queuePromise;\n/**\n * Schedules a render task (if not already scheduled) to render the component\n *\n * @param webComponent\n * @returns {Promise}\n */\nconst renderDeferred = async (webComponent) => {\n // Enqueue the web component\n invalidatedWebComponents.add(webComponent);\n // Schedule a rendering task\n await scheduleRenderTask();\n};\n/**\n * Renders a component synchronously and adds it to the registry of rendered components\n *\n * @param webComponent\n */\nconst renderImmediately = (webComponent) => {\n eventProvider.fireEvent(\"beforeComponentRender\", webComponent);\n registeredElements.add(webComponent);\n webComponent._render();\n};\n/**\n * Cancels the rendering of a component, if awaiting to be rendered, and removes it from the registry of rendered components\n *\n * @param webComponent\n */\nconst cancelRender = (webComponent) => {\n invalidatedWebComponents.remove(webComponent);\n registeredElements.delete(webComponent);\n};\n/**\n * Schedules a rendering task, if not scheduled already\n */\nconst scheduleRenderTask = async () => {\n if (!queuePromise) {\n queuePromise = new Promise(resolve => {\n window.requestAnimationFrame(() => {\n // Render all components in the queue\n // console.log(`--------------------RENDER TASK START------------------------------`); // eslint-disable-line\n invalidatedWebComponents.process(renderImmediately);\n // console.log(`--------------------RENDER TASK END------------------------------`); // eslint-disable-line\n // Resolve the promise so that callers of renderDeferred can continue\n queuePromise = null;\n resolve();\n // Wait for Mutation observer before the render task is considered finished\n if (!mutationObserverTimer) {\n mutationObserverTimer = setTimeout(() => {\n mutationObserverTimer = undefined;\n if (invalidatedWebComponents.isEmpty()) {\n _resolveTaskPromise();\n }\n }, 200);\n }\n });\n });\n }\n await queuePromise;\n};\n/**\n * return a promise that will be resolved once all invalidated web components are rendered\n */\nconst whenDOMUpdated = () => {\n if (renderTaskPromise) {\n return renderTaskPromise;\n }\n renderTaskPromise = new Promise(resolve => {\n renderTaskPromiseResolve = resolve;\n window.requestAnimationFrame(() => {\n if (invalidatedWebComponents.isEmpty()) {\n renderTaskPromise = undefined;\n resolve();\n }\n });\n });\n return renderTaskPromise;\n};\nconst whenAllCustomElementsAreDefined = () => {\n const definedPromises = getAllRegisteredTags().map(tag => customElements.whenDefined(tag));\n return Promise.all(definedPromises);\n};\nconst renderFinished = async () => {\n await whenAllCustomElementsAreDefined();\n await whenDOMUpdated();\n};\nconst _resolveTaskPromise = () => {\n if (!invalidatedWebComponents.isEmpty()) {\n // More updates are pending. Resolve will be called again\n return;\n }\n if (renderTaskPromiseResolve) {\n renderTaskPromiseResolve();\n renderTaskPromiseResolve = undefined;\n renderTaskPromise = undefined;\n }\n};\n/**\n * Re-renders all UI5 Elements on the page, with the option to specify filters to rerender only some components.\n *\n * Usage:\n * reRenderAllUI5Elements() -> re-renders all components\n * reRenderAllUI5Elements({tag: \"ui5-button\"}) -> re-renders only instances of ui5-button\n * reRenderAllUI5Elements({rtlAware: true}) -> re-renders only rtlAware components\n * reRenderAllUI5Elements({languageAware: true}) -> re-renders only languageAware components\n * reRenderAllUI5Elements({themeAware: true}) -> re-renders only themeAware components\n * reRenderAllUI5Elements({rtlAware: true, languageAware: true}) -> re-renders components that are rtlAware or languageAware\n * etc...\n *\n * @public\n * @param {object|undefined} filters - Object with keys that can be \"rtlAware\" or \"languageAware\"\n * @returns {PromiseTopStart position of its container.\n * @public\n * @type {TopStart}\n */\n ToastPlacement[\"TopStart\"] = \"TopStart\";\n /**\n * Toast is placed at the TopCenter position of its container.\n * @public\n * @type {TopCenter}\n */\n ToastPlacement[\"TopCenter\"] = \"TopCenter\";\n /**\n * Toast is placed at the TopEnd position of its container.\n * @public\n * @type {TopEnd}\n */\n ToastPlacement[\"TopEnd\"] = \"TopEnd\";\n /**\n * Toast is placed at the MiddleStart position of its container.\n * @public\n * @type {MiddleStart}\n */\n ToastPlacement[\"MiddleStart\"] = \"MiddleStart\";\n /**\n * Toast is placed at the MiddleCenter position of its container.\n * @public\n * @type {MiddleCenter}\n */\n ToastPlacement[\"MiddleCenter\"] = \"MiddleCenter\";\n /**\n * Toast is placed at the MiddleEnd position of its container.\n * @public\n * @type {MiddleEnd}\n */\n ToastPlacement[\"MiddleEnd\"] = \"MiddleEnd\";\n /**\n * Toast is placed at the BottomStart position of its container.\n * @public\n * @type {BottomStart}\n */\n ToastPlacement[\"BottomStart\"] = \"BottomStart\";\n /**\n * Toast is placed at the BottomCenter position of its container.\n * Default placement (no selection)\n * @public\n * @type {BottomCenter}\n */\n ToastPlacement[\"BottomCenter\"] = \"BottomCenter\";\n /**\n * Toast is placed at the BottomEnd position of its container.\n * @public\n * @type {BottomEnd}\n */\n ToastPlacement[\"BottomEnd\"] = \"BottomEnd\";\n})(ToastPlacement || (ToastPlacement = {}));\nexport default ToastPlacement;\n//# sourceMappingURL=ToastPlacement.js.map","/* eslint no-unused-vars: 0 */\nimport { html, styleMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.domRendered ? block1.call(this, context, tags, suffix) : undefined} `; }\nfunction block1(context, tags, suffix) { return html `Overview
\n *\n * Theui5-toast is a small, non-disruptive popup for success or information messages that\n * disappears automatically after a few seconds.\n *\n *\n * Usage
\n *\n *When to use:
\n *- \n *
- You want to display a short success or information message. \n *
- You do not want to interrupt users while they are performing an action. \n *
- You want to confirm a successful action. \n *
When not to use:
\n *- \n *
- You want to display error or warning message. \n *
- You want to interrupt users while they are performing an action. \n *
- You want to make sure that users read the message before they leave the page. \n *
- You want users to be able to copy some part of the message text. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Toast\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Toast\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-toast\n * @public\n * @since 1.0.0-rc.6\n */\nlet Toast = class Toast extends UI5Element {\n constructor() {\n super();\n this._reopen = false;\n }\n onAfterRendering() {\n if (this._reopen) {\n this._reopen = false;\n this._initiateOpening();\n }\n }\n /**\n * Shows the component.\n * @public\n */\n show() {\n if (this.open) {\n // If the Toast is already opened, we set the _reopen flag to true, in\n // order to trigger re-rendering after an animation frame\n // in the onAfterRendering hook.\n // This is needed for properly resetting the opacity transition.\n this._reopen = true;\n this.open = false;\n }\n else {\n this._initiateOpening();\n }\n }\n _onfocusin() {\n if (this.focusable) {\n this.focused = true;\n }\n }\n _onfocusout() {\n this.focused = false;\n }\n /**\n * If the minimum duration is lower than 500ms, we force\n * it to be 500ms, as described in the documentation.\n * @private\n * @returns {*}\n */\n get effectiveDuration() {\n return this.duration < MIN_DURATION ? MIN_DURATION : this.duration;\n }\n get styles() {\n // Transition duration (animation) should be a third of the duration\n // property, but not bigger than the maximum allowed (1000ms).\n const transitionDuration = Math.min(this.effectiveDuration / 3, MAX_DURATION);\n return {\n root: {\n \"transition-duration\": this.open ? `${transitionDuration}ms` : \"\",\n // Transition delay is the duration property minus the\n // transition duration (animation).\n \"transition-delay\": this.open ? `${this.effectiveDuration - transitionDuration}ms` : \"\",\n // We alter the opacity property, in order to trigger transition\n \"opacity\": this.open && !this.hover && !this.focused ? \"0\" : \"\",\n \"z-index\": getNextZIndex(),\n },\n };\n }\n _initiateOpening() {\n this.domRendered = true;\n requestAnimationFrame(() => {\n this.open = true;\n openedToasts.pop();\n openedToasts.push(this);\n });\n }\n _ontransitionend() {\n if (this.hover || this.focused) {\n return;\n }\n this.domRendered = false;\n this.open = false;\n this.focusable = false;\n this.focused = false;\n openedToasts.pop();\n }\n _onmouseover() {\n this.hover = true;\n }\n _onmouseleave() {\n this.hover = false;\n }\n _onkeydown(e) {\n if (isEscape(e)) {\n this.focused = false;\n opener?.focus();\n }\n }\n get _tabindex() {\n return this.focused ? \"0\" : \"-1\";\n }\n};\n__decorate([\n property({ validator: Integer, defaultValue: 3000 })\n], Toast.prototype, \"duration\", void 0);\n__decorate([\n property({ type: ToastPlacement, defaultValue: ToastPlacement.BottomCenter })\n], Toast.prototype, \"placement\", void 0);\n__decorate([\n property({ type: Boolean })\n], Toast.prototype, \"open\", void 0);\n__decorate([\n property({ type: Boolean })\n], Toast.prototype, \"hover\", void 0);\n__decorate([\n property({ type: Boolean })\n], Toast.prototype, \"domRendered\", void 0);\n__decorate([\n property({ type: Boolean })\n], Toast.prototype, \"focusable\", void 0);\n__decorate([\n property({ type: Boolean })\n], Toast.prototype, \"focused\", void 0);\nToast = __decorate([\n customElement({\n tag: \"ui5-toast\",\n renderer: litRender,\n styles: ToastCss,\n template: ToastTemplate,\n })\n], Toast);\nToast.define();\nexport default Toast;\n//# sourceMappingURL=Toast.js.map","export default function(defs) {\n defs('EPSG:4326', \"+title=WGS 84 (long/lat) +proj=longlat +ellps=WGS84 +datum=WGS84 +units=degrees\");\n defs('EPSG:4269', \"+title=NAD83 (long/lat) +proj=longlat +a=6378137.0 +b=6356752.31414036 +ellps=GRS80 +datum=NAD83 +units=degrees\");\n defs('EPSG:3857', \"+title=WGS 84 / Pseudo-Mercator +proj=merc +a=6378137 +b=6378137 +lat_ts=0.0 +lon_0=0.0 +x_0=0.0 +y_0=0 +k=1.0 +units=m +nadgrids=@null +no_defs\");\n\n defs.WGS84 = defs['EPSG:4326'];\n defs['EPSG:3785'] = defs['EPSG:3857']; // maintain backward compat, official code is 3857\n defs.GOOGLE = defs['EPSG:3857'];\n defs['EPSG:900913'] = defs['EPSG:3857'];\n defs['EPSG:102113'] = defs['EPSG:3857'];\n}\n","export var PJD_3PARAM = 1;\nexport var PJD_7PARAM = 2;\nexport var PJD_GRIDSHIFT = 3;\nexport var PJD_WGS84 = 4; // WGS84 or equivalent\nexport var PJD_NODATUM = 5; // WGS84 or equivalent\nexport var SRS_WGS84_SEMIMAJOR = 6378137.0; // only used in grid shift transforms\nexport var SRS_WGS84_SEMIMINOR = 6356752.314; // only used in grid shift transforms\nexport var SRS_WGS84_ESQUARED = 0.0066943799901413165; // only used in grid shift transforms\nexport var SEC_TO_RAD = 4.84813681109535993589914102357e-6;\nexport var HALF_PI = Math.PI/2;\n// ellipoid pj_set_ell.c\nexport var SIXTH = 0.1666666666666666667;\n/* 1/6 */\nexport var RA4 = 0.04722222222222222222;\n/* 17/360 */\nexport var RA6 = 0.02215608465608465608;\nexport var EPSLN = 1.0e-10;\n// you'd think you could use Number.EPSILON above but that makes\n// Mollweide get into an infinate loop.\n\nexport var D2R = 0.01745329251994329577;\nexport var R2D = 57.29577951308232088;\nexport var FORTPI = Math.PI/4;\nexport var TWO_PI = Math.PI * 2;\n// SPI is slightly greater than Math.PI, so values that exceed the -180..180\n// degree range by a tiny amount don't get wrapped. This prevents points that\n// have drifted from their original location along the 180th meridian (due to\n// floating point error) from changing their sign.\nexport var SPI = 3.14159265359;\n","var exports = {};\nexport {exports as default};\n\nexports.greenwich = 0.0; //\"0dE\",\nexports.lisbon = -9.131906111111; //\"9d07'54.862\\\"W\",\nexports.paris = 2.337229166667; //\"2d20'14.025\\\"E\",\nexports.bogota = -74.080916666667; //\"74d04'51.3\\\"W\",\nexports.madrid = -3.687938888889; //\"3d41'16.58\\\"W\",\nexports.rome = 12.452333333333; //\"12d27'8.4\\\"E\",\nexports.bern = 7.439583333333; //\"7d26'22.5\\\"E\",\nexports.jakarta = 106.807719444444; //\"106d48'27.79\\\"E\",\nexports.ferro = -17.666666666667; //\"17d40'W\",\nexports.brussels = 4.367975; //\"4d22'4.71\\\"E\",\nexports.stockholm = 18.058277777778; //\"18d3'29.8\\\"E\",\nexports.athens = 23.7163375; //\"23d42'58.815\\\"E\",\nexports.oslo = 10.722916666667; //\"10d43'22.5\\\"E\"\n","export default {\n ft: {to_meter: 0.3048},\n 'us-ft': {to_meter: 1200 / 3937}\n};\n","var ignoredChar = /[\\s_\\-\\/\\(\\)]/g;\nexport default function match(obj, key) {\n if (obj[key]) {\n return obj[key];\n }\n var keys = Object.keys(obj);\n var lkey = key.toLowerCase().replace(ignoredChar, '');\n var i = -1;\n var testkey, processedKey;\n while (++i < keys.length) {\n testkey = keys[i];\n processedKey = testkey.toLowerCase().replace(ignoredChar, '');\n if (processedKey === lkey) {\n return obj[testkey];\n }\n }\n}\n","import {D2R} from './constants/values';\nimport PrimeMeridian from './constants/PrimeMeridian';\nimport units from './constants/units';\nimport match from './match';\n\nexport default function(defData) {\n var self = {};\n var paramObj = defData.split('+').map(function(v) {\n return v.trim();\n }).filter(function(a) {\n return a;\n }).reduce(function(p, a) {\n var split = a.split('=');\n split.push(true);\n p[split[0].toLowerCase()] = split[1];\n return p;\n }, {});\n var paramName, paramVal, paramOutname;\n var params = {\n proj: 'projName',\n datum: 'datumCode',\n rf: function(v) {\n self.rf = parseFloat(v);\n },\n lat_0: function(v) {\n self.lat0 = v * D2R;\n },\n lat_1: function(v) {\n self.lat1 = v * D2R;\n },\n lat_2: function(v) {\n self.lat2 = v * D2R;\n },\n lat_ts: function(v) {\n self.lat_ts = v * D2R;\n },\n lon_0: function(v) {\n self.long0 = v * D2R;\n },\n lon_1: function(v) {\n self.long1 = v * D2R;\n },\n lon_2: function(v) {\n self.long2 = v * D2R;\n },\n alpha: function(v) {\n self.alpha = parseFloat(v) * D2R;\n },\n gamma: function(v) {\n self.rectified_grid_angle = parseFloat(v);\n },\n lonc: function(v) {\n self.longc = v * D2R;\n },\n x_0: function(v) {\n self.x0 = parseFloat(v);\n },\n y_0: function(v) {\n self.y0 = parseFloat(v);\n },\n k_0: function(v) {\n self.k0 = parseFloat(v);\n },\n k: function(v) {\n self.k0 = parseFloat(v);\n },\n a: function(v) {\n self.a = parseFloat(v);\n },\n b: function(v) {\n self.b = parseFloat(v);\n },\n r_a: function() {\n self.R_A = true;\n },\n zone: function(v) {\n self.zone = parseInt(v, 10);\n },\n south: function() {\n self.utmSouth = true;\n },\n towgs84: function(v) {\n self.datum_params = v.split(\",\").map(function(a) {\n return parseFloat(a);\n });\n },\n to_meter: function(v) {\n self.to_meter = parseFloat(v);\n },\n units: function(v) {\n self.units = v;\n var unit = match(units, v);\n if (unit) {\n self.to_meter = unit.to_meter;\n }\n },\n from_greenwich: function(v) {\n self.from_greenwich = v * D2R;\n },\n pm: function(v) {\n var pm = match(PrimeMeridian, v);\n self.from_greenwich = (pm ? pm : parseFloat(v)) * D2R;\n },\n nadgrids: function(v) {\n if (v === '@null') {\n self.datumCode = 'none';\n }\n else {\n self.nadgrids = v;\n }\n },\n axis: function(v) {\n var legalAxis = \"ewnsud\";\n if (v.length === 3 && legalAxis.indexOf(v.substr(0, 1)) !== -1 && legalAxis.indexOf(v.substr(1, 1)) !== -1 && legalAxis.indexOf(v.substr(2, 1)) !== -1) {\n self.axis = v;\n }\n },\n approx: function() {\n self.approx = true;\n }\n };\n for (paramName in paramObj) {\n paramVal = paramObj[paramName];\n if (paramName in params) {\n paramOutname = params[paramName];\n if (typeof paramOutname === 'function') {\n paramOutname(paramVal);\n }\n else {\n self[paramOutname] = paramVal;\n }\n }\n else {\n self[paramName] = paramVal;\n }\n }\n if(typeof self.datumCode === 'string' && self.datumCode !== \"WGS84\"){\n self.datumCode = self.datumCode.toLowerCase();\n }\n return self;\n}\n","export default parseString;\n\nvar NEUTRAL = 1;\nvar KEYWORD = 2;\nvar NUMBER = 3;\nvar QUOTED = 4;\nvar AFTERQUOTE = 5;\nvar ENDED = -1;\nvar whitespace = /\\s/;\nvar latin = /[A-Za-z]/;\nvar keyword = /[A-Za-z84_]/;\nvar endThings = /[,\\]]/;\nvar digets = /[\\d\\.E\\-\\+]/;\n// const ignoredChar = /[\\s_\\-\\/\\(\\)]/g;\nfunction Parser(text) {\n if (typeof text !== 'string') {\n throw new Error('not a string');\n }\n this.text = text.trim();\n this.level = 0;\n this.place = 0;\n this.root = null;\n this.stack = [];\n this.currentObject = null;\n this.state = NEUTRAL;\n}\nParser.prototype.readCharicter = function() {\n var char = this.text[this.place++];\n if (this.state !== QUOTED) {\n while (whitespace.test(char)) {\n if (this.place >= this.text.length) {\n return;\n }\n char = this.text[this.place++];\n }\n }\n switch (this.state) {\n case NEUTRAL:\n return this.neutral(char);\n case KEYWORD:\n return this.keyword(char)\n case QUOTED:\n return this.quoted(char);\n case AFTERQUOTE:\n return this.afterquote(char);\n case NUMBER:\n return this.number(char);\n case ENDED:\n return;\n }\n};\nParser.prototype.afterquote = function(char) {\n if (char === '\"') {\n this.word += '\"';\n this.state = QUOTED;\n return;\n }\n if (endThings.test(char)) {\n this.word = this.word.trim();\n this.afterItem(char);\n return;\n }\n throw new Error('havn\\'t handled \"' +char + '\" in afterquote yet, index ' + this.place);\n};\nParser.prototype.afterItem = function(char) {\n if (char === ',') {\n if (this.word !== null) {\n this.currentObject.push(this.word);\n }\n this.word = null;\n this.state = NEUTRAL;\n return;\n }\n if (char === ']') {\n this.level--;\n if (this.word !== null) {\n this.currentObject.push(this.word);\n this.word = null;\n }\n this.state = NEUTRAL;\n this.currentObject = this.stack.pop();\n if (!this.currentObject) {\n this.state = ENDED;\n }\n\n return;\n }\n};\nParser.prototype.number = function(char) {\n if (digets.test(char)) {\n this.word += char;\n return;\n }\n if (endThings.test(char)) {\n this.word = parseFloat(this.word);\n this.afterItem(char);\n return;\n }\n throw new Error('havn\\'t handled \"' +char + '\" in number yet, index ' + this.place);\n};\nParser.prototype.quoted = function(char) {\n if (char === '\"') {\n this.state = AFTERQUOTE;\n return;\n }\n this.word += char;\n return;\n};\nParser.prototype.keyword = function(char) {\n if (keyword.test(char)) {\n this.word += char;\n return;\n }\n if (char === '[') {\n var newObjects = [];\n newObjects.push(this.word);\n this.level++;\n if (this.root === null) {\n this.root = newObjects;\n } else {\n this.currentObject.push(newObjects);\n }\n this.stack.push(this.currentObject);\n this.currentObject = newObjects;\n this.state = NEUTRAL;\n return;\n }\n if (endThings.test(char)) {\n this.afterItem(char);\n return;\n }\n throw new Error('havn\\'t handled \"' +char + '\" in keyword yet, index ' + this.place);\n};\nParser.prototype.neutral = function(char) {\n if (latin.test(char)) {\n this.word = char;\n this.state = KEYWORD;\n return;\n }\n if (char === '\"') {\n this.word = '';\n this.state = QUOTED;\n return;\n }\n if (digets.test(char)) {\n this.word = char;\n this.state = NUMBER;\n return;\n }\n if (endThings.test(char)) {\n this.afterItem(char);\n return;\n }\n throw new Error('havn\\'t handled \"' +char + '\" in neutral yet, index ' + this.place);\n};\nParser.prototype.output = function() {\n while (this.place < this.text.length) {\n this.readCharicter();\n }\n if (this.state === ENDED) {\n return this.root;\n }\n throw new Error('unable to parse string \"' +this.text + '\". State is ' + this.state);\n};\n\nfunction parseString(txt) {\n var parser = new Parser(txt);\n return parser.output();\n}\n","\n\nfunction mapit(obj, key, value) {\n if (Array.isArray(key)) {\n value.unshift(key);\n key = null;\n }\n var thing = key ? {} : obj;\n\n var out = value.reduce(function(newObj, item) {\n sExpr(item, newObj);\n return newObj\n }, thing);\n if (key) {\n obj[key] = out;\n }\n}\n\nexport function sExpr(v, obj) {\n if (!Array.isArray(v)) {\n obj[v] = true;\n return;\n }\n var key = v.shift();\n if (key === 'PARAMETER') {\n key = v.shift();\n }\n if (v.length === 1) {\n if (Array.isArray(v[0])) {\n obj[key] = {};\n sExpr(v[0], obj[key]);\n return;\n }\n obj[key] = v[0];\n return;\n }\n if (!v.length) {\n obj[key] = true;\n return;\n }\n if (key === 'TOWGS84') {\n obj[key] = v;\n return;\n }\n if (key === 'AXIS') {\n if (!(key in obj)) {\n obj[key] = [];\n }\n obj[key].push(v);\n return;\n }\n if (!Array.isArray(key)) {\n obj[key] = {};\n }\n\n var i;\n switch (key) {\n case 'UNIT':\n case 'PRIMEM':\n case 'VERT_DATUM':\n obj[key] = {\n name: v[0].toLowerCase(),\n convert: v[1]\n };\n if (v.length === 3) {\n sExpr(v[2], obj[key]);\n }\n return;\n case 'SPHEROID':\n case 'ELLIPSOID':\n obj[key] = {\n name: v[0],\n a: v[1],\n rf: v[2]\n };\n if (v.length === 4) {\n sExpr(v[3], obj[key]);\n }\n return;\n case 'PROJECTEDCRS':\n case 'PROJCRS':\n case 'GEOGCS':\n case 'GEOCCS':\n case 'PROJCS':\n case 'LOCAL_CS':\n case 'GEODCRS':\n case 'GEODETICCRS':\n case 'GEODETICDATUM':\n case 'EDATUM':\n case 'ENGINEERINGDATUM':\n case 'VERT_CS':\n case 'VERTCRS':\n case 'VERTICALCRS':\n case 'COMPD_CS':\n case 'COMPOUNDCRS':\n case 'ENGINEERINGCRS':\n case 'ENGCRS':\n case 'FITTED_CS':\n case 'LOCAL_DATUM':\n case 'DATUM':\n v[0] = ['name', v[0]];\n mapit(obj, key, v);\n return;\n default:\n i = -1;\n while (++i < v.length) {\n if (!Array.isArray(v[i])) {\n return sExpr(v, obj[key]);\n }\n }\n return mapit(obj, key, v);\n }\n}\n","var D2R = 0.01745329251994329577;\nimport parser from './parser';\nimport {sExpr} from './process';\n\n\n\nfunction rename(obj, params) {\n var outName = params[0];\n var inName = params[1];\n if (!(outName in obj) && (inName in obj)) {\n obj[outName] = obj[inName];\n if (params.length === 3) {\n obj[outName] = params[2](obj[outName]);\n }\n }\n}\n\nfunction d2r(input) {\n return input * D2R;\n}\n\nfunction cleanWKT(wkt) {\n if (wkt.type === 'GEOGCS') {\n wkt.projName = 'longlat';\n } else if (wkt.type === 'LOCAL_CS') {\n wkt.projName = 'identity';\n wkt.local = true;\n } else {\n if (typeof wkt.PROJECTION === 'object') {\n wkt.projName = Object.keys(wkt.PROJECTION)[0];\n } else {\n wkt.projName = wkt.PROJECTION;\n }\n }\n if (wkt.AXIS) {\n var axisOrder = '';\n for (var i = 0, ii = wkt.AXIS.length; i < ii; ++i) {\n var axis = [wkt.AXIS[i][0].toLowerCase(), wkt.AXIS[i][1].toLowerCase()];\n if (axis[0].indexOf('north') !== -1 || ((axis[0] === 'y' || axis[0] === 'lat') && axis[1] === 'north')) {\n axisOrder += 'n';\n } else if (axis[0].indexOf('south') !== -1 || ((axis[0] === 'y' || axis[0] === 'lat') && axis[1] === 'south')) {\n axisOrder += 's';\n } else if (axis[0].indexOf('east') !== -1 || ((axis[0] === 'x' || axis[0] === 'lon') && axis[1] === 'east')) {\n axisOrder += 'e';\n } else if (axis[0].indexOf('west') !== -1 || ((axis[0] === 'x' || axis[0] === 'lon') && axis[1] === 'west')) {\n axisOrder += 'w';\n }\n }\n if (axisOrder.length === 2) {\n axisOrder += 'u';\n }\n if (axisOrder.length === 3) {\n wkt.axis = axisOrder;\n }\n }\n if (wkt.UNIT) {\n wkt.units = wkt.UNIT.name.toLowerCase();\n if (wkt.units === 'metre') {\n wkt.units = 'meter';\n }\n if (wkt.UNIT.convert) {\n if (wkt.type === 'GEOGCS') {\n if (wkt.DATUM && wkt.DATUM.SPHEROID) {\n wkt.to_meter = wkt.UNIT.convert*wkt.DATUM.SPHEROID.a;\n }\n } else {\n wkt.to_meter = wkt.UNIT.convert;\n }\n }\n }\n var geogcs = wkt.GEOGCS;\n if (wkt.type === 'GEOGCS') {\n geogcs = wkt;\n }\n if (geogcs) {\n //if(wkt.GEOGCS.PRIMEM&&wkt.GEOGCS.PRIMEM.convert){\n // wkt.from_greenwich=wkt.GEOGCS.PRIMEM.convert*D2R;\n //}\n if (geogcs.DATUM) {\n wkt.datumCode = geogcs.DATUM.name.toLowerCase();\n } else {\n wkt.datumCode = geogcs.name.toLowerCase();\n }\n if (wkt.datumCode.slice(0, 2) === 'd_') {\n wkt.datumCode = wkt.datumCode.slice(2);\n }\n if (wkt.datumCode === 'new_zealand_geodetic_datum_1949' || wkt.datumCode === 'new_zealand_1949') {\n wkt.datumCode = 'nzgd49';\n }\n if (wkt.datumCode === 'wgs_1984' || wkt.datumCode === 'world_geodetic_system_1984') {\n if (wkt.PROJECTION === 'Mercator_Auxiliary_Sphere') {\n wkt.sphere = true;\n }\n wkt.datumCode = 'wgs84';\n }\n if (wkt.datumCode.slice(-6) === '_ferro') {\n wkt.datumCode = wkt.datumCode.slice(0, - 6);\n }\n if (wkt.datumCode.slice(-8) === '_jakarta') {\n wkt.datumCode = wkt.datumCode.slice(0, - 8);\n }\n if (~wkt.datumCode.indexOf('belge')) {\n wkt.datumCode = 'rnb72';\n }\n if (geogcs.DATUM && geogcs.DATUM.SPHEROID) {\n wkt.ellps = geogcs.DATUM.SPHEROID.name.replace('_19', '').replace(/[Cc]larke\\_18/, 'clrk');\n if (wkt.ellps.toLowerCase().slice(0, 13) === 'international') {\n wkt.ellps = 'intl';\n }\n\n wkt.a = geogcs.DATUM.SPHEROID.a;\n wkt.rf = parseFloat(geogcs.DATUM.SPHEROID.rf, 10);\n }\n\n if (geogcs.DATUM && geogcs.DATUM.TOWGS84) {\n wkt.datum_params = geogcs.DATUM.TOWGS84;\n }\n if (~wkt.datumCode.indexOf('osgb_1936')) {\n wkt.datumCode = 'osgb36';\n }\n if (~wkt.datumCode.indexOf('osni_1952')) {\n wkt.datumCode = 'osni52';\n }\n if (~wkt.datumCode.indexOf('tm65')\n || ~wkt.datumCode.indexOf('geodetic_datum_of_1965')) {\n wkt.datumCode = 'ire65';\n }\n if (wkt.datumCode === 'ch1903+') {\n wkt.datumCode = 'ch1903';\n }\n if (~wkt.datumCode.indexOf('israel')) {\n wkt.datumCode = 'isr93';\n }\n }\n if (wkt.b && !isFinite(wkt.b)) {\n wkt.b = wkt.a;\n }\n\n function toMeter(input) {\n var ratio = wkt.to_meter || 1;\n return input * ratio;\n }\n var renamer = function(a) {\n return rename(wkt, a);\n };\n var list = [\n ['standard_parallel_1', 'Standard_Parallel_1'],\n ['standard_parallel_1', 'Latitude of 1st standard parallel'],\n ['standard_parallel_2', 'Standard_Parallel_2'],\n ['standard_parallel_2', 'Latitude of 2nd standard parallel'],\n ['false_easting', 'False_Easting'],\n ['false_easting', 'False easting'],\n ['false-easting', 'Easting at false origin'],\n ['false_northing', 'False_Northing'],\n ['false_northing', 'False northing'],\n ['false_northing', 'Northing at false origin'],\n ['central_meridian', 'Central_Meridian'],\n ['central_meridian', 'Longitude of natural origin'],\n ['central_meridian', 'Longitude of false origin'],\n ['latitude_of_origin', 'Latitude_Of_Origin'],\n ['latitude_of_origin', 'Central_Parallel'],\n ['latitude_of_origin', 'Latitude of natural origin'],\n ['latitude_of_origin', 'Latitude of false origin'],\n ['scale_factor', 'Scale_Factor'],\n ['k0', 'scale_factor'],\n ['latitude_of_center', 'Latitude_Of_Center'],\n ['latitude_of_center', 'Latitude_of_center'],\n ['lat0', 'latitude_of_center', d2r],\n ['longitude_of_center', 'Longitude_Of_Center'],\n ['longitude_of_center', 'Longitude_of_center'],\n ['longc', 'longitude_of_center', d2r],\n ['x0', 'false_easting', toMeter],\n ['y0', 'false_northing', toMeter],\n ['long0', 'central_meridian', d2r],\n ['lat0', 'latitude_of_origin', d2r],\n ['lat0', 'standard_parallel_1', d2r],\n ['lat1', 'standard_parallel_1', d2r],\n ['lat2', 'standard_parallel_2', d2r],\n ['azimuth', 'Azimuth'],\n ['alpha', 'azimuth', d2r],\n ['srsCode', 'name']\n ];\n list.forEach(renamer);\n if (!wkt.long0 && wkt.longc && (wkt.projName === 'Albers_Conic_Equal_Area' || wkt.projName === 'Lambert_Azimuthal_Equal_Area')) {\n wkt.long0 = wkt.longc;\n }\n if (!wkt.lat_ts && wkt.lat1 && (wkt.projName === 'Stereographic_South_Pole' || wkt.projName === 'Polar Stereographic (variant B)')) {\n wkt.lat0 = d2r(wkt.lat1 > 0 ? 90 : -90);\n wkt.lat_ts = wkt.lat1;\n }\n}\nexport default function(wkt) {\n var lisp = parser(wkt);\n var type = lisp.shift();\n var name = lisp.shift();\n lisp.unshift(['name', name]);\n lisp.unshift(['type', type]);\n var obj = {};\n sExpr(lisp, obj);\n cleanWKT(obj);\n return obj;\n}\n","import globals from './global';\nimport parseProj from './projString';\nimport wkt from 'wkt-parser';\n\nfunction defs(name) {\n /*global console*/\n var that = this;\n if (arguments.length === 2) {\n var def = arguments[1];\n if (typeof def === 'string') {\n if (def.charAt(0) === '+') {\n defs[name] = parseProj(arguments[1]);\n }\n else {\n defs[name] = wkt(arguments[1]);\n }\n } else {\n defs[name] = def;\n }\n }\n else if (arguments.length === 1) {\n if (Array.isArray(name)) {\n return name.map(function(v) {\n if (Array.isArray(v)) {\n defs.apply(that, v);\n }\n else {\n defs(v);\n }\n });\n }\n else if (typeof name === 'string') {\n if (name in defs) {\n return defs[name];\n }\n }\n else if ('EPSG' in name) {\n defs['EPSG:' + name.EPSG] = name;\n }\n else if ('ESRI' in name) {\n defs['ESRI:' + name.ESRI] = name;\n }\n else if ('IAU2000' in name) {\n defs['IAU2000:' + name.IAU2000] = name;\n }\n else {\n console.log(name);\n }\n return;\n }\n\n\n}\nglobals(defs);\nexport default defs;\n","import defs from './defs';\nimport wkt from 'wkt-parser';\nimport projStr from './projString';\nimport match from './match';\nfunction testObj(code){\n return typeof code === 'string';\n}\nfunction testDef(code){\n return code in defs;\n}\nvar codeWords = ['PROJECTEDCRS', 'PROJCRS', 'GEOGCS','GEOCCS','PROJCS','LOCAL_CS', 'GEODCRS', 'GEODETICCRS', 'GEODETICDATUM', 'ENGCRS', 'ENGINEERINGCRS'];\nfunction testWKT(code){\n return codeWords.some(function (word) {\n return code.indexOf(word) > -1;\n });\n}\nvar codes = ['3857', '900913', '3785', '102113'];\nfunction checkMercator(item) {\n var auth = match(item, 'authority');\n if (!auth) {\n return;\n }\n var code = match(auth, 'epsg');\n return code && codes.indexOf(code) > -1;\n}\nfunction checkProjStr(item) {\n var ext = match(item, 'extension');\n if (!ext) {\n return;\n }\n return match(ext, 'proj4');\n}\nfunction testProj(code){\n return code[0] === '+';\n}\nfunction parse(code){\n if (testObj(code)) {\n //check to see if this is a WKT string\n if (testDef(code)) {\n return defs[code];\n }\n if (testWKT(code)) {\n var out = wkt(code);\n // test of spetial case, due to this being a very common and often malformed\n if (checkMercator(out)) {\n return defs['EPSG:3857'];\n }\n var maybeProjStr = checkProjStr(out);\n if (maybeProjStr) {\n return projStr(maybeProjStr);\n }\n return out;\n }\n if (testProj(code)) {\n return projStr(code);\n }\n }else{\n return code;\n }\n}\n\nexport default parse;\n","export default function(destination, source) {\n destination = destination || {};\n var value, property;\n if (!source) {\n return destination;\n }\n for (property in source) {\n value = source[property];\n if (value !== undefined) {\n destination[property] = value;\n }\n }\n return destination;\n}\n","export default function(eccent, sinphi, cosphi) {\n var con = eccent * sinphi;\n return cosphi / (Math.sqrt(1 - con * con));\n}","export default function(x) {\n return x<0 ? -1 : 1;\n}","\nimport {TWO_PI, SPI} from '../constants/values';\nimport sign from './sign';\n\nexport default function(x) {\n return (Math.abs(x) <= SPI) ? x : (x - (sign(x) * TWO_PI));\n}\n","import {HALF_PI} from '../constants/values';\n\nexport default function(eccent, phi, sinphi) {\n var con = eccent * sinphi;\n var com = 0.5 * eccent;\n con = Math.pow(((1 - con) / (1 + con)), com);\n return (Math.tan(0.5 * (HALF_PI - phi)) / con);\n}\n","import {HALF_PI} from '../constants/values';\n\nexport default function(eccent, ts) {\n var eccnth = 0.5 * eccent;\n var con, dphi;\n var phi = HALF_PI - 2 * Math.atan(ts);\n for (var i = 0; i <= 15; i++) {\n con = eccent * Math.sin(phi);\n dphi = HALF_PI - 2 * Math.atan(ts * (Math.pow(((1 - con) / (1 + con)), eccnth))) - phi;\n phi += dphi;\n if (Math.abs(dphi) <= 0.0000000001) {\n return phi;\n }\n }\n //console.log(\"phi2z has NoConvergence\");\n return -9999;\n}\n","import msfnz from '../common/msfnz';\n\nimport adjust_lon from '../common/adjust_lon';\nimport tsfnz from '../common/tsfnz';\nimport phi2z from '../common/phi2z';\nimport {FORTPI, R2D, EPSLN, HALF_PI} from '../constants/values';\nexport function init() {\n var con = this.b / this.a;\n this.es = 1 - con * con;\n if(!('x0' in this)){\n this.x0 = 0;\n }\n if(!('y0' in this)){\n this.y0 = 0;\n }\n this.e = Math.sqrt(this.es);\n if (this.lat_ts) {\n if (this.sphere) {\n this.k0 = Math.cos(this.lat_ts);\n }\n else {\n this.k0 = msfnz(this.e, Math.sin(this.lat_ts), Math.cos(this.lat_ts));\n }\n }\n else {\n if (!this.k0) {\n if (this.k) {\n this.k0 = this.k;\n }\n else {\n this.k0 = 1;\n }\n }\n }\n}\n\n/* Mercator forward equations--mapping lat,long to x,y\n --------------------------------------------------*/\n\nexport function forward(p) {\n var lon = p.x;\n var lat = p.y;\n // convert to radians\n if (lat * R2D > 90 && lat * R2D < -90 && lon * R2D > 180 && lon * R2D < -180) {\n return null;\n }\n\n var x, y;\n if (Math.abs(Math.abs(lat) - HALF_PI) <= EPSLN) {\n return null;\n }\n else {\n if (this.sphere) {\n x = this.x0 + this.a * this.k0 * adjust_lon(lon - this.long0);\n y = this.y0 + this.a * this.k0 * Math.log(Math.tan(FORTPI + 0.5 * lat));\n }\n else {\n var sinphi = Math.sin(lat);\n var ts = tsfnz(this.e, lat, sinphi);\n x = this.x0 + this.a * this.k0 * adjust_lon(lon - this.long0);\n y = this.y0 - this.a * this.k0 * Math.log(ts);\n }\n p.x = x;\n p.y = y;\n return p;\n }\n}\n\n/* Mercator inverse equations--mapping x,y to lat/long\n --------------------------------------------------*/\nexport function inverse(p) {\n\n var x = p.x - this.x0;\n var y = p.y - this.y0;\n var lon, lat;\n\n if (this.sphere) {\n lat = HALF_PI - 2 * Math.atan(Math.exp(-y / (this.a * this.k0)));\n }\n else {\n var ts = Math.exp(-y / (this.a * this.k0));\n lat = phi2z(this.e, ts);\n if (lat === -9999) {\n return null;\n }\n }\n lon = adjust_lon(this.long0 + x / (this.a * this.k0));\n\n p.x = lon;\n p.y = lat;\n return p;\n}\n\nexport var names = [\"Mercator\", \"Popular Visualisation Pseudo Mercator\", \"Mercator_1SP\", \"Mercator_Auxiliary_Sphere\", \"merc\"];\nexport default {\n init: init,\n forward: forward,\n inverse: inverse,\n names: names\n};\n","export function init() {\n //no-op for longlat\n}\n\nfunction identity(pt) {\n return pt;\n}\nexport {identity as forward};\nexport {identity as inverse};\nexport var names = [\"longlat\", \"identity\"];\nexport default {\n init: init,\n forward: identity,\n inverse: identity,\n names: names\n};\n","import merc from \"./projections/merc\";\nimport longlat from \"./projections/longlat\";\nvar projs = [merc, longlat];\nvar names = {};\nvar projStore = [];\n\nfunction add(proj, i) {\n var len = projStore.length;\n if (!proj.names) {\n console.log(i);\n return true;\n }\n projStore[len] = proj;\n proj.names.forEach(function(n) {\n names[n.toLowerCase()] = len;\n });\n return this;\n}\n\nexport {add};\n\nexport function get(name) {\n if (!name) {\n return false;\n }\n var n = name.toLowerCase();\n if (typeof names[n] !== 'undefined' && projStore[names[n]]) {\n return projStore[names[n]];\n }\n}\n\nexport function start() {\n projs.forEach(add);\n}\nexport default {\n start: start,\n add: add,\n get: get\n};\n","var exports = {};\nexport {exports as default};\nexports.MERIT = {\n a: 6378137.0,\n rf: 298.257,\n ellipseName: \"MERIT 1983\"\n};\n\nexports.SGS85 = {\n a: 6378136.0,\n rf: 298.257,\n ellipseName: \"Soviet Geodetic System 85\"\n};\n\nexports.GRS80 = {\n a: 6378137.0,\n rf: 298.257222101,\n ellipseName: \"GRS 1980(IUGG, 1980)\"\n};\n\nexports.IAU76 = {\n a: 6378140.0,\n rf: 298.257,\n ellipseName: \"IAU 1976\"\n};\n\nexports.airy = {\n a: 6377563.396,\n b: 6356256.910,\n ellipseName: \"Airy 1830\"\n};\n\nexports.APL4 = {\n a: 6378137,\n rf: 298.25,\n ellipseName: \"Appl. Physics. 1965\"\n};\n\nexports.NWL9D = {\n a: 6378145.0,\n rf: 298.25,\n ellipseName: \"Naval Weapons Lab., 1965\"\n};\n\nexports.mod_airy = {\n a: 6377340.189,\n b: 6356034.446,\n ellipseName: \"Modified Airy\"\n};\n\nexports.andrae = {\n a: 6377104.43,\n rf: 300.0,\n ellipseName: \"Andrae 1876 (Den., Iclnd.)\"\n};\n\nexports.aust_SA = {\n a: 6378160.0,\n rf: 298.25,\n ellipseName: \"Australian Natl & S. Amer. 1969\"\n};\n\nexports.GRS67 = {\n a: 6378160.0,\n rf: 298.2471674270,\n ellipseName: \"GRS 67(IUGG 1967)\"\n};\n\nexports.bessel = {\n a: 6377397.155,\n rf: 299.1528128,\n ellipseName: \"Bessel 1841\"\n};\n\nexports.bess_nam = {\n a: 6377483.865,\n rf: 299.1528128,\n ellipseName: \"Bessel 1841 (Namibia)\"\n};\n\nexports.clrk66 = {\n a: 6378206.4,\n b: 6356583.8,\n ellipseName: \"Clarke 1866\"\n};\n\nexports.clrk80 = {\n a: 6378249.145,\n rf: 293.4663,\n ellipseName: \"Clarke 1880 mod.\"\n};\n\nexports.clrk80ign = {\n a: 6378249.2,\n b: 6356515,\n rf: 293.4660213,\n ellipseName: \"Clarke 1880 (IGN)\"\n};\n\nexports.clrk58 = {\n a: 6378293.645208759,\n rf: 294.2606763692654,\n ellipseName: \"Clarke 1858\"\n};\n\nexports.CPM = {\n a: 6375738.7,\n rf: 334.29,\n ellipseName: \"Comm. des Poids et Mesures 1799\"\n};\n\nexports.delmbr = {\n a: 6376428.0,\n rf: 311.5,\n ellipseName: \"Delambre 1810 (Belgium)\"\n};\n\nexports.engelis = {\n a: 6378136.05,\n rf: 298.2566,\n ellipseName: \"Engelis 1985\"\n};\n\nexports.evrst30 = {\n a: 6377276.345,\n rf: 300.8017,\n ellipseName: \"Everest 1830\"\n};\n\nexports.evrst48 = {\n a: 6377304.063,\n rf: 300.8017,\n ellipseName: \"Everest 1948\"\n};\n\nexports.evrst56 = {\n a: 6377301.243,\n rf: 300.8017,\n ellipseName: \"Everest 1956\"\n};\n\nexports.evrst69 = {\n a: 6377295.664,\n rf: 300.8017,\n ellipseName: \"Everest 1969\"\n};\n\nexports.evrstSS = {\n a: 6377298.556,\n rf: 300.8017,\n ellipseName: \"Everest (Sabah & Sarawak)\"\n};\n\nexports.fschr60 = {\n a: 6378166.0,\n rf: 298.3,\n ellipseName: \"Fischer (Mercury Datum) 1960\"\n};\n\nexports.fschr60m = {\n a: 6378155.0,\n rf: 298.3,\n ellipseName: \"Fischer 1960\"\n};\n\nexports.fschr68 = {\n a: 6378150.0,\n rf: 298.3,\n ellipseName: \"Fischer 1968\"\n};\n\nexports.helmert = {\n a: 6378200.0,\n rf: 298.3,\n ellipseName: \"Helmert 1906\"\n};\n\nexports.hough = {\n a: 6378270.0,\n rf: 297.0,\n ellipseName: \"Hough\"\n};\n\nexports.intl = {\n a: 6378388.0,\n rf: 297.0,\n ellipseName: \"International 1909 (Hayford)\"\n};\n\nexports.kaula = {\n a: 6378163.0,\n rf: 298.24,\n ellipseName: \"Kaula 1961\"\n};\n\nexports.lerch = {\n a: 6378139.0,\n rf: 298.257,\n ellipseName: \"Lerch 1979\"\n};\n\nexports.mprts = {\n a: 6397300.0,\n rf: 191.0,\n ellipseName: \"Maupertius 1738\"\n};\n\nexports.new_intl = {\n a: 6378157.5,\n b: 6356772.2,\n ellipseName: \"New International 1967\"\n};\n\nexports.plessis = {\n a: 6376523.0,\n rf: 6355863.0,\n ellipseName: \"Plessis 1817 (France)\"\n};\n\nexports.krass = {\n a: 6378245.0,\n rf: 298.3,\n ellipseName: \"Krassovsky, 1942\"\n};\n\nexports.SEasia = {\n a: 6378155.0,\n b: 6356773.3205,\n ellipseName: \"Southeast Asia\"\n};\n\nexports.walbeck = {\n a: 6376896.0,\n b: 6355834.8467,\n ellipseName: \"Walbeck\"\n};\n\nexports.WGS60 = {\n a: 6378165.0,\n rf: 298.3,\n ellipseName: \"WGS 60\"\n};\n\nexports.WGS66 = {\n a: 6378145.0,\n rf: 298.25,\n ellipseName: \"WGS 66\"\n};\n\nexports.WGS7 = {\n a: 6378135.0,\n rf: 298.26,\n ellipseName: \"WGS 72\"\n};\n\nexport var WGS84 = exports.WGS84 = {\n a: 6378137.0,\n rf: 298.257223563,\n ellipseName: \"WGS 84\"\n};\n\nexports.sphere = {\n a: 6370997.0,\n b: 6370997.0,\n ellipseName: \"Normal Sphere (r=6370997)\"\n};\n","import {SIXTH, RA4, RA6, EPSLN} from './constants/values';\nimport {default as Ellipsoid, WGS84} from './constants/Ellipsoid';\nimport match from './match';\n\nexport function eccentricity(a, b, rf, R_A) {\n var a2 = a * a; // used in geocentric\n var b2 = b * b; // used in geocentric\n var es = (a2 - b2) / a2; // e ^ 2\n var e = 0;\n if (R_A) {\n a *= 1 - es * (SIXTH + es * (RA4 + es * RA6));\n a2 = a * a;\n es = 0;\n } else {\n e = Math.sqrt(es); // eccentricity\n }\n var ep2 = (a2 - b2) / b2; // used in geocentric\n return {\n es: es,\n e: e,\n ep2: ep2\n };\n}\nexport function sphere(a, b, rf, ellps, sphere) {\n if (!a) { // do we have an ellipsoid?\n var ellipse = match(Ellipsoid, ellps);\n if (!ellipse) {\n ellipse = WGS84;\n }\n a = ellipse.a;\n b = ellipse.b;\n rf = ellipse.rf;\n }\n\n if (rf && !b) {\n b = (1.0 - 1.0 / rf) * a;\n }\n if (rf === 0 || Math.abs(a - b) < EPSLN) {\n sphere = true;\n b = a;\n }\n return {\n a: a,\n b: b,\n rf: rf,\n sphere: sphere\n };\n}\n","var exports = {};\nexport {exports as default};\nexports.wgs84 = {\n towgs84: \"0,0,0\",\n ellipse: \"WGS84\",\n datumName: \"WGS84\"\n};\n\nexports.ch1903 = {\n towgs84: \"674.374,15.056,405.346\",\n ellipse: \"bessel\",\n datumName: \"swiss\"\n};\n\nexports.ggrs87 = {\n towgs84: \"-199.87,74.79,246.62\",\n ellipse: \"GRS80\",\n datumName: \"Greek_Geodetic_Reference_System_1987\"\n};\n\nexports.nad83 = {\n towgs84: \"0,0,0\",\n ellipse: \"GRS80\",\n datumName: \"North_American_Datum_1983\"\n};\n\nexports.nad27 = {\n nadgrids: \"@conus,@alaska,@ntv2_0.gsb,@ntv1_can.dat\",\n ellipse: \"clrk66\",\n datumName: \"North_American_Datum_1927\"\n};\n\nexports.potsdam = {\n towgs84: \"598.1,73.7,418.2,0.202,0.045,-2.455,6.7\",\n ellipse: \"bessel\",\n datumName: \"Potsdam Rauenberg 1950 DHDN\"\n};\n\nexports.carthage = {\n towgs84: \"-263.0,6.0,431.0\",\n ellipse: \"clark80\",\n datumName: \"Carthage 1934 Tunisia\"\n};\n\nexports.hermannskogel = {\n towgs84: \"577.326,90.129,463.919,5.137,1.474,5.297,2.4232\",\n ellipse: \"bessel\",\n datumName: \"Hermannskogel\"\n};\n\nexports.osni52 = {\n towgs84: \"482.530,-130.596,564.557,-1.042,-0.214,-0.631,8.15\",\n ellipse: \"airy\",\n datumName: \"Irish National\"\n};\n\nexports.ire65 = {\n towgs84: \"482.530,-130.596,564.557,-1.042,-0.214,-0.631,8.15\",\n ellipse: \"mod_airy\",\n datumName: \"Ireland 1965\"\n};\n\nexports.rassadiran = {\n towgs84: \"-133.63,-157.5,-158.62\",\n ellipse: \"intl\",\n datumName: \"Rassadiran\"\n};\n\nexports.nzgd49 = {\n towgs84: \"59.47,-5.04,187.44,0.47,-0.1,1.024,-4.5993\",\n ellipse: \"intl\",\n datumName: \"New Zealand Geodetic Datum 1949\"\n};\n\nexports.osgb36 = {\n towgs84: \"446.448,-125.157,542.060,0.1502,0.2470,0.8421,-20.4894\",\n ellipse: \"airy\",\n datumName: \"Airy 1830\"\n};\n\nexports.s_jtsk = {\n towgs84: \"589,76,480\",\n ellipse: 'bessel',\n datumName: 'S-JTSK (Ferro)'\n};\n\nexports.beduaram = {\n towgs84: '-106,-87,188',\n ellipse: 'clrk80',\n datumName: 'Beduaram'\n};\n\nexports.gunung_segara = {\n towgs84: '-403,684,41',\n ellipse: 'bessel',\n datumName: 'Gunung Segara Jakarta'\n};\n\nexports.rnb72 = {\n towgs84: \"106.869,-52.2978,103.724,-0.33657,0.456955,-1.84218,1\",\n ellipse: \"intl\",\n datumName: \"Reseau National Belge 1972\"\n};\n","import {PJD_3PARAM, PJD_7PARAM, PJD_GRIDSHIFT, PJD_WGS84, PJD_NODATUM, SEC_TO_RAD} from './constants/values';\n\nfunction datum(datumCode, datum_params, a, b, es, ep2, nadgrids) {\n var out = {};\n\n if (datumCode === undefined || datumCode === 'none') {\n out.datum_type = PJD_NODATUM;\n } else {\n out.datum_type = PJD_WGS84;\n }\n\n if (datum_params) {\n out.datum_params = datum_params.map(parseFloat);\n if (out.datum_params[0] !== 0 || out.datum_params[1] !== 0 || out.datum_params[2] !== 0) {\n out.datum_type = PJD_3PARAM;\n }\n if (out.datum_params.length > 3) {\n if (out.datum_params[3] !== 0 || out.datum_params[4] !== 0 || out.datum_params[5] !== 0 || out.datum_params[6] !== 0) {\n out.datum_type = PJD_7PARAM;\n out.datum_params[3] *= SEC_TO_RAD;\n out.datum_params[4] *= SEC_TO_RAD;\n out.datum_params[5] *= SEC_TO_RAD;\n out.datum_params[6] = (out.datum_params[6] / 1000000.0) + 1.0;\n }\n }\n }\n\n if (nadgrids) {\n out.datum_type = PJD_GRIDSHIFT;\n out.grids = nadgrids;\n }\n out.a = a; //datum object also uses these values\n out.b = b;\n out.es = es;\n out.ep2 = ep2;\n return out;\n}\n\nexport default datum;\n","/**\n * Resources for details of NTv2 file formats:\n * - https://web.archive.org/web/20140127204822if_/http://www.mgs.gov.on.ca:80/stdprodconsume/groups/content/@mgs/@iandit/documents/resourcelist/stel02_047447.pdf\n * - http://mimaka.com/help/gs/html/004_NTV2%20Data%20Format.htm\n */\n\nvar loadedNadgrids = {};\n\n/**\n * Load a binary NTv2 file (.gsb) to a key that can be used in a proj string like +nadgrids=document element as the consuming component.\n *\n * @constructor\n * @extends sap.ui.webc.base.types.DataType\n * @author SAP SE\n * @alias sap.ui.webc.base.types.DOMReference\n * @public\n */\nclass DOMReference extends DataType {\n static isValid(value) {\n return (typeof value === \"string\" || value instanceof HTMLElement);\n }\n static propertyToAttribute(propertyValue) {\n if (propertyValue instanceof HTMLElement) {\n return null;\n }\n return propertyValue;\n }\n}\nexport default DOMReference;\n//# sourceMappingURL=DOMReference.js.map","/**\n * Enumeration for different mode behaviors of the InvisibleMessage.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.base.types.InvisibleMessageMode\n */\nvar InvisibleMessageMode;\n(function (InvisibleMessageMode) {\n /**\n * Indicates that updates to the region should be presented at the next graceful opportunity,\n * such as at the end of reading the current sentence, or when the user pauses typing.\n * @public\n * @type {Polite}\n */\n InvisibleMessageMode[\"Polite\"] = \"Polite\";\n /**\n * Indicates that updates to the region have the highest priority and should be presented to the user immediately.\n * @public\n * @type {Assertive}\n */\n InvisibleMessageMode[\"Assertive\"] = \"Assertive\";\n})(InvisibleMessageMode || (InvisibleMessageMode = {}));\nexport default InvisibleMessageMode;\n//# sourceMappingURL=InvisibleMessageMode.js.map","import InvisibleMessageMode from \"../types/InvisibleMessageMode.js\";\nimport getSingletonElementInstance from \"./getSingletonElementInstance.js\";\nimport { attachBoot } from \"../Boot.js\";\nlet politeSpan;\nlet assertiveSpan;\nconst setOutOfViewportStyles = (el) => {\n el.style.position = \"absolute\";\n el.style.clip = \"rect(1px,1px,1px,1px)\";\n el.style.userSelect = \"none\";\n el.style.left = \"-1000px\";\n el.style.top = \"-1000px\";\n el.style.pointerEvents = \"none\";\n};\nattachBoot(() => {\n if (politeSpan && assertiveSpan) {\n return;\n }\n politeSpan = document.createElement(\"span\");\n assertiveSpan = document.createElement(\"span\");\n politeSpan.classList.add(\"ui5-invisiblemessage-polite\");\n assertiveSpan.classList.add(\"ui5-invisiblemessage-assertive\");\n politeSpan.setAttribute(\"aria-live\", \"polite\");\n assertiveSpan.setAttribute(\"aria-live\", \"assertive\");\n politeSpan.setAttribute(\"role\", \"alert\");\n assertiveSpan.setAttribute(\"role\", \"alert\");\n setOutOfViewportStyles(politeSpan);\n setOutOfViewportStyles(assertiveSpan);\n getSingletonElementInstance(\"ui5-static-area\").appendChild(politeSpan);\n getSingletonElementInstance(\"ui5-static-area\").appendChild(assertiveSpan);\n});\n/**\n * Inserts the string into the respective span, depending on the mode provided.\n *\n * @param { string } message String to be announced by the screen reader.\n * @param { InvisibleMessageMode } mode The mode to be inserted in the aria-live attribute.\n * @public\n */\nconst announce = (message, mode) => {\n // If no type is presented, fallback to polite announcement.\n const span = mode === InvisibleMessageMode.Assertive ? assertiveSpan : politeSpan;\n // Set textContent to empty string in order to trigger screen reader's announcement.\n span.textContent = \"\";\n span.textContent = message;\n if (mode !== InvisibleMessageMode.Assertive && mode !== InvisibleMessageMode.Polite) {\n console.warn(`You have entered an invalid mode. Valid values are: \"Polite\" and \"Assertive\". The framework will automatically set the mode to \"Polite\".`); // eslint-disable-line\n }\n // clear the span in order to avoid reading it out while in JAWS reading node\n setTimeout(() => {\n // ensure that we clear the text node only if no announce is made in the meantime\n if (span.textContent === message) {\n span.textContent = \"\";\n }\n }, 3000);\n};\nexport default announce;\n//# sourceMappingURL=InvisibleMessage.js.map","const associatedElements = new WeakMap();\nconst registeredElements = new WeakMap();\nconst observerOptions = {\n attributes: true,\n childList: true,\n characterData: true,\n subtree: true,\n};\nconst getEffectiveAriaLabelText = (el) => {\n const accessibleEl = el;\n if (!accessibleEl.accessibleNameRef) {\n if (accessibleEl.accessibleName) {\n return accessibleEl.accessibleName;\n }\n return undefined;\n }\n return getAllAccessibleNameRefTexts(el);\n};\n/**\n *\n * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related texts\n */\nconst getAllAccessibleNameRefTexts = (el) => {\n const ids = el.accessibleNameRef?.split(\" \") ?? [];\n const owner = el.getRootNode();\n let result = \"\";\n ids.forEach((elementId, index) => {\n const element = owner.querySelector(`[id='${elementId}']`);\n const text = `${element && element.textContent ? element.textContent : \"\"}`;\n if (text) {\n result += text;\n if (index < ids.length - 1) {\n result += \" \";\n }\n }\n });\n return result;\n};\nconst _getAllAssociatedElementsFromDOM = (el) => {\n const set = new Set();\n // adding labels with attribute for matching the el.id\n const labelsForAssociated = _getAssociatedLabels(el);\n labelsForAssociated.forEach(itm => {\n set.add(itm);\n });\n // adding other elements that id is the same as accessibleNameRef value\n const value = el[\"accessibleNameRef\"];\n const ids = value?.split(\" \") ?? [];\n ids.forEach(id => {\n const refEl = _getReferencedElementById(el, id);\n if (refEl) {\n set.add(refEl);\n }\n });\n return Array.from(set);\n};\nconst _getAssociatedLabels = (el) => {\n const labels = el.getRootNode().querySelectorAll(`[for=\"${el.id}\"]`);\n return Array.from(labels);\n};\nconst _getReferencedElementById = (el, elementId) => {\n return el.getRootNode().querySelector(`[id='${elementId}']`);\n};\n/**\n * @param {HTMLElement} el Defines the HTMLElement, for which you need to get all related \"label for\" texts\n */\nconst getAssociatedLabelForTexts = (el) => {\n const results = [];\n const labels = _getAssociatedLabels(el);\n labels.forEach((label) => {\n const labelText = label.textContent;\n labelText && results.push(labelText);\n });\n if (results.length) {\n return results.join(\" \");\n }\n return undefined;\n};\nconst _createInvalidationCallback = (el) => {\n const invalidationCallback = (changeInfo) => {\n if (!(changeInfo && changeInfo.type === \"property\" && changeInfo.name === \"accessibleNameRef\")) {\n return;\n }\n const registeredElement = registeredElements.get(el);\n if (!registeredElement) {\n return;\n }\n const oldAssociatedElements = registeredElement.observedElements;\n const newAssociatedElements = _getAllAssociatedElementsFromDOM(el);\n oldAssociatedElements.forEach(oldElement => {\n if (!newAssociatedElements.includes(oldElement)) {\n _removeObservedElementFromRegisteredElement(registeredElement, oldElement);\n }\n });\n newAssociatedElements.forEach(newElement => {\n if (!oldAssociatedElements.includes(newElement)) {\n _addObservedElementToRegisteredElement(registeredElement, newElement);\n registeredElement.observedElements.push(newElement);\n }\n });\n registeredElement?.callback();\n };\n return invalidationCallback;\n};\nconst registerUI5Element = (el, callback) => {\n if (registeredElements.has(el)) {\n return;\n }\n const allAssociatedElements = _getAllAssociatedElementsFromDOM(el);\n const invalidationCallback = _createInvalidationCallback(el);\n const registeredElement = {\n host: el,\n observedElements: allAssociatedElements,\n callback,\n invalidationCallback,\n };\n registeredElements.set(el, registeredElement);\n el.attachInvalidate(invalidationCallback);\n allAssociatedElements.forEach((element) => {\n _addObservedElementToRegisteredElement(registeredElement, element);\n });\n callback();\n};\nconst _addObservedElementToRegisteredElement = (registeredElement, element) => {\n let associatedElement = associatedElements.get(element);\n if (!associatedElement) {\n associatedElement = { observer: null, callbacks: [] };\n const observer = new MutationObserver(() => {\n const callbacks = associatedElement.callbacks;\n callbacks.forEach(callback => {\n callback();\n });\n const domEl = document.getElementById(element.id);\n // if no longer should be observed from this registeredElement, remove it\n if (!(registeredElement.host.id === element.getAttribute(\"for\") || domEl)) {\n _removeObservedElementFromRegisteredElement(registeredElement, element);\n }\n });\n associatedElement.observer = observer;\n observer.observe(element, observerOptions);\n associatedElements.set(element, associatedElement);\n }\n if (!associatedElement.callbacks.includes(registeredElement.callback)) {\n associatedElement.callbacks.push(registeredElement.callback);\n }\n};\nconst _removeObservedElementFromRegisteredElement = (registeredElement, element) => {\n const associatedElement = associatedElements.get(element);\n if (associatedElement) {\n associatedElement.callbacks = associatedElement.callbacks.filter(itm => itm !== registeredElement.callback);\n if (!associatedElement.callbacks.length) {\n associatedElement.observer?.disconnect();\n associatedElements.delete(element);\n }\n }\n registeredElement.observedElements = registeredElement.observedElements.filter(itm => itm !== element);\n};\nconst deregisterUI5Element = (el) => {\n const registeredElement = registeredElements.get(el);\n if (!registeredElement) {\n return;\n }\n const oldObservedElements = [...registeredElement.observedElements];\n oldObservedElements.forEach(observedElement => {\n _removeObservedElementFromRegisteredElement(registeredElement, observedElement);\n });\n el.detachInvalidate(registeredElement.invalidationCallback);\n registeredElements.delete(el);\n};\nexport { getEffectiveAriaLabelText, getAssociatedLabelForTexts, registerUI5Element, deregisterUI5Element, getAllAccessibleNameRefTexts, };\n//# sourceMappingURL=AriaLabelHelper.js.map","/**\n * Different types of ValueStates.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.base.types.ValueState\n */\nvar ValueState;\n(function (ValueState) {\n /**\n *\n * @public\n * @type {None}\n */\n ValueState[\"None\"] = \"None\";\n /**\n *\n * @public\n * @type {Success}\n */\n ValueState[\"Success\"] = \"Success\";\n /**\n *\n * @public\n * @type {Warning}\n */\n ValueState[\"Warning\"] = \"Warning\";\n /**\n *\n * @public\n * @type {Error}\n */\n ValueState[\"Error\"] = \"Error\";\n /**\n *\n * @public\n * @type {Information}\n */\n ValueState[\"Information\"] = \"Information\";\n})(ValueState || (ValueState = {}));\nexport default ValueState;\n//# sourceMappingURL=ValueState.js.map","/**\n * Supported icon collection aliases.\n *\n * Users might specify a collection, using both the key and the value in the following key-value pairs,\n * e.g the following pairs are completely exchangeable:\n *\n * - \"SAP-icons/accept\" and \"SAP-icons-v4/accept\"\n * - \"horizon/accept\" and \"SAP-icons-v5/accept\"\n * - \"SAP-icons-TNT/actor\" and \"tnt/actor\"\n * - \"BusinessSuiteInAppSymbols/3d\" and \"business-suite/3d\"\n */\nvar IconCollectionsAlias;\n(function (IconCollectionsAlias) {\n IconCollectionsAlias[\"SAP-icons\"] = \"SAP-icons-v4\";\n IconCollectionsAlias[\"horizon\"] = \"SAP-icons-v5\";\n IconCollectionsAlias[\"SAP-icons-TNT\"] = \"tnt\";\n IconCollectionsAlias[\"BusinessSuiteInAppSymbols\"] = \"business-suite\";\n})(IconCollectionsAlias || (IconCollectionsAlias = {}));\n/**\n * Returns the collection name for a given alias:\n *\n * - \"SAP-icons-TNT\"resolves to \"tnt\"\n * - \"BusinessSuiteInAppSymbols\" resolves to \"business-suite\"\n * - \"horizon\" resolves to \"SAP-icons-v5\"\n *\n * @param { string } collectionName\n * @return { string } the normalized collection name\n */\nconst getIconCollectionByAlias = (collectionName) => {\n if (IconCollectionsAlias[collectionName]) {\n return IconCollectionsAlias[collectionName];\n }\n return collectionName;\n};\nexport default IconCollectionsAlias;\nexport { getIconCollectionByAlias, };\n//# sourceMappingURL=IconCollectionsAlias.js.map","import { isLegacyThemeFamily } from \"../../config/Theme.js\";\nvar RegisteredIconCollection;\n(function (RegisteredIconCollection) {\n RegisteredIconCollection[\"SAPIconsV4\"] = \"SAP-icons-v4\";\n RegisteredIconCollection[\"SAPIconsV5\"] = \"SAP-icons-v5\";\n RegisteredIconCollection[\"SAPIconsTNTV2\"] = \"tnt-v2\";\n RegisteredIconCollection[\"SAPIconsTNTV3\"] = \"tnt-v3\";\n RegisteredIconCollection[\"SAPBSIconsV1\"] = \"business-suite-v1\";\n RegisteredIconCollection[\"SAPBSIconsV2\"] = \"business-suite-v2\";\n})(RegisteredIconCollection || (RegisteredIconCollection = {}));\nconst iconCollections = new Map();\niconCollections.set(\"SAP-icons\", {\n \"legacy\": RegisteredIconCollection.SAPIconsV4,\n \"sap_horizon\": RegisteredIconCollection.SAPIconsV5,\n});\niconCollections.set(\"tnt\", {\n \"legacy\": RegisteredIconCollection.SAPIconsTNTV2,\n \"sap_horizon\": RegisteredIconCollection.SAPIconsTNTV3,\n});\niconCollections.set(\"business-suite\", {\n \"legacy\": RegisteredIconCollection.SAPBSIconsV1,\n \"sap_horizon\": RegisteredIconCollection.SAPBSIconsV2,\n});\n/**\n * Registers collection version per theme.\n * For exmaple: registerIconCollectionForTheme(\"my-custom-icons\", {\"sap_horizon\": \"my-custom-icons-v5\"})\n * @param { string } collectionName\n * @param { ThemeToCollectionMap } themeCollectionMap\n */\nconst registerIconCollectionForTheme = (collectionName, themeCollectionMap) => {\n if (iconCollections.has(collectionName)) {\n iconCollections.set(collectionName, { ...themeCollectionMap, ...iconCollections.get(collectionName) });\n return;\n }\n iconCollections.set(collectionName, themeCollectionMap);\n};\nconst getIconCollectionForTheme = (collectionName) => {\n const themeFamily = isLegacyThemeFamily() ? \"legacy\" : \"sap_horizon\";\n return iconCollections.has(collectionName) ? iconCollections.get(collectionName)[themeFamily] : collectionName;\n};\nexport { registerIconCollectionForTheme, getIconCollectionForTheme, RegisteredIconCollection, };\n//# sourceMappingURL=IconCollectionsByTheme.js.map","const IconCollectionConfiguration = new Map();\n/**\n * Sets the default icon collection for a given theme.\n *\n * SAP Icons is the default icon collection (that resolves to SAP-icons version 5.x in Horizon theme family and SAP-icons version 4.x in all other themes)\n * and to display icons from other collections, you have to specify the icon collection in addition to the icon name, for example: \"tnt/actor\", \"business-suite/1x2-grid-layout\", etc.\n * This method allows setting another (built-in or custom) icon collection as default per theme.\n *\n * Usage\n * For example, to make \"SAP-icons version 5.x\" the default icon collection in \"sap_fiori_3\":\n *\n * \n * setDefaultIconCollection(\"sap_fiori_3\", \"SAP-icons-v5\");\n *\n *\n *\n * For example, to make a custom icon collection (with name \"my-custom-collection\") the default icon collection in \"sap_fiori_3\":\n *\n *\n *
\n * setDefaultIconCollection(\"sap_fiori_3\", \"my-custom-collection\");\n *\n *\n *\n * @public\n * @param { string } theme\n * @param { string } collectionName\n */\nconst setDefaultIconCollection = (theme, collectionName) => {\n IconCollectionConfiguration.set(theme, collectionName);\n};\n/**\n * Returns the configured default icon collection for a given theme.\n *\n * @param { string } theme\n * @public\n * @returns { string | undefined }\n */\nconst getDefaultIconCollection = (theme) => {\n return IconCollectionConfiguration.get(theme);\n};\nexport { setDefaultIconCollection, getDefaultIconCollection, };\n//# sourceMappingURL=Icons.js.map","import { getTheme } from \"../../config/Theme.js\";\nimport { getDefaultIconCollection } from \"../../config/Icons.js\";\nimport { getIconCollectionByAlias } from \"./IconCollectionsAlias.js\";\nimport { getIconCollectionForTheme } from \"./IconCollectionsByTheme.js\";\n/**\n * Returns the effective theme dependant icon collection:\n *\n * - \"no collection\" resolves to \"SAP-icons-v4\" in \"Quartz\" and \"Belize\", and to \"SAP-icons-v5\" in \"Horizon\"\n * - \"tnt\" (and its alias \"SAP-icons-TNT\") resolves to \"tnt-v2\" in \"Quartz\", \"Belize\", and resolves to \"tnt-v3\" in \"Horizon\"\n * - \"business-suite\" (and its alias \"BusinessSuiteInAppSymbols\") resolves to \"business-suite-v1\" in \"Quartz\", \"Belize\", and resolves to \"business-suite-v2\" in \"Horizon\"\n *\n * @param { IconCollection } collectionName\n * @returns { IconCollection } the effective collection name\n */\nconst getEffectiveIconCollection = (collectionName) => {\n const defaultIconCollection = getDefaultIconCollection(getTheme());\n // no collection + default collection, configured via setDefaultIconCollection - return the configured icon collection.\n if (!collectionName && defaultIconCollection) {\n return getIconCollectionByAlias(defaultIconCollection);\n }\n // no collection - return \"SAP-icons-v4\" or \"SAP-icons-v5\".\n if (!collectionName) {\n return getIconCollectionForTheme(\"SAP-icons\");\n }\n // has collection - return \"SAP-icons-v4\", \"SAP-icons-v5\", \"tnt-v1\", \"tnt-v2\", \"business-suite-v1\", \"business-suite-v2\", or custom ones.\n return getIconCollectionForTheme(collectionName);\n};\nexport default getEffectiveIconCollection;\n//# sourceMappingURL=getIconCollectionByTheme.js.map","import { DEFAULT_LANGUAGE } from \"../generated/AssetParameters.js\";\nconst rLocale = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;\nclass Locale {\n constructor(sLocaleId) {\n const aResult = rLocale.exec(sLocaleId.replace(/_/g, \"-\"));\n if (aResult === null) {\n throw new Error(`The given language ${sLocaleId} does not adhere to BCP-47.`);\n }\n this.sLocaleId = sLocaleId;\n this.sLanguage = aResult[1] || DEFAULT_LANGUAGE;\n this.sScript = aResult[2] || \"\";\n this.sRegion = aResult[3] || \"\";\n this.sVariant = (aResult[4] && aResult[4].slice(1)) || null;\n this.sExtension = (aResult[5] && aResult[5].slice(1)) || null;\n this.sPrivateUse = aResult[6] || null;\n if (this.sLanguage) {\n this.sLanguage = this.sLanguage.toLowerCase();\n }\n if (this.sScript) {\n this.sScript = this.sScript.toLowerCase().replace(/^[a-z]/, s => {\n return s.toUpperCase();\n });\n }\n if (this.sRegion) {\n this.sRegion = this.sRegion.toUpperCase();\n }\n }\n getLanguage() {\n return this.sLanguage;\n }\n getScript() {\n return this.sScript;\n }\n getRegion() {\n return this.sRegion;\n }\n getVariant() {\n return this.sVariant;\n }\n getVariantSubtags() {\n return this.sVariant ? this.sVariant.split(\"-\") : [];\n }\n getExtension() {\n return this.sExtension;\n }\n getExtensionSubtags() {\n return this.sExtension ? this.sExtension.slice(2).split(\"-\") : [];\n }\n getPrivateUse() {\n return this.sPrivateUse;\n }\n getPrivateUseSubtags() {\n return this.sPrivateUse ? this.sPrivateUse.slice(2).split(\"-\") : [];\n }\n hasPrivateUseSubtag(sSubtag) {\n return this.getPrivateUseSubtags().indexOf(sSubtag) >= 0;\n }\n toString() {\n const r = [this.sLanguage];\n if (this.sScript) {\n r.push(this.sScript);\n }\n if (this.sRegion) {\n r.push(this.sRegion);\n }\n if (this.sVariant) {\n r.push(this.sVariant);\n }\n if (this.sExtension) {\n r.push(this.sExtension);\n }\n if (this.sPrivateUse) {\n r.push(this.sPrivateUse);\n }\n return r.join(\"-\");\n }\n}\nexport default Locale;\n//# sourceMappingURL=Locale.js.map","import detectNavigatorLanguage from \"../util/detectNavigatorLanguage.js\";\nimport { getLanguage as getConfigLanguage } from \"../config/Language.js\";\nimport Locale from \"./Locale.js\";\nimport { DEFAULT_LOCALE } from \"../generated/AssetParameters.js\";\nconst cache = new Map();\nconst getLocaleInstance = (lang) => {\n if (!cache.has(lang)) {\n cache.set(lang, new Locale(lang));\n }\n return cache.get(lang);\n};\nconst convertToLocaleOrNull = (lang) => {\n try {\n if (lang && typeof lang === \"string\") {\n return getLocaleInstance(lang);\n }\n }\n catch (e) {\n // ignore\n }\n return new Locale(DEFAULT_LOCALE);\n};\n/**\n * Returns the locale based on the parameter or configured language Configuration#getLanguage\n * If no language has been configured - a new locale based on browser language is returned\n */\nconst getLocale = (lang) => {\n if (lang) {\n return convertToLocaleOrNull(lang);\n }\n const configLanguage = getConfigLanguage();\n if (configLanguage) {\n return getLocaleInstance(configLanguage);\n }\n return convertToLocaleOrNull(detectNavigatorLanguage());\n};\nexport default getLocale;\n//# sourceMappingURL=getLocale.js.map","import { DEFAULT_LOCALE } from \"../generated/AssetParameters.js\";\nconst localeRegEX = /^((?:[A-Z]{2,3}(?:-[A-Z]{3}){0,3})|[A-Z]{4}|[A-Z]{5,8})(?:-([A-Z]{4}))?(?:-([A-Z]{2}|[0-9]{3}))?((?:-[0-9A-Z]{5,8}|-[0-9][0-9A-Z]{3})*)((?:-[0-9A-WYZ](?:-[0-9A-Z]{2,8})+)*)(?:-(X(?:-[0-9A-Z]{1,8})+))?$/i;\nconst SAPSupportabilityLocales = /(?:^|-)(saptrc|sappsd)(?:-|$)/i;\n/* Map for old language names for a few ISO639 codes. */\nconst M_ISO639_NEW_TO_OLD = {\n \"he\": \"iw\",\n \"yi\": \"ji\",\n \"nb\": \"no\",\n \"sr\": \"sh\",\n};\n/**\n * Normalizes the given locale in BCP-47 syntax.\n * @param {string} locale locale to normalize\n * @returns {string} Normalized locale, \"undefined\" if the locale can't be normalized or the default locale, if no locale provided.\n */\nconst normalizeLocale = (locale) => {\n let m;\n if (!locale) {\n return DEFAULT_LOCALE;\n }\n if (typeof locale === \"string\" && (m = localeRegEX.exec(locale.replace(/_/g, \"-\")))) { /* eslint-disable-line */\n let language = m[1].toLowerCase();\n let region = m[3] ? m[3].toUpperCase() : undefined;\n const script = m[2] ? m[2].toLowerCase() : undefined;\n const variants = m[4] ? m[4].slice(1) : undefined;\n const isPrivate = m[6];\n language = M_ISO639_NEW_TO_OLD[language] || language;\n // recognize and convert special SAP supportability locales (overwrites m[]!)\n if ((isPrivate && (m = SAPSupportabilityLocales.exec(isPrivate))) /* eslint-disable-line */ ||\n (variants && (m = SAPSupportabilityLocales.exec(variants)))) { /* eslint-disable-line */\n return `en_US_${m[1].toLowerCase()}`; // for now enforce en_US (agreed with SAP SLS)\n }\n // Chinese: when no region but a script is specified, use default region for each script\n if (language === \"zh\" && !region) {\n if (script === \"hans\") {\n region = \"CN\";\n }\n else if (script === \"hant\") {\n region = \"TW\";\n }\n }\n return language + (region ? \"_\" + region + (variants ? \"_\" + variants.replace(\"-\", \"_\") : \"\") : \"\"); /* eslint-disable-line */\n }\n return DEFAULT_LOCALE;\n};\nexport default normalizeLocale;\n//# sourceMappingURL=normalizeLocale.js.map","import { DEFAULT_LOCALE } from \"../generated/AssetParameters.js\";\n/**\n * Calculates the next fallback locale for the given locale.\n *\n * @param {string} locale Locale string in Java format (underscores) or null\n * @returns {string} Next fallback Locale or \"en\" if no fallbacks found.\n */\nconst nextFallbackLocale = (locale) => {\n if (!locale) {\n return DEFAULT_LOCALE;\n }\n if (locale === \"zh_HK\") {\n return \"zh_TW\";\n }\n // if there are multiple segments (separated by underscores), remove the last one\n const p = locale.lastIndexOf(\"_\");\n if (p >= 0) {\n return locale.slice(0, p);\n }\n // for any language but the default, fallback to the default first before falling back to the 'raw' language (empty string)\n return locale !== DEFAULT_LOCALE ? DEFAULT_LOCALE : \"\";\n};\nexport default nextFallbackLocale;\n//# sourceMappingURL=nextFallbackLocale.js.map","import getLocale from \"../locale/getLocale.js\";\nimport { attachLanguageChange } from \"../locale/languageChange.js\";\nimport normalizeLocale from \"../locale/normalizeLocale.js\";\nimport nextFallbackLocale from \"../locale/nextFallbackLocale.js\";\nimport { DEFAULT_LANGUAGE } from \"../generated/AssetParameters.js\";\nimport { getFetchDefaultLanguage } from \"../config/Language.js\";\n// contains package names for which the warning has been shown\nconst warningShown = new Set();\nconst reportedErrors = new Set();\nconst bundleData = new Map();\nconst bundlePromises = new Map();\nconst loaders = new Map();\n/**\n * Registers i18n loader function for given package and locale.\n *\n * @public\n * @param {string} packageName for which package this loader can fetch data\n * @param {string} localeId locale that this loader can handle\n * @param {function} loader async function that will be passed a localeId and should return a JSON object\n */\nconst registerI18nLoader = (packageName, localeId, loader) => {\n // register loader by key\n const bundleKey = `${packageName}/${localeId}`;\n loaders.set(bundleKey, loader);\n};\nconst _setI18nBundleData = (packageName, data) => {\n bundleData.set(packageName, data);\n};\nconst getI18nBundleData = (packageName) => {\n return bundleData.get(packageName);\n};\nconst _hasLoader = (packageName, localeId) => {\n const bundleKey = `${packageName}/${localeId}`;\n return loaders.has(bundleKey);\n};\n// load bundle over the network once\nconst _loadMessageBundleOnce = (packageName, localeId) => {\n const bundleKey = `${packageName}/${localeId}`;\n const loadMessageBundle = loaders.get(bundleKey);\n if (loadMessageBundle && !bundlePromises.get(bundleKey)) {\n bundlePromises.set(bundleKey, loadMessageBundle(localeId));\n }\n return bundlePromises.get(bundleKey); // Investigate if i18n loader exists and this won't return undefined.\n};\nconst _showAssetsWarningOnce = (packageName) => {\n if (!warningShown.has(packageName)) {\n console.warn(`[${packageName}]: Message bundle assets are not configured. Falling back to English texts.`, /* eslint-disable-line */ ` Add \\`import \"${packageName}/dist/Assets.js\"\\` in your bundle and make sure your build tool supports dynamic imports and JSON imports. See section \"Assets\" in the documentation for more information.`); /* eslint-disable-line */\n warningShown.add(packageName);\n }\n};\nconst useFallbackBundle = (packageName, localeId) => {\n return localeId !== DEFAULT_LANGUAGE && !_hasLoader(packageName, localeId);\n};\n/**\n * This method preforms the asynchronous task of fetching the actual text resources. It will fetch\n * each text resource over the network once (even for multiple calls to the same method).\n * It should be fully finished before the i18nBundle class is created in the webcomponents.\n * This method uses the bundle URLs that are populated by the\n *
registerI18nBundle method.\n * To simplify the usage, the synchronization of both methods happens internally for the same bundleId\n * @param {packageName} packageName the NPM package name\n * @public\n */\nconst fetchI18nBundle = async (packageName) => {\n const language = getLocale().getLanguage();\n const region = getLocale().getRegion();\n let localeId = language + (region ? `-${region}` : ``);\n if (useFallbackBundle(packageName, localeId)) {\n localeId = normalizeLocale(localeId);\n while (useFallbackBundle(packageName, localeId)) {\n localeId = nextFallbackLocale(localeId);\n }\n }\n // use default language unless configured to always fetch it from the network\n const fetchDefaultLanguage = getFetchDefaultLanguage();\n if (localeId === DEFAULT_LANGUAGE && !fetchDefaultLanguage) {\n _setI18nBundleData(packageName, null); // reset for the default language (if data was set for a previous language)\n return;\n }\n if (!_hasLoader(packageName, localeId)) {\n _showAssetsWarningOnce(packageName);\n return;\n }\n try {\n const data = await _loadMessageBundleOnce(packageName, localeId);\n _setI18nBundleData(packageName, data);\n }\n catch (error) {\n const e = error;\n if (!reportedErrors.has(e.message)) {\n reportedErrors.add(e.message);\n console.error(e.message); /* eslint-disable-line */\n }\n }\n};\n// When the language changes dynamically (the user calls setLanguage), re-fetch all previously fetched bundles\nattachLanguageChange((lang /* eslint-disable-line */) => {\n const allPackages = [...bundleData.keys()];\n return Promise.all(allPackages.map(fetchI18nBundle));\n});\nexport { registerI18nLoader, fetchI18nBundle, getI18nBundleData, };\n//# sourceMappingURL=i18n.js.map","const messageFormatRegEX = /('')|'([^']+(?:''[^']*)*)(?:'|$)|\\{([0-9]+(?:\\s*,[^{}]*)?)\\}|[{}]/g;\nconst formatMessage = (text, values) => {\n values = values || [];\n return text.replace(messageFormatRegEX, ($0, $1, $2, $3, offset) => {\n if ($1) {\n return '\\''; /* eslint-disable-line */\n }\n if ($2) {\n return $2.replace(/''/g, '\\''); /* eslint-disable-line */\n }\n if ($3) {\n const ind = typeof $3 === \"string\" ? parseInt($3) : $3;\n return String(values[ind]);\n }\n throw new Error(`[i18n]: pattern syntax error at pos ${offset}`);\n });\n};\nexport default formatMessage;\n//# sourceMappingURL=formatMessage.js.map","import { registerI18nLoader, fetchI18nBundle, getI18nBundleData } from \"./asset-registries/i18n.js\";\nimport formatMessage from \"./util/formatMessage.js\";\nconst I18nBundleInstances = new Map();\nlet customGetI18nBundle;\n/**\n * @class\n * @public\n */\nclass I18nBundle {\n constructor(packageName) {\n this.packageName = packageName;\n }\n /**\n * Returns a text in the currently loaded language\n *\n * @public\n * @param {Object|String} textObj key/defaultText pair or just the key\n * @param params Values for the placeholders\n * @returns {string}\n */\n getText(textObj, ...params) {\n if (typeof textObj === \"string\") {\n textObj = { key: textObj, defaultText: textObj };\n }\n if (!textObj || !textObj.key) {\n return \"\";\n }\n const bundle = getI18nBundleData(this.packageName);\n if (bundle && !bundle[textObj.key]) {\n // eslint-disable-next-line no-console\n console.warn(`Key ${textObj.key} not found in the i18n bundle, the default text will be used`);\n }\n const messageText = bundle && bundle[textObj.key] ? bundle[textObj.key] : (textObj.defaultText || textObj.key);\n return formatMessage(messageText, params);\n }\n}\n/**\n * Returns the I18nBundle instance for the given package synchronously.\n *\n * @public\n * @param packageName\n * @returns { I18nBundle }\n */\nconst getI18nBundleSync = (packageName) => {\n if (I18nBundleInstances.has(packageName)) {\n return I18nBundleInstances.get(packageName);\n }\n const i18nBundle = new I18nBundle(packageName);\n I18nBundleInstances.set(packageName, i18nBundle);\n return i18nBundle;\n};\n/**\n * Fetches and returns the I18nBundle instance for the given package.\n *\n * @public\n * @param packageName\n * @returns { PromiseOverview
\n *\n * Theui5-label is a component used to represent a label for elements like input, textarea, select. \n * The
for property of the ui5-label must be the same as the id attribute of the related input element.\n * Screen readers read out the label, when the user focuses the labelled control.\n *
\n * The
ui5-label appearance can be influenced by properties,\n * such as required and wrappingType.\n * The appearance of the Label can be configured in a limited way by using the design property.\n * For a broader choice of designs, you can use custom styles.\n *\n * ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Label\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Label\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-label\n * @public\n */\nlet Label = Label_1 = class Label extends UI5Element {\n static async onDefine() {\n Label_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n /**\n * Defines the text of the component.\n * Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n *\n * @type {Node[]}\n * @slot\n * @public\n * @name sap.ui.webc.main.Label.prototype.default\n */\n _onclick() {\n if (!this.for) {\n return;\n }\n const elementToFocus = this.getRootNode().querySelector(`[id=\"${this.for}\"]`);\n if (elementToFocus) {\n elementToFocus.focus();\n }\n }\n get _colonSymbol() {\n return Label_1.i18nBundle.getText(LABEL_COLON);\n }\n};\n__decorate([\n property()\n], Label.prototype, \"for\", void 0);\n__decorate([\n property({ type: Boolean })\n], Label.prototype, \"showColon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Label.prototype, \"required\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], Label.prototype, \"wrappingType\", void 0);\nLabel = Label_1 = __decorate([\n customElement({\n tag: \"ui5-label\",\n renderer: litRender,\n template: LabelTemplate,\n styles: labelCss,\n languageAware: true,\n })\n], Label);\nLabel.define();\nexport default Label;\n//# sourceMappingURL=Label.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `
${this._isBusy ? block1.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return html `${this.text ? block2.call(this, context, tags, suffix) : undefined}
Overview
\n *\n * Theui5-busy-indicator signals that some operation is going on and that the\n * user must wait. It does not block the current UI screen so other operations could be triggered in parallel.\n * It displays 3 dots and each dot expands and shrinks at a different rate, resulting in a cascading flow of animation.\n *\n * Usage
\n * For theui5-busy-indicator you can define the size, the text and whether it is shown or hidden.\n * In order to hide it, use the \"active\" property.\n * \n * In order to show busy state over an HTML element, simply nest the HTML element in a
ui5-busy-indicator instance.\n * \n * Note: Since
ui5-busy-indicator has display: inline-block; by default and no width of its own,\n * whenever you need to wrap a block-level element, you should set display: block to the busy indicator as well.\n *\n * When to use:
\n *- \n *
- The user needs to be able to cancel the operation. \n *
- Only part of the application or a particular component is affected. \n *
When not to use:
\n *- \n *
- The operation takes less than one second. \n *
- You need to block the screen and prevent the user from starting another activity. \n *
- Do not show multiple busy indicators at once. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/BusyIndicator\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.BusyIndicator\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-busy-indicator\n * @public\n * @since 0.12.0\n */\nlet BusyIndicator = BusyIndicator_1 = class BusyIndicator extends UI5Element {\n constructor() {\n super();\n this._keydownHandler = this._handleKeydown.bind(this);\n this._preventEventHandler = this._preventEvent.bind(this);\n }\n onEnterDOM() {\n this.addEventListener(\"keydown\", this._keydownHandler, {\n capture: true,\n });\n this.addEventListener(\"keyup\", this._preventEventHandler, {\n capture: true,\n });\n }\n onExitDOM() {\n if (this._busyTimeoutId) {\n clearTimeout(this._busyTimeoutId);\n delete this._busyTimeoutId;\n }\n this.removeEventListener(\"keydown\", this._keydownHandler, true);\n this.removeEventListener(\"keyup\", this._preventEventHandler, true);\n }\n static async onDefine() {\n BusyIndicator_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n get ariaTitle() {\n return BusyIndicator_1.i18nBundle.getText(BUSY_INDICATOR_TITLE);\n }\n get labelId() {\n return this.text ? `${this._id}-label` : undefined;\n }\n get classes() {\n return {\n root: {\n \"ui5-busy-indicator-root\": true,\n },\n };\n }\n onBeforeRendering() {\n if (this.active) {\n if (!this._isBusy && !this._busyTimeoutId) {\n this._busyTimeoutId = setTimeout(() => {\n delete this._busyTimeoutId;\n this._isBusy = true;\n }, Math.max(0, this.delay));\n }\n }\n else {\n if (this._busyTimeoutId) {\n clearTimeout(this._busyTimeoutId);\n delete this._busyTimeoutId;\n }\n this._isBusy = false;\n }\n }\n _handleKeydown(e) {\n if (!this._isBusy) {\n return;\n }\n e.stopImmediatePropagation();\n // move the focus to the last element in this DOM and let TAB continue to the next focusable element\n if (isTabNext(e)) {\n this.focusForward = true;\n this.shadowRoot.querySelector(\"[data-ui5-focus-redirect]\").focus();\n this.focusForward = false;\n }\n }\n _preventEvent(e) {\n if (this._isBusy) {\n e.stopImmediatePropagation();\n }\n }\n /**\n * Moves the focus to busy area when coming with SHIFT + TAB\n */\n _redirectFocus(e) {\n if (this.focusForward) {\n return;\n }\n e.preventDefault();\n this.shadowRoot.querySelector(\".ui5-busy-indicator-busy-area\").focus();\n }\n};\n__decorate([\n property()\n], BusyIndicator.prototype, \"text\", void 0);\n__decorate([\n property({ type: BusyIndicatorSize, defaultValue: BusyIndicatorSize.Medium })\n], BusyIndicator.prototype, \"size\", void 0);\n__decorate([\n property({ type: Boolean })\n], BusyIndicator.prototype, \"active\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 1000 })\n], BusyIndicator.prototype, \"delay\", void 0);\n__decorate([\n property({ type: Boolean })\n], BusyIndicator.prototype, \"_isBusy\", void 0);\nBusyIndicator = BusyIndicator_1 = __decorate([\n customElement({\n tag: \"ui5-busy-indicator\",\n languageAware: true,\n styles: busyIndicatorCss,\n renderer: litRender,\n template: BusyIndicatorTemplate,\n dependencies: [Label],\n })\n], BusyIndicator);\nBusyIndicator.define();\nexport default BusyIndicator;\n//# sourceMappingURL=BusyIndicator.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.header.length ? block1.call(this, context, tags, suffix) : undefined}${this.shouldRenderH1 ? block2.call(this, context, tags, suffix) : undefined}${this.hasData ? block3.call(this, context, tags, suffix) : undefined}${ifDefined(this.ariaLabelModeText)}
${this.busy ? block8.call(this, context, tags, suffix) : undefined}${ifDefined(this.noDataText)}
${ifDefined(this._growingButtonText)}
<${scopeTag(\"ui5-busy-indicator\", tags, suffix)} delay=\"${ifDefined(this.busyDelay)}\" active size=\"Medium\" class=\"ui5-list-busy-ind\" style=\"${styleMap(this.styles.busyInd)}\" data-sap-focus-ref>
` : html `Overview
\n *\n * Theui5-list component allows displaying a list of items, advanced keyboard\n * handling support for navigating between items, and predefined modes to improve the development efficiency.\n * \n * The
ui5-list is a container for the available list items:\n * - \n *
ui5-li\n * ui5-li-custom\n * ui5-li-groupheader\n *
\n * To benefit from the built-in selection mechanism, you can use the available\n * selection modes, such as\n *
SingleSelect, MultiSelect and Delete.\n * \n * Additionally, the
ui5-list provides header, footer, and customization for the list item separators.\n *\n * \n *
Keyboard Handling
\n *\n *Basic Navigation
\n * Theui5-list provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n * \n *\n *
- \n *
- [UP/DOWN] - Navigates up and down the items \n *
- [HOME] - Navigates to first item \n *
- [END] - Navigates to the last item \n *
mode property is in use:\n * - \n *
- [SPACE] - Select an item (if
typeis 'Active') whenmodeis selection \n * - [DELETE] - Delete an item if
modeproperty isDelete\n *
Fast Navigation
\n * This component provides a build in fast navigation group which can be used viaF6 / Shift + F6 or Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up.\n * In order to use this functionality, you need to import the following module:\n * import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"\n * \n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/List.js\";\n * \n *
import \"@ui5/webcomponents/dist/StandardListItem.js\"; (for ui5-li)\n * \n *
import \"@ui5/webcomponents/dist/CustomListItem.js\"; (for ui5-li-custom)\n * \n *
import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\"; (for ui5-li-groupheader)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.List\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-list\n * @appenddocs sap.ui.webc.main.StandardListItem sap.ui.webc.main.CustomListItem sap.ui.webc.main.GroupHeaderListItem\n * @public\n */\nlet List = List_1 = class List extends UI5Element {\n static async onDefine() {\n List_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n constructor() {\n super();\n this._previouslyFocusedItem = null;\n // Indicates that the List is forwarding the focus before or after the internal ul.\n this._forwardingFocus = false;\n // Indicates that the List has already subscribed for resize.\n this.resizeListenerAttached = false;\n // Indicates if the IntersectionObserver started observing the List\n this.listEndObserved = false;\n this._itemNavigation = new ItemNavigation(this, {\n skipItemsSize: PAGE_UP_DOWN_SIZE,\n navigationMode: NavigationMode.Vertical,\n getItemsCallback: () => this.getEnabledItems(),\n });\n this._handleResize = this.checkListInViewport.bind(this);\n this._handleResize = this.checkListInViewport.bind(this);\n // Indicates the List bottom most part has been detected by the IntersectionObserver\n // for the first time.\n this.initialIntersection = true;\n }\n onExitDOM() {\n this.unobserveListEnd();\n this.resizeListenerAttached = false;\n ResizeHandler.deregister(this.getDomRef(), this._handleResize);\n }\n onBeforeRendering() {\n this.prepareListItems();\n }\n onAfterRendering() {\n if (this.growsOnScroll) {\n this.observeListEnd();\n }\n else if (this.listEndObserved) {\n this.unobserveListEnd();\n }\n if (this.grows) {\n this.checkListInViewport();\n this.attachForResize();\n }\n }\n attachForResize() {\n if (!this.resizeListenerAttached) {\n this.resizeListenerAttached = true;\n ResizeHandler.register(this.getDomRef(), this._handleResize);\n }\n }\n get shouldRenderH1() {\n return !this.header.length && this.headerText;\n }\n get headerID() {\n return `${this._id}-header`;\n }\n get modeLabelID() {\n return `${this._id}-modeLabel`;\n }\n get listEndDOM() {\n return this.shadowRoot.querySelector(\".ui5-list-end-marker\");\n }\n get hasData() {\n return this.getItems().length !== 0;\n }\n get showNoDataText() {\n return !this.hasData && this.noDataText;\n }\n get isDelete() {\n return this.mode === ListMode.Delete;\n }\n get isSingleSelect() {\n return [\n ListMode.SingleSelect,\n ListMode.SingleSelectBegin,\n ListMode.SingleSelectEnd,\n ListMode.SingleSelectAuto,\n ].includes(this.mode);\n }\n get isMultiSelect() {\n return this.mode === ListMode.MultiSelect;\n }\n get ariaLabelledBy() {\n if (this.accessibleNameRef || this.accessibleName) {\n return undefined;\n }\n const ids = [];\n if (this.isMultiSelect || this.isSingleSelect || this.isDelete) {\n ids.push(this.modeLabelID);\n }\n if (this.shouldRenderH1) {\n ids.push(this.headerID);\n }\n return ids.length ? ids.join(\" \") : undefined;\n }\n get ariaLabelTxt() {\n return getEffectiveAriaLabelText(this);\n }\n get ariaLabelModeText() {\n if (this.hasData) {\n if (this.isMultiSelect) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_MULTISELECTABLE);\n }\n if (this.isSingleSelect) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_SELECTABLE);\n }\n if (this.isDelete) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_DELETABLE);\n }\n }\n return \"\";\n }\n get grows() {\n return this.growing !== ListGrowingMode.None;\n }\n get growsOnScroll() {\n return this.growing === ListGrowingMode.Scroll;\n }\n get growsWithButton() {\n return this.growing === ListGrowingMode.Button;\n }\n get _growingButtonText() {\n return List_1.i18nBundle.getText(LOAD_MORE_TEXT);\n }\n get busyIndPosition() {\n if (!this.grows) {\n return \"absolute\";\n }\n return this._inViewport ? \"absolute\" : \"sticky\";\n }\n get styles() {\n return {\n busyInd: {\n position: this.busyIndPosition,\n },\n };\n }\n get classes() {\n return {\n root: {\n \"ui5-list-root\": true,\n \"ui5-content-native-scrollbars\": getEffectiveScrollbarStyle(),\n },\n };\n }\n prepareListItems() {\n const slottedItems = this.getItemsForProcessing();\n slottedItems.forEach((item, key) => {\n const isLastChild = key === slottedItems.length - 1;\n const showBottomBorder = this.separators === ListSeparators.All\n || (this.separators === ListSeparators.Inner && !isLastChild);\n if (item.hasConfigurableMode) {\n item._mode = this.mode;\n }\n item.hasBorder = showBottomBorder;\n });\n }\n async observeListEnd() {\n if (!this.listEndObserved) {\n await renderFinished();\n this.getIntersectionObserver().observe(this.listEndDOM);\n this.listEndObserved = true;\n }\n }\n unobserveListEnd() {\n if (this.growingIntersectionObserver) {\n this.growingIntersectionObserver.disconnect();\n this.growingIntersectionObserver = null;\n this.listEndObserved = false;\n }\n }\n onInteresection(entries) {\n if (this.initialIntersection) {\n this.initialIntersection = false;\n return;\n }\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n debounce(this.loadMore.bind(this), INFINITE_SCROLL_DEBOUNCE_RATE);\n }\n });\n }\n /*\n * ITEM SELECTION BASED ON THE CURRENT MODE\n */\n onSelectionRequested(e) {\n const previouslySelectedItems = this.getSelectedItems();\n let selectionChange = false;\n this._selectionRequested = true;\n if (this.mode !== ListMode.None && this[`handle${this.mode}`]) {\n selectionChange = this[`handle${this.mode}`](e.detail.item, !!e.detail.selected);\n }\n if (selectionChange) {\n const changePrevented = !this.fireEvent(\"selection-change\", {\n selectedItems: this.getSelectedItems(),\n previouslySelectedItems,\n selectionComponentPressed: e.detail.selectionComponentPressed,\n targetItem: e.detail.item,\n key: e.detail.key,\n }, true);\n if (changePrevented) {\n this._revertSelection(previouslySelectedItems);\n }\n }\n }\n handleSingleSelect(item) {\n if (item.selected) {\n return false;\n }\n this.deselectSelectedItems();\n item.selected = true;\n return true;\n }\n handleSingleSelectBegin(item) {\n return this.handleSingleSelect(item);\n }\n handleSingleSelectEnd(item) {\n return this.handleSingleSelect(item);\n }\n handleSingleSelectAuto(item) {\n return this.handleSingleSelect(item);\n }\n handleMultiSelect(item, selected) {\n item.selected = selected;\n return true;\n }\n handleDelete(item) {\n this.fireEvent(\"item-delete\", { item });\n return true;\n }\n deselectSelectedItems() {\n this.getSelectedItems().forEach(item => { item.selected = false; });\n }\n getSelectedItems() {\n return this.getItems().filter(item => item.selected);\n }\n getEnabledItems() {\n return this.getItems().filter(item => !item.disabled);\n }\n getItems() {\n return this.getSlottedNodes(\"items\");\n }\n getItemsForProcessing() {\n return this.getItems();\n }\n _revertSelection(previouslySelectedItems) {\n this.getItems().forEach((item) => {\n const oldSelection = previouslySelectedItems.indexOf(item) !== -1;\n const multiSelectCheckBox = item.shadowRoot.querySelector(\".ui5-li-multisel-cb\");\n const singleSelectRadioButton = item.shadowRoot.querySelector(\".ui5-li-singlesel-radiobtn\");\n item.selected = oldSelection;\n if (multiSelectCheckBox) {\n multiSelectCheckBox.checked = oldSelection;\n }\n else if (singleSelectRadioButton) {\n singleSelectRadioButton.checked = oldSelection;\n }\n });\n }\n _onkeydown(e) {\n if (isTabNext(e)) {\n this._handleTabNext(e);\n }\n }\n _onLoadMoreKeydown(e) {\n if (isSpace(e)) {\n e.preventDefault();\n this._loadMoreActive = true;\n }\n if (isEnter(e)) {\n this._onLoadMoreClick();\n this._loadMoreActive = true;\n }\n if (isTabNext(e)) {\n this.focusAfterElement();\n }\n if (isTabPrevious(e)) {\n if (this.getPreviouslyFocusedItem()) {\n this.focusPreviouslyFocusedItem();\n }\n else {\n this.focusFirstItem();\n }\n e.preventDefault();\n }\n }\n _onLoadMoreKeyup(e) {\n if (isSpace(e)) {\n this._onLoadMoreClick();\n }\n this._loadMoreActive = false;\n }\n _onLoadMoreMousedown() {\n this._loadMoreActive = true;\n }\n _onLoadMoreMouseup() {\n this._loadMoreActive = false;\n }\n _onLoadMoreClick() {\n this.loadMore();\n }\n checkListInViewport() {\n this._inViewport = isElementInView(this.getDomRef());\n }\n loadMore() {\n this.fireEvent(\"load-more\");\n }\n /*\n * KEYBOARD SUPPORT\n */\n _handleTabNext(e) {\n let lastTabbableEl;\n const target = getNormalizedTarget(e.target);\n if (!lastTabbableEl) {\n return;\n }\n if (lastTabbableEl === target) {\n if (this.getFirstItem(x => x.selected && !x.disabled)) {\n this.focusFirstSelectedItem();\n }\n else if (this.getPreviouslyFocusedItem()) {\n this.focusPreviouslyFocusedItem();\n }\n else {\n this.focusFirstItem();\n }\n e.stopImmediatePropagation();\n e.preventDefault();\n }\n }\n _onfocusin(e) {\n const target = getNormalizedTarget(e.target);\n // If the focusin event does not origin from one of the 'triggers' - ignore it.\n if (!this.isForwardElement(target)) {\n e.stopImmediatePropagation();\n return;\n }\n // The focus arrives in the List for the first time.\n // If there is selected item - focus it or focus the first item.\n if (!this.getPreviouslyFocusedItem()) {\n if (this.growsWithButton && this.isForwardAfterElement(target)) {\n this.focusGrowingButton();\n }\n else {\n this.focusFirstItem();\n }\n e.stopImmediatePropagation();\n return;\n }\n // The focus returns to the List,\n // focus the first selected item or the previously focused element.\n if (!this.getForwardingFocus()) {\n if (this.growsWithButton && this.isForwardAfterElement(target)) {\n this.focusGrowingButton();\n e.stopImmediatePropagation();\n return;\n }\n this.focusPreviouslyFocusedItem();\n e.stopImmediatePropagation();\n }\n this.setForwardingFocus(false);\n }\n isForwardElement(element) {\n const elementId = element.id;\n const beforeElement = this.getBeforeElement();\n if (this._id === elementId || (beforeElement && beforeElement.id === elementId)) {\n return true;\n }\n return this.isForwardAfterElement(element);\n }\n isForwardAfterElement(element) {\n const elementId = element.id;\n const afterElement = this.getAfterElement();\n return afterElement && afterElement.id === elementId;\n }\n onItemTabIndexChange(e) {\n const target = e.target;\n this._itemNavigation.setCurrentItem(target);\n }\n onItemFocused(e) {\n const target = e.target;\n e.stopPropagation();\n this._itemNavigation.setCurrentItem(target);\n this.fireEvent(\"item-focused\", { item: target });\n if (this.mode === ListMode.SingleSelectAuto) {\n const detail = {\n item: target,\n selectionComponentPressed: false,\n selected: true,\n key: e.detail.key,\n };\n this.onSelectionRequested({ detail });\n }\n }\n onItemPress(e) {\n const pressedItem = e.detail.item;\n if (!this.fireEvent(\"item-click\", { item: pressedItem }, true)) {\n return;\n }\n if (!this._selectionRequested && this.mode !== ListMode.Delete) {\n this._selectionRequested = true;\n const detail = {\n item: pressedItem,\n selectionComponentPressed: false,\n selected: !pressedItem.selected,\n key: e.detail.key,\n };\n this.onSelectionRequested({ detail });\n }\n this._selectionRequested = false;\n }\n // This is applicable to NotificationListItem\n onItemClose(e) {\n const target = e.target;\n const shouldFireItemClose = target?.hasAttribute(\"ui5-li-notification\") || target?.hasAttribute(\"ui5-li-notification-group\");\n if (shouldFireItemClose) {\n this.fireEvent(\"item-close\", { item: e.detail?.item });\n }\n }\n onItemToggle(e) {\n this.fireEvent(\"item-toggle\", { item: e.detail.item });\n }\n onForwardBefore(e) {\n this.setPreviouslyFocusedItem(e.target);\n this.focusBeforeElement();\n e.stopPropagation();\n }\n onForwardAfter(e) {\n this.setPreviouslyFocusedItem(e.target);\n if (!this.growsWithButton) {\n this.focusAfterElement();\n }\n else {\n this.focusGrowingButton();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n focusBeforeElement() {\n this.setForwardingFocus(true);\n this.getBeforeElement().focus();\n }\n focusAfterElement() {\n this.setForwardingFocus(true);\n this.getAfterElement().focus();\n }\n focusGrowingButton() {\n const growingBtn = this.getGrowingButton();\n if (growingBtn) {\n growingBtn.focus();\n }\n }\n getGrowingButton() {\n return this.shadowRoot.querySelector(`[id=\"${this._id}-growing-btn\"]`);\n }\n /**\n * Focuses the first list item and sets its tabindex to \"0\" via the ItemNavigation\n * @protected\n */\n focusFirstItem() {\n // only enabled items are focusable\n const firstItem = this.getFirstItem(x => !x.disabled);\n if (firstItem) {\n firstItem.focus();\n }\n }\n focusPreviouslyFocusedItem() {\n const previouslyFocusedItem = this.getPreviouslyFocusedItem();\n if (previouslyFocusedItem) {\n previouslyFocusedItem.focus();\n }\n }\n focusFirstSelectedItem() {\n // only enabled items are focusable\n const firstSelectedItem = this.getFirstItem(x => x.selected && !x.disabled);\n if (firstSelectedItem) {\n firstSelectedItem.focus();\n }\n }\n /**\n * Focuses a list item and sets its tabindex to \"0\" via the ItemNavigation\n * @protected\n * @param item\n */\n focusItem(item) {\n this._itemNavigation.setCurrentItem(item);\n item.focus();\n }\n onFocusRequested(e) {\n setTimeout(() => {\n this.setPreviouslyFocusedItem(e.target);\n this.focusPreviouslyFocusedItem();\n }, 0);\n }\n setForwardingFocus(forwardingFocus) {\n this._forwardingFocus = forwardingFocus;\n }\n getForwardingFocus() {\n return this._forwardingFocus;\n }\n setPreviouslyFocusedItem(item) {\n this._previouslyFocusedItem = item;\n }\n getPreviouslyFocusedItem() {\n return this._previouslyFocusedItem;\n }\n getFirstItem(filter) {\n const slottedItems = this.getItems();\n let firstItem = null;\n if (!filter) {\n return slottedItems.length ? slottedItems[0] : null;\n }\n for (let i = 0; i < slottedItems.length; i++) {\n if (filter(slottedItems[i])) {\n firstItem = slottedItems[i];\n break;\n }\n }\n return firstItem;\n }\n getAfterElement() {\n if (!this._afterElement) {\n this._afterElement = this.shadowRoot.querySelector(`[id=\"${this._id}-after\"]`);\n }\n return this._afterElement;\n }\n getBeforeElement() {\n if (!this._beforeElement) {\n this._beforeElement = this.shadowRoot.querySelector(`[id=\"${this._id}-before\"]`);\n }\n return this._beforeElement;\n }\n getIntersectionObserver() {\n if (!this.growingIntersectionObserver) {\n this.growingIntersectionObserver = new IntersectionObserver(this.onInteresection.bind(this), {\n root: null,\n rootMargin: \"0px\",\n threshold: 1.0,\n });\n }\n return this.growingIntersectionObserver;\n }\n};\n__decorate([\n property()\n], List.prototype, \"headerText\", void 0);\n__decorate([\n property()\n], List.prototype, \"footerText\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"indent\", void 0);\n__decorate([\n property({ type: ListMode, defaultValue: ListMode.None })\n], List.prototype, \"mode\", void 0);\n__decorate([\n property()\n], List.prototype, \"noDataText\", void 0);\n__decorate([\n property({ type: ListSeparators, defaultValue: ListSeparators.All })\n], List.prototype, \"separators\", void 0);\n__decorate([\n property({ type: ListGrowingMode, defaultValue: ListGrowingMode.None })\n], List.prototype, \"growing\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"busy\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 1000 })\n], List.prototype, \"busyDelay\", void 0);\n__decorate([\n property()\n], List.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], List.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ defaultValue: \"list\" })\n], List.prototype, \"accessibleRole\", void 0);\n__decorate([\n property({ defaultValue: undefined, noAttribute: true })\n], List.prototype, \"accessibleRoleDescription\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"_inViewport\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"_loadMoreActive\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true })\n], List.prototype, \"items\", void 0);\n__decorate([\n slot()\n], List.prototype, \"header\", void 0);\nList = List_1 = __decorate([\n customElement({\n tag: \"ui5-list\",\n fastNavigation: true,\n renderer: litRender,\n template: ListTemplate,\n styles: [browserScrollbarCSS, listCss],\n dependencies: [BusyIndicator],\n })\n /**\n * Fired when an item is activated, unless the item's type property\n * is set to Inactive.\n *\n * @event sap.ui.webc.main.List#item-click\n * @allowPreventDefault\n * @param {HTMLElement} item The clicked item.\n * @public\n */\n ,\n event(\"item-click\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Close button of any item is clicked\n * \n * Note: This event is only applicable to list items that can be closed (such as notification list items),\n * not to be confused with
item-delete.\n *\n * @event sap.ui.webc.main.List#item-close\n * @param {HTMLElement} item the item about to be closed.\n * @public\n * @since 1.0.0-rc.8\n */\n ,\n event(\"item-close\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Toggle button of any item is clicked.\n * \n * Note: This event is only applicable to list items that can be toggled (such as notification group list items).\n *\n * @event sap.ui.webc.main.List#item-toggle\n * @param {HTMLElement} item the toggled item.\n * @public\n * @since 1.0.0-rc.8\n */\n ,\n event(\"item-toggle\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Delete button of any item is pressed.\n *
\n * Note: A Delete button is displayed on each item,\n * when the component
mode property is set to Delete.\n *\n * @event sap.ui.webc.main.List#item-delete\n * @param {HTMLElement} item the deleted item.\n * @public\n */\n ,\n event(\"item-delete\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when selection is changed by user interaction\n * in SingleSelect, SingleSelectBegin, SingleSelectEnd and MultiSelect modes.\n *\n * @event sap.ui.webc.main.List#selection-change\n * @allowPreventDefault\n * @param {Array} selectedItems An array of the selected items.\n * @param {Array} previouslySelectedItems An array of the previously selected items.\n * @public\n */\n ,\n event(\"selection-change\", {\n detail: {\n selectedItems: { type: Array },\n previouslySelectedItems: { type: Array },\n targetItem: { type: HTMLElement },\n selectionComponentPressed: { type: Boolean }, // protected, indicates if the user used the selection components to change the selection\n },\n })\n /**\n * Fired when the user scrolls to the bottom of the list.\n * \n * Note: The event is fired when the
growing='Scroll' property is enabled.\n *\n * @event sap.ui.webc.main.List#load-more\n * @public\n * @since 1.0.0-rc.6\n */\n ,\n event(\"load-more\")\n /**\n * @private\n */\n ,\n event(\"item-focused\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n], List);\nList.define();\nexport default List;\n//# sourceMappingURL=List.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\n/**\n * @class\n *\n * Overview
\n *\n * Theui5-option component defines the content of an option in the ui5-select.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Option\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-option\n * @implements sap.ui.webc.main.ISelectOption\n * @public\n */\nlet Option = class Option extends UI5Element {\n get stableDomRef() {\n return this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n }\n};\n__decorate([\n property({ type: Boolean })\n], Option.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean })\n], Option.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], Option.prototype, \"title\", void 0);\n__decorate([\n property({ defaultValue: null })\n], Option.prototype, \"icon\", void 0);\n__decorate([\n property()\n], Option.prototype, \"value\", void 0);\n__decorate([\n property()\n], Option.prototype, \"additionalText\", void 0);\n__decorate([\n property({ type: Boolean })\n], Option.prototype, \"_focused\", void 0);\n__decorate([\n slot({ type: Node, \"default\": true, invalidateOnChildChange: true })\n], Option.prototype, \"text\", void 0);\nOption = __decorate([\n customElement(\"ui5-option\")\n], Option);\nOption.define();\nexport default Option;\n//# sourceMappingURL=Option.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this._isPhone ? block1.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}`; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-dialog\", tags, suffix)} accessible-name=${ifDefined(this.accessibleName)} accessible-name-ref=${ifDefined(this.accessibleNameRef)} accessible-role=${ifDefined(this.accessibleRole)} stretch _disable-initial-focus @ui5-before-open=\"${ifDefined(this._beforeDialogOpen)}\" @ui5-after-open=\"${ifDefined(this._propagateDialogEvent)}\" @ui5-before-close=\"${ifDefined(this._propagateDialogEvent)}\" @ui5-after-close=\"${ifDefined(this._afterDialogClose)}\" exportparts=\"content, header, footer\">${!this._hideHeader ? block2.call(this, context, tags, suffix) : undefined}${this.headerText ? block5.call(this, context, tags, suffix) : undefined}${!this._hideCloseButton ? block6.call(this, context, tags, suffix) : undefined}
`; }\nfunction block5(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-title\", tags, suffix)} level=\"H2\" class=\"ui5-popup-header-text ui5-responsive-popover-header-text\">${ifDefined(this.headerText)}` : html `${ifDefined(this.headerText)}
`; }\nfunction block11(context, tags, suffix) { return html `${this.footer.length ? block12.call(this, context, tags, suffix) : undefined}`; }\nfunction block12(context, tags, suffix) { return html ``; }\nexport default block0;\n//# sourceMappingURL=ResponsivePopoverTemplate.lit.js.map","/**\n * Returns a value clamped between an upper bound 'max' and lower bound 'min'.\n * @param {number} val value\n * @param {number} min lower bound\n * @param {number} max upper bound\n * @returns {number}\n */\nconst clamp = (val, min, max) => {\n return Math.min(Math.max(val, min), max);\n};\nexport default clamp;\n//# sourceMappingURL=clamp.js.map","const isElementContainingBlock = (el) => {\n const computedStyle = getComputedStyle(el);\n return [\"size\", \"inline-size\"].indexOf(computedStyle.containerType) > -1\n || [\"transform\", \"perspective\"].indexOf(computedStyle.willChange) > -1\n || [\"layout\", \"paint\", \"strict\", \"content\"].indexOf(computedStyle.contain) > -1\n || computedStyle.transform !== \"none\"\n || computedStyle.perspective !== \"none\"\n || computedStyle.backdropFilter !== \"none\";\n};\nexport default isElementContainingBlock;\n//# sourceMappingURL=isElementContainingBlock.js.map","const getParentElement = (el) => {\n return (el.parentElement ? el.parentNode : el.parentNode.host);\n};\nexport default getParentElement;\n//# sourceMappingURL=getParentElement.js.map","const isElementHidden = (el) => {\n if (el.nodeName === \"SLOT\") {\n return false;\n }\n return (el.offsetWidth <= 0 && el.offsetHeight <= 0) || (el.style && el.style.visibility === \"hidden\");\n};\nexport default isElementHidden;\n//# sourceMappingURL=isElementHidden.js.map","const rClickable = /^(?:a|area)$/i;\nconst rFocusable = /^(?:input|select|textarea|button)$/i;\nconst isElementClickable = (el) => {\n if (el.disabled) {\n return false;\n }\n const tabIndex = el.getAttribute(\"tabindex\");\n if (tabIndex !== null && tabIndex !== undefined) {\n return parseInt(tabIndex) >= 0;\n }\n return rFocusable.test(el.nodeName)\n || (rClickable.test(el.nodeName)\n && !!el.href);\n};\nexport default isElementClickable;\n//# sourceMappingURL=isElementClickable.js.map","import isElementHidden from \"./isElementHidden.js\";\nimport isElementClickable from \"./isElementClickable.js\";\nimport { instanceOfUI5Element } from \"../UI5Element.js\";\nconst isFocusTrap = (el) => {\n return el.hasAttribute(\"data-ui5-focus-trap\");\n};\nconst getFirstFocusableElement = async (container, startFromContainer) => {\n if (!container || isElementHidden(container)) {\n return null;\n }\n return findFocusableElement(container, true, startFromContainer);\n};\nconst getLastFocusableElement = async (container, startFromContainer) => {\n if (!container || isElementHidden(container)) {\n return null;\n }\n return findFocusableElement(container, false, startFromContainer);\n};\nconst isElemFocusable = (el) => {\n return el.hasAttribute(\"data-ui5-focus-redirect\") || !isElementHidden(el);\n};\nconst findFocusableElement = async (container, forward, startFromContainer) => {\n let child;\n let assignedElements;\n let currentIndex = -1;\n if (container.shadowRoot) {\n child = forward ? container.shadowRoot.firstChild : container.shadowRoot.lastChild;\n }\n else if (container instanceof HTMLSlotElement && container.assignedNodes()) {\n assignedElements = container.assignedNodes();\n currentIndex = forward ? 0 : assignedElements.length - 1;\n child = assignedElements[currentIndex];\n }\n else if (startFromContainer) {\n child = container;\n }\n else {\n child = forward ? container.firstElementChild : container.lastElementChild;\n }\n let focusableDescendant;\n /* eslint-disable no-await-in-loop */\n while (child) {\n const originalChild = child;\n if (instanceOfUI5Element(child)) {\n child = await child.getFocusDomRefAsync();\n }\n if (!child) {\n return null;\n }\n if (child.nodeType === 1 && isElemFocusable(child) && !isFocusTrap(child)) {\n if (isElementClickable(child)) {\n return (child && typeof child.focus === \"function\") ? child : null;\n }\n focusableDescendant = await findFocusableElement(child, forward);\n if (focusableDescendant) {\n return (focusableDescendant && typeof focusableDescendant.focus === \"function\") ? focusableDescendant : null;\n }\n }\n child = forward ? originalChild.nextSibling : originalChild.previousSibling;\n // If the child element is not part of the currently assigned element,\n // we have to check the next/previous element assigned to the slot or continue with the next/previous sibling of the slot,\n // otherwise, the nextSibling/previousSibling is the next element inside the light DOM\n if (assignedElements && !assignedElements[currentIndex].contains(child)) {\n currentIndex = forward ? currentIndex + 1 : currentIndex - 1;\n child = assignedElements[currentIndex];\n }\n }\n /* eslint-enable no-await-in-loop */\n return null;\n};\nexport { getFirstFocusableElement, getLastFocusableElement, };\n//# sourceMappingURL=FocusableElements.js.map","const mediaRanges = new Map();\nconst DEAFULT_RANGE_SET = new Map();\nDEAFULT_RANGE_SET.set(\"S\", [0, 599]);\nDEAFULT_RANGE_SET.set(\"M\", [600, 1023]);\nDEAFULT_RANGE_SET.set(\"L\", [1024, 1439]);\nDEAFULT_RANGE_SET.set(\"XL\", [1440, Infinity]);\n/**\n * Enumeration containing the names and settings of predefined screen width media query range sets.\n *\n * @namespace\n * @name MediaRange.RANGESETS\n * @public\n */\nvar RANGESETS;\n(function (RANGESETS) {\n /**\n * A 4-step range set (S-M-L-XL).\n *\n * The ranges of this set are:\n *- \n *
\"S\": For screens smaller than 600 pixels. \n * \"M\": For screens greater than or equal to 600 pixels and smaller than 1024 pixels. \n * \"L\": For screens greater than or equal to 1024 pixels and smaller than 1440 pixels. \n * \"XL\": For screens greater than or equal to 1440 pixels. \n *
MediaRange.\n *\n * A range set can be defined as shown in the following example:\n * \n * MediaRange.initRangeSet(\"MyRangeSet\", [200, 400], [\"Small\", \"Medium\", \"Large\"]);\n *\n * This example defines the following named ranges:\n *
- \n *
\"Small\": For screens smaller than 200 pixels. \n * \"Medium\": For screens greater than or equal to 200 pixels and smaller than 400 pixels. \n * \"Large\": For screens greater than or equal to 400 pixels. \n *
width is given, the active range will be determined for that width,\n * otherwise it is determined for the current window size.\n *\n * @param {string} name The name of the range set. The range set must be initialized beforehand ({@link MediaRange.initRangeSet})\n * @param {number} [width] An optional width, based on which the range should be determined;\n * If width is not provided, the window size will be used.\n * @returns {string} The name of the current active interval of the range set.\n *\n * @name MediaRange.getCurrentRange\n * @function\n * @public\n */\nconst getCurrentRange = (name, width = window.innerWidth) => {\n let rangeSet = mediaRanges.get(name);\n if (!rangeSet) {\n rangeSet = mediaRanges.get(RANGESETS.RANGE_4STEPS);\n }\n let currentRangeName;\n const effectiveWidth = Math.floor(width);\n rangeSet.forEach((value, key) => {\n if (effectiveWidth >= value[0] && effectiveWidth <= value[1]) {\n currentRangeName = key;\n }\n });\n return currentRangeName || [...rangeSet.keys()][0];\n};\n/**\n * API for screen width changes.\n *\n * @namespace\n * @name MediaRange\n */\nconst MediaRange = {\n RANGESETS,\n initRangeSet,\n getCurrentRange,\n};\nMediaRange.initRangeSet(MediaRange.RANGESETS.RANGE_4STEPS, DEAFULT_RANGE_SET);\nexport default MediaRange;\n//# sourceMappingURL=MediaRange.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `Overview
\n * Base class for all popup Web Components.\n *\n * If you need to create your own popup-like custom UI5 Web Components, it is highly recommended that you extend\n * at least Popup in order to have consistency with other popups in terms of modal behavior and z-index management.\n *\n * 1. The Popup class handles modality:\n * - The \"isModal\" getter can be overridden by derivatives to provide their own conditions when they are modal or not\n * - Derivatives may call the \"blockPageScrolling\" and \"unblockPageScrolling\" static methods to temporarily remove scrollbars on the html element\n * - Derivatives may call the \"open\" and \"close\" methods which handle focus, manage the popup registry and for modal popups, manage the blocking layer\n *\n * 2. Provides blocking layer (relevant for modal popups only):\n * - It is in the static area\n * - Controlled by the \"open\" and \"close\" methods\n *\n * 3. The Popup class \"traps\" focus:\n * - Derivatives may call the \"applyInitialFocus\" method (usually when opening, to transfer focus inside the popup)\n *\n * 4. The Popup class automatically assigns \"z-index\"\n * - Each time a popup is opened, it gets a higher than the previously opened popup z-index\n *\n * 5. The template of this component exposes two inline partials you can override in derivatives:\n * - beforeContent (upper part of the box, useful for header/title/close button)\n * - afterContent (lower part, useful for footer/action buttons)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Popup\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\nlet Popup = Popup_1 = class Popup extends UI5Element {\n constructor() {\n super();\n this._resizeHandler = this._resize.bind(this);\n }\n onBeforeRendering() {\n this._blockLayerHidden = !this.isOpen() || !this.isTopModalPopup;\n }\n onAfterRendering() {\n this._updateMediaRange();\n }\n onEnterDOM() {\n ResizeHandler.register(this, this._resizeHandler);\n }\n onExitDOM() {\n if (this.isOpen()) {\n Popup_1.unblockPageScrolling(this);\n this._removeOpenedPopup();\n }\n ResizeHandler.deregister(this, this._resizeHandler);\n }\n get _displayProp() {\n return \"block\";\n }\n _resize() {\n this._updateMediaRange();\n }\n /**\n * Prevents the user from interacting with the content under the block layer\n */\n _preventBlockLayerFocus(e) {\n e.preventDefault();\n }\n /**\n * Temporarily removes scrollbars from the html element\n * @protected\n */\n static blockPageScrolling(popup) {\n pageScrollingBlockers.add(popup);\n if (pageScrollingBlockers.size !== 1) {\n return;\n }\n document.documentElement.classList.add(\"ui5-popup-scroll-blocker\");\n }\n /**\n * Restores scrollbars on the html element, if needed\n * @protected\n */\n static unblockPageScrolling(popup) {\n pageScrollingBlockers.delete(popup);\n if (pageScrollingBlockers.size !== 0) {\n return;\n }\n document.documentElement.classList.remove(\"ui5-popup-scroll-blocker\");\n }\n _scroll(e) {\n this.fireEvent(\"scroll\", {\n scrollTop: e.target.scrollTop,\n targetRef: e.target,\n });\n }\n _onkeydown(e) {\n const isTabOutAttempt = e.target === this._root && isTabPrevious(e);\n // if the popup is closed, focus is already moved, so Enter keydown may result in click on the newly focused element\n const isEnterOnClosedPopupChild = isEnter(e) && !this.isOpen();\n if (isTabOutAttempt || isEnterOnClosedPopupChild) {\n e.preventDefault();\n }\n }\n _onfocusout(e) {\n // relatedTarget is the element, which will get focus. If no such element exists, focus the root.\n // This happens after the mouse is released in order to not interrupt text selection.\n if (!e.relatedTarget) {\n this._shouldFocusRoot = true;\n }\n }\n _onmousedown(e) {\n if (!isSafari()) { // Remove when adopting native dialog\n this._root.removeAttribute(\"tabindex\");\n }\n if (this.shadowRoot.contains(e.target)) {\n this._shouldFocusRoot = true;\n }\n else {\n this._shouldFocusRoot = false;\n }\n }\n _onmouseup() {\n if (!isSafari()) { // Remove when adopting native dialog\n this._root.tabIndex = -1;\n }\n if (this._shouldFocusRoot) {\n if (isChrome()) {\n this._root.focus();\n }\n this._shouldFocusRoot = false;\n }\n }\n /**\n * Focus trapping\n * @private\n */\n async forwardToFirst() {\n const firstFocusable = await getFirstFocusableElement(this);\n if (firstFocusable) {\n firstFocusable.focus();\n }\n else {\n this._root.focus();\n }\n }\n /**\n * Focus trapping\n * @private\n */\n async forwardToLast() {\n const lastFocusable = await getLastFocusableElement(this);\n if (lastFocusable) {\n lastFocusable.focus();\n }\n else {\n this._root.focus();\n }\n }\n /**\n * Use this method to focus the element denoted by \"initialFocus\", if provided, or the first focusable element otherwise.\n * @protected\n */\n async applyInitialFocus() {\n await this.applyFocus();\n }\n /**\n * Focuses the element denoted byinitialFocus, if provided,\n * or the first focusable element otherwise.\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#applyFocus\n * @async\n * @returns {Promise} Promise that resolves when the focus is applied\n */\n async applyFocus() {\n await this._waitForDomRef();\n if (this.getRootNode() === this) {\n return;\n }\n let element;\n if (this.initialFocus) {\n element = this.getRootNode().getElementById(this.initialFocus)\n || document.getElementById(this.initialFocus);\n }\n element = element || await getFirstFocusableElement(this) || this._root; // in case of no focusable content focus the root\n if (element) {\n if (element === this._root) {\n element.tabIndex = -1;\n }\n element.focus();\n }\n }\n /**\n * Tells if the component is opened\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#isOpen\n * @returns {boolean}\n */\n isOpen() {\n return this.opened;\n }\n isFocusWithin() {\n return isFocusedElementWithinNode(this._root);\n }\n /**\n * Shows the block layer (for modal popups only) and sets the correct z-index for the purpose of popup stacking\n * @protected\n */\n async _open(preventInitialFocus) {\n const prevented = !this.fireEvent(\"before-open\", {}, true, false);\n if (prevented) {\n return;\n }\n if (this.isModal && !this.shouldHideBackdrop) {\n // create static area item ref for block layer\n this.getStaticAreaItemDomRef();\n this._blockLayerHidden = false;\n Popup_1.blockPageScrolling(this);\n }\n this._zIndex = getNextZIndex();\n this.style.zIndex = this._zIndex?.toString() || \"\";\n this._focusedElementBeforeOpen = getFocusedElement();\n this._show();\n if (this.getDomRef()) {\n this._updateMediaRange();\n }\n this._addOpenedPopup();\n this.opened = true;\n this.open = true;\n await renderFinished();\n if (!this._disableInitialFocus && !preventInitialFocus) {\n await this.applyInitialFocus();\n }\n this.fireEvent(\"after-open\", {}, false, false);\n }\n _updateMediaRange() {\n this.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);\n }\n /**\n * Adds the popup to the \"opened popups registry\"\n * @protected\n */\n _addOpenedPopup() {\n addOpenedPopup(this);\n }\n /**\n * Closes the popup.\n * @public\n * @method\n * @name sap.ui.webc.main.Popup#close\n * @returns {void}\n */\n close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {\n if (!this.opened) {\n return;\n }\n const prevented = !this.fireEvent(\"before-close\", { escPressed }, true, false);\n if (prevented) {\n return;\n }\n if (this.isModal) {\n this._blockLayerHidden = true;\n Popup_1.unblockPageScrolling(this);\n }\n this.hide();\n this.opened = false;\n this.open = false;\n if (!preventRegistryUpdate) {\n this._removeOpenedPopup();\n }\n if (!this.preventFocusRestore && !preventFocusRestore) {\n this.resetFocus();\n }\n this.fireEvent(\"after-close\", {}, false, false);\n }\n /**\n * Removes the popup from the \"opened popups registry\"\n * @protected\n */\n _removeOpenedPopup() {\n removeOpenedPopup(this);\n }\n /**\n * Returns the focus to the previously focused element\n * @protected\n */\n resetFocus() {\n if (!this._focusedElementBeforeOpen) {\n return;\n }\n this._focusedElementBeforeOpen.focus();\n this._focusedElementBeforeOpen = null;\n }\n /**\n * Sets \"block\" display to the popup. The property can be overriden by derivatives of Popup.\n * @protected\n */\n _show() {\n this.style.display = this._displayProp;\n }\n /**\n * Sets \"none\" display to the popup\n * @protected\n */\n hide() {\n this.style.display = \"none\";\n }\n /**\n * Ensures ariaLabel is never null or empty string\n * @returns {string | undefined}\n * @protected\n */\n get _ariaLabel() {\n return getEffectiveAriaLabelText(this);\n }\n get _root() {\n return this.shadowRoot.querySelector(\".ui5-popup-root\");\n }\n get _role() {\n return (this.accessibleRole === PopupAccessibleRole.None) ? undefined : this.accessibleRole.toLowerCase();\n }\n get _ariaModal() {\n return this.accessibleRole === PopupAccessibleRole.None ? undefined : \"true\";\n }\n get contentDOM() {\n return this.shadowRoot.querySelector(\".ui5-popup-content\");\n }\n get styles() {\n return {\n root: {},\n content: {},\n blockLayer: {\n \"zIndex\": this._zIndex ? this._zIndex - 1 : \"\",\n },\n };\n }\n get classes() {\n return {\n root: {\n \"ui5-popup-root\": true,\n \"ui5-content-native-scrollbars\": getEffectiveScrollbarStyle(),\n },\n content: {\n \"ui5-popup-content\": true,\n },\n };\n }\n};\n__decorate([\n property()\n], Popup.prototype, \"initialFocus\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"preventFocusRestore\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"open\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], Popup.prototype, \"opened\", void 0);\n__decorate([\n property({ defaultValue: undefined })\n], Popup.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], Popup.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: PopupAccessibleRole, defaultValue: PopupAccessibleRole.Dialog })\n], Popup.prototype, \"accessibleRole\", void 0);\n__decorate([\n property()\n], Popup.prototype, \"mediaRange\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"_disableInitialFocus\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popup.prototype, \"_blockLayerHidden\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], Popup.prototype, \"isTopModalPopup\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true })\n], Popup.prototype, \"content\", void 0);\nPopup = Popup_1 = __decorate([\n customElement({\n renderer: litRender,\n styles: popupStlyes,\n template: PopupTemplate,\n staticAreaTemplate: PopupBlockLayer,\n staticAreaStyles: popupStaticAreaStyles,\n })\n /**\n * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#before-open\n * @allowPreventDefault\n */\n ,\n event(\"before-open\")\n /**\n * Fired after the component is opened. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#after-open\n */\n ,\n event(\"after-open\")\n /**\n * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#before-close\n * @allowPreventDefault\n * @param {boolean} escPressed Indicates that ESC key has triggered the event.\n */\n ,\n event(\"before-close\", {\n escPressed: { type: Boolean },\n })\n /**\n * Fired after the component is closed. This event does not bubble.\n *\n * @public\n * @event sap.ui.webc.main.Popup#after-close\n */\n ,\n event(\"after-close\")\n /**\n * Fired whenever the popup content area is scrolled\n *\n * @private\n * @event sap.ui.webc.main.Popup#scroll\n */\n ,\n event(\"scroll\")\n], Popup);\nexport default Popup;\n//# sourceMappingURL=Popup.js.map","/**\n * Popover placement types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverPlacementType\n */\nvar PopoverPlacementType;\n(function (PopoverPlacementType) {\n /**\n * Popover will be placed at the left side of the reference element.\n * @public\n * @type {Left}\n */\n PopoverPlacementType[\"Left\"] = \"Left\";\n /**\n * Popover will be placed at the right side of the reference element.\n * @public\n * @type {Right}\n */\n PopoverPlacementType[\"Right\"] = \"Right\";\n /**\n * Popover will be placed at the top of the reference element.\n * @public\n * @type {Top}\n */\n PopoverPlacementType[\"Top\"] = \"Top\";\n /**\n * Popover will be placed at the bottom of the reference element.\n * @public\n * @type {Bottom}\n */\n PopoverPlacementType[\"Bottom\"] = \"Bottom\";\n})(PopoverPlacementType || (PopoverPlacementType = {}));\nexport default PopoverPlacementType;\n//# sourceMappingURL=PopoverPlacementType.js.map","/**\n * Popover vertical align types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverVerticalAlign\n */\nvar PopoverVerticalAlign;\n(function (PopoverVerticalAlign) {\n /**\n *\n * @public\n * @type {Center}\n */\n PopoverVerticalAlign[\"Center\"] = \"Center\";\n /**\n * Popover will be placed at the top of the reference control.\n * @public\n * @type {Top}\n */\n PopoverVerticalAlign[\"Top\"] = \"Top\";\n /**\n * Popover will be placed at the bottom of the reference control.\n * @public\n * @type {Bottom}\n */\n PopoverVerticalAlign[\"Bottom\"] = \"Bottom\";\n /**\n * Popover will be streched\n * @public\n * @type {Stretch}\n */\n PopoverVerticalAlign[\"Stretch\"] = \"Stretch\";\n})(PopoverVerticalAlign || (PopoverVerticalAlign = {}));\nexport default PopoverVerticalAlign;\n//# sourceMappingURL=PopoverVerticalAlign.js.map","/**\n * Popover horizontal align types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.PopoverHorizontalAlign\n */\nvar PopoverHorizontalAlign;\n(function (PopoverHorizontalAlign) {\n /**\n * Popover is centered.\n * @public\n * @type {Center}\n */\n PopoverHorizontalAlign[\"Center\"] = \"Center\";\n /**\n * Popover is aligned with the left side of the target. When direction is RTL, it is right aligned.\n * @public\n * @type {Left}\n */\n PopoverHorizontalAlign[\"Left\"] = \"Left\";\n /**\n * Popover is aligned with the right side of the target. When direction is RTL, it is left aligned.\n * @public\n * @type {Right}\n */\n PopoverHorizontalAlign[\"Right\"] = \"Right\";\n /**\n * Popover is stretched.\n * @public\n * @type {Stretch}\n */\n PopoverHorizontalAlign[\"Stretch\"] = \"Stretch\";\n})(PopoverHorizontalAlign || (PopoverHorizontalAlign = {}));\nexport default PopoverHorizontalAlign;\n//# sourceMappingURL=PopoverHorizontalAlign.js.map","import { isClickInRect } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport { instanceOfPopover } from \"../Popover.js\";\nimport { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from \"./OpenedPopupsRegistry.js\";\nlet updateInterval;\nconst intervalTimeout = 300;\nconst openedRegistry = [];\nconst repositionPopovers = () => {\n openedRegistry.forEach(popover => {\n popover.instance.reposition();\n });\n};\nconst closePopoversIfLostFocus = () => {\n if (document.activeElement.tagName === \"IFRAME\") {\n getRegistry().reverse().forEach(popup => popup.instance.close(false, false, true));\n }\n};\nconst runUpdateInterval = () => {\n updateInterval = setInterval(() => {\n repositionPopovers();\n closePopoversIfLostFocus();\n }, intervalTimeout);\n};\nconst stopUpdateInterval = () => {\n clearInterval(updateInterval);\n};\nconst attachGlobalScrollHandler = () => {\n document.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst detachGlobalScrollHandler = () => {\n document.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst attachScrollHandler = (popover) => {\n popover && popover.shadowRoot.addEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst detachScrollHandler = (popover) => {\n popover && popover.shadowRoot.removeEventListener(\"scroll\", repositionPopovers, { capture: true });\n};\nconst attachGlobalClickHandler = () => {\n document.addEventListener(\"mousedown\", clickHandler);\n};\nconst detachGlobalClickHandler = () => {\n document.removeEventListener(\"mousedown\", clickHandler);\n};\nconst clickHandler = (event) => {\n const openedPopups = getOpenedPopups();\n if (openedPopups.length === 0) {\n return;\n }\n const isTopPopupPopover = instanceOfPopover(openedPopups[openedPopups.length - 1].instance);\n if (!isTopPopupPopover) {\n return;\n }\n // loop all open popovers\n for (let i = (openedPopups.length - 1); i !== -1; i--) {\n const popup = openedPopups[i].instance;\n // if popup is modal, opener is clicked, popup is dialog skip closing\n if (popup.isModal || popup.isOpenerClicked(event)) {\n return;\n }\n if (isClickInRect(event, popup.getBoundingClientRect())) {\n break;\n }\n popup.close();\n }\n};\nconst addOpenedPopover = (instance) => {\n const parentPopovers = getParentPopoversIfNested(instance);\n addOpenedPopup(instance, parentPopovers);\n openedRegistry.push({\n instance,\n parentPopovers,\n });\n attachScrollHandler(instance);\n if (openedRegistry.length === 1) {\n attachGlobalScrollHandler();\n attachGlobalClickHandler();\n runUpdateInterval();\n }\n};\nconst removeOpenedPopover = (instance) => {\n const popoversToClose = [instance];\n for (let i = 0; i < openedRegistry.length; i++) {\n const indexOfCurrentInstance = openedRegistry[i].parentPopovers.indexOf(instance);\n if (openedRegistry[i].parentPopovers.length > 0 && indexOfCurrentInstance > -1) {\n popoversToClose.push(openedRegistry[i].instance);\n }\n }\n for (let i = popoversToClose.length - 1; i >= 0; i--) {\n for (let j = 0; j < openedRegistry.length; j++) {\n let indexOfItemToRemove = -1;\n if (popoversToClose[i] === openedRegistry[j].instance) {\n indexOfItemToRemove = j;\n }\n if (indexOfItemToRemove >= 0) {\n removeOpenedPopup(openedRegistry[indexOfItemToRemove].instance);\n detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);\n const itemToClose = openedRegistry.splice(indexOfItemToRemove, 1);\n itemToClose[0].instance.close(false, true);\n }\n }\n }\n if (!openedRegistry.length) {\n detachGlobalScrollHandler();\n detachGlobalClickHandler();\n stopUpdateInterval();\n }\n};\nconst getRegistry = () => {\n return openedRegistry;\n};\nconst getParentPopoversIfNested = (instance) => {\n let currentElement = instance.parentNode;\n const parentPopovers = [];\n while (currentElement && currentElement.parentNode) {\n for (let i = 0; i < openedRegistry.length; i++) {\n if (currentElement === openedRegistry[i].instance) {\n parentPopovers.push(currentElement);\n }\n }\n currentElement = currentElement.parentNode;\n }\n return parentPopovers;\n};\nexport { addOpenedPopover, removeOpenedPopover, getRegistry };\n//# sourceMappingURL=PopoverRegistry.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${ifDefined(this.headerText)}
`; }\nfunction block4(context, tags, suffix) { return html `${this.footer.length ? block5.call(this, context, tags, suffix) : undefined}`; }\nfunction block5(context, tags, suffix) { return html ``; }\nexport default block0;\n//# sourceMappingURL=PopoverTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/PopupsCommon.css\", content: \":host{background:var(--sapGroup_ContentBackground);border-radius:var(--_ui5-v1-20-0_popup_border_radius);box-sizing:border-box;display:none;min-height:2rem;position:fixed}.ui5-popup-root{background:inherit;border-radius:inherit;box-sizing:border-box;display:flex;flex-direction:column;height:100%;outline:none;overflow:hidden;width:100%}.ui5-popup-root .ui5-popup-header-root{border-bottom:var(--_ui5-v1-20-0_popup_header_border);box-shadow:var(--_ui5-v1-20-0_popup_header_shadow);color:var(--sapPageHeader_TextColor)}.ui5-popup-content{color:var(--sapTextColor)}.ui5-popup-footer-root{background:var(--sapPageFooter_Background);border-top:1px solid var(--sapPageFooter_BorderColor);color:var(--sapPageFooter_TextColor)}.ui5-popup-footer-root,.ui5-popup-header-root,:host([header-text]) .ui5-popup-header-text{align-items:center;display:flex;font-family:\\\"72override\\\",var(--_ui5-v1-20-0_popup_header_font_family);font-size:1rem;justify-content:center;margin:0}.ui5-popup-header-root .ui5-popup-header-text{font-weight:var(--_ui5-v1-20-0_popup_header_font_weight)}.ui5-popup-content{box-sizing:border-box;overflow:auto}:host([header-text]) .ui5-popup-header-text{display:inline-block;line-height:var(--_ui5-v1-20-0_popup_default_header_height);max-height:var(--_ui5-v1-20-0_popup_default_header_height);max-width:100%;min-height:var(--_ui5-v1-20-0_popup_default_header_height);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}:host([header-text]) .ui5-popup-header-root{justify-content:var(--_ui5-v1-20-0_popup_header_prop_header_text_alignment)}:host(:not([header-text])) .ui5-popup-header-text{display:none}:host([disable-scrolling]) .ui5-popup-content{overflow:hidden}:host([media-range=S]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_s)}:host([media-range=L]) .ui5-popup-content,:host([media-range=M]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_m_l)}:host([media-range=XL]) .ui5-popup-content{padding:1rem var(--_ui5-v1-20-0_popup_content_padding_xl)}.ui5-popup-header-root{background:var(--_ui5-v1-20-0_popup_header_background)}:host([media-range=S]) .ui5-popup-footer-root,:host([media-range=S]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_s);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_s)}:host([media-range=L]) .ui5-popup-footer-root,:host([media-range=L]) .ui5-popup-header-root,:host([media-range=M]) .ui5-popup-footer-root,:host([media-range=M]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_m_l);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_m_l)}:host([media-range=XL]) .ui5-popup-footer-root,:host([media-range=XL]) .ui5-popup-header-root{padding-left:var(--_ui5-v1-20-0_popup_header_footer_padding_xl);padding-right:var(--_ui5-v1-20-0_popup_header_footer_padding_xl)}\" };\nexport default styleData;\n//# sourceMappingURL=PopupsCommon.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Popover.css\", content: \":host{background-color:var(--_ui5-v1-20-0_popover_background);box-shadow:var(--_ui5-v1-20-0_popover_box_shadow);max-width:calc(100% - var(--_ui5-v1-20-0_popup_viewport_margin)*2)}:host([hide-arrow]){box-shadow:var(--_ui5-v1-20-0_popover_no_arrow_box_shadow)}:host([opened][actual-placement-type=Top]){margin-top:var(--_ui5-v1-20-0-popover-margin-bottom)}:host([opened][actual-placement-type=Bottom]){margin-top:var(--_ui5-v1-20-0-popover-margin-top)}:host([actual-placement-type=Bottom]) .ui5-popover-arrow{height:.5625rem;left:calc(50% - .5625rem);top:-.5rem}:host([actual-placement-type=Bottom]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_upward_arrow_margin)}:host([actual-placement-type=Left]) .ui5-popover-arrow{right:-.5625rem;top:calc(50% - .5625rem);width:.5625rem}:host([actual-placement-type=Left]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_right_arrow_margin)}:host([actual-placement-type=Top]) .ui5-popover-arrow{height:.5625rem;left:calc(50% - .5625rem);top:100%}:host([actual-placement-type=Top]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_downward_arrow_margin)}:host(:not([actual-placement-type])) .ui5-popover-arrow,:host([actual-placement-type=Right]) .ui5-popover-arrow{height:1rem;left:-.5625rem;top:calc(50% - .5625rem);width:.5625rem}:host(:not([actual-placement-type])) .ui5-popover-arrow:after,:host([actual-placement-type=Right]) .ui5-popover-arrow:after{margin:var(--_ui5-v1-20-0_popover_left_arrow_margin)}:host([hide-arrow]) .ui5-popover-arrow{display:none}.ui5-popover-root{min-width:6.25rem}.ui5-popover-arrow{display:block;height:1rem;overflow:hidden;pointer-events:none;position:absolute;width:1rem}.ui5-popover-arrow:after{background-color:var(--_ui5-v1-20-0_popover_background);box-shadow:var(--_ui5-v1-20-0_popover_box_shadow);content:\\\"\\\";display:block;height:.7rem;transform:rotate(-45deg);width:.7rem}\" };\nexport default styleData;\n//# sourceMappingURL=Popover.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Popover_1;\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 Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { isIOS } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport DOMReference from \"@ui5/webcomponents-base/dist/types/DOMReference.js\";\nimport { getClosedPopupParent } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport clamp from \"@ui5/webcomponents-base/dist/util/clamp.js\";\nimport isElementContainingBlock from \"@ui5/webcomponents-base/dist/util/isElementContainingBlock.js\";\nimport getParentElement from \"@ui5/webcomponents-base/dist/util/getParentElement.js\";\nimport Popup from \"./Popup.js\";\nimport PopoverPlacementType from \"./types/PopoverPlacementType.js\";\nimport PopoverVerticalAlign from \"./types/PopoverVerticalAlign.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nimport { addOpenedPopover, removeOpenedPopover } from \"./popup-utils/PopoverRegistry.js\";\n// Template\nimport PopoverTemplate from \"./generated/templates/PopoverTemplate.lit.js\";\n// Styles\nimport browserScrollbarCSS from \"./generated/themes/BrowserScrollbar.css.js\";\nimport PopupsCommonCss from \"./generated/themes/PopupsCommon.css.js\";\nimport PopoverCss from \"./generated/themes/Popover.css.js\";\nconst ARROW_SIZE = 8;\n/**\n * @class\n *\n *Overview
\n *\n * Theui5-popover component displays additional information for an object\n * in a compact way and without leaving the page.\n * The Popover can contain various UI elements, such as fields, tables, images, and charts.\n * It can also include actions in the footer.\n *\n * Structure
\n *\n * The popover has three main areas:\n *- \n *
- Header (optional) \n *
- Content \n *
- Footer (optional) \n *
ui5-popover is closed when the user clicks\n * or taps outside the popover\n * or selects an action within the popover. You can prevent this with the\n * modal property.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-popover exposes the following CSS Shadow Parts:\n * - \n *
- header - Used to style the header of the component \n *
- content - Used to style the content of the component \n *
- footer - Used to style the footer of the component \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Popover.js\";\n *\n * Note: We recommend placing popup-like components (ui5-dialog and ui5-popover)\n * outside any other components. Preferably, the popup-like components should be placed\n * in an upper level HTML element. Otherwise, in some cases the parent HTML elements can break\n * the position and/or z-index management of the popup-like components.\n *\n * Note: We don't recommend nesting popup-like components (ui5-dialog, ui5-popover).\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Popover\n * @extends sap.ui.webc.main.Popup\n * @tagname ui5-popover\n * @since 1.0.0-rc.6\n * @public\n */\nlet Popover = Popover_1 = class Popover extends Popup {\n static get VIEWPORT_MARGIN() {\n return 10; // px\n }\n constructor() {\n super();\n }\n onAfterRendering() {\n super.onAfterRendering();\n if (!this.isOpen() && this.open) {\n let opener;\n if (this.opener instanceof HTMLElement) {\n opener = this.opener;\n }\n else if (typeof this.opener === \"string\") {\n opener = this.getRootNode().getElementById(this.opener);\n }\n if (!opener) {\n console.warn(\"Valid opener id is required.\"); // eslint-disable-line\n return;\n }\n this.showAt(opener);\n }\n else if (this.isOpen() && !this.open) {\n this.close();\n }\n }\n isOpenerClicked(e) {\n const target = e.target;\n if (target === this._opener) {\n return true;\n }\n const ui5ElementTarget = target;\n if (ui5ElementTarget.getFocusDomRef && ui5ElementTarget.getFocusDomRef() === this._opener) {\n return true;\n }\n return e.composedPath().indexOf(this._opener) > -1;\n }\n /**\n * Shows the popover.\n * @param {HTMLElement} opener the element that the popover is shown at\n * @param {boolean} [preventInitialFocus=false] prevents applying the focus inside the popover\n * @public\n * @async\n * @method\n * @name sap.ui.webc.main.Popover#showAt\n * @async\n * @returns {Promise} Resolved when the popover is open\n */\n async showAt(opener, preventInitialFocus = false) {\n if (!opener || this.opened) {\n return;\n }\n this._opener = opener;\n this._openerRect = opener.getBoundingClientRect();\n await super._open(preventInitialFocus);\n }\n /**\n * Override for the _addOpenedPopup hook, which would otherwise just call addOpenedPopup(this)\n * @private\n */\n _addOpenedPopup() {\n addOpenedPopover(this);\n }\n /**\n * Override for the _removeOpenedPopup hook, which would otherwise just call removeOpenedPopup(this)\n * @private\n */\n _removeOpenedPopup() {\n removeOpenedPopover(this);\n }\n shouldCloseDueToOverflow(placement, openerRect) {\n const threshold = 32;\n const limits = {\n \"Right\": openerRect.right,\n \"Left\": openerRect.left,\n \"Top\": openerRect.top,\n \"Bottom\": openerRect.bottom,\n };\n const closedPopupParent = getClosedPopupParent(this._opener);\n let overflowsBottom = false;\n let overflowsTop = false;\n if (closedPopupParent.showAt) {\n const contentRect = closedPopupParent.contentDOM.getBoundingClientRect();\n overflowsBottom = openerRect.top > (contentRect.top + contentRect.height);\n overflowsTop = (openerRect.top + openerRect.height) < contentRect.top;\n }\n return (limits[placement] < 0 || (limits[placement] + threshold > closedPopupParent.innerHeight)) || overflowsBottom || overflowsTop;\n }\n shouldCloseDueToNoOpener(openerRect) {\n return openerRect.top === 0\n && openerRect.bottom === 0\n && openerRect.left === 0\n && openerRect.right === 0;\n }\n isOpenerOutsideViewport(openerRect) {\n return openerRect.bottom < 0\n || openerRect.top > window.innerHeight\n || openerRect.right < 0\n || openerRect.left > window.innerWidth;\n }\n /**\n * @override\n */\n _resize() {\n super._resize();\n if (this.opened) {\n this.reposition();\n }\n }\n reposition() {\n this._show();\n }\n _show() {\n if (!this.opened) {\n this._showOutsideViewport();\n }\n const popoverSize = this.getPopoverSize();\n let placement;\n if (popoverSize.width === 0 || popoverSize.height === 0) {\n // size can not be determined properly at this point, popover will be shown with the next reposition\n return;\n }\n if (this.isOpen()) {\n // update opener rect if it was changed during the popover being opened\n this._openerRect = this._opener.getBoundingClientRect();\n }\n if (this.shouldCloseDueToNoOpener(this._openerRect) && this.isFocusWithin()) {\n // reuse the old placement as the opener is not available,\n // but keep the popover open as the focus is within\n placement = this._oldPlacement;\n }\n else {\n placement = this.calcPlacement(this._openerRect, popoverSize);\n }\n if (this._preventRepositionAndClose || this.isOpenerOutsideViewport(this._openerRect)) {\n return this.close();\n }\n this._oldPlacement = placement;\n this.actualPlacementType = placement.placementType;\n let left = clamp(this._left, Popover_1.VIEWPORT_MARGIN, document.documentElement.clientWidth - popoverSize.width - Popover_1.VIEWPORT_MARGIN);\n if (this.actualPlacementType === PopoverPlacementType.Right) {\n left = Math.max(left, this._left);\n }\n let top = clamp(this._top, Popover_1.VIEWPORT_MARGIN, document.documentElement.clientHeight - popoverSize.height - Popover_1.VIEWPORT_MARGIN);\n if (this.actualPlacementType === PopoverPlacementType.Bottom) {\n top = Math.max(top, this._top);\n }\n this.arrowTranslateX = placement.arrow.x;\n this.arrowTranslateY = placement.arrow.y;\n top = this._adjustForIOSKeyboard(top);\n const containingBlockClientLocation = this._getContainingBlockClientLocation();\n left -= containingBlockClientLocation.left;\n top -= containingBlockClientLocation.top;\n Object.assign(this.style, {\n top: `${top}px`,\n left: `${left}px`,\n });\n if (this.horizontalAlign === PopoverHorizontalAlign.Stretch && this._width) {\n this.style.width = this._width;\n }\n }\n /**\n * Adjust the desired top position to compensate for shift of the screen\n * caused by opened keyboard on iOS which affects all elements with position:fixed.\n * @private\n * @param {int} top The target top in px.\n * @returns {int} The adjusted top in px.\n */\n _adjustForIOSKeyboard(top) {\n if (!isIOS()) {\n return top;\n }\n const actualTop = Math.ceil(this.getBoundingClientRect().top);\n return top + (Number.parseInt(this.style.top || \"0\") - actualTop);\n }\n _getContainingBlockClientLocation() {\n let parentElement = getParentElement(this);\n while (parentElement) {\n if (isElementContainingBlock(parentElement)) {\n return parentElement.getBoundingClientRect();\n }\n parentElement = getParentElement(parentElement);\n }\n return { left: 0, top: 0 };\n }\n getPopoverSize() {\n const rect = this.getBoundingClientRect(), width = rect.width, height = rect.height;\n return { width, height };\n }\n _showOutsideViewport() {\n Object.assign(this.style, {\n display: this._displayProp,\n top: \"-10000px\",\n left: \"-10000px\",\n });\n }\n get arrowDOM() {\n return this.shadowRoot.querySelector(\".ui5-popover-arrow\");\n }\n /**\n * @private\n */\n calcPlacement(targetRect, popoverSize) {\n let left = 0;\n let top = 0;\n const allowTargetOverlap = this.allowTargetOverlap;\n const clientWidth = document.documentElement.clientWidth;\n const clientHeight = document.documentElement.clientHeight;\n let maxHeight = clientHeight;\n let maxWidth = clientWidth;\n const placementType = this.getActualPlacementType(targetRect, popoverSize);\n this._preventRepositionAndClose = this.shouldCloseDueToNoOpener(targetRect) || this.shouldCloseDueToOverflow(placementType, targetRect);\n const isVertical = placementType === PopoverPlacementType.Top\n || placementType === PopoverPlacementType.Bottom;\n if (this.horizontalAlign === PopoverHorizontalAlign.Stretch && isVertical) {\n popoverSize.width = targetRect.width;\n this._width = `${targetRect.width}px`;\n }\n else if (this.verticalAlign === PopoverVerticalAlign.Stretch && !isVertical) {\n popoverSize.height = targetRect.height;\n }\n const arrowOffset = this.hideArrow ? 0 : ARROW_SIZE;\n // calc popover positions\n switch (placementType) {\n case PopoverPlacementType.Top:\n left = this.getVerticalLeft(targetRect, popoverSize);\n top = Math.max(targetRect.top - popoverSize.height - arrowOffset, 0);\n if (!allowTargetOverlap) {\n maxHeight = targetRect.top - arrowOffset;\n }\n break;\n case PopoverPlacementType.Bottom:\n left = this.getVerticalLeft(targetRect, popoverSize);\n top = targetRect.bottom + arrowOffset;\n if (allowTargetOverlap) {\n top = Math.max(Math.min(top, clientHeight - popoverSize.height), 0);\n }\n else {\n maxHeight = clientHeight - targetRect.bottom - arrowOffset;\n }\n break;\n case PopoverPlacementType.Left:\n left = Math.max(targetRect.left - popoverSize.width - arrowOffset, 0);\n top = this.getHorizontalTop(targetRect, popoverSize);\n if (!allowTargetOverlap) {\n maxWidth = targetRect.left - arrowOffset;\n }\n break;\n case PopoverPlacementType.Right:\n left = targetRect.left + targetRect.width + arrowOffset;\n top = this.getHorizontalTop(targetRect, popoverSize);\n if (allowTargetOverlap) {\n left = Math.max(Math.min(left, clientWidth - popoverSize.width), 0);\n }\n else {\n maxWidth = clientWidth - targetRect.right - arrowOffset;\n }\n break;\n }\n // correct popover positions\n if (isVertical) {\n if (popoverSize.width > clientWidth || left < 0) {\n left = 0;\n }\n else if (left + popoverSize.width > clientWidth) {\n left -= left + popoverSize.width - clientWidth;\n }\n }\n else {\n if (popoverSize.height > clientHeight || top < 0) { // eslint-disable-line\n top = 0;\n }\n else if (top + popoverSize.height > clientHeight) {\n top -= top + popoverSize.height - clientHeight;\n }\n }\n this._maxHeight = Math.round(maxHeight - Popover_1.VIEWPORT_MARGIN);\n this._maxWidth = Math.round(maxWidth - Popover_1.VIEWPORT_MARGIN);\n if (this._left === undefined || Math.abs(this._left - left) > 1.5) {\n this._left = Math.round(left);\n }\n if (this._top === undefined || Math.abs(this._top - top) > 1.5) {\n this._top = Math.round(top);\n }\n const borderRadius = Number.parseInt(window.getComputedStyle(this).getPropertyValue(\"border-radius\"));\n const arrowPos = this.getArrowPosition(targetRect, popoverSize, left, top, isVertical, borderRadius);\n return {\n arrow: arrowPos,\n top: this._top,\n left: this._left,\n placementType,\n };\n }\n /**\n * Calculates the position for the arrow.\n * @private\n * @param targetRect BoundingClientRect of the target element\n * @param {{width: number, height: number}} popoverSize Width and height of the popover\n * @param left Left offset of the popover\n * @param top Top offset of the popover\n * @param isVertical If the popover is positioned vertically to the target element\n * @param {number} borderRadius Value of the border-radius property\n * @returns {{x: number, y: number}} Arrow's coordinates\n */\n getArrowPosition(targetRect, popoverSize, left, top, isVertical, borderRadius) {\n const horizontalAlign = this._actualHorizontalAlign;\n let arrowXCentered = horizontalAlign === PopoverHorizontalAlign.Center || horizontalAlign === PopoverHorizontalAlign.Stretch;\n if (horizontalAlign === PopoverHorizontalAlign.Right && left <= targetRect.left) {\n arrowXCentered = true;\n }\n if (horizontalAlign === PopoverHorizontalAlign.Left && left + popoverSize.width >= targetRect.left + targetRect.width) {\n arrowXCentered = true;\n }\n let arrowTranslateX = 0;\n if (isVertical && arrowXCentered) {\n arrowTranslateX = targetRect.left + targetRect.width / 2 - left - popoverSize.width / 2;\n }\n let arrowTranslateY = 0;\n if (!isVertical) {\n arrowTranslateY = targetRect.top + targetRect.height / 2 - top - popoverSize.height / 2;\n }\n // Restricts the arrow's translate value along each dimension,\n // so that the arrow does not clip over the popover's rounded borders.\n const safeRangeForArrowY = popoverSize.height / 2 - borderRadius - ARROW_SIZE / 2;\n arrowTranslateY = clamp(arrowTranslateY, -safeRangeForArrowY, safeRangeForArrowY);\n const safeRangeForArrowX = popoverSize.width / 2 - borderRadius - ARROW_SIZE / 2;\n arrowTranslateX = clamp(arrowTranslateX, -safeRangeForArrowX, safeRangeForArrowX);\n return {\n x: Math.round(arrowTranslateX),\n y: Math.round(arrowTranslateY),\n };\n }\n /**\n * Fallbacks to new placement, prioritizing Left and Right placements.\n * @private\n */\n fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) {\n if (targetRect.left > popoverSize.width) {\n return PopoverPlacementType.Left;\n }\n if (clientWidth - targetRect.right > targetRect.left) {\n return PopoverPlacementType.Right;\n }\n if (clientHeight - targetRect.bottom > popoverSize.height) {\n return PopoverPlacementType.Bottom;\n }\n if (clientHeight - targetRect.bottom < targetRect.top) {\n return PopoverPlacementType.Top;\n }\n }\n getActualPlacementType(targetRect, popoverSize) {\n const placementType = this.placementType;\n let actualPlacementType = placementType;\n const clientWidth = document.documentElement.clientWidth;\n const clientHeight = document.documentElement.clientHeight;\n switch (placementType) {\n case PopoverPlacementType.Top:\n if (targetRect.top < popoverSize.height\n && targetRect.top < clientHeight - targetRect.bottom) {\n actualPlacementType = PopoverPlacementType.Bottom;\n }\n break;\n case PopoverPlacementType.Bottom:\n if (clientHeight - targetRect.bottom < popoverSize.height\n && clientHeight - targetRect.bottom < targetRect.top) {\n actualPlacementType = PopoverPlacementType.Top;\n }\n break;\n case PopoverPlacementType.Left:\n if (targetRect.left < popoverSize.width) {\n actualPlacementType = this.fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) || placementType;\n }\n break;\n case PopoverPlacementType.Right:\n if (clientWidth - targetRect.right < popoverSize.width) {\n actualPlacementType = this.fallbackPlacement(clientWidth, clientHeight, targetRect, popoverSize) || placementType;\n }\n break;\n }\n return actualPlacementType;\n }\n getVerticalLeft(targetRect, popoverSize) {\n const horizontalAlign = this._actualHorizontalAlign;\n let left = 0;\n switch (horizontalAlign) {\n case PopoverHorizontalAlign.Center:\n case PopoverHorizontalAlign.Stretch:\n left = targetRect.left - (popoverSize.width - targetRect.width) / 2;\n break;\n case PopoverHorizontalAlign.Left:\n left = targetRect.left;\n break;\n case PopoverHorizontalAlign.Right:\n left = targetRect.right - popoverSize.width;\n break;\n }\n return left;\n }\n getHorizontalTop(targetRect, popoverSize) {\n let top = 0;\n switch (this.verticalAlign) {\n case PopoverVerticalAlign.Center:\n case PopoverVerticalAlign.Stretch:\n top = targetRect.top - (popoverSize.height - targetRect.height) / 2;\n break;\n case PopoverVerticalAlign.Top:\n top = targetRect.top;\n break;\n case PopoverVerticalAlign.Bottom:\n top = targetRect.bottom - popoverSize.height;\n break;\n }\n return top;\n }\n get isModal() {\n return this.modal;\n }\n get shouldHideBackdrop() {\n return this.hideBackdrop;\n }\n get _ariaLabelledBy() {\n if (!this._ariaLabel && this._displayHeader) {\n return \"ui5-popup-header\";\n }\n return undefined;\n }\n get styles() {\n return {\n ...super.styles,\n root: {\n \"max-height\": this._maxHeight ? `${this._maxHeight}px` : \"\",\n \"max-width\": this._maxWidth ? `${this._maxWidth}px` : \"\",\n },\n arrow: {\n transform: `translate(${this.arrowTranslateX}px, ${this.arrowTranslateY}px)`,\n },\n };\n }\n get classes() {\n const allClasses = super.classes;\n allClasses.root[\"ui5-popover-root\"] = true;\n return allClasses;\n }\n /**\n * Hook for descendants to hide header.\n */\n get _displayHeader() {\n return !!(this.header.length || this.headerText);\n }\n /**\n * Hook for descendants to hide footer.\n */\n get _displayFooter() {\n return true;\n }\n get _actualHorizontalAlign() {\n if (this.effectiveDir === \"rtl\") {\n if (this.horizontalAlign === PopoverHorizontalAlign.Left) {\n return PopoverHorizontalAlign.Right;\n }\n if (this.horizontalAlign === PopoverHorizontalAlign.Right) {\n return PopoverHorizontalAlign.Left;\n }\n }\n return this.horizontalAlign;\n }\n};\n__decorate([\n property()\n], Popover.prototype, \"headerText\", void 0);\n__decorate([\n property({ type: PopoverPlacementType, defaultValue: PopoverPlacementType.Right })\n], Popover.prototype, \"placementType\", void 0);\n__decorate([\n property({ type: PopoverHorizontalAlign, defaultValue: PopoverHorizontalAlign.Center })\n], Popover.prototype, \"horizontalAlign\", void 0);\n__decorate([\n property({ type: PopoverVerticalAlign, defaultValue: PopoverVerticalAlign.Center })\n], Popover.prototype, \"verticalAlign\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"modal\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"hideBackdrop\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"hideArrow\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"allowTargetOverlap\", void 0);\n__decorate([\n property({ validator: DOMReference })\n], Popover.prototype, \"opener\", void 0);\n__decorate([\n property({ type: Boolean })\n], Popover.prototype, \"disableScrolling\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 0, noAttribute: true })\n], Popover.prototype, \"arrowTranslateX\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 0, noAttribute: true })\n], Popover.prototype, \"arrowTranslateY\", void 0);\n__decorate([\n property({ type: PopoverPlacementType, defaultValue: PopoverPlacementType.Right })\n], Popover.prototype, \"actualPlacementType\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], Popover.prototype, \"_maxHeight\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], Popover.prototype, \"_maxWidth\", void 0);\n__decorate([\n slot({ type: HTMLElement })\n], Popover.prototype, \"header\", void 0);\n__decorate([\n slot({ type: HTMLElement })\n], Popover.prototype, \"footer\", void 0);\nPopover = Popover_1 = __decorate([\n customElement({\n tag: \"ui5-popover\",\n styles: [\n browserScrollbarCSS,\n PopupsCommonCss,\n PopoverCss,\n ],\n template: PopoverTemplate,\n })\n], Popover);\nconst instanceOfPopover = (object) => {\n return \"showAt\" in object;\n};\nPopover.define();\nexport default Popover;\nexport { instanceOfPopover };\n//# sourceMappingURL=Popover.js.map","/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ``; }\nfunction block1(context, tags, suffix) { return svg `Overview
\n *\n * Theui5-icon component represents an SVG icon.\n * There are two main scenarios how the ui5-icon component is used:\n * as a purely decorative element, \n * or as an interactive element that can be focused and clicked.\n *\n *
Usage
\n *\n * 1. Get familiar with the icons collections.\n *\n * Before displaying an icon, you need to explore the icons collections to find and import the desired icon.\n *
\n * Currently there are 3 icons collection, available as 3 npm packages:\n *
\n *\n *
- \n *
- \n *
@ui5/webcomponents-icons represents the \"SAP-icons\" collection and includes the following\n *icons .\n * \n * - \n *
@ui5/webcomponents-icons-tnt represents the \"tnt\" collection and includes the following\n *icons .\n * \n * - \n *
@ui5/webcomponents-icons-icons-business-suite represents the \"business-suite\" collection and includes the following\n *icons .\n * \n *
\n *
npm i @ui5/webcomponents-icons\n *
npm i @ui5/webcomponents-icons-tnt\n *
npm i @ui5/webcomponents-icons-business-suite\n * \n *\n * 3. Then, import the desired icon.\n *
\n *
import \"@ui5/{package_name}/dist/{icon_name}.js\";\n * \n *\n * For Example:\n *
\n *\n * For the standard \"SAP-icons\" icon collection, import an icon from the
@ui5/webcomponents-icons package:\n * \n *
import \"@ui5/webcomponents-icons/dist/employee.js\";\n * \n *\n * For the \"tnt\" (SAP Fiori Tools) icon collection, import an icon from the
@ui5/webcomponents-icons-tnt package:\n * \n *
import \"@ui5/webcomponents-icons-tnt/dist/antenna.js\";\n * \n *\n * For the \"business-suite\" (SAP Business Suite) icon collection, import an icon from the
@ui5/webcomponents-icons-business-suite package:\n * \n *
import \"@ui5/webcomponents-icons-business-suite/dist/ab-testing.js\";\n * \n *\n * 4. Display the icon using the
ui5-icon web component.\n * Set the icon collection (\"SAP-icons\", \"tnt\" or \"business-suite\" - \"SAP-icons\" is the default icon collection and can be skipped)
\n * and the icon name to the
name property.\n * \n *\n *
<ui5-icon name=\"employee\"></ui5-icon>\n *
<ui5-icon name=\"tnt/antenna\"></ui5-icon>\n *
<ui5-icon name=\"business-suite/ab-testing\"></ui5-icon>\n *\n * \n *
CSS Shadow Parts
\n *\n *\n * The
ui5-icon exposes the following CSS Shadow Parts:\n * - \n *
- root - Used to style the outermost wrapper of the
ui5-icon\n *
\n *
Keyboard Handling
\n *\n *- \n *
- [SPACE, ENTER, RETURN] - Fires the
clickevent if theinteractiveproperty is set to true. \n * - [SHIFT] - If [SPACE] or [ENTER],[RETURN] is pressed, pressing [SHIFT] releases the ui5-icon without triggering the click event. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Icon.js\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Icon\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-icon\n * @implements sap.ui.webc.main.IIcon\n * @public\n */\nlet Icon = class Icon extends UI5Element {\n _onFocusInHandler() {\n if (this.interactive) {\n this.focused = true;\n }\n }\n _onFocusOutHandler() {\n this.focused = false;\n }\n _onkeydown(e) {\n if (!this.interactive) {\n return;\n }\n if (isEnter(e)) {\n this.fireEvent(\"click\");\n }\n if (isSpace(e)) {\n e.preventDefault(); // prevent scrolling\n }\n }\n _onkeyup(e) {\n if (this.interactive && isSpace(e)) {\n this.fireEvent(\"click\");\n }\n }\n /**\n * Enforce \"ltr\" direction, based on the icons collection metadata.\n */\n get _dir() {\n return this.ltr ? \"ltr\" : undefined;\n }\n get effectiveAriaHidden() {\n if (this.ariaHidden === \"\") {\n if (this.isDecorative) {\n return true;\n }\n return;\n }\n return this.ariaHidden;\n }\n get _tabIndex() {\n return this.interactive ? \"0\" : undefined;\n }\n get isDecorative() {\n return this.effectiveAccessibleRole === PRESENTATION_ROLE;\n }\n get effectiveAccessibleRole() {\n if (this.accessibleRole) {\n return this.accessibleRole;\n }\n if (this.interactive) {\n return \"button\";\n }\n return this.effectiveAccessibleName ? \"img\" : PRESENTATION_ROLE;\n }\n async onBeforeRendering() {\n const name = this.name;\n if (!name) {\n /* eslint-disable-next-line */\n return console.warn(\"Icon name property is required\", this);\n }\n let iconData = getIconDataSync(name);\n if (!iconData) {\n iconData = await getIconData(name);\n }\n if (!iconData) {\n this.invalid = true;\n /* eslint-disable-next-line */\n return console.warn(`Required icon is not registered. Invalid icon name: ${this.name}`);\n }\n if (iconData === ICON_NOT_FOUND) {\n this.invalid = true;\n /* eslint-disable-next-line */\n 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\".`);\n }\n this.viewBox = iconData.viewBox || \"0 0 512 512\";\n if (iconData.customTemplate) {\n iconData.pathData = [];\n this.customSvg = executeTemplate(iconData.customTemplate, this);\n }\n // in case a new valid name is set, show the icon\n this.invalid = false;\n this.pathData = Array.isArray(iconData.pathData) ? iconData.pathData : [iconData.pathData];\n this.accData = iconData.accData;\n this.ltr = iconData.ltr;\n this.packageName = iconData.packageName;\n this._onfocusout = this.interactive ? this._onFocusOutHandler.bind(this) : undefined;\n this._onfocusin = this.interactive ? this._onFocusInHandler.bind(this) : undefined;\n if (this.accessibleName) {\n this.effectiveAccessibleName = this.accessibleName;\n }\n else if (this.accData) {\n const i18nBundle = await getI18nBundle(this.packageName);\n this.effectiveAccessibleName = i18nBundle.getText(this.accData) || undefined;\n }\n else {\n this.effectiveAccessibleName = undefined;\n }\n }\n get hasIconTooltip() {\n return this.showTooltip && this.effectiveAccessibleName;\n }\n};\n__decorate([\n property({ type: IconDesign, defaultValue: IconDesign.Default })\n], Icon.prototype, \"design\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"interactive\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"name\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"showTooltip\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"accessibleRole\", void 0);\n__decorate([\n property()\n], Icon.prototype, \"ariaHidden\", void 0);\n__decorate([\n property({ multiple: true })\n], Icon.prototype, \"pathData\", void 0);\n__decorate([\n property({ type: Object, defaultValue: undefined, noAttribute: true })\n], Icon.prototype, \"accData\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Icon.prototype, \"invalid\", void 0);\n__decorate([\n property({ noAttribute: true, defaultValue: undefined })\n], Icon.prototype, \"effectiveAccessibleName\", void 0);\nIcon = __decorate([\n customElement({\n tag: \"ui5-icon\",\n languageAware: true,\n themeAware: true,\n renderer: litRender,\n template: IconTemplate,\n styles: iconCss,\n })\n /**\n * Fired on mouseup, SPACE and ENTER.\n * - on mouse click, the icon fires native click event\n * - on SPACE and ENTER, the icon fires custom click event\n * @private\n * @since 1.0.0-rc.8\n */\n ,\n event(\"click\")\n], Icon);\nIcon.define();\nexport default Icon;\n//# sourceMappingURL=Icon.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"resize-corner\";\nconst pathData = \"M384 224v32q0 12-10 22L182 470q-10 10-22 10h-32zM224 480l160-160v32q0 12-10 22l-96 96q-10 10-22 10h-32zm160-64v32q0 12-10 22t-22 10h-32z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/resize-corner\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"resize-corner\";\nconst pathData = \"M202 512q-11 0-18.5-7.5T176 486q0-10 8-18l204-205q7-7 18-7t18.5 7.5T432 282t-7 18L220 505q-7 7-18 7zm128 0q-11 0-18.5-7.5T304 486q0-10 8-18l76-77q7-7 18-7t18.5 7.5T432 410t-7 18l-77 77q-7 7-18 7z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/resize-corner\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/resize-corner.js\";\nimport { pathData as pathDatav5 } from \"./v5/resize-corner.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"resize-corner\";\nexport { pathData, ltr, accData };","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}${this.header.length ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}${this.resizable ? block5.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}
${ifDefined(this.headerText)}
`; }\nfunction block5(context, tags, suffix) { return html `${this.draggable ? block6.call(this, context, tags, suffix) : block7.call(this, context, tags, suffix)}`; }\nfunction block6(context, tags, suffix) { return html `${ifDefined(this.ariaDescribedByHeaderTextDraggableAndResizable)}`; }\nfunction block7(context, tags, suffix) { return html `${ifDefined(this.ariaDescribedByHeaderTextResizable)}`; }\nfunction block8(context, tags, suffix) { return html `${this.draggable ? block9.call(this, context, tags, suffix) : undefined}`; }\nfunction block9(context, tags, suffix) { return html `${ifDefined(this.ariaDescribedByHeaderTextDraggable)}`; }\nfunction block10(context, tags, suffix) { return html ``; }\nfunction block11(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"resize-corner\" class=\"ui5-popup-resize-handle\" @mousedown=\"${this._onResizeMouseDown}\">` : html `Overview
\n * Theui5-dialog component is used to temporarily display some information in a\n * size-limited window in front of the regular app screen.\n * It is used to prompt the user for an action or a confirmation.\n * The ui5-dialog interrupts the current app processing as it is the only focused UI element and\n * the main screen is dimmed/blocked.\n * The dialog combines concepts known from other technologies where the windows have\n * names such as dialog box, dialog window, pop-up, pop-up window, alert box, or message box.\n * \n * The
ui5-dialog is modal, which means that an user action is required before it is possible to return to the parent window.\n * To open multiple dialogs, each dialog element should be separate in the markup. This will ensure the correct modal behavior. Avoid nesting dialogs within each other.\n * The content of the ui5-dialog is fully customizable.\n *\n * Structure
\n * Aui5-dialog consists of a header, content, and a footer for action buttons.\n * The ui5-dialog is usually displayed at the center of the screen.\n * Its position can be changed by the user. To enable this, you need to set the property draggable accordingly.\n\n *\n * Responsive Behavior
\n * Thestretch property can be used to stretch the\n * ui5-dialog on full screen.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-dialog exposes the following CSS Shadow Parts:\n * - \n *
- header - Used to style the header of the component \n *
- content - Used to style the content of the component \n *
- footer - Used to style the footer of the component \n *
ui5-bar is used in the header or in the footer, you should remove the default dialog's paddings.\n * \n * For more information see the sample \"Bar in Header/Footer\".\n\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Dialog\";\n *\n * Note: We recommend placing popup-like components (ui5-dialog and ui5-popover)\n * outside any other components. Preferably, the popup-like components should be placed\n * in an upper level HTML element. Otherwise, in some cases the parent HTML elements can break\n * the position and/or z-index management of the popup-like components.\n *\n * Note: We don't recommend nesting popup-like components (ui5-dialog, ui5-popover).\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Dialog\n * @extends sap.ui.webc.main.Popup\n * @tagname ui5-dialog\n * @public\n */\nlet Dialog = Dialog_1 = class Dialog extends Popup {\n constructor() {\n super();\n this._draggedOrResized = false;\n this._revertSize = () => {\n Object.assign(this.style, {\n top: \"\",\n left: \"\",\n width: \"\",\n height: \"\",\n });\n };\n this._screenResizeHandler = this._screenResize.bind(this);\n this._dragMouseMoveHandler = this._onDragMouseMove.bind(this);\n this._dragMouseUpHandler = this._onDragMouseUp.bind(this);\n this._resizeMouseMoveHandler = this._onResizeMouseMove.bind(this);\n this._resizeMouseUpHandler = this._onResizeMouseUp.bind(this);\n this._dragStartHandler = this._handleDragStart.bind(this);\n }\n static async onDefine() {\n Dialog_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n static _isHeader(element) {\n return element.classList.contains(\"ui5-popup-header-root\") || element.getAttribute(\"slot\") === \"header\";\n }\n /**\n * Shows the dialog.\n *\n * @param {boolean} [preventInitialFocus=false] Prevents applying the focus inside the popup\n * @public\n * @method\n * @name sap.ui.webc.main.Dialog#show\n * @async\n * @returns {Promise} Resolves when the dialog is open\n */\n async show(preventInitialFocus = false) {\n await super._open(preventInitialFocus);\n }\n get isModal() {\n return true;\n }\n get shouldHideBackdrop() {\n return false;\n }\n get _ariaLabelledBy() {\n let ariaLabelledById;\n if (this.headerText !== \"\" && !this._ariaLabel) {\n ariaLabelledById = \"ui5-popup-header-text\";\n }\n return ariaLabelledById;\n }\n get ariaRoleDescriptionHeaderText() {\n return (this.resizable || this.draggable) ? Dialog_1.i18nBundle.getText(DIALOG_HEADER_ARIA_ROLE_DESCRIPTION) : undefined;\n }\n get effectiveAriaDescribedBy() {\n return (this.resizable || this.draggable) ? `${this._id}-descr` : undefined;\n }\n get ariaDescribedByHeaderTextResizable() {\n return Dialog_1.i18nBundle.getText(DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE);\n }\n get ariaDescribedByHeaderTextDraggable() {\n return Dialog_1.i18nBundle.getText(DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE);\n }\n get ariaDescribedByHeaderTextDraggableAndResizable() {\n return Dialog_1.i18nBundle.getText(DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE);\n }\n get _displayProp() {\n return \"flex\";\n }\n /**\n * Determines if the header should be shown.\n */\n get _displayHeader() {\n return this.header.length || this.headerText || this.draggable || this.resizable;\n }\n get _movable() {\n return !this.stretch && this.onDesktop && (this.draggable || this.resizable);\n }\n get _headerTabIndex() {\n return this._movable ? \"0\" : undefined;\n }\n get _showResizeHandle() {\n return this.resizable && this.onDesktop;\n }\n get _minHeight() {\n let minHeight = Number.parseInt(window.getComputedStyle(this.contentDOM).minHeight);\n const header = this._root.querySelector(\".ui5-popup-header-root\");\n if (header) {\n minHeight += header.offsetHeight;\n }\n const footer = this._root.querySelector(\".ui5-popup-footer-root\");\n if (footer) {\n minHeight += footer.offsetHeight;\n }\n return minHeight;\n }\n get hasValueState() {\n return this.state !== ValueState.None;\n }\n get _dialogStateIcon() {\n return ICON_PER_STATE[this.state];\n }\n get _role() {\n if (this.accessibleRole === PopupAccessibleRole.None) {\n return undefined;\n }\n if (this.state === ValueState.Error || this.state === ValueState.Warning) {\n return PopupAccessibleRole.AlertDialog.toLowerCase();\n }\n return this.accessibleRole.toLowerCase();\n }\n _show() {\n super._show();\n this._center();\n }\n onBeforeRendering() {\n super.onBeforeRendering();\n this._isRTL = this.effectiveDir === \"rtl\";\n this.onPhone = isPhone();\n this.onDesktop = isDesktop();\n }\n onAfterRendering() {\n super.onAfterRendering();\n if (!this.isOpen() && this.open) {\n this.show();\n }\n else if (this.isOpen() && !this.open) {\n this.close();\n }\n }\n onEnterDOM() {\n super.onEnterDOM();\n this._attachScreenResizeHandler();\n this.addEventListener(\"dragstart\", this._dragStartHandler);\n }\n onExitDOM() {\n super.onExitDOM();\n this._detachScreenResizeHandler();\n this.removeEventListener(\"dragstart\", this._dragStartHandler);\n }\n /**\n * @override\n */\n _resize() {\n super._resize();\n if (!this._draggedOrResized) {\n this._center();\n }\n }\n _screenResize() {\n this._center();\n }\n _attachScreenResizeHandler() {\n if (!this._screenResizeHandlerAttached) {\n window.addEventListener(\"resize\", this._screenResizeHandler);\n this._screenResizeHandlerAttached = true;\n }\n }\n _detachScreenResizeHandler() {\n if (this._screenResizeHandlerAttached) {\n window.removeEventListener(\"resize\", this._screenResizeHandler);\n this._screenResizeHandlerAttached = false; // prevent dialog from repositioning during resizing\n }\n }\n _center() {\n const height = window.innerHeight - this.offsetHeight, width = window.innerWidth - this.offsetWidth;\n Object.assign(this.style, {\n top: `${Math.round(height / 2)}px`,\n left: `${Math.round(width / 2)}px`,\n });\n }\n /**\n * Event handlers\n */\n _onDragMouseDown(e) {\n // allow dragging only on the header\n if (!this._movable || !this.draggable || !Dialog_1._isHeader(e.target)) {\n return;\n }\n e.preventDefault();\n const { top, left, } = this.getBoundingClientRect();\n const { width, height, } = window.getComputedStyle(this);\n Object.assign(this.style, {\n top: `${top}px`,\n left: `${left}px`,\n width: `${Math.round(Number.parseFloat(width) * 100) / 100}px`,\n height: `${Math.round(Number.parseFloat(height) * 100) / 100}px`,\n });\n this._x = e.clientX;\n this._y = e.clientY;\n this._draggedOrResized = true;\n this._attachMouseDragHandlers();\n }\n _onDragMouseMove(e) {\n e.preventDefault();\n const { clientX, clientY } = e;\n const calcX = this._x - clientX;\n const calcY = this._y - clientY;\n const { left, top, } = this.getBoundingClientRect();\n Object.assign(this.style, {\n left: `${Math.floor(left - calcX)}px`,\n top: `${Math.floor(top - calcY)}px`,\n });\n this._x = clientX;\n this._y = clientY;\n }\n _onDragMouseUp() {\n delete this._x;\n delete this._y;\n this._detachMouseDragHandlers();\n }\n _onDragOrResizeKeyDown(e) {\n if (!this._movable || !Dialog_1._isHeader(e.target)) {\n return;\n }\n if (this.draggable && [isUp, isDown, isLeft, isRight].some(key => key(e))) {\n this._dragWithEvent(e);\n return;\n }\n if (this.resizable && [isUpShift, isDownShift, isLeftShift, isRightShift].some(key => key(e))) {\n this._resizeWithEvent(e);\n }\n }\n _dragWithEvent(e) {\n const { top, left, width, height, } = this.getBoundingClientRect();\n let newPos = 0;\n let posDirection = \"top\";\n switch (true) {\n case isUp(e):\n newPos = top - STEP_SIZE;\n posDirection = \"top\";\n break;\n case isDown(e):\n newPos = top + STEP_SIZE;\n posDirection = \"top\";\n break;\n case isLeft(e):\n newPos = left - STEP_SIZE;\n posDirection = \"left\";\n break;\n case isRight(e):\n newPos = left + STEP_SIZE;\n posDirection = \"left\";\n break;\n }\n newPos = clamp(newPos, 0, posDirection === \"left\" ? window.innerWidth - width : window.innerHeight - height);\n this.style[posDirection] = `${newPos}px`;\n }\n _resizeWithEvent(e) {\n this._draggedOrResized = true;\n this.addEventListener(\"ui5-before-close\", this._revertSize, { once: true });\n const { top, left } = this.getBoundingClientRect(), style = window.getComputedStyle(this), minWidth = Number.parseFloat(style.minWidth), maxWidth = window.innerWidth - left, maxHeight = window.innerHeight - top;\n let width = Number.parseFloat(style.width), height = Number.parseFloat(style.height);\n switch (true) {\n case isUpShift(e):\n height -= STEP_SIZE;\n break;\n case isDownShift(e):\n height += STEP_SIZE;\n break;\n case isLeftShift(e):\n width -= STEP_SIZE;\n break;\n case isRightShift(e):\n width += STEP_SIZE;\n break;\n }\n width = clamp(width, minWidth, maxWidth);\n height = clamp(height, this._minHeight, maxHeight);\n Object.assign(this.style, {\n width: `${width}px`,\n height: `${height}px`,\n });\n }\n _attachMouseDragHandlers() {\n window.addEventListener(\"mousemove\", this._dragMouseMoveHandler);\n window.addEventListener(\"mouseup\", this._dragMouseUpHandler);\n }\n _detachMouseDragHandlers() {\n window.removeEventListener(\"mousemove\", this._dragMouseMoveHandler);\n window.removeEventListener(\"mouseup\", this._dragMouseUpHandler);\n }\n _onResizeMouseDown(e) {\n if (!this._movable || !this.resizable) {\n return;\n }\n e.preventDefault();\n const { top, left, } = this.getBoundingClientRect();\n const { width, height, minWidth, } = window.getComputedStyle(this);\n this._initialX = e.clientX;\n this._initialY = e.clientY;\n this._initialWidth = Number.parseFloat(width);\n this._initialHeight = Number.parseFloat(height);\n this._initialTop = top;\n this._initialLeft = left;\n this._minWidth = Number.parseFloat(minWidth);\n this._cachedMinHeight = this._minHeight;\n Object.assign(this.style, {\n top: `${top}px`,\n left: `${left}px`,\n });\n this._draggedOrResized = true;\n this._attachMouseResizeHandlers();\n }\n _onResizeMouseMove(e) {\n const { clientX, clientY } = e;\n let newWidth, newLeft;\n if (this._isRTL) {\n newWidth = clamp(this._initialWidth - (clientX - this._initialX), this._minWidth, this._initialLeft + this._initialWidth);\n newLeft = clamp(this._initialLeft + (clientX - this._initialX), 0, this._initialX + this._initialWidth - this._minWidth);\n }\n else {\n newWidth = clamp(this._initialWidth + (clientX - this._initialX), this._minWidth, window.innerWidth - this._initialLeft);\n }\n const newHeight = clamp(this._initialHeight + (clientY - this._initialY), this._cachedMinHeight, window.innerHeight - this._initialTop);\n Object.assign(this.style, {\n height: `${newHeight}px`,\n width: `${newWidth}px`,\n left: newLeft ? `${newLeft}px` : undefined,\n });\n }\n _onResizeMouseUp() {\n delete this._initialX;\n delete this._initialY;\n delete this._initialWidth;\n delete this._initialHeight;\n delete this._initialTop;\n delete this._initialLeft;\n delete this._minWidth;\n delete this._cachedMinHeight;\n this._detachMouseResizeHandlers();\n }\n _handleDragStart(e) {\n if (this.draggable) {\n e.preventDefault();\n }\n }\n _attachMouseResizeHandlers() {\n window.addEventListener(\"mousemove\", this._resizeMouseMoveHandler);\n window.addEventListener(\"mouseup\", this._resizeMouseUpHandler);\n this.addEventListener(\"ui5-before-close\", this._revertSize, { once: true });\n }\n _detachMouseResizeHandlers() {\n window.removeEventListener(\"mousemove\", this._resizeMouseMoveHandler);\n window.removeEventListener(\"mouseup\", this._resizeMouseUpHandler);\n }\n};\n__decorate([\n property()\n], Dialog.prototype, \"headerText\", void 0);\n__decorate([\n property({ type: Boolean })\n], Dialog.prototype, \"stretch\", void 0);\n__decorate([\n property({ type: Boolean })\n], Dialog.prototype, \"draggable\", void 0);\n__decorate([\n property({ type: Boolean })\n], Dialog.prototype, \"resizable\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], Dialog.prototype, \"state\", void 0);\n__decorate([\n property({ type: Boolean })\n], Dialog.prototype, \"onPhone\", void 0);\n__decorate([\n property({ type: Boolean })\n], Dialog.prototype, \"onDesktop\", void 0);\n__decorate([\n slot()\n], Dialog.prototype, \"header\", void 0);\n__decorate([\n slot()\n], Dialog.prototype, \"footer\", void 0);\nDialog = Dialog_1 = __decorate([\n customElement({\n tag: \"ui5-dialog\",\n template: DialogTemplate,\n styles: [\n browserScrollbarCSS,\n PopupsCommonCss,\n dialogCSS,\n ],\n dependencies: [\n Icon,\n ],\n })\n], Dialog);\nDialog.define();\nexport default Dialog;\n//# sourceMappingURL=Dialog.js.map","const markedEvents = new WeakMap();\n/**\n * Marks the given event with random marker.\n */\nconst markEvent = (event, value) => {\n markedEvents.set(event, value);\n};\n/**\n * Returns the marker for the given event.\n */\nconst getEventMark = (event) => {\n return markedEvents.get(event);\n};\nexport { markEvent, getEventMark, };\n//# sourceMappingURL=MarkedEvents.js.map","const willShowContent = (childNodes) => {\n return Array.from(childNodes).filter(node => {\n return node.nodeType !== Node.COMMENT_NODE && (node.nodeType !== Node.TEXT_NODE || (node.nodeValue || \"\").trim().length !== 0);\n }).length > 0;\n};\nexport default willShowContent;\n//# sourceMappingURL=willShowContent.js.map","/**\n * Different Button designs.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ButtonDesign\n */\nvar ButtonDesign;\n(function (ButtonDesign) {\n /**\n * default type (no special styling)\n * @public\n * @type {Default}\n */\n ButtonDesign[\"Default\"] = \"Default\";\n /**\n * accept type (green button)\n * @public\n * @type {Positive}\n */\n ButtonDesign[\"Positive\"] = \"Positive\";\n /**\n * reject style (red button)\n * @public\n * @type {Negative}\n */\n ButtonDesign[\"Negative\"] = \"Negative\";\n /**\n * transparent type\n * @public\n * @type {Transparent}\n */\n ButtonDesign[\"Transparent\"] = \"Transparent\";\n /**\n * emphasized type\n * @public\n * @type {Emphasized}\n */\n ButtonDesign[\"Emphasized\"] = \"Emphasized\";\n /**\n * attention type\n * @public\n * @type {Attention}\n */\n ButtonDesign[\"Attention\"] = \"Attention\";\n})(ButtonDesign || (ButtonDesign = {}));\nexport default ButtonDesign;\n//# sourceMappingURL=ButtonDesign.js.map","/**\n * Determines if the button has special form-related functionality.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ButtonType\n */\nvar ButtonType;\n(function (ButtonType) {\n /**\n * The button does not do anything special when inside a form\n * @public\n * @type {Button}\n */\n ButtonType[\"Button\"] = \"Button\";\n /**\n * The button acts as a submit button (submits a form)\n * @public\n * @type {Submit}\n */\n ButtonType[\"Submit\"] = \"Submit\";\n /**\n * The button acts as a reset button (resets a form)\n * @public\n * @type {Reset}\n */\n ButtonType[\"Reset\"] = \"Reset\";\n})(ButtonType || (ButtonType = {}));\nexport default ButtonType;\n//# sourceMappingURL=ButtonType.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ` `; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-button-icon\" name=\"${ifDefined(this.icon)}\" accessible-role=\"${ifDefined(this.iconRole)}\" part=\"icon\" ?show-tooltip=${this.showIconTooltip}>` : html `Overview
\n *\n * Theui5-button component represents a simple push button.\n * It enables users to trigger actions by clicking or tapping the ui5-button, or by pressing\n * certain keyboard keys, such as Enter.\n *\n *\n * Usage
\n *\n * For theui5-button UI, you can define text, icon, or both. You can also specify\n * whether the text or the icon is displayed first.\n * \n * You can choose from a set of predefined types that offer different\n * styling to correspond to the triggered action.\n *
\n * You can set the
ui5-button as enabled or disabled. An enabled\n * ui5-button can be pressed by clicking or tapping it. The button changes\n * its style to provide visual feedback to the user that it is pressed or hovered over with\n * the mouse cursor. A disabled ui5-button appears inactive and cannot be pressed.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-button exposes the following CSS Shadow Parts:\n * - \n *
- button - Used to style the native button element \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Button\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Button\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-button\n * @implements sap.ui.webc.main.IButton\n * @public\n */\nlet Button = Button_1 = class Button extends UI5Element {\n constructor() {\n super();\n this._deactivate = () => {\n if (activeButton) {\n activeButton.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n const handleTouchStartEvent = (e) => {\n markEvent(e, \"button\");\n if (this.nonInteractive) {\n return;\n }\n this.active = true;\n };\n this._ontouchstart = {\n handleEvent: handleTouchStartEvent,\n passive: true,\n };\n }\n onEnterDOM() {\n this._isTouch = (isPhone() || isTablet()) && !isCombi();\n }\n async onBeforeRendering() {\n const formSupport = getFeature(\"FormSupport\");\n if (this.type !== ButtonType.Button && !formSupport) {\n console.warn(`In order for the \"type\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n if (this.submits && !formSupport) {\n console.warn(`In order for the \"submits\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n this.iconOnly = this.isIconOnly;\n this.hasIcon = !!this.icon;\n this.buttonTitle = this.tooltip || await getIconAccessibleName(this.icon);\n }\n _onclick(e) {\n if (this.nonInteractive) {\n return;\n }\n markEvent(e, \"button\");\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport && this._isSubmit) {\n formSupport.triggerFormSubmit(this);\n }\n if (formSupport && this._isReset) {\n formSupport.triggerFormReset(this);\n }\n if (isSafari()) {\n this.getDomRef()?.focus();\n }\n }\n _onmousedown(e) {\n if (this.nonInteractive || this._isTouch) {\n return;\n }\n markEvent(e, \"button\");\n this.active = true;\n activeButton = this; // eslint-disable-line\n }\n _ontouchend(e) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n this.active = false;\n if (activeButton) {\n activeButton.active = false;\n }\n }\n _onmouseup(e) {\n markEvent(e, \"button\");\n }\n _onkeydown(e) {\n markEvent(e, \"button\");\n if (isSpace(e) || isEnter(e)) {\n this.active = true;\n }\n }\n _onkeyup(e) {\n if (isSpace(e) || isEnter(e)) {\n this.active = false;\n }\n }\n _onfocusout() {\n if (this.nonInteractive) {\n return;\n }\n this.active = false;\n if (isDesktop()) {\n this.focused = false;\n }\n }\n _onfocusin(e) {\n if (this.nonInteractive) {\n return;\n }\n markEvent(e, \"button\");\n if (isDesktop()) {\n this.focused = true;\n }\n }\n get hasButtonType() {\n return this.design !== ButtonDesign.Default && this.design !== ButtonDesign.Transparent;\n }\n get iconRole() {\n if (!this.icon) {\n return \"\";\n }\n return \"presentation\";\n }\n get isIconOnly() {\n return !willShowContent(this.text);\n }\n static typeTextMappings() {\n return {\n \"Positive\": BUTTON_ARIA_TYPE_ACCEPT,\n \"Negative\": BUTTON_ARIA_TYPE_REJECT,\n \"Emphasized\": BUTTON_ARIA_TYPE_EMPHASIZED,\n };\n }\n get buttonTypeText() {\n return Button_1.i18nBundle.getText(Button_1.typeTextMappings()[this.design]);\n }\n get tabIndexValue() {\n const tabindex = this.getAttribute(\"tabindex\");\n if (tabindex) {\n return tabindex;\n }\n return this.nonInteractive ? \"-1\" : this._tabIndex;\n }\n get showIconTooltip() {\n return this.iconOnly && !this.tooltip;\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n get _isSubmit() {\n return this.type === ButtonType.Submit || this.submits;\n }\n get _isReset() {\n return this.type === ButtonType.Reset;\n }\n static async onDefine() {\n Button_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property({ type: ButtonDesign, defaultValue: ButtonDesign.Default })\n], Button.prototype, \"design\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], Button.prototype, \"icon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"iconEnd\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"submits\", void 0);\n__decorate([\n property()\n], Button.prototype, \"tooltip\", void 0);\n__decorate([\n property({ defaultValue: undefined })\n], Button.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], Button.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: Object })\n], Button.prototype, \"accessibilityAttributes\", void 0);\n__decorate([\n property({ type: ButtonType, defaultValue: ButtonType.Button })\n], Button.prototype, \"type\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"active\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"iconOnly\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"hasIcon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"nonInteractive\", void 0);\n__decorate([\n property({ noAttribute: true })\n], Button.prototype, \"buttonTitle\", void 0);\n__decorate([\n property({ type: Object })\n], Button.prototype, \"_iconSettings\", void 0);\n__decorate([\n property({ defaultValue: \"0\", noAttribute: true })\n], Button.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"_isTouch\", void 0);\n__decorate([\n slot({ type: Node, \"default\": true })\n], Button.prototype, \"text\", void 0);\nButton = Button_1 = __decorate([\n customElement({\n tag: \"ui5-button\",\n languageAware: true,\n renderer: litRender,\n template: ButtonTemplate,\n styles: buttonCss,\n dependencies: [Icon],\n })\n /**\n * Fired when the component is activated either with a\n * mouse/tap or by using the Enter or Space key.\n * \n * Note: The event will not be fired if the
disabled\n * property is set to true.\n *\n * @event sap.ui.webc.main.Button#click\n * @public\n * @native\n */\n ,\n event(\"click\")\n], Button);\nButton.define();\nexport default Button;\n//# sourceMappingURL=Button.js.map","/**\n * Different types of Title level.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.TitleLevel\n */\nvar TitleLevel;\n(function (TitleLevel) {\n /**\n * Renders h1 tag.\n * @public\n * @type {H1}\n */\n TitleLevel[\"H1\"] = \"H1\";\n /**\n * Renders h2 tag.\n * @public\n * @type {H2}\n */\n TitleLevel[\"H2\"] = \"H2\";\n /**\n * Renders h3 tag.\n * @public\n * @type {H3}\n */\n TitleLevel[\"H3\"] = \"H3\";\n /**\n * Renders h4 tag.\n * @public\n * @type {H4}\n */\n TitleLevel[\"H4\"] = \"H4\";\n /**\n * Renders h5 tag.\n * @public\n * @type {H5}\n */\n TitleLevel[\"H5\"] = \"H5\";\n /**\n * Renders h6 tag.\n * @public\n * @type {H6}\n */\n TitleLevel[\"H6\"] = \"H6\";\n})(TitleLevel || (TitleLevel = {}));\nexport default TitleLevel;\n//# sourceMappingURL=TitleLevel.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.h1 ? block1.call(this, context, tags, suffix) : undefined}${this.h2 ? block2.call(this, context, tags, suffix) : undefined}${this.h3 ? block3.call(this, context, tags, suffix) : undefined}${this.h4 ? block4.call(this, context, tags, suffix) : undefined}${this.h5 ? block5.call(this, context, tags, suffix) : undefined}${this.h6 ? block6.call(this, context, tags, suffix) : undefined}`; }\nfunction block1(context, tags, suffix) { return html `Overview
\n *\n * Theui5-title component is used to display titles inside a page.\n * It is a simple, large-sized text with explicit header/title semantics.\n *\n * ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Title\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Title\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-title\n * @public\n */\nlet Title = class Title extends UI5Element {\n /**\n * Defines the text of the component.\n * This component supports nesting a Link component inside.\n * \n * Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n *\n * @type {Node[]}\n * @slot\n * @name sap.ui.webc.main.Title.prototype.default\n * @public\n */\n get normalizedLevel() {\n return this.level.toLowerCase();\n }\n get h1() {\n return this.normalizedLevel === \"h1\";\n }\n get h2() {\n return this.normalizedLevel === \"h2\";\n }\n get h3() {\n return this.normalizedLevel === \"h3\";\n }\n get h4() {\n return this.normalizedLevel === \"h4\";\n }\n get h5() {\n return this.normalizedLevel === \"h5\";\n }\n get h6() {\n return this.normalizedLevel === \"h6\";\n }\n};\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], Title.prototype, \"wrappingType\", void 0);\n__decorate([\n property({ type: TitleLevel, defaultValue: TitleLevel.H2 })\n], Title.prototype, \"level\", void 0);\nTitle = __decorate([\n customElement({\n tag: \"ui5-title\",\n renderer: litRender,\n template: TitleTemplate,\n styles: titleCss,\n })\n], Title);\nTitle.define();\nexport default Title;\n//# sourceMappingURL=Title.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ResponsivePopover.css\", content: \":host{--_ui5-v1-20-0_input_width:100%;min-height:2rem;min-width:6.25rem}:host([opened]){display:inline-block}.ui5-responsive-popover-header{align-items:center;display:flex;height:var(--_ui5-v1-20-0-responsive_popover_header_height);justify-content:space-between;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v1-20-0_button_base_min_width))}.ui5-responsive-popover-header-no-title{justify-content:flex-end}\" };\nexport default styleData;\n//# sourceMappingURL=ResponsivePopover.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar ResponsivePopover_1;\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getNextZIndex } from \"@ui5/webcomponents-base/dist/util/PopupUtils.js\";\nimport { RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON } from \"./generated/i18n/i18n-defaults.js\";\nimport ResponsivePopoverTemplate from \"./generated/templates/ResponsivePopoverTemplate.lit.js\";\nimport Popover from \"./Popover.js\";\nimport Dialog from \"./Dialog.js\";\nimport Button from \"./Button.js\";\nimport Title from \"./Title.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n// Styles\nimport ResponsivePopoverCss from \"./generated/themes/ResponsivePopover.css.js\";\n/**\n * @class\n *\n *
Overview
\n * Theui5-responsive-popover acts as a Popover on desktop and tablet, while on phone it acts as a Dialog.\n * The component improves tremendously the user experience on mobile.\n *\n * Usage
\n * Use it when you want to make sure that all the content is visible on any device.\n *\n *CSS Shadow Parts
\n *\n *\n * The
ui5-responsive-popover exposes the following CSS Shadow Parts:\n * - \n *
- header - Used to style the header of the component \n *
- content - Used to style the content of the component \n *
- footer - Used to style the footer of the component \n *
ListItem and GroupHeaderListItem classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ListItemBase\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\nlet ListItemBase = class ListItemBase extends UI5Element {\n _onfocusin(e) {\n this.fireEvent(\"_request-tabindex-change\", e);\n if (e.target !== this.getFocusDomRef()) {\n return;\n }\n this.focused = true;\n this.fireEvent(\"_focused\", e);\n }\n _onfocusout() {\n this.focused = false;\n }\n _onkeydown(e) {\n if (isTabNext(e)) {\n return this._handleTabNext(e);\n }\n if (isTabPrevious(e)) {\n return this._handleTabPrevious(e);\n }\n }\n _onkeyup(e) { } // eslint-disable-line\n _handleTabNext(e) {\n if (this.shouldForwardTabAfter()) {\n if (!this.fireEvent(\"_forward-after\", {}, true)) {\n e.preventDefault();\n }\n }\n }\n _handleTabPrevious(e) {\n const target = e.target;\n if (this.shouldForwardTabBefore(target)) {\n this.fireEvent(\"_forward-before\");\n }\n }\n /*\n * Determines if th current list item either has no tabbable content or\n * [TAB] is performed onto the last tabbale content item.\n */\n shouldForwardTabAfter() {\n const aContent = getTabbableElements(this.getFocusDomRef());\n return aContent.length === 0 || (aContent[aContent.length - 1] === getActiveElement());\n }\n /*\n * Determines if the current list item is target of [SHIFT+TAB].\n */\n shouldForwardTabBefore(target) {\n return this.getFocusDomRef() === target;\n }\n get classes() {\n return {\n main: {\n \"ui5-li-root\": true,\n \"ui5-li--focusable\": !this.disabled,\n },\n };\n }\n get _ariaDisabled() {\n return this.disabled ? true : undefined;\n }\n get hasConfigurableMode() {\n return false;\n }\n get _effectiveTabIndex() {\n if (this.disabled) {\n return -1;\n }\n if (this.selected) {\n return 0;\n }\n return this._tabIndex;\n }\n};\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"hasBorder\", void 0);\n__decorate([\n property({ defaultValue: \"-1\", noAttribute: true })\n], ListItemBase.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"focused\", void 0);\nListItemBase = __decorate([\n customElement({\n renderer: litRender,\n styles,\n }),\n event(\"_request-tabindex-change\"),\n event(\"_focused\"),\n event(\"_forward-after\"),\n event(\"_forward-before\")\n], ListItemBase);\nexport default ListItemBase;\n//# sourceMappingURL=ListItemBase.js.map","class RadioButtonGroup {\n static hasGroup(groupName) {\n return this.groups.has(groupName);\n }\n static getGroup(groupName) {\n return this.groups.get(groupName);\n }\n static getCheckedRadioFromGroup(groupName) {\n return this.checkedRadios.get(groupName);\n }\n static removeGroup(groupName) {\n this.checkedRadios.delete(groupName);\n return this.groups.delete(groupName);\n }\n static addToGroup(radioBtn, groupName) {\n if (this.hasGroup(groupName)) {\n this.enforceSingleSelection(radioBtn, groupName);\n if (this.getGroup(groupName)) {\n this.getGroup(groupName).push(radioBtn);\n }\n }\n else {\n this.createGroup(radioBtn, groupName);\n }\n this.updateTabOrder(groupName);\n }\n static removeFromGroup(radioBtn, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n // Remove the radio button from the given group\n group.forEach((_radioBtn, idx, arr) => {\n if (radioBtn._id === _radioBtn._id) {\n return arr.splice(idx, 1);\n }\n });\n if (checkedRadio === radioBtn) {\n this.checkedRadios.set(groupName, null);\n }\n // Remove the group if it is empty\n if (!group.length) {\n this.removeGroup(groupName);\n }\n this.updateTabOrder(groupName);\n }\n static createGroup(radioBtn, groupName) {\n if (radioBtn.checked) {\n this.checkedRadios.set(groupName, radioBtn);\n }\n this.groups.set(groupName, [radioBtn]);\n }\n static selectNextItem(item, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const groupLength = group.length, currentItemPosition = group.indexOf(item);\n if (groupLength <= 1) {\n return;\n }\n const nextItemToSelect = this._nextSelectable(currentItemPosition, group);\n if (!nextItemToSelect) {\n return;\n }\n this.updateSelectionInGroup(nextItemToSelect, groupName);\n }\n static updateFormValidity(groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n group.forEach(r => r._resetFormValidity());\n const groupRequiresValue = group.some(r => r.required) && group.every(r => !r.checked);\n if (groupRequiresValue) {\n group[0]._invalidateForm();\n }\n }\n static updateTabOrder(groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const hasCheckedRadio = group.some(radioBtn => radioBtn.checked);\n group.filter(radioBtn => !radioBtn.disabled).forEach((radioBtn, idx) => {\n if (hasCheckedRadio) {\n radioBtn._tabIndex = radioBtn.checked ? \"0\" : \"-1\";\n }\n else {\n radioBtn._tabIndex = idx === 0 ? \"0\" : \"-1\";\n }\n });\n }\n static selectPreviousItem(item, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const groupLength = group.length, currentItemPosition = group.indexOf(item);\n if (groupLength <= 1) {\n return;\n }\n const previousItemToSelect = this._previousSelectable(currentItemPosition, group);\n if (!previousItemToSelect) {\n return;\n }\n this.updateSelectionInGroup(previousItemToSelect, groupName);\n }\n static selectItem(item, groupName) {\n this.updateSelectionInGroup(item, groupName);\n this.updateTabOrder(groupName);\n }\n static updateSelectionInGroup(radioBtnToSelect, groupName) {\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n if (checkedRadio) {\n this._deselectRadio(checkedRadio);\n }\n this._selectRadio(radioBtnToSelect);\n this.checkedRadios.set(groupName, radioBtnToSelect);\n }\n static _deselectRadio(radioBtn) {\n if (radioBtn) {\n radioBtn.checked = false;\n }\n }\n static _selectRadio(radioBtn) {\n if (radioBtn) {\n radioBtn.focus();\n radioBtn.checked = true;\n radioBtn._checked = true;\n radioBtn.fireEvent(\"change\");\n }\n }\n static _nextSelectable(pos, group) {\n if (!group) {\n return null;\n }\n const groupLength = group.length;\n let nextRadioToSelect = null;\n if (pos === groupLength - 1) {\n if (group[0].disabled || group[0].readonly) {\n return this._nextSelectable(1, group);\n }\n nextRadioToSelect = group[0];\n }\n else if (group[pos + 1].disabled || group[pos + 1].readonly) {\n return this._nextSelectable(pos + 1, group);\n }\n else {\n nextRadioToSelect = group[pos + 1];\n }\n return nextRadioToSelect;\n }\n static _previousSelectable(pos, group) {\n const groupLength = group.length;\n let previousRadioToSelect = null;\n if (pos === 0) {\n if (group[groupLength - 1].disabled || group[groupLength - 1].readonly) {\n return this._previousSelectable(groupLength - 1, group);\n }\n previousRadioToSelect = group[groupLength - 1];\n }\n else if (group[pos - 1].disabled || group[pos - 1].readonly) {\n return this._previousSelectable(pos - 1, group);\n }\n else {\n previousRadioToSelect = group[pos - 1];\n }\n return previousRadioToSelect;\n }\n static enforceSingleSelection(radioBtn, groupName) {\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n if (radioBtn.checked) {\n if (!checkedRadio) {\n this.checkedRadios.set(groupName, radioBtn);\n }\n else if (radioBtn !== checkedRadio) {\n this._deselectRadio(checkedRadio);\n this.checkedRadios.set(groupName, radioBtn);\n }\n }\n else if (radioBtn === checkedRadio) {\n this.checkedRadios.set(groupName, null);\n }\n this.updateTabOrder(groupName);\n this.updateFormValidity(groupName);\n }\n static get groups() {\n if (!this._groups) {\n this._groups = new Map();\n }\n return this._groups;\n }\n static get checkedRadios() {\n if (!this._checkedRadios) {\n this._checkedRadios = new Map();\n }\n return this._checkedRadios;\n }\n}\nexport default RadioButtonGroup;\n//# sourceMappingURL=RadioButtonGroup.js.map","/* eslint no-unused-vars: 0 */\nimport { html, svg, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.text ? block1.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-label\", tags, suffix)} id=\"${ifDefined(this._id)}-label\" class=\"ui5-radio-label\" for=\"${ifDefined(this._id)}\" wrapping-type=\"${ifDefined(this.wrappingType)}\">${ifDefined(this.text)}` : html `Overview
\n *\n * Theui5-radio-button component enables users to select a single option from a set of options.\n * When a ui5-radio-button is selected by the user, the\n * change event is fired.\n * When a ui5-radio-button that is within a group is selected, the one\n * that was previously selected gets automatically deselected. You can group radio buttons by using the name property.\n * \n * Note: If
ui5-radio-button is not part of a group, it can be selected once, but can not be deselected back.\n *\n * Keyboard Handling
\n *\n * Once theui5-radio-button is on focus, it might be selected by pressing the Space and Enter keys.\n * \n * The Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,\n * while TAB and SHIFT + TAB can be used to enter or leave the radio button group.\n *
\n * Note: On entering radio button group, the focus goes to the currently selected radio button.\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/RadioButton\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.RadioButton\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-radio-button\n * @public\n */\nlet RadioButton = RadioButton_1 = class RadioButton extends UI5Element {\n static get formAssociated() {\n return true;\n }\n constructor() {\n super();\n this._internals = this.attachInternals();\n this._deactivate = () => {\n if (activeRadio) {\n activeRadio.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n }\n static async onDefine() {\n RadioButton_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n onBeforeRendering() {\n this.syncGroup();\n this._enableFormSupport();\n }\n onExitDOM() {\n this.syncGroup(true);\n }\n syncGroup(forceRemove) {\n const oldGroup = this._name;\n const currentGroup = this.name;\n const oldChecked = this._checked;\n const currentChecked = this.checked;\n if (forceRemove) {\n RadioButtonGroup.removeFromGroup(this, oldGroup);\n }\n if (currentGroup !== oldGroup) {\n if (oldGroup) {\n // remove the control from the previous group\n RadioButtonGroup.removeFromGroup(this, oldGroup);\n }\n if (currentGroup) {\n // add the control to the existing group\n RadioButtonGroup.addToGroup(this, currentGroup);\n }\n }\n else if (currentGroup) {\n RadioButtonGroup.enforceSingleSelection(this, currentGroup);\n }\n if (this.name && currentChecked !== oldChecked) {\n RadioButtonGroup.updateTabOrder(this.name);\n }\n this._name = this.name;\n this._checked = this.checked;\n }\n _enableFormSupport() {\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport) {\n this._setFormValue();\n }\n else if (this.value) {\n console.warn(`In order for the \"value\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n }\n _setFormValue() {\n this._internals.setFormValue(this.checked ? this.value : null);\n }\n _resetFormValidity() {\n this._internals.setValidity({});\n }\n _invalidateForm() {\n this._internals.setValidity({ valueMissing: true }, this.radioButtonGroupRequiredText, this.shadowRoot.firstElementChild);\n }\n _onclick() {\n return this.toggle();\n }\n _handleDown(e) {\n const currentGroup = this.name;\n if (!currentGroup) {\n return;\n }\n e.preventDefault();\n RadioButtonGroup.selectNextItem(this, currentGroup);\n }\n _handleUp(e) {\n const currentGroup = this.name;\n if (!currentGroup) {\n return;\n }\n e.preventDefault();\n RadioButtonGroup.selectPreviousItem(this, currentGroup);\n }\n _onkeydown(e) {\n if (isSpace(e)) {\n this.active = true;\n return e.preventDefault();\n }\n if (isEnter(e)) {\n this.active = true;\n return this.toggle();\n }\n const isRTL = this.effectiveDir === \"rtl\";\n if (isDown(e) || (!isRTL && isRight(e)) || (isRTL && isLeft(e))) {\n this._handleDown(e);\n }\n if (isUp(e) || (!isRTL && isLeft(e)) || (isRTL && isRight(e))) {\n this._handleUp(e);\n }\n }\n _onkeyup(e) {\n if (isSpace(e)) {\n this.toggle();\n }\n this.active = false;\n }\n _onmousedown() {\n this.active = true;\n activeRadio = this; // eslint-disable-line\n }\n _onmouseup() {\n this.active = false;\n }\n _onfocusout() {\n this.active = false;\n }\n toggle() {\n if (!this.canToggle()) {\n return this;\n }\n if (!this.name) {\n this.checked = !this.checked;\n this.fireEvent(\"change\");\n return this;\n }\n RadioButtonGroup.selectItem(this, this.name);\n return this;\n }\n canToggle() {\n return !(this.disabled || this.readonly || this.checked);\n }\n get classes() {\n return {\n inner: {\n \"ui5-radio-inner--hoverable\": !this.disabled && !this.readonly && isDesktop(),\n },\n };\n }\n get effectiveAriaDisabled() {\n return this.disabled ? \"true\" : null;\n }\n get ariaLabelText() {\n return [getEffectiveAriaLabelText(this), this.text].filter(Boolean).join(\" \");\n }\n get effectiveAriaDescribedBy() {\n return this.hasValueState ? `${this._id}-descr` : undefined;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get valueStateText() {\n switch (this.valueState) {\n case ValueState.Error:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_ERROR);\n case ValueState.Warning:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_WARNING);\n case ValueState.Success:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_SUCCESS);\n case ValueState.Information:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_INFORMATION);\n default:\n return \"\";\n }\n }\n get radioButtonGroupRequiredText() {\n return RadioButton_1.i18nBundle.getText(RADIO_BUTTON_GROUP_REQUIRED);\n }\n get effectiveTabIndex() {\n const tabindex = this.getAttribute(\"tabindex\");\n if (this.disabled) {\n return \"-1\";\n }\n if (this.name) {\n return this._tabIndex;\n }\n return tabindex || \"0\";\n }\n get strokeWidth() {\n return this.valueState === \"None\" ? \"1\" : \"2\";\n }\n};\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"required\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"checked\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"text\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], RadioButton.prototype, \"valueState\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"name\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"value\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], RadioButton.prototype, \"wrappingType\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ defaultValue: \"-1\", noAttribute: true })\n], RadioButton.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"active\", void 0);\n__decorate([\n slot()\n], RadioButton.prototype, \"formSupport\", void 0);\nRadioButton = RadioButton_1 = __decorate([\n customElement({\n tag: \"ui5-radio-button\",\n languageAware: true,\n renderer: litRender,\n template: RadioButtonTemplate,\n styles: radioButtonCss,\n dependencies: [Label],\n })\n /**\n * Fired when the component checked state changes.\n *\n * @event sap.ui.webc.main.RadioButton#change\n * @public\n * @since 1.0.0-rc.15\n */\n ,\n event(\"change\")\n], RadioButton);\nRadioButton.define();\nexport default RadioButton;\n//# sourceMappingURL=RadioButton.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"accept\";\nconst pathData = \"M455.8 94q9 9 3 19l-222 326q-4 8-12 9t-14-5l-151-167q-5-5-4.5-11t5.5-11l25-25q12-12 23 0l96 96q5 5 13 4.5t12-8.5l175-249q4-7 11.5-8t13.5 4z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/accept\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"accept\";\nconst pathData = \"M187 416q-12 0-20-9L71 299q-7-7-7-17 0-11 7.5-18.5T90 256q12 0 19 9l77 87 217-247q8-9 19-9t18.5 7.5T448 122q0 10-6 16L206 407q-7 9-19 9z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/accept\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/accept.js\";\nimport { pathData as pathDatav5 } from \"./v5/accept.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"accept\";\nexport { pathData, ltr, accData };","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/CheckBox.css\", content: \".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}:host{border-radius:var(--_ui5-v1-20-0_checkbox_border_radius);cursor:pointer;max-width:100%;outline:none;overflow:hidden;transition:var(--_ui5-v1-20-0_checkbox_transition);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}:host([disabled]){cursor:default}:host([disabled]) .ui5-checkbox-root{opacity:var(--_ui5-v1-20-0_checkbox_disabled_opacity)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--_ui5-v1-20-0_checkbox_inner_disabled_border_color)}:host([disabled]) .ui5-checkbox-label{color:var(--_ui5-v1-20-0_checkbox_disabled_label_color)}:host([readonly]:not([value-state=Warning]):not([value-state=Error])) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--_ui5-v1-20-0_checkbox_inner_readonly_border);color:var(--sapField_TextColor)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root{align-items:flex-start;box-sizing:border-box;min-height:auto;padding-bottom:var(--_ui5-v1-20-0_checkbox_root_side_padding);padding-top:var(--_ui5-v1-20-0_checkbox_root_side_padding)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-inner,:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{margin-top:var(--_ui5-v1-20-0_checkbox_wrapped_content_margin_top)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{align-self:center;overflow-wrap:break-word}:host([wrapping-type=Normal]) .ui5-checkbox-root:focus:before{bottom:var(--_ui5-v1-20-0_checkbox_wrapped_focus_left_top_bottom_position)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Error]) .ui5-checkbox-inner{background:var(--sapField_InvalidBackground);border:var(--_ui5-v1-20-0_checkbox_inner_error_border);color:var(--sapField_InvalidColor)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_error_background_hover)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Warning]) .ui5-checkbox-inner{background:var(--sapField_WarningBackground);border:var(--_ui5-v1-20-0_checkbox_inner_warning_border);color:var(--_ui5-v1-20-0_checkbox_inner_warning_color)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_warning_background_hover)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Information]) .ui5-checkbox-inner{background:var(--sapField_InformationBackground);border:var(--_ui5-v1-20-0_checkbox_inner_information_border);color:var(--_ui5-v1-20-0_checkbox_inner_information_color)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_information_background_hover)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Success]) .ui5-checkbox-inner{background:var(--sapField_SuccessBackground);border:var(--_ui5-v1-20-0_checkbox_inner_success_border);color:var(--sapField_SuccessColor)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_success_background_hover)}:host([value-state=Warning]) .ui5-checkbox-icon,:host([value-state=Warning][indeterminate]) .ui5-checkbox-inner:after{color:var(--_ui5-v1-20-0_checkbox_checkmark_warning_color)}:host([text]) .ui5-checkbox-root{padding-inline-end:var(--_ui5-v1-20-0_checkbox_right_focus_distance)}:host([text]) .ui5-checkbox-root:focus:before{inset-inline-end:0}.ui5-checkbox-root{align-items:center;border:var(--_ui5-v1-20-0_checkbox_default_focus_border);border-radius:var(--_ui5-v1-20-0_checkbox_border_radius);box-sizing:border-box;display:inline-flex;min-height:var(--_ui5-v1-20-0_checkbox_width_height);min-width:var(--_ui5-v1-20-0_checkbox_width_height);outline:none;padding:0 var(--_ui5-v1-20-0_checkbox_wrapper_padding);position:relative;transition:var(--_ui5-v1-20-0_checkbox_transition);width:100%}.ui5-checkbox-root:focus:before{border:var(--_ui5-v1-20-0_checkbox_focus_outline);border-radius:var(--_ui5-v1-20-0_checkbox_focus_border_radius);content:\\\"\\\";display:var(--_ui5-v1-20-0_checkbox_focus_outline_display);inset-block:var(--_ui5-v1-20-0_checkbox_focus_position);inset-inline:var(--_ui5-v1-20-0_checkbox_focus_position);position:absolute}:host .ui5-checkbox-root:focus{border:var(--_ui5-v1-20-0_checkbox_focus_border);border-radius:.5rem}:host(:hover:not([disabled])){background:var(--_ui5-v1-20-0_checkbox_outer_hover_background)}.ui5-checkbox--hoverable .ui5-checkbox-label:hover{color:var(--_ui5-v1-20-0_checkbox_label_color)}:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_hover_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_hover_border_color)}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_hover_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_hover_checked_border_color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state=None]) .ui5-checkbox-inner{border-color:var(--_ui5-v1-20-0_checkbox_inner_selected_border_color)}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state=None]:not([disabled])) .ui5-checkbox-inner{background-color:var(--_ui5-v1-20-0_checkbox_active_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_active_border_color)}:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active][checked][value-state=None]:not([disabled])) .ui5-checkbox-inner{background-color:var(--_ui5-v1-20-0_checkbox_active_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_selected_border_color)}.ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_background);border:var(--_ui5-v1-20-0_checkbox_inner_border);border-radius:var(--_ui5-v1-20-0_checkbox_inner_border_radius);box-sizing:border-box;color:var(--_ui5-v1-20-0_checkbox_checkmark_color);cursor:inherit;height:var(--_ui5-v1-20-0_checkbox_inner_width_height);max-height:var(--_ui5-v1-20-0_checkbox_inner_width_height);max-width:var(--_ui5-v1-20-0_checkbox_inner_width_height);min-width:var(--_ui5-v1-20-0_checkbox_inner_width_height);position:relative}:host([indeterminate][checked]) .ui5-checkbox-inner:after{background-color:currentColor;content:\\\"\\\";height:var(--_ui5-v1-20-0_checkbox_partially_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-20-0_checkbox_partially_icon_size)}.ui5-checkbox-inner input{-webkit-appearance:none;font-size:inherit;left:0;position:absolute;visibility:hidden;width:0}.ui5-checkbox-root .ui5-checkbox-label{color:var(--_ui5-v1-20-0_checkbox_label_color);cursor:inherit;margin-inline-start:var(--_ui5-v1-20-0_checkbox_label_offset);overflow:hidden;pointer-events:none;text-overflow:ellipsis}.ui5-checkbox-icon{color:currentColor;cursor:inherit;height:var(--_ui5-v1-20-0_checkbox_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-20-0_checkbox_icon_size)}\" };\nexport default styleData;\n//# sourceMappingURL=CheckBox.css.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.isCompletelyChecked ? block1.call(this, context, tags, suffix) : undefined}
${this.text ? block2.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block3.call(this, context, tags, suffix) : undefined}Overview
\n *\n * Allows the user to set a binary value, such as true/false or yes/no for an item.\n *\n * The
ui5-checkbox component consists of a box and a label that describes its purpose.\n * If it's checked, an indicator is displayed inside the box.\n * To check/uncheck the ui5-checkbox, the user has to click or tap the square\n * box or its label.\n * \n * The
ui5-checkbox component only has 2 states - checked and unchecked.\n * Clicking or tapping toggles the ui5-checkbox between checked and unchecked state.\n *\n * Usage
\n *\n * You can define the checkbox text with via thetext property. If the text exceeds the available width, it is truncated by default.\n * In case you prefer text to wrap, set the wrappingType property to \"Normal\".\n * The touchable area for toggling the ui5-checkbox ends where the text ends.\n * \n * You can disable the
ui5-checkbox by setting the disabled property to\n * true,\n * or use the ui5-checkbox in read-only mode by setting the readonly\n * property to true.\n *\n * \n *
CSS Shadow Parts
\n *\n *\n * The
ui5-checkbox exposes the following CSS Shadow Parts:\n * - \n *
- root - Used to style the outermost wrapper of the
ui5-checkbox\n *
\n *
Keyboard Handling
\n *\n * The user can use the following keyboard shortcuts to toggle the checked state of theui5-checkbox.\n * - \n *
- [SPACE, ENTER] - Toggles between different states: checked, not checked. \n *
\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/CheckBox\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.CheckBox\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-checkbox\n * @public\n */\nlet CheckBox = CheckBox_1 = class CheckBox extends UI5Element {\n constructor() {\n super();\n this._deactivate = () => {\n if (activeCb) {\n activeCb.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n }\n onBeforeRendering() {\n this._enableFormSupport();\n }\n _enableFormSupport() {\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport) {\n formSupport.syncNativeHiddenInput(this, (element, nativeInput) => {\n nativeInput.disabled = !!element.disabled;\n nativeInput.checked = !!element.checked;\n nativeInput.value = element.checked ? \"on\" : \"\";\n });\n }\n else if (this.name) {\n console.warn(`In order for the \"name\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n }\n _onclick() {\n this.toggle();\n }\n _onmousedown() {\n if (this.readonly || this.disabled) {\n return;\n }\n this.active = true;\n activeCb = this; // eslint-disable-line\n }\n _onmouseup() {\n this.active = false;\n }\n _onfocusout() {\n this.active = false;\n }\n _onkeydown(e) {\n if (isSpace(e)) {\n e.preventDefault();\n this.active = true;\n }\n if (isEnter(e)) {\n this.toggle();\n this.active = true;\n }\n }\n _onkeyup(e) {\n if (isSpace(e)) {\n this.toggle();\n }\n this.active = false;\n }\n toggle() {\n if (this.canToggle()) {\n const lastState = {\n checked: this.checked,\n indeterminate: this.indeterminate,\n };\n if (this.indeterminate) {\n this.indeterminate = false;\n this.checked = true;\n }\n else {\n this.checked = !this.checked;\n }\n const changePrevented = !this.fireEvent(\"change\", null, true);\n // Angular two way data binding\n const valueChagnePrevented = !this.fireEvent(\"value-changed\", null, true);\n if (changePrevented || valueChagnePrevented) {\n this.checked = lastState.checked;\n this.indeterminate = lastState.indeterminate;\n }\n }\n return this;\n }\n canToggle() {\n return !(this.disabled || this.readonly);\n }\n valueStateTextMappings() {\n return {\n \"Error\": CheckBox_1.i18nBundle.getText(VALUE_STATE_ERROR),\n \"Warning\": CheckBox_1.i18nBundle.getText(VALUE_STATE_WARNING),\n \"Success\": CheckBox_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n };\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n get classes() {\n return {\n main: {\n \"ui5-checkbox--hoverable\": !this.disabled && !this.readonly && isDesktop(),\n },\n };\n }\n get ariaReadonly() {\n return this.readonly ? \"true\" : undefined;\n }\n get effectiveAriaDisabled() {\n return this.disabled ? \"true\" : undefined;\n }\n get effectiveAriaChecked() {\n return this.indeterminate && this.checked ? \"mixed\" : this.checked;\n }\n get ariaLabelledBy() {\n if (!this.ariaLabelText) {\n return this.text ? `${this._id}-label` : undefined;\n }\n return undefined;\n }\n get ariaDescribedBy() {\n return this.hasValueState ? `${this._id}-descr` : undefined;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get valueStateText() {\n if (this.valueState !== ValueState.None && this.valueState !== ValueState.Information) {\n return this.valueStateTextMappings()[this.valueState];\n }\n }\n get effectiveTabIndex() {\n const tabindex = this.getAttribute(\"tabindex\");\n return this.disabled ? undefined : tabindex || \"0\";\n }\n get isCompletelyChecked() {\n return this.checked && !this.indeterminate;\n }\n static async onDefine() {\n CheckBox_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property()\n], CheckBox.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"required\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"indeterminate\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"checked\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"text\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], CheckBox.prototype, \"valueState\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], CheckBox.prototype, \"wrappingType\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"name\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"active\", void 0);\n__decorate([\n slot()\n], CheckBox.prototype, \"formSupport\", void 0);\nCheckBox = CheckBox_1 = __decorate([\n customElement({\n tag: \"ui5-checkbox\",\n languageAware: true,\n renderer: litRender,\n template: CheckBoxTemplate,\n styles: checkboxCss,\n dependencies: [\n Label,\n Icon,\n ],\n })\n /**\n * Fired when the component checked state changes.\n *\n * @public\n * @event sap.ui.webc.main.CheckBox#change\n */\n ,\n event(\"change\")\n], CheckBox);\nCheckBox.define();\nexport default CheckBox;\n//# sourceMappingURL=CheckBox.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ListItem.css\", content: \".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host([actionable]:not([disabled])){cursor:pointer}:host([selected][actionable]:not([active]):hover){background:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]),:host([selected][active][actionable]){background:var(--sapList_Active_Background)}:host([actionable]:not([active]):not([selected]):hover){background:var(--sapList_Hover_Background)}:host([active][actionable]) .ui5-li-root.ui5-li--focusable .ui5-li-content:focus,:host([active][actionable]) .ui5-li-root.ui5-li--focusable:focus{outline-color:var(--sapContent_ContrastFocusColor)}:host([navigated]) .ui5-li-root .ui5-li-navigated{background-color:var(--sapList_SelectionBorderColor);bottom:0;position:absolute;right:0;top:0;width:.1875rem}:host([active][actionable]) .ui5-li-root .ui5-li-icon{color:var(--sapList_Active_TextColor)}:host([active][actionable]) .ui5-li-additional-text,:host([active][actionable]) .ui5-li-desc,:host([active][actionable]) .ui5-li-title{color:var(--sapList_Active_TextColor)}:host([additional-text-state=Warning]) .ui5-li-additional-text{color:var(--sapCriticalTextColor)}:host([additional-text-state=Success]) .ui5-li-additional-text{color:var(--sapPositiveTextColor)}:host([additional-text-state=Error]) .ui5-li-additional-text{color:var(--sapNegativeTextColor)}:host([additional-text-state=Information]) .ui5-li-additional-text{color:var(--sapInformativeTextColor)}:host([has-title][description]){height:5rem}:host([has-title][image]){height:5rem}:host([_has-image-content]){height:5rem}:host([image]) .ui5-li-content{height:3rem}:host([description]) .ui5-li-root{padding:1rem}:host([description]) .ui5-li-content{height:3rem}:host([has-title][description]) .ui5-li-title{padding-bottom:.375rem}.ui5-li-text-wrapper{display:flex;flex:auto;flex-direction:column;line-height:normal;min-width:1px}:host([description]) .ui5-li-text-wrapper{height:100%;justify-content:space-between;padding:.125rem 0}.ui5-li-description-info-wrapper{display:flex;justify-content:space-between}.ui5-li-title{color:var(--sapList_TextColor);font-size:var(--_ui5-v1-20-0_list_item_title_size)}.ui5-li-additional-text,.ui5-li-desc,:host(:not([wrapping-type=Normal])) .ui5-li-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([wrapping-type=Normal]){height:auto}:host([wrapping-type=Normal]) .ui5-li-content{margin:var(--_ui5-v1-20-0_list_item_content_vertical_offset) 0}.ui5-li-desc{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize)}.ui5-li-additional-text{color:var(--sapNeutralTextColor);font-size:var(--sapFontSize);margin:0 .25rem;min-width:3.75rem;text-align:end}:host([description]) .ui5-li-additional-text{align-self:flex-end}.ui5-li-img{border-radius:var(--ui5-v1-20-0-avatar-border-radius);height:var(--_ui5-v1-20-0_list_item_img_size);width:var(--_ui5-v1-20-0_list_item_img_size)}.ui5-li-img,.ui5-li-imgContent{margin-bottom:var(--_ui5-v1-20-0_list_item_img_bottom_margin);margin-top:var(--_ui5-v1-20-0_list_item_img_top_margin);margin-inline-end:var(--_ui5-v1-20-0_list_item_img_hn_margin);min-height:var(--_ui5-v1-20-0_list_item_img_size);min-width:var(--_ui5-v1-20-0_list_item_img_size)}.ui5-li-img-inner{object-fit:contain}.ui5-li-icon{color:var(--sapContent_NonInteractiveIconColor);min-height:var(--_ui5-v1-20-0_list_item_icon_size);min-width:var(--_ui5-v1-20-0_list_item_icon_size);padding-inline-end:var(--_ui5-v1-20-0_list_item_icon_padding-inline-end)}.ui5-li-content{align-items:center;display:flex;flex:auto;overflow:hidden}.ui5-li-deletebtn,.ui5-li-detailbtn{align-items:center;display:flex;margin-left:var(--_ui5-v1-20-0_list_buttons_left_space)}.ui5-li-multisel-cb,.ui5-li-singlesel-radiobtn{flex-shrink:0}:host([description]) .ui5-li-singlesel-radiobtn{align-self:flex-start;margin-top:var(--_ui5-v1-20-0_list_item_selection_btn_margin_top)}:host([description]) .ui5-li-multisel-cb{align-self:flex-start;margin-top:var(--_ui5-v1-20-0_list_item_selection_btn_margin_top)}:host([_mode=SingleSelectBegin]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=MultiSelect]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=SingleSelectEnd]) .ui5-li-root{padding-inline:1rem 0}:host [ui5-checkbox].ui5-li-singlesel-radiobtn{margin-right:var(--_ui5-v1-20-0_list_item_cb_margin_right)}\" };\nexport default styleData;\n//# sourceMappingURL=ListItem.css.js.map","/**\n * Different types of HasPopup.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.HasPopup\n */\nvar HasPopup;\n(function (HasPopup) {\n /**\n * Dialog popup type.\n * @public\n * @type {Dialog}\n */\n HasPopup[\"Dialog\"] = \"Dialog\";\n /**\n * Grid popup type.\n * @public\n * @type {Grid}\n */\n HasPopup[\"Grid\"] = \"Grid\";\n /**\n * ListBox popup type.\n * @public\n * @type {ListBox}\n */\n HasPopup[\"ListBox\"] = \"ListBox\";\n /**\n * Menu popup type.\n * @public\n * @type {Menu}\n */\n HasPopup[\"Menu\"] = \"Menu\";\n /**\n * Tree popup type.\n * @public\n * @type {Tree}\n */\n HasPopup[\"Tree\"] = \"Tree\";\n})(HasPopup || (HasPopup = {}));\nexport default HasPopup;\n//# sourceMappingURL=HasPopup.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"slim-arrow-right\";\nconst pathData = \"M357.5 233q10 10 10 23t-10 23l-165 165q-12 11-23 0t0-23l160-159q6-6 0-12l-159-159q-5-5-5-11t5-11 11-5 11 5z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/slim-arrow-right\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"slim-arrow-right\";\nconst pathData = \"M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/slim-arrow-right\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/slim-arrow-right.js\";\nimport { pathData as pathDatav5 } from \"./v5/slim-arrow-right.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"slim-arrow-right\";\nexport { pathData, ltr, accData };","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar ListItem_1;\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { isSpace, isEnter, isDelete } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport ListItemType from \"./types/ListItemType.js\";\nimport ListMode from \"./types/ListMode.js\";\nimport ListItemBase from \"./ListItemBase.js\";\nimport RadioButton from \"./RadioButton.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport Button from \"./Button.js\";\nimport { DELETE, ARIA_LABEL_LIST_ITEM_CHECKBOX, ARIA_LABEL_LIST_ITEM_RADIO_BUTTON, LIST_ITEM_SELECTED, LIST_ITEM_NOT_SELECTED, } from \"./generated/i18n/i18n-defaults.js\";\n// Styles\nimport styles from \"./generated/themes/ListItem.css.js\";\nimport HasPopup from \"./types/HasPopup.js\";\n// Icons\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n/**\n * @class\n * A class to serve as a base\n * for the StandardListItem and CustomListItem classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ListItem\n * @extends sap.ui.webc.main.ListItemBase\n * @public\n */\nlet ListItem = ListItem_1 = class ListItem extends ListItemBase {\n constructor() {\n super();\n this.deactivateByKey = (e) => {\n if (isEnter(e)) {\n this.deactivate();\n }\n };\n this.deactivate = () => {\n if (this.active) {\n this.active = false;\n }\n };\n const handleTouchStartEvent = (e) => {\n this._onmousedown(e);\n };\n this._ontouchstart = {\n handleEvent: handleTouchStartEvent,\n passive: true,\n };\n }\n onBeforeRendering() {\n this.actionable = (this.type === ListItemType.Active || this.type === ListItemType.Navigation) && (this._mode !== ListMode.Delete);\n }\n onEnterDOM() {\n document.addEventListener(\"mouseup\", this.deactivate);\n document.addEventListener(\"touchend\", this.deactivate);\n document.addEventListener(\"keyup\", this.deactivateByKey);\n }\n onExitDOM() {\n document.removeEventListener(\"mouseup\", this.deactivate);\n document.removeEventListener(\"keyup\", this.deactivateByKey);\n document.removeEventListener(\"touchend\", this.deactivate);\n }\n _onkeydown(e) {\n super._onkeydown(e);\n const itemActive = this.type === ListItemType.Active, itemNavigated = this.typeNavigation;\n if (isSpace(e)) {\n e.preventDefault();\n }\n if ((isSpace(e) || isEnter(e)) && (itemActive || itemNavigated)) {\n this.activate();\n }\n if (isEnter(e)) {\n this.fireItemPress(e);\n }\n }\n _onkeyup(e) {\n if (isSpace(e) || isEnter(e)) {\n this.deactivate();\n }\n if (isSpace(e)) {\n this.fireItemPress(e);\n }\n if (this.modeDelete && isDelete(e)) {\n this.onDelete();\n }\n }\n _onmousedown(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.activate();\n }\n _onmouseup(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.deactivate();\n }\n _ontouchend(e) {\n this._onmouseup(e);\n }\n _onfocusout() {\n super._onfocusout();\n this.deactivate();\n }\n _onclick(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.fireItemPress(e);\n }\n /*\n * Called when selection components in Single (ui5-radio-button)\n * and Multi (ui5-checkbox) selection modes are used.\n */\n onMultiSelectionComponentPress(e) {\n if (this.isInactive) {\n return;\n }\n this.fireEvent(\"_selection-requested\", { item: this, selected: e.target.checked, selectionComponentPressed: true });\n }\n onSingleSelectionComponentPress(e) {\n if (this.isInactive) {\n return;\n }\n this.fireEvent(\"_selection-requested\", { item: this, selected: !e.target.checked, selectionComponentPressed: true });\n }\n activate() {\n if (this.type === ListItemType.Active || this.type === ListItemType.Navigation) {\n this.active = true;\n }\n }\n onDelete() {\n this.fireEvent(\"_selection-requested\", { item: this, selectionComponentPressed: false });\n }\n onDetailClick() {\n this.fireEvent(\"detail-click\", { item: this, selected: this.selected });\n }\n fireItemPress(e) {\n if (this.isInactive) {\n return;\n }\n if (isEnter(e)) {\n e.preventDefault();\n }\n this.fireEvent(\"_press\", { item: this, selected: this.selected, key: e.key });\n }\n get isInactive() {\n return this.type === ListItemType.Inactive || this.type === ListItemType.Detail;\n }\n get placeSelectionElementBefore() {\n return this._mode === ListMode.MultiSelect\n || this._mode === ListMode.SingleSelectBegin;\n }\n get placeSelectionElementAfter() {\n return !this.placeSelectionElementBefore\n && (this._mode === ListMode.SingleSelectEnd || this._mode === ListMode.Delete);\n }\n get modeSingleSelect() {\n return [\n ListMode.SingleSelectBegin,\n ListMode.SingleSelectEnd,\n ListMode.SingleSelect,\n ].includes(this._mode);\n }\n get modeMultiSelect() {\n return this._mode === ListMode.MultiSelect;\n }\n get modeDelete() {\n return this._mode === ListMode.Delete;\n }\n /**\n * Used in UploadCollectionItem\n */\n get renderDeleteButton() {\n return this.modeDelete;\n }\n /**\n * End\n */\n get typeDetail() {\n return this.type === ListItemType.Detail;\n }\n get typeNavigation() {\n return this.type === ListItemType.Navigation;\n }\n get typeActive() {\n return this.type === ListItemType.Active;\n }\n get _ariaSelected() {\n if (this.modeMultiSelect || this.modeSingleSelect) {\n return this.selected;\n }\n return undefined;\n }\n get ariaSelectedText() {\n let ariaSelectedText;\n // Selected state needs to be supported separately since now the role mapping is list -> listitem[]\n // to avoid the issue of nesting interactive elements, ex. (option -> radio/checkbox);\n // The text is added to aria-describedby because as part of the aria-labelledby\n // the whole content of the item is readout when the aria-labelledby value is changed.\n if (this._ariaSelected !== undefined) {\n ariaSelectedText = this._ariaSelected ? ListItem_1.i18nBundle.getText(LIST_ITEM_SELECTED) : ListItem_1.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n }\n return ariaSelectedText;\n }\n get deleteText() {\n return ListItem_1.i18nBundle.getText(DELETE);\n }\n get hasDeleteButtonSlot() {\n return !!this.deleteButton.length;\n }\n get _accessibleNameRef() {\n if (this.accessibleName) {\n // accessibleName is set - return labels excluding content\n return `${this._id}-invisibleText`;\n }\n // accessibleName is not set - return _accInfo.listItemAriaLabel including content\n return `${this._id}-content ${this._id}-invisibleText`;\n }\n get _accInfo() {\n return {\n role: this.accessibleRole || this.role,\n ariaExpanded: undefined,\n ariaLevel: this._level || undefined,\n ariaLabel: ListItem_1.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX),\n ariaLabelRadioButton: ListItem_1.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),\n ariaSelectedText: this.ariaSelectedText,\n ariaHaspopup: this.ariaHaspopup || undefined,\n setsize: this.accessibilityAttributes.ariaSetsize,\n posinset: this.accessibilityAttributes.ariaPosinset,\n };\n }\n get hasConfigurableMode() {\n return true;\n }\n static async onDefine() {\n ListItem_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property({ type: ListItemType, defaultValue: ListItemType.Active })\n], ListItem.prototype, \"type\", void 0);\n__decorate([\n property({ type: Object })\n], ListItem.prototype, \"accessibilityAttributes\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"navigated\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"active\", void 0);\n__decorate([\n property()\n], ListItem.prototype, \"title\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"actionable\", void 0);\n__decorate([\n property({ defaultValue: \"listitem\" })\n], ListItem.prototype, \"role\", void 0);\n__decorate([\n property({ defaultValue: undefined, noAttribute: true })\n], ListItem.prototype, \"accessibleRoleDescription\", void 0);\n__decorate([\n property()\n], ListItem.prototype, \"accessibleRole\", void 0);\n__decorate([\n property({ type: ListMode, defaultValue: ListMode.None })\n], ListItem.prototype, \"_mode\", void 0);\n__decorate([\n property({ type: HasPopup, noAttribute: true })\n], ListItem.prototype, \"ariaHaspopup\", void 0);\n__decorate([\n property({ type: Integer })\n], ListItem.prototype, \"_level\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], ListItem.prototype, \"disableDeleteButton\", void 0);\n__decorate([\n slot()\n], ListItem.prototype, \"deleteButton\", void 0);\nListItem = ListItem_1 = __decorate([\n customElement({\n languageAware: true,\n styles: [ListItemBase.styles, styles],\n dependencies: [\n Button,\n RadioButton,\n CheckBox,\n ],\n })\n /**\n * Fired when the user clicks on the detail button when type is Detail.\n *\n * @event sap.ui.webc.main.ListItem#detail-click\n * @public\n */\n ,\n event(\"detail-click\"),\n event(\"_press\"),\n event(\"_focused\"),\n event(\"_selection-requested\")\n], ListItem);\nexport default ListItem;\n//# sourceMappingURL=ListItem.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.hasImage ? block1.call(this, context, tags, suffix) : block2.call(this, context, tags, suffix)}
`; }\nfunction block1(context, tags, suffix) { return html `Overview
\n *\n * An image-like component that has different display options for representing images and icons\n * in different shapes and sizes, depending on the use case.\n *\n * The shape can be circular or square. There are several predefined sizes, as well as an option to\n * set a custom size.\n *\n *\n *
Keyboard Handling
\n *\n *- \n *
- [SPACE, ENTER, RETURN] - Fires the
clickevent if theinteractiveproperty is set to true. \n * - [SHIFT] - If [SPACE] is pressed, pressing [SHIFT] releases the component without triggering the click event. \n *
\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Avatar.js\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Avatar\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-avatar\n * @since 1.0.0-rc.6\n * @implements sap.ui.webc.main.IAvatar\n * @public\n */\nlet Avatar = Avatar_1 = class Avatar extends UI5Element {\n constructor() {\n super();\n this._handleResizeBound = this.handleResize.bind(this);\n }\n static async onDefine() {\n Avatar_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n get tabindex() {\n return this._tabIndex || (this._interactive ? \"0\" : \"-1\");\n }\n /**\n * Returns the effective avatar size.\n * @readonly\n * @type {string}\n * @defaultValue \"S\"\n * @private\n */\n get _effectiveSize() {\n // we read the attribute, because the \"size\" property will always have a default value\n return this.getAttribute(\"size\") || this._size;\n }\n /**\n * Returns the effective background color.\n * @readonly\n * @type {string}\n * @defaultValue \"Accent6\"\n * @private\n */\n get _effectiveBackgroundColor() {\n // we read the attribute, because the \"background-color\" property will always have a default value\n return this.getAttribute(\"color-scheme\") || this._colorScheme;\n }\n get _role() {\n return this._interactive ? \"button\" : \"img\";\n }\n get _ariaHasPopup() {\n return this._getAriaHasPopup();\n }\n get _fallbackIcon() {\n if (this.fallbackIcon === \"\") {\n this.fallbackIcon = \"employee\";\n }\n return this.fallbackIcon;\n }\n get _interactive() {\n return this.interactive && !this.disabled;\n }\n get validInitials() {\n // initials should consist of only 1,2 or 3 latin letters\n const validInitials = /^[a-zA-Zà-üÀ-Ü]{1,3}$/, areInitialsValid = this.initials && validInitials.test(this.initials);\n if (areInitialsValid) {\n return this.initials;\n }\n return null;\n }\n get accessibleNameText() {\n if (this.accessibleName) {\n return this.accessibleName;\n }\n return Avatar_1.i18nBundle.getText(AVATAR_TOOLTIP) || undefined;\n }\n get hasImage() {\n this._hasImage = !!this.image.length;\n return this._hasImage;\n }\n get initialsContainer() {\n return this.getDomRef().querySelector(\".ui5-avatar-initials\");\n }\n onBeforeRendering() {\n this._onclick = this._interactive ? this._onClickHandler.bind(this) : undefined;\n }\n async onAfterRendering() {\n await renderFinished();\n if (this.initials && !this.icon) {\n this._checkInitials();\n }\n }\n onEnterDOM() {\n this.initialsContainer && ResizeHandler.register(this.initialsContainer, this._handleResizeBound);\n }\n onExitDOM() {\n this.initialsContainer && ResizeHandler.deregister(this.initialsContainer, this._handleResizeBound);\n }\n handleResize() {\n if (this.initials && !this.icon) {\n this._checkInitials();\n }\n }\n _checkInitials() {\n const avatar = this.getDomRef(), avatarInitials = avatar.querySelector(\".ui5-avatar-initials\");\n // if there aren`t initalts set - the fallBack icon should be shown\n if (!this.validInitials) {\n avatarInitials.classList.add(\"ui5-avatar-initials-hidden\");\n return;\n }\n // if initials` width is bigger than the avatar, an icon should be shown inside the avatar\n avatarInitials && avatarInitials.classList.remove(\"ui5-avatar-initials-hidden\");\n if (this.initials && this.initials.length === 3) {\n if (avatarInitials && avatarInitials.scrollWidth > avatar.scrollWidth) {\n avatarInitials.classList.add(\"ui5-avatar-initials-hidden\");\n }\n }\n }\n _onClickHandler(e) {\n // prevent the native event and fire custom event to ensure the noConfict \"ui5-click\" is fired\n e.stopPropagation();\n this._fireClick();\n }\n _onkeydown(e) {\n if (!this._interactive) {\n return;\n }\n if (isEnter(e)) {\n this._fireClick();\n }\n if (isSpace(e)) {\n e.preventDefault(); // prevent scrolling\n }\n }\n _onkeyup(e) {\n if (this._interactive && !e.shiftKey && isSpace(e)) {\n this._fireClick();\n }\n }\n _fireClick() {\n this.fireEvent(\"click\");\n this.pressed = !this.pressed;\n }\n _onfocusout() {\n this.focused = false;\n }\n _onfocusin() {\n if (this._interactive) {\n this.focused = true;\n }\n }\n _getAriaHasPopup() {\n if (!this._interactive || this.ariaHaspopup === \"\") {\n return;\n }\n return this.ariaHaspopup;\n }\n};\n__decorate([\n property({ type: Boolean })\n], Avatar.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], Avatar.prototype, \"interactive\", void 0);\n__decorate([\n property({ type: Boolean })\n], Avatar.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Avatar.prototype, \"pressed\", void 0);\n__decorate([\n property()\n], Avatar.prototype, \"icon\", void 0);\n__decorate([\n property()\n], Avatar.prototype, \"fallbackIcon\", void 0);\n__decorate([\n property()\n], Avatar.prototype, \"initials\", void 0);\n__decorate([\n property({ type: AvatarShape, defaultValue: AvatarShape.Circle })\n], Avatar.prototype, \"shape\", void 0);\n__decorate([\n property({ type: AvatarSize, defaultValue: AvatarSize.S })\n], Avatar.prototype, \"size\", void 0);\n__decorate([\n property({ type: AvatarSize, defaultValue: AvatarSize.S })\n], Avatar.prototype, \"_size\", void 0);\n__decorate([\n property({ type: AvatarColorScheme, defaultValue: AvatarColorScheme.Accent6 })\n], Avatar.prototype, \"colorScheme\", void 0);\n__decorate([\n property({ type: AvatarColorScheme, defaultValue: AvatarColorScheme.Accent6 })\n], Avatar.prototype, \"_colorScheme\", void 0);\n__decorate([\n property()\n], Avatar.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], Avatar.prototype, \"ariaHaspopup\", void 0);\n__decorate([\n property({ noAttribute: true })\n], Avatar.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], Avatar.prototype, \"_hasImage\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true })\n], Avatar.prototype, \"image\", void 0);\n__decorate([\n slot()\n], Avatar.prototype, \"badge\", void 0);\nAvatar = Avatar_1 = __decorate([\n customElement({\n tag: \"ui5-avatar\",\n languageAware: true,\n renderer: litRender,\n styles: AvatarCss,\n template: AvatarTemplate,\n dependencies: [Icon],\n })\n /**\n * Fired on mouseup, space and enter if avatar is interactive\n * Note: The event will not be fired if the disabled\n * property is set to true.\n * @event\n * @private\n * @since 1.0.0-rc.11\n */\n ,\n event(\"click\")\n], Avatar);\nAvatar.define();\nexport default Avatar;\n//# sourceMappingURL=Avatar.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.hasImageContent ? block7.call(this, context, tags, suffix) : block8.call(this, context, tags, suffix)}${this.displayIconBegin ? block10.call(this, context, tags, suffix) : undefined}
${this.displayIconEnd ? block16.call(this, context, tags, suffix) : undefined}${this.typeDetail ? block17.call(this, context, tags, suffix) : undefined}${this.typeNavigation ? block18.call(this, context, tags, suffix) : undefined}${this.navigated ? block19.call(this, context, tags, suffix) : undefined}${this.placeSelectionElementAfter ? block20.call(this, context, tags, suffix) : undefined}${ifDefined(this._accInfo.listItemAriaLabel)}${ifDefined(this.accessibleName)}${ifDefined(this._accInfo.ariaSelectedText)}${this.hasDeleteButtonSlot ? block5.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix)}
`; }\nfunction block5(context, tags, suffix) { return html `${ifDefined(this.description)}${this.additionalText ? block12.call(this, context, tags, suffix) : undefined}
`; }\nfunction block12(context, tags, suffix) { return html `${ifDefined(this.additionalText)}`; }\nfunction block13(context, tags, suffix) { return html `${ifDefined(this.type)}`; }\nfunction block14(context, tags, suffix) { return html `${this.additionalText ? block15.call(this, context, tags, suffix) : undefined}`; }\nfunction block15(context, tags, suffix) { return html `${ifDefined(this.additionalText)}`; }\nfunction block16(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} part=\"icon\" name=\"${ifDefined(this.icon)}\" class=\"ui5-li-icon\" accessible-role=\"presentation\" aria-hidden=\"true\">` : html `<${scopeTag(\"ui5-button\", tags, suffix)} part=\"detail-button\" design=\"Transparent\" icon=\"edit\" @click=\"${this.onDetailClick}\">
` : html `${this.hasDeleteButtonSlot ? block24.call(this, context, tags, suffix) : block25.call(this, context, tags, suffix)}
`; }\nfunction block24(context, tags, suffix) { return html `ui5-li represents the simplest type of item for a ui5-list.\n *\n * This is a list item,\n * providing the most common use cases such as text,\n * image and icon.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-li exposes the following CSS Shadow Parts:\n * - \n *
- title - Used to style the title of the list item \n *
- description - Used to style the description of the list item \n *
- additional-text - Used to style the additionalText of the list item \n *
- icon - Used to style the icon of the list item \n *
- native-li - Used to style the main li tag of the list item \n *
- content - Used to style the content area of the list item \n *
- detail-button - Used to style the button rendered when the list item is of type detail \n *
- delete-button - Used to style the button rendered when the list item is in delete mode \n *
- radio - Used to style the radio button rendered when the list item is in single selection mode \n *
- checkbox - Used to style the checkbox rendered when the list item is in multiple selection mode \n *
${this.selectedOptionIcon ? block1.call(this, context, tags, suffix) : undefined}
` : html `${this.hasCustomLabel ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}
<${scopeTag(\"ui5-icon\", tags, suffix)} name=\"slim-arrow-down\" input-icon ?pressed=\"${this._iconPressed}\">${this.hasValueState ? block4.call(this, context, tags, suffix) : undefined}${this.selectedOptionIcon ? block1.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} aria-hidden=\"true\" class=\"ui5-select-option-icon\" name=\"${ifDefined(this.selectedOptionIcon)}\">` : html `${this.hasCustomLabel ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}
${ifDefined(this._headerTitleText)}<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this._toggleRespPopover}\">
${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}${ifDefined(this._headerTitleText)}
${this.hasValueStateText ? block3.call(this, context, tags, suffix) : undefined}${this.shouldDisplayDefaultValueStateMessage ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}
`; }\nfunction block4(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block5(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block6.call(this, context, tags, suffix, item, index))}`; }\nfunction block6(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block7(context, tags, suffix) { return html `${this.hasValueStateText ? block8.call(this, context, tags, suffix) : undefined}`; }\nfunction block8(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageInputIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block9.call(this, context, tags, suffix) : block10.call(this, context, tags, suffix)}
`; }\nfunction block9(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block10(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block11.call(this, context, tags, suffix, item, index))}`; }\nfunction block11(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block12(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag(\"ui5-li\", tags, suffix)} id=\"${ifDefined(item.id)}-li\" icon=\"${ifDefined(item.icon)}\" ?selected=\"${item.selected}\" ?focused=\"${item._focused}\" title=\"${ifDefined(item.title)}\" additional-text=\"${ifDefined(item.additionalText)}\" ?aria-selected=\"${item.selected}\" data-ui5-stable=\"${ifDefined(item.stableDomRef)}\">${ifDefined(item.textContent)}` : html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageInputIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block14.call(this, context, tags, suffix) : block15.call(this, context, tags, suffix)}
` : html ``; }\nfunction block14(context, tags, suffix) { return html `${ifDefined(this.valueStateText)}`; }\nfunction block15(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block16.call(this, context, tags, suffix, item, index))}`; }\nfunction block16(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nexport default block0;\n//# sourceMappingURL=SelectPopoverTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Select.css\", content: \":host{vertical-align:middle}[input-icon]{border-inline-start:var(--_ui5-v1-20-0_input_icon_border);border-radius:var(--_ui5-v1-20-0_input_icon_border_radius);color:var(--_ui5-v1-20-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-20-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-20-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-20-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host(:not([hidden])){display:inline-block}:host{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;height:var(--_ui5-v1-20-0_input_height);margin:var(--_ui5-v1-20-0_input_margin_top_bottom) 0;min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width));text-align:start;transition:var(--_ui5-v1-20-0_input_transition);width:var(--_ui5-v1-20-0_input_width)}:host(:not([readonly])),:host([readonly][disabled]){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){background-color:var(--sapField_Focus_Background);border-color:var(--_ui5-v1-20-0_input_focused_border_color)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v1-20-0_input_focus_outline_color);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:var(--ui5-v1-20-0_input_focus_pseudo_element_content);left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_bottom_border_color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-2px;content:\\\"\\\";height:var(--_ui5-v1-20-0_input_bottom_border_height);left:1px;position:absolute;transition:var(--_ui5-v1-20-0_input_transition);width:calc(100% - 2px)}.ui5-input-root{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:inline-block;height:100%;outline:none;overflow:hidden;position:relative;transition:border-color .2s ease-in-out;width:100%}:host([disabled]){background-color:var(--_ui5-v1-20-0-input_disabled_background);border-color:var(--_ui5-v1-20-0_input_disabled_border_color);cursor:default;opacity:var(--_ui5-v1-20-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;min-width:var(--_ui5-v1-20-0_input_min_width);outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-align:inherit;text-overflow:ellipsis;width:100%;word-spacing:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5-v1-20-0_input_inner_padding_with_icon)}.ui5-input-value-state-icon{align-items:center;display:var(--_ui5-v1-20-0-input-value-state-icon-display);height:100%}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}[inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}.ui5-input-content{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:flex;flex-direction:row;height:100%;justify-content:flex-end;outline:none;overflow:hidden}:host([readonly]:not([disabled])){background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_readonly_background);border-color:var(--_ui5-v1-20-0_input_readonly_border_color)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-20-0_input_hover_border);border-color:var(--_ui5-v1-20-0_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5-v1-20-0_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style);text-indent:var(--_ui5-v1-20-0_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5-v1-20-0_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{align-items:center;display:flex;height:100%;justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_min_width)}::slotted([ui5-icon][slot=icon]){align-self:start;box-sizing:content-box!important;padding:var(--_ui5-v1-20-0_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_icon_padding)}:host([value-state=Error][focused]) [input-icon],:host([value-state=Warning][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_focused_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_icon_padding)}:host([value-state=Information][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_focused_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_icon_padding)}:host([value-state=Error][focused]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error][focused]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_focused_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_icon_padding)}:host([value-state=Information][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_focused_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{align-items:center;box-sizing:border-box;display:flex;height:var(--_ui5-v1-20-0_input_icon_wrapper_height);justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_width);padding:0;width:var(--_ui5-v1-20-0_input_icon_width)}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{color:inherit;padding:0}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-select-root{border-radius:var(--_ui5-v1-20-0_input_border_radius);cursor:pointer;display:flex;height:100%;min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width));outline:none;overflow:hidden;width:100%}.ui5-select-label-root{align-self:center;color:var(--_ui5-v1-20-0_select_label_color);cursor:pointer;flex-grow:1;flex-shrink:1;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;min-width:1rem;outline:none;overflow:hidden;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.ui5-select-option-icon{align-self:center;color:var(--sapField_TextColor);padding-inline-start:.5rem}:host(:not([disabled])){cursor:pointer}\" };\nexport default styleData;\n//# sourceMappingURL=Select.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ResponsivePopoverCommon.css\", content: \".input-root-phone{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);flex:1;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);height:var(--_ui5-v1-20-0_input_height);position:relative}.input-root-phone [inner-input]{height:100%;padding:0 .5rem;width:100%}.input-root-phone [inner-input]:focus{background-color:var(--sapField_Focus_Background)}.input-root-phone:focus-within:before{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:\\\"\\\";left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.input-root-phone [value-state=Error] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Success] [input-icon][data-ui5-compact-size],.input-root-phone [value-state=Warning] [input-icon][data-ui5-compact-size]{padding:.1875rem .5rem}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:normal;line-height:normal;min-width:3rem;outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-overflow:ellipsis}[inner-input]::-moz-selection,[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}[inner-input]::-webkit-input-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}[inner-input]::-moz-placeholder{color:var(--sapField_PlaceholderTextColor);font-style:italic}.input-root-phone[value-state]:not([value-state=None]){border-width:var(--_ui5-v1-20-0_input_state_border_width)}.input-root-phone[value-state=Error] [inner-input],.input-root-phone[value-state=Warning] [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style)}.input-root-phone[value-state=Error] [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}.input-root-phone[value-state=Error]:not([readonly]){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}.input-root-phone[value-state=Error]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}.input-root-phone[value-state=Error]:not([readonly]):not([disabled]),.input-root-phone[value-state=Information]:not([readonly]):not([disabled]),.input-root-phone[value-state=Warning]:not([readonly]):not([disabled]){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}.input-root-phone[value-state=Warning]:not([readonly]){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}.input-root-phone[value-state=Warning]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}.input-root-phone[value-state=Success]:not([readonly]){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width)}.input-root-phone[value-state=Success]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}.input-root-phone[value-state=Success]:not([readonly]):focus-within:before{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}.input-root-phone[value-state=Information]:not([readonly]){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width)}.input-root-phone[value-state=Information]:not([readonly]) [inner-input]:focus{background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}.ui5-multi-combobox-toggle-button{margin-left:.5rem}.ui5-responsive-popover-header{display:flex;flex-direction:column;min-height:2.5rem;width:100%}.ui5-responsive-popover-header-text{width:calc(100% - var(--_ui5-v1-20-0_button_base_min_width))}.ui5-responsive-popover-header .row{align-items:center;box-sizing:border-box;display:flex;font-size:var(--sapFontHeader5Size);justify-content:center;min-height:2.5rem;padding:.25rem 1rem}.ui5-responsive-popover-footer{display:flex;justify-content:flex-end;padding:.25rem 0;width:100%}.ui5-responsive-popover-close-btn{position:absolute;right:1rem}\" };\nexport default styleData;\n//# sourceMappingURL=ResponsivePopoverCommon.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ValueStateMessage.css\", content: \".ui5-valuestatemessage-popover{border-radius:var(--_ui5-v1-20-0_value_state_message_popover_border_radius);box-shadow:var(--_ui5-v1-20-0_value_state_message_popover_box_shadow)}.ui5-input-value-state-message-icon{display:var(--_ui5-v1-20-0_input_value_state_icon_display);height:var(--_ui5-v1-20-0_value_state_message_icon_height);padding-right:.375rem;position:absolute;width:var(--_ui5-v1-20-0_value_state_message_icon_width)}.ui5-valuestatemessage-root .ui5-input-value-state-message-icon{left:var(--_ui5-v1-20-0_input_value_state_icon_offset)}.ui5-input-value-state-message-icon[name=error]{color:var(--sapNegativeElementColor)}.ui5-input-value-state-message-icon[name=alert]{color:var(--sapCriticalElementColor)}.ui5-input-value-state-message-icon[name=success]{color:var(--sapPositiveElementColor)}.ui5-input-value-state-message-icon[name=information]{color:var(--sapInformativeElementColor)}.ui5-valuestatemessage-root{border:var(--_ui5-v1-20-0_value_state_message_border);box-sizing:border-box;color:var(--sapTextColor);display:inline-block;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSmallSize);height:auto;min-width:6.25rem;overflow:hidden;padding:var(--_ui5-v1-20-0_value_state_message_padding);text-overflow:ellipsis}[ui5-popover] .ui5-valuestatemessage-header,[ui5-responsive-popover] .ui5-valuestatemessage-header{min-height:2rem}[ui5-responsive-popover] .ui5-valuestatemessage-header{border:var(--_ui5-v1-20-0_value_state_header_border);border-bottom:var(--_ui5-v1-20-0_value_state_header_border_bottom);padding:var(--_ui5-v1-20-0_value_state_header_padding)}.ui5-valuestatemessage--success{background:var(--sapSuccessBackground)}.ui5-valuestatemessage--warning{background:var(--sapWarningBackground)}.ui5-valuestatemessage--error{background:var(--sapErrorBackground)}.ui5-valuestatemessage--information{background:var(--sapInformationBackground)}.ui5-responsive-popover-header:focus,.ui5-responsive-popover-header[focused]{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v1-20-0_value_state_header_offset)}.ui5-valuestatemessage-popover::part(content),.ui5-valuestatemessage-popover::part(header){padding:0}.ui5-valuestatemessage-popover::part(footer),.ui5-valuestatemessage-popover::part(header){min-height:0}.ui5-suggestions-popover-with-value-state-header::part(header),.ui5-valuestatemessage-popover::part(header){margin-bottom:0}\" };\nexport default styleData;\n//# sourceMappingURL=ValueStateMessage.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/SelectPopover.css\", content: \".ui5-select-popover::part(content),.ui5-select-popover::part(header){padding:0}.ui5-select-popover [ui5-li]{height:var(--_ui5-v1-20-0_list_item_dropdown_base_height)}.ui5-select-popover [ui5-li]::part(icon){color:var(--sapList_TextColor)}\" };\nexport default styleData;\n//# sourceMappingURL=SelectPopover.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Select_1;\nimport 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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport connectToComponent from \"@ui5/webcomponents-base/dist/connectToComponent.js\";\nimport { isSpace, isUp, isDown, isEnter, isEscape, isHome, isEnd, isShow, isTabNext, isTabPrevious, } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport DOMReference from \"@ui5/webcomponents-base/dist/types/DOMReference.js\";\nimport announce from \"@ui5/webcomponents-base/dist/util/InvisibleMessage.js\";\nimport { getFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport InvisibleMessageMode from \"@ui5/webcomponents-base/dist/types/InvisibleMessageMode.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport List from \"./List.js\";\nimport { VALUE_STATE_SUCCESS, VALUE_STATE_INFORMATION, VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_INFORMATION, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_WARNING, INPUT_SUGGESTIONS_TITLE, LIST_ITEM_POSITION, SELECT_ROLE_DESCRIPTION, } from \"./generated/i18n/i18n-defaults.js\";\nimport Option from \"./Option.js\";\nimport Label from \"./Label.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport Popover from \"./Popover.js\";\nimport StandardListItem from \"./StandardListItem.js\";\nimport Icon from \"./Icon.js\";\nimport Button from \"./Button.js\";\n// Templates\nimport SelectTemplate from \"./generated/templates/SelectTemplate.lit.js\";\nimport SelectPopoverTemplate from \"./generated/templates/SelectPopoverTemplate.lit.js\";\n// Styles\nimport selectCss from \"./generated/themes/Select.css.js\";\nimport ResponsivePopoverCommonCss from \"./generated/themes/ResponsivePopoverCommon.css.js\";\nimport ValueStateMessageCss from \"./generated/themes/ValueStateMessage.css.js\";\nimport SelectPopoverCss from \"./generated/themes/SelectPopover.css.js\";\n/**\n * @class\n *\n * Overview
\n *\n * Theui5-select component is used to create a drop-down list.\n *\n * Usage
\n *\n * There are two main usages of theui5-select>.\n *\n * 1. With Option (ui5-option) web component:\n * \n * The available options of the Select are defined by using the Option component.\n * The Option comes with predefined design and layout, including
icon, text and additional-text.\n * \n *\n * 2. With SelectMenu (
ui5-select-menu) and SelectMenuOption (ui5-select-menu-option) web components:\n * \n * The SelectMenu can be used as alternative to define the Select's dropdown\n * and can be used via the
menu property of the Select to reference SelectMenu by its ID.\n * The component gives the possibility to customize the Select's dropdown\n * by slotting entirely custom options (via the SelectMenuOption component) and adding custom styles.\n *\n * Note: SelectMenu is a popover and placing it top-level in the HTML page is recommended,\n * because some page styles (for example transitions) can misplace the SelectMenu.\n *\n * Keyboard Handling
\n * Theui5-select provides advanced keyboard handling.\n * \n *
- \n *
- [F4, ALT+UP, ALT+DOWN, SPACE, ENTER] - Opens/closes the drop-down. \n *
- [UP, DOWN] - If the drop-down is closed - changes selection to the next or the previous option. If the drop-down is opened - moves focus to the next or the previous option. \n *
- [SPACE, ENTER] - If the drop-down is opened - selects the focused option. \n *
- [ESC] - Closes the drop-down without changing the selection. \n *
- [HOME] - Navigates to first option \n *
- [END] - Navigates to the last option \n *
\n *\n *
ES6 Module Import
\n *import \"@ui5/webcomponents/dist/Select\";\n * \n *
import \"@ui5/webcomponents/dist/Option\"; (comes with ui5-select)\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Select\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-select\n * @appenddocs sap.ui.webc.main.Option sap.ui.webc.main.SelectMenu sap.ui.webc.main.SelectMenuOption\n * @public\n * @since 0.8.0\n */\nlet Select = Select_1 = class Select extends UI5Element {\n constructor() {\n super();\n this._syncedOptions = [];\n this._selectedIndexBeforeOpen = -1;\n this._escapePressed = false;\n this._lastSelectedOption = null;\n this._typedChars = \"\";\n this._onMenuClick = this.onMenuClick.bind(this);\n this._onMenuClose = this.onMenuClose.bind(this);\n this._onMenuOpen = this.onMenuOpen.bind(this);\n this._onMenuBeforeOpen = this.onMenuBeforeOpen.bind(this);\n this._onMenuChange = this.onMenuChange.bind(this);\n this._attachMenuListeners = this.attachMenuListeners.bind(this);\n this._detachMenuListeners = this.detachMenuListeners.bind(this);\n }\n onBeforeRendering() {\n const menu = this._getSelectMenu();\n if (menu) {\n menu.value = this.value;\n // To cause invalidation when the menu is used for another Select that could have the same value as the previous.\n // Otherwise, the menu won't re-render.\n menu.selectId = this.__id;\n }\n else {\n this._syncSelection();\n }\n this._enableFormSupport();\n this.style.setProperty(getScopedVarName(\"--_ui5-input-icons-count\"), `${this.iconsCount}`);\n }\n onAfterRendering() {\n this.toggleValueStatePopover(this.shouldOpenValueStateMessagePopover);\n if (this._isPickerOpen) {\n if (!this._listWidth) {\n this._listWidth = this.responsivePopover.offsetWidth;\n }\n }\n this._attachRealDomRefs();\n }\n _onfocusin() {\n this.focused = true;\n }\n _onfocusout() {\n this.focused = false;\n }\n get _isPickerOpen() {\n const menu = this._getSelectMenu();\n if (menu) {\n return menu.open;\n }\n return !!this.responsivePopover && this.responsivePopover.opened;\n }\n async _respPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return staticAreaItem.querySelector(\"[ui5-responsive-popover]\");\n }\n /**\n * Defines the value of the component:\n * \n * - when get - returns the value of the component, e.g. the
value property of the selected option or its text content.\n * \n * - when set - selects the option with matching
value property or text content.\n * \n * Note: If the given value does not match any existing option,\n * the first option will get selected.\n *\n * @public\n * @type { string }\n * @defaultvalue \"\"\n * @name sap.ui.webc.main.Select.prototype.value\n * @since 1.20.0\n * @formProperty\n * @formEvents change liveChange\n */\n set value(newValue) {\n this.selectOptions.forEach(option => {\n option.selected = !!((option.value || option.textContent) === newValue);\n });\n }\n get value() {\n return this.selectedOption?.value || this.selectedOption?.textContent || \"\";\n }\n /**\n * Currently selected
ui5-option element.\n * @readonly\n * @type {sap.ui.webc.main.ISelectOption}\n * @name sap.ui.webc.main.Select.prototype.selectedOption\n * @public\n */\n get selectedOption() {\n return this.selectOptions.find(option => option.selected);\n }\n onMenuClick(e) {\n const optionIndex = e.detail.optionIndex;\n this._handleSelectionChange(optionIndex);\n }\n onMenuBeforeOpen() {\n this._beforeOpen();\n }\n onMenuOpen() {\n this._afterOpen();\n }\n onMenuClose() {\n this._afterClose();\n }\n onMenuChange(e) {\n this._text = e.detail.text;\n this._selectedIndex = e.detail.selectedIndex;\n }\n _toggleSelectMenu() {\n const menu = this._getSelectMenu();\n if (!menu) {\n return;\n }\n if (menu.open) {\n menu.close();\n }\n else {\n menu.showAt(this, this.offsetWidth);\n }\n }\n onExitDOM() {\n const menu = this._getSelectMenu();\n if (menu) {\n this._detachMenuListeners(menu);\n }\n }\n async _toggleRespPopover() {\n if (this.disabled) {\n return;\n }\n this._iconPressed = true;\n const menu = this._getSelectMenu();\n if (menu) {\n this._toggleSelectMenu();\n return;\n }\n this.responsivePopover = await this._respPopover();\n if (this._isPickerOpen) {\n this.responsivePopover.close();\n }\n else {\n this.responsivePopover.showAt(this);\n }\n }\n async _attachRealDomRefs() {\n this.responsivePopover = await this._respPopover();\n this.options.forEach(option => {\n option._getRealDomRef = () => this.responsivePopover.querySelector(`*[data-ui5-stable=${option.stableDomRef}]`);\n });\n }\n _syncSelection() {\n let lastSelectedOptionIndex = -1, firstEnabledOptionIndex = -1;\n const options = this._filteredItems;\n const syncOpts = options.map((opt, index) => {\n if (opt.selected) {\n lastSelectedOptionIndex = index;\n }\n if (firstEnabledOptionIndex === -1) {\n firstEnabledOptionIndex = index;\n }\n opt.selected = false;\n opt._focused = false;\n return {\n selected: false,\n _focused: false,\n icon: opt.icon,\n value: opt.value,\n textContent: opt.textContent,\n title: opt.title,\n additionalText: opt.additionalText,\n id: opt._id,\n stableDomRef: opt.stableDomRef,\n };\n });\n if (lastSelectedOptionIndex > -1) {\n syncOpts[lastSelectedOptionIndex].selected = true;\n syncOpts[lastSelectedOptionIndex]._focused = true;\n options[lastSelectedOptionIndex].selected = true;\n options[lastSelectedOptionIndex]._focused = true;\n this._text = syncOpts[lastSelectedOptionIndex].textContent;\n this._selectedIndex = lastSelectedOptionIndex;\n }\n else {\n this._text = \"\";\n this._selectedIndex = -1;\n if (syncOpts[firstEnabledOptionIndex]) {\n syncOpts[firstEnabledOptionIndex].selected = true;\n syncOpts[firstEnabledOptionIndex]._focused = true;\n options[firstEnabledOptionIndex].selected = true;\n options[firstEnabledOptionIndex]._focused = true;\n this._selectedIndex = firstEnabledOptionIndex;\n this._text = options[firstEnabledOptionIndex].textContent;\n }\n }\n this._syncedOptions = syncOpts;\n }\n _getSelectMenu() {\n return connectToComponent({\n host: this,\n propName: \"menu\",\n onConnect: this._attachMenuListeners,\n onDisconnect: this._detachMenuListeners,\n });\n }\n attachMenuListeners(menu) {\n menu.addEventListener(\"ui5-after-close\", this._onMenuClose);\n menu.addEventListener(\"ui5-after-open\", this._onMenuOpen);\n menu.addEventListener(\"ui5-before-open\", this._onMenuBeforeOpen);\n // @ts-ignore\n menu.addEventListener(\"ui5-option-click\", this._onMenuClick);\n // @ts-ignore\n menu.addEventListener(\"ui5-menu-change\", this._onMenuChange);\n }\n detachMenuListeners(menu) {\n menu.removeEventListener(\"ui5-after-close\", this._onMenuClose);\n menu.removeEventListener(\"ui5-after-open\", this._onMenuOpen);\n menu.removeEventListener(\"ui5-before-open\", this._onMenuBeforeOpen);\n // @ts-ignore\n menu.removeEventListener(\"ui5-option-click\", this._onMenuClick);\n // @ts-ignore\n menu.removeEventListener(\"ui5-menu-change\", this._onMenuChange);\n }\n _enableFormSupport() {\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport) {\n formSupport.syncNativeHiddenInput(this, (element, nativeInput) => {\n const selectElement = element;\n nativeInput.disabled = !!element.disabled;\n nativeInput.value = selectElement.value;\n });\n }\n else if (this.name) {\n console.warn(`In order for the \"name\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n }\n _onkeydown(e) {\n const isTab = (isTabNext(e) || isTabPrevious(e));\n if (isTab && this._isPickerOpen) {\n const menu = this._getSelectMenu();\n if (menu) {\n menu.close(false, false, true /* preventFocusRestore */);\n }\n else {\n this.responsivePopover.close();\n }\n }\n else if (isShow(e)) {\n e.preventDefault();\n this._toggleRespPopover();\n }\n else if (isSpace(e)) {\n e.preventDefault();\n }\n else if (isEscape(e) && this._isPickerOpen) {\n this._escapePressed = true;\n }\n else if (isHome(e)) {\n this._handleHomeKey(e);\n }\n else if (isEnd(e)) {\n this._handleEndKey(e);\n }\n else if (isEnter(e)) {\n this._handleSelectionChange();\n }\n else if (isUp(e) || isDown(e)) {\n this._handleArrowNavigation(e);\n }\n }\n _handleKeyboardNavigation(e) {\n if (isEnter(e)) {\n return;\n }\n const typedCharacter = e.key.toLowerCase();\n this._typedChars += typedCharacter;\n // We check if we have more than one characters and they are all duplicate, we set the\n // text to be the last input character (typedCharacter). If not, we set the text to be\n // the whole input string.\n const text = (/^(.)\\1+$/i).test(this._typedChars) ? typedCharacter : this._typedChars;\n clearTimeout(this._typingTimeoutID);\n this._typingTimeoutID = setTimeout(() => {\n this._typedChars = \"\";\n this._typingTimeoutID = -1;\n }, 1000);\n this._selectTypedItem(text);\n }\n _selectTypedItem(text) {\n const currentIndex = this._selectedIndex;\n const itemToSelect = this._searchNextItemByText(text);\n if (itemToSelect) {\n const nextIndex = this.selectOptions.indexOf(itemToSelect);\n this._changeSelectedItem(this._selectedIndex, nextIndex);\n if (currentIndex !== this._selectedIndex) {\n this.itemSelectionAnnounce();\n }\n }\n }\n _searchNextItemByText(text) {\n let orderedOptions = this.selectOptions.slice(0);\n const optionsAfterSelected = orderedOptions.splice(this._selectedIndex + 1, orderedOptions.length - this._selectedIndex);\n const optionsBeforeSelected = orderedOptions.splice(0, orderedOptions.length - 1);\n orderedOptions = optionsAfterSelected.concat(optionsBeforeSelected);\n return orderedOptions.find(option => (option.displayText || option.textContent || \"\").toLowerCase().startsWith(text));\n }\n _handleHomeKey(e) {\n e.preventDefault();\n this._changeSelectedItem(this._selectedIndex, 0);\n }\n _handleEndKey(e) {\n const lastIndex = this.selectOptions.length - 1;\n e.preventDefault();\n this._changeSelectedItem(this._selectedIndex, lastIndex);\n }\n _onkeyup(e) {\n if (isSpace(e)) {\n if (this._isPickerOpen) {\n this._handleSelectionChange();\n }\n else {\n this._toggleRespPopover();\n }\n }\n }\n _getSelectedItemIndex(item) {\n return this.selectOptions.findIndex(option => `${option._id}-li` === item.id);\n }\n _select(index) {\n this.selectOptions[this._selectedIndex].selected = false;\n if (this._selectedIndex !== index) {\n this.fireEvent(\"live-change\", { selectedOption: this.selectOptions[index] });\n }\n this._selectedIndex = index;\n this.selectOptions[index].selected = true;\n }\n /**\n * The user clicked on an item from the list\n * @private\n */\n _handleItemPress(e) {\n const item = e.detail.item;\n const selectedItemIndex = this._getSelectedItemIndex(item);\n this._handleSelectionChange(selectedItemIndex);\n }\n _itemMousedown(e) {\n // prevent actual focus of items\n e.preventDefault();\n }\n _onclick() {\n this.getFocusDomRef().focus();\n this._toggleRespPopover();\n }\n /**\n * The user selected an item with Enter or Space\n * @private\n */\n _handleSelectionChange(index = this._selectedIndex) {\n this._select(index);\n this._toggleRespPopover();\n }\n _scrollSelectedItem() {\n if (this._isPickerOpen) {\n const itemRef = this._currentlySelectedOption?.getDomRef();\n if (itemRef) {\n itemRef.scrollIntoView({\n behavior: \"auto\",\n block: \"nearest\",\n inline: \"nearest\",\n });\n }\n }\n }\n _handleArrowNavigation(e) {\n let nextIndex = -1;\n const currentIndex = this._selectedIndex;\n const isDownKey = isDown(e);\n e.preventDefault();\n if (isDownKey) {\n nextIndex = this._getNextOptionIndex();\n }\n else {\n nextIndex = this._getPreviousOptionIndex();\n }\n this._changeSelectedItem(this._selectedIndex, nextIndex);\n if (currentIndex !== this._selectedIndex) {\n // Announce new item even if picker is opened.\n // The aria-activedescendents attribute can't be used,\n // because listitem elements are in different shadow dom\n this.itemSelectionAnnounce();\n this._scrollSelectedItem();\n }\n }\n _changeSelectedItem(oldIndex, newIndex) {\n const options = this.selectOptions;\n const previousOption = options[oldIndex];\n previousOption.selected = false;\n previousOption._focused = false;\n previousOption.focused = false;\n const nextOption = options[newIndex];\n nextOption.selected = true;\n nextOption._focused = true;\n nextOption.focused = true;\n this._selectedIndex = newIndex;\n this.fireEvent(\"live-change\", { selectedOption: nextOption });\n if (!this._isPickerOpen) {\n // arrow pressed on closed picker - do selection change\n this._fireChangeEvent(nextOption);\n }\n }\n _getNextOptionIndex() {\n const menu = this._getSelectMenu();\n if (menu) {\n return this._selectedIndex === (menu.options.length - 1) ? this._selectedIndex : (this._selectedIndex + 1);\n }\n return this._selectedIndex === (this.options.length - 1) ? this._selectedIndex : (this._selectedIndex + 1);\n }\n _getPreviousOptionIndex() {\n return this._selectedIndex === 0 ? this._selectedIndex : (this._selectedIndex - 1);\n }\n _beforeOpen() {\n this._selectedIndexBeforeOpen = this._selectedIndex;\n this._lastSelectedOption = this.selectOptions[this._selectedIndex];\n }\n _afterOpen() {\n this.opened = true;\n this.fireEvent(\"open\");\n this.itemSelectionAnnounce();\n this._scrollSelectedItem();\n }\n _afterClose() {\n this.opened = false;\n this._iconPressed = false;\n this._listWidth = 0;\n if (this._escapePressed) {\n this._select(this._selectedIndexBeforeOpen);\n this._escapePressed = false;\n }\n else if (this._lastSelectedOption !== this.selectOptions[this._selectedIndex]) {\n this._fireChangeEvent(this.selectOptions[this._selectedIndex]);\n this._lastSelectedOption = this.selectOptions[this._selectedIndex];\n }\n this.fireEvent(\"close\");\n }\n get selectOptions() {\n const menu = this._getSelectMenu();\n if (menu) {\n return menu.options;\n }\n return this._filteredItems;\n }\n get hasCustomLabel() {\n return !!this.label.length;\n }\n _fireChangeEvent(selectedOption) {\n const changePrevented = !this.fireEvent(\"change\", { selectedOption }, true);\n // Angular two way data binding\n this.selectedItem = selectedOption.textContent;\n this.fireEvent(\"selected-item-changed\");\n if (changePrevented) {\n this.selectedItem = this._lastSelectedOption.textContent;\n this._select(this._selectedIndexBeforeOpen);\n }\n }\n get valueStateTextMappings() {\n return {\n [ValueState.Success]: Select_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n [ValueState.Information]: Select_1.i18nBundle.getText(VALUE_STATE_INFORMATION),\n [ValueState.Error]: Select_1.i18nBundle.getText(VALUE_STATE_ERROR),\n [ValueState.Warning]: Select_1.i18nBundle.getText(VALUE_STATE_WARNING),\n };\n }\n get valueStateTypeMappings() {\n return {\n [ValueState.Success]: Select_1.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n [ValueState.Information]: Select_1.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),\n [ValueState.Error]: Select_1.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n [ValueState.Warning]: Select_1.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n };\n }\n get valueStateText() {\n let valueStateText;\n if (this.shouldDisplayDefaultValueStateMessage) {\n valueStateText = this.valueStateDefaultText;\n }\n else {\n valueStateText = this.valueStateMessageText.map(el => el.textContent).join(\" \");\n }\n return `${this.valueStateTypeText} ${valueStateText}`;\n }\n get valueStateDefaultText() {\n return this.valueState !== ValueState.None ? this.valueStateTextMappings[this.valueState] : \"\";\n }\n get valueStateTypeText() {\n return this.valueState !== ValueState.None ? this.valueStateTypeMappings[this.valueState] : \"\";\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get valueStateTextId() {\n return this.hasValueState ? `${this._id}-valueStateDesc` : undefined;\n }\n get isDisabled() {\n return this.disabled || undefined;\n }\n get _headerTitleText() {\n return Select_1.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);\n }\n get _currentlySelectedOption() {\n return this.selectOptions[this._selectedIndex];\n }\n get _effectiveTabIndex() {\n return this.disabled\n || (this.responsivePopover // Handles focus on Tab/Shift + Tab when the popover is opened\n && this.responsivePopover.opened) ? \"-1\" : \"0\";\n }\n /**\n * This method is relevant for sap_horizon theme only\n */\n get _valueStateMessageInputIcon() {\n const iconPerValueState = {\n Error: \"error\",\n Warning: \"alert\",\n Success: \"sys-enter-2\",\n Information: \"information\",\n };\n return this.valueState !== ValueState.None ? iconPerValueState[this.valueState] : \"\";\n }\n get iconsCount() {\n return this.selectedOptionIcon ? 2 : 1;\n }\n get classes() {\n return {\n popoverValueState: {\n \"ui5-valuestatemessage-root\": true,\n \"ui5-valuestatemessage--success\": this.valueState === ValueState.Success,\n \"ui5-valuestatemessage--error\": this.valueState === ValueState.Error,\n \"ui5-valuestatemessage--warning\": this.valueState === ValueState.Warning,\n \"ui5-valuestatemessage--information\": this.valueState === ValueState.Information,\n },\n popover: {\n \"ui5-select-popover-valuestate\": this.hasValueState,\n },\n };\n }\n get styles() {\n return {\n popoverHeader: {\n \"max-width\": `${this.offsetWidth}px`,\n },\n responsivePopoverHeader: {\n \"display\": this._filteredItems.length && this._listWidth === 0 ? \"none\" : \"inline-block\",\n \"width\": `${this._filteredItems.length ? this._listWidth : this.offsetWidth}px`,\n },\n responsivePopover: {\n \"min-width\": `${this.offsetWidth}px`,\n },\n };\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n get valueStateMessageText() {\n return this.getSlottedNodes(\"valueStateMessage\").map(el => el.cloneNode(true));\n }\n get shouldDisplayDefaultValueStateMessage() {\n return !this.valueStateMessageText.length && this.hasValueStateText;\n }\n get hasValueStateText() {\n return this.hasValueState && this.valueState !== ValueState.Success;\n }\n get shouldOpenValueStateMessagePopover() {\n return this.focused && this.hasValueStateText && !this._iconPressed\n && !this._isPickerOpen && !this._isPhone;\n }\n get _ariaRoleDescription() {\n return Select_1.i18nBundle.getText(SELECT_ROLE_DESCRIPTION);\n }\n get _isPhone() {\n return isPhone();\n }\n get _filteredItems() {\n return this.options.filter(option => !option.disabled);\n }\n itemSelectionAnnounce() {\n let text;\n const optionsCount = this.selectOptions.length;\n const itemPositionText = Select_1.i18nBundle.getText(LIST_ITEM_POSITION, this._selectedIndex + 1, optionsCount);\n if (this.focused && this._currentlySelectedOption) {\n text = `${this._currentlySelectedOption.textContent} ${this._isPickerOpen ? itemPositionText : \"\"}`;\n announce(text, InvisibleMessageMode.Polite);\n }\n }\n async openValueStatePopover() {\n this.valueStatePopover = await this._getPopover();\n if (this.valueStatePopover) {\n this.valueStatePopover.showAt(this);\n }\n }\n closeValueStatePopover() {\n this.valueStatePopover && this.valueStatePopover.close();\n }\n toggleValueStatePopover(open) {\n if (open) {\n this.openValueStatePopover();\n }\n else {\n this.closeValueStatePopover();\n }\n }\n get selectedOptionIcon() {\n return this.selectedOption && this.selectedOption.icon;\n }\n async _getPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return staticAreaItem.querySelector(\"[ui5-popover]\");\n }\n static async onDefine() {\n Select_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property({ validator: DOMReference })\n], Select.prototype, \"menu\", void 0);\n__decorate([\n property({ type: Boolean })\n], Select.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], Select.prototype, \"name\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], Select.prototype, \"valueState\", void 0);\n__decorate([\n property({ type: Boolean })\n], Select.prototype, \"required\", void 0);\n__decorate([\n property()\n], Select.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], Select.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: String, noAttribute: true })\n], Select.prototype, \"_text\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], Select.prototype, \"_iconPressed\", void 0);\n__decorate([\n property({ type: Boolean })\n], Select.prototype, \"opened\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 0, noAttribute: true })\n], Select.prototype, \"_listWidth\", void 0);\n__decorate([\n property({ type: Boolean })\n], Select.prototype, \"focused\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: -1, noAttribute: true })\n], Select.prototype, \"_selectedIndex\", void 0);\n__decorate([\n slot({ \"default\": true, type: HTMLElement, invalidateOnChildChange: true })\n], Select.prototype, \"options\", void 0);\n__decorate([\n slot()\n], Select.prototype, \"formSupport\", void 0);\n__decorate([\n slot()\n], Select.prototype, \"valueStateMessage\", void 0);\n__decorate([\n slot()\n], Select.prototype, \"label\", void 0);\nSelect = Select_1 = __decorate([\n customElement({\n tag: \"ui5-select\",\n languageAware: true,\n renderer: litRender,\n template: SelectTemplate,\n staticAreaTemplate: SelectPopoverTemplate,\n styles: selectCss,\n staticAreaStyles: [\n ResponsivePopoverCommonCss,\n ValueStateMessageCss,\n SelectPopoverCss,\n ],\n dependencies: [\n Option,\n Label,\n ResponsivePopover,\n Popover,\n List,\n StandardListItem,\n Icon,\n Button,\n ],\n })\n /**\n * Fired when the selected option changes.\n *\n * @event sap.ui.webc.main.Select#change\n * @allowPreventDefault\n * @param {HTMLElement} selectedOption the selected option.\n * @public\n */\n ,\n event(\"change\", {\n detail: {\n selectedOption: { type: HTMLElement },\n },\n })\n /**\n * Fired when the user navigates through the options, but the selection is not finalized,\n * or when pressing the ESC key to revert the current selection.\n *\n * @event sap.ui.webc.main.Select#live-change\n * @param {HTMLElement} selectedOption the selected option.\n * @public\n * @since 1.17.0\n */\n ,\n event(\"live-change\", {\n detail: {\n option: { type: HTMLElement },\n },\n })\n /**\n * Fired after the component's dropdown menu opens.\n *\n * @event sap.ui.webc.main.Select#open\n * @public\n */\n ,\n event(\"open\")\n /**\n * Fired after the component's dropdown menu closes.\n *\n * @event sap.ui.webc.main.Select#close\n * @public\n */\n ,\n event(\"close\")\n], Select);\nSelect.define();\nexport default Select;\n//# sourceMappingURL=Select.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"multiselect-all\";\nconst pathData = \"M92 472l80-97 20 19L92 512l-60-59 20-20zm80-285l20 19L92 323l-60-59 20-19 40 38zm0-187l20 19L92 137 32 78l20-21 40 40zm292 65q16 0 16 16 0 6-4.5 11T464 97H273q-6 0-11-5t-5-11q0-7 5-11.5t11-4.5h191zm0 191q16 0 16 16 0 6-4.5 11t-11.5 5H273q-6 0-11-5t-5-11q0-7 5-11.5t11-4.5h191zm0 192q16 0 16 16 0 6-4.5 11t-11.5 5H273q-6 0-11-5t-5-11q0-7 5-11.5t11-4.5h191z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/multiselect-all\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"multiselect-all\";\nconst pathData = \"M198 0q11 0 18.5 7.5T224 26q0 8-6 16l-94 109q-7 9-19 9-11 0-19-8l-47-52q-7-7-7-17 0-11 7.5-18.5T58 57q10 0 19 9l27 30 75-87q8-9 19-9zm84 96q-11 0-18.5-7.5T256 70t7.5-18 18.5-7h172q11 0 18.5 7t7.5 18-7.5 18.5T454 96H282zm-84 80q11 0 18.5 7.5T224 202q0 8-6 16l-94 109q-7 9-19 9-11 0-19-8l-47-52q-7-7-7-17 0-11 7.5-18.5T58 233q10 0 19 9l27 30 75-87q8-9 19-9zm256 48q11 0 18.5 7.5T480 250t-7.5 18-18.5 7H282q-11 0-18.5-7t-7.5-18 7.5-18.5T282 224h172zM198 352q11 0 18.5 7.5T224 378q0 8-6 16l-94 109q-7 9-19 9-11 0-19-8l-47-52q-7-7-7-17 0-11 7.5-18.5T58 409q10 0 19 9l27 30 75-87q8-9 19-9zm256 64q11 0 18.5 7.5T480 442t-7.5 18-18.5 7H282q-11 0-18.5-7t-7.5-18 7.5-18.5T282 416h172z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/multiselect-all\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/multiselect-all.js\";\nimport { pathData as pathDatav5 } from \"./v5/multiselect-all.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"multiselect-all\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"not-editable\";\nconst pathData = \"M443 104q5 7 5 12 0 6-5 11L118 453q-4 4-8 4L0 480l22-110q0-5 4-9L352 36q4-4 11-4t11 4zm-121 99l-46-45L52 381l46 46zm87-88l-46-44-64 64 45 45zm71 204l-63 64-65-64-33 32 66 63-66 66 33 32 65-66 63 66 32-32-66-66 66-63z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/not-editable\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"not-editable\";\nconst pathData = \"M504 94q7 7 7 18t-7 18L130 505q-9 7-18 7H26q-11 0-18.5-7.5T0 486v-86q0-10 8-18L381 7q9-7 18-7 11 0 18 7zm-55 18l-50-50-50 50 50 50zm-86 86l-50-50L62 400l50 50zm142 270q7 7 7 18t-7.5 18.5T486 512t-18-7l-37-38-38 38q-7 7-18 7t-18.5-7.5T349 486q0-10 8-18l38-37-38-38q-8-8-8-18 0-11 7.5-18.5T375 349q10 0 18 8l38 37 37-37q8-8 18-8 11 0 18.5 7.5T512 375t-7 18l-38 38z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/not-editable\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/not-editable.js\";\nimport { pathData as pathDatav5 } from \"./v5/not-editable.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"not-editable\";\nexport { pathData, ltr, accData };","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n/**\n * @class\n * The ui5-cb-item represents the item for a ui5-combobox.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ComboBoxItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-cb-item\n * @implements sap.ui.webc.main.IComboBoxItem\n * @public\n */\nlet ComboBoxItem = class ComboBoxItem extends UI5Element {\n /**\n * Used to avoid tag name checks\n * @protected\n */\n get isGroupItem() {\n return false;\n }\n};\n__decorate([\n property()\n], ComboBoxItem.prototype, \"text\", void 0);\n__decorate([\n property()\n], ComboBoxItem.prototype, \"additionalText\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBoxItem.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBoxItem.prototype, \"selected\", void 0);\nComboBoxItem = __decorate([\n customElement(\"ui5-cb-item\")\n], ComboBoxItem);\nComboBoxItem.define();\nexport default ComboBoxItem;\n//# sourceMappingURL=ComboBoxItem.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport ComboBoxItem from \"./ComboBoxItem.js\";\n/**\n * @class\n * The ui5-mcb-item represents the item for a ui5-multi-combobox.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.MultiComboBoxItem\n * @extends sap.ui.webc.main.ComboBoxItem\n * @abstract\n * @tagname ui5-mcb-item\n * @implements sap.ui.webc.main.IMultiComboBoxItem\n * @public\n */\nlet MultiComboBoxItem = class MultiComboBoxItem extends ComboBoxItem {\n get stableDomRef() {\n return this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n }\n};\n__decorate([\n property({ type: Boolean })\n], MultiComboBoxItem.prototype, \"selected\", void 0);\nMultiComboBoxItem = __decorate([\n customElement(\"ui5-mcb-item\")\n], MultiComboBoxItem);\nMultiComboBoxItem.define();\nexport default MultiComboBoxItem;\n//# sourceMappingURL=MultiComboBoxItem.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n/**\n * @class\n * The ui5-mcb-group-item is type of suggestion item,\n * that can be used to split the ui5-multi-combobox suggestions into groups.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.MultiComboBoxGroupItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-mcb-group-item\n * @public\n * @implements sap.ui.webc.main.IMultiComboBoxItem\n * @since 1.4.0\n */\nlet MultiComboBoxGroupItem = class MultiComboBoxGroupItem extends UI5Element {\n /**\n * Used to avoid tag name checks\n * @protected\n */\n get isGroupItem() {\n return true;\n }\n get selected() {\n return false;\n }\n get stableDomRef() {\n return this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n }\n};\n__decorate([\n property()\n], MultiComboBoxGroupItem.prototype, \"text\", void 0);\nMultiComboBoxGroupItem = __decorate([\n customElement(\"ui5-mcb-group-item\")\n], MultiComboBoxGroupItem);\nMultiComboBoxGroupItem.define();\nexport default MultiComboBoxGroupItem;\n//# sourceMappingURL=MultiComboBoxGroupItem.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `ui5-li-groupheader is a special list item, used only to separate other list items into logical groups.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.GroupHeaderListItem\n * @extends sap.ui.webc.main.ListItemBase\n * @tagname ui5-li-groupheader\n * @implements sap.ui.webc.main.IListItem\n * @public\n */\nlet GroupHeaderListItem = GroupHeaderListItem_1 = class GroupHeaderListItem extends ListItemBase {\n get groupItem() {\n return true;\n }\n get groupHeaderText() {\n return GroupHeaderListItem_1.i18nBundle.getText(GROUP_HEADER_TEXT);\n }\n get ariaLabelText() {\n return [this.textContent, this.accessibleName].filter(Boolean).join(\" \");\n }\n static async onDefine() {\n GroupHeaderListItem_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property()\n], GroupHeaderListItem.prototype, \"accessibleName\", void 0);\nGroupHeaderListItem = GroupHeaderListItem_1 = __decorate([\n customElement({\n tag: \"ui5-li-groupheader\",\n languageAware: true,\n template: GroupHeaderListItemTemplate,\n styles: [ListItemBase.styles, groupheaderListItemCss],\n })\n], GroupHeaderListItem);\nGroupHeaderListItem.define();\nexport default GroupHeaderListItem;\n//# sourceMappingURL=GroupHeaderListItem.js.map","const tasks = new WeakMap();\nclass AnimationQueue {\n static get tasks() {\n return tasks;\n }\n static enqueue(element, task) {\n if (!tasks.has(element)) {\n tasks.set(element, []);\n }\n tasks.get(element).push(task);\n }\n static run(element, task) {\n if (!tasks.has(element)) {\n tasks.set(element, []);\n }\n return task().then(() => {\n const elementTasks = tasks.get(element);\n if (elementTasks.length > 0) {\n return AnimationQueue.run(element, elementTasks.shift());\n }\n tasks.delete(element);\n });\n }\n static push(element, task) {\n const elementTasks = tasks.get(element);\n if (elementTasks) {\n AnimationQueue.enqueue(element, task);\n }\n else {\n AnimationQueue.run(element, task);\n }\n }\n}\nexport default AnimationQueue;\n//# sourceMappingURL=AnimationQueue.js.map","import AnimationQueue from \"./AnimationQueue.js\";\nconst animate = (options) => {\n let start = null;\n let stopped = false;\n let animationFrame;\n let stop;\n let advanceAnimation;\n const promise = new Promise((resolve, reject) => {\n advanceAnimation = timestamp => {\n start = start || timestamp;\n const timeElapsed = timestamp - start;\n const remaining = options.duration - timeElapsed;\n if (timeElapsed <= options.duration) {\n const currentAdvance = 1 - remaining / options.duration; // easing formula (currently linear)\n options.advance(currentAdvance);\n if (!stopped) {\n animationFrame = requestAnimationFrame(advanceAnimation);\n }\n }\n else {\n options.advance(1);\n resolve();\n }\n };\n stop = () => {\n stopped = true;\n cancelAnimationFrame(animationFrame);\n reject(new Error(\"animation stopped\"));\n };\n }).catch((reason) => reason);\n AnimationQueue.push(options.element, () => {\n if (typeof options.beforeStart === \"function\") {\n options.beforeStart();\n }\n requestAnimationFrame(advanceAnimation);\n return new Promise(resolve => {\n promise.then(() => resolve());\n });\n });\n return {\n promise: () => promise,\n stop: () => stop,\n };\n};\nconst duration = 400;\nexport { duration };\nexport default animate;\n//# sourceMappingURL=animate.js.map","import animate, { duration } from \"./animate.js\";\nconst scroll = (element, dx, dy) => {\n let scrollLeft;\n let scrollTop;\n return animate({\n beforeStart: () => {\n scrollLeft = element.scrollLeft;\n scrollTop = element.scrollTop;\n },\n duration,\n element,\n advance: progress => {\n element.scrollLeft = scrollLeft + (progress * dx); // easing - linear\n element.scrollTop = scrollTop + (progress * dy); // easing - linear\n },\n });\n};\nexport default scroll;\n//# sourceMappingURL=scroll.js.map","import { supportsTouch } from \"../Device.js\";\nimport EventProvider from \"../EventProvider.js\";\nimport scroll from \"../animations/scroll.js\";\nconst scrollEventName = \"scroll\";\nconst touchEndEventName = supportsTouch() ? \"touchend\" : \"mouseup\";\nclass ScrollEnablement extends EventProvider {\n constructor(containerComponent) {\n super();\n this.supportsTouch = supportsTouch();\n this.containerComponent = containerComponent;\n this.mouseMove = this.ontouchmove.bind(this);\n this.mouseUp = this.ontouchend.bind(this);\n this.touchStart = this.ontouchstart.bind(this);\n this.supportsTouch = supportsTouch();\n // On Android devices touchmove is thrown one more time than neccessary (together with touchend)\n // so we have to cache the previus coordinates in order to provide correct parameters in the\n // event for Android\n this.cachedValue = { dragX: 0, dragY: 0 };\n // In components like Carousel you need to know if the user has clicked on something or swiped\n // in order to throw the needed event or not\n this.startX = 0;\n this.startY = 0;\n if (this.supportsTouch) {\n containerComponent.addEventListener(\"touchstart\", this.touchStart, { passive: true });\n containerComponent.addEventListener(\"touchmove\", this.mouseMove, { passive: true });\n containerComponent.addEventListener(\"touchend\", this.mouseUp, { passive: true });\n }\n else {\n containerComponent.addEventListener(\"mousedown\", this.touchStart, { passive: true });\n }\n }\n set scrollContainer(container) {\n this._container = container;\n }\n get scrollContainer() {\n return this._container;\n }\n /**\n * Scrolls the container to the left/top position, retrying retryCount times, if the container is not yet painted\n *\n * @param left\n * @param top\n * @param retryCount\n * @param retryInterval\n * @returns {Promise${repeat(this.tokens, (item, index) => item._id || index, (item, index) => block1.call(this, context, tags, suffix, item, index))}
${this.showNMore ? block2.call(this, context, tags, suffix) : undefined}${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}
<${scopeTag(\"ui5-list\", tags, suffix)} class=\"ui5-tokenizer-list\" mode=\"Delete\" @ui5-item-delete=${ifDefined(this.itemDelete)}>${repeat(this._tokens, (item, index) => item._id || index, (item, index) => block4.call(this, context, tags, suffix, item, index))}${this._isPhone ? block5.call(this, context, tags, suffix) : undefined}` : html `${this._isPhone ? block1.call(this, context, tags, suffix) : undefined}${!this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}
<${scopeTag(\"ui5-title\", tags, suffix)} level=\"H5\" class=\"ui5-responsive-popover-header-text\">${ifDefined(this.morePopoverTitle)}<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this.closeMorePopover}\">
` : html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}
` : html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block3.call(this, context, tags, suffix, item, index))}
`; }\nfunction block3(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block4(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag(\"ui5-li\", tags, suffix)} .tokenRef=${ifDefined(item)} wrapping-type=\"Normal\">${ifDefined(item.text)}` : html `Overview
\n *\n * A container for tokens.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Tokenizer\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-tokenizer\n * @usestextcontent\n * @private\n */\nlet Tokenizer = Tokenizer_1 = class Tokenizer extends UI5Element {\n _handleResize() {\n this._nMoreCount = this.overflownTokens.length;\n }\n constructor() {\n super();\n this._resizeHandler = this._handleResize.bind(this);\n this._itemNav = new ItemNavigation(this, {\n currentIndex: -1,\n getItemsCallback: this._getVisibleTokens.bind(this),\n });\n this._scrollEnablement = new ScrollEnablement(this);\n }\n onBeforeRendering() {\n this._nMoreCount = this.overflownTokens.length;\n this._tokensCount = this._getTokens().length;\n this._tokens.forEach(token => {\n token.singleToken = this._tokens.length === 1;\n });\n if (!this._tokens.length) {\n this.closeMorePopover();\n }\n }\n onEnterDOM() {\n ResizeHandler.register(this.contentDom, this._resizeHandler);\n }\n onExitDOM() {\n ResizeHandler.deregister(this.contentDom, this._resizeHandler);\n }\n async _openMorePopoverAndFireEvent() {\n if (!this.preventPopoverOpen) {\n await this.openMorePopover();\n }\n this.fireEvent(\"show-more-items-press\");\n }\n async openMorePopover() {\n (await this.getPopover()).showAt(this.morePopoverOpener || this);\n }\n _getTokens() {\n return this.getSlottedNodes(\"tokens\");\n }\n get _tokens() {\n return this.getSlottedNodes(\"tokens\");\n }\n _onmousedown(e) {\n if (e.target.hasAttribute(\"ui5-token\")) {\n const target = e.target;\n if (!target.toBeDeleted) {\n this._itemNav.setCurrentItem(target);\n }\n }\n }\n onTokenSelect() {\n const tokens = this._getTokens();\n if (tokens.length === 1 && tokens[0].isTruncatable) {\n if (tokens[0].selected) {\n this.openMorePopover();\n }\n else {\n this.closeMorePopover();\n }\n }\n }\n _getVisibleTokens() {\n if (this.disabled) {\n return [];\n }\n return this._tokens.filter((token, index) => {\n return index < (this._tokens.length - this._nMoreCount);\n });\n }\n async onAfterRendering() {\n if (!this._getTokens().length) {\n const popover = await this.getPopover();\n popover.close();\n }\n this._scrollEnablement.scrollContainer = (this.expanded || !this.narrowContentDom) ? this.expandedContentDom : this.narrowContentDom;\n if (this.expanded) {\n this._expandedScrollWidth = this.expandedContentDom.scrollWidth;\n this.scrollToEnd();\n }\n if (!this.expanded) {\n this.scrollToStart();\n }\n }\n _delete(e) {\n const target = e.target;\n if (!e.detail) { // if there are no details, the event is triggered by a click\n this._tokenClickDelete(e, target);\n if (this._getTokens().length) {\n this.closeMorePopover();\n }\n return;\n }\n if (this._selectedTokens.length) {\n this._selectedTokens.forEach(token => this.deleteToken(token, e.detail.backSpace));\n }\n else {\n this.deleteToken(target, e.detail.backSpace);\n }\n }\n _tokenClickDelete(e, token) {\n const tokens = this._getVisibleTokens();\n const target = e.target;\n const deletedTokenIndex = token ? tokens.indexOf(token) : tokens.indexOf(target); // The index of the token that just got deleted\n const nextTokenIndex = deletedTokenIndex === tokens.length - 1 ? deletedTokenIndex - 1 : deletedTokenIndex + 1; // The index of the next token that needs to be focused next due to the deletion\n const nextToken = tokens[nextTokenIndex]; // if the last item was deleted this will be undefined\n this._handleCurrentItemAfterDeletion(nextToken);\n this.fireEvent(\"token-delete\", { ref: token || target });\n }\n _handleCurrentItemAfterDeletion(nextToken) {\n if (nextToken && !isPhone()) {\n this._itemNav.setCurrentItem(nextToken); // update the item navigation with the new token or undefined, if the last was deleted\n setTimeout(() => {\n nextToken.focus();\n }, 0);\n }\n }\n /**\n * Removes a token from the Tokenizer.\n * This method should only be used by ui5-multi-combobox and ui5-multi-input\n *\n * @protected\n * @param token Token to be focused.\n * @param forwardFocusToPrevious Indicates whether the focus will be forwarded to previous or next token after deletion.\n */\n deleteToken(token, forwardFocusToPrevious) {\n const tokens = this._getVisibleTokens();\n const deletedTokenIndex = tokens.indexOf(token);\n let nextTokenIndex = (deletedTokenIndex === tokens.length - 1) ? deletedTokenIndex - 1 : deletedTokenIndex + 1;\n const notSelectedTokens = tokens.filter(t => !t.selected);\n if (forwardFocusToPrevious) { // on backspace key select the previous item (unless deleting the first)\n nextTokenIndex = deletedTokenIndex === 0 ? deletedTokenIndex + 1 : deletedTokenIndex - 1;\n }\n else { // on delete key or mouse click on the \"x\" select the next item (unless deleting the last)\n nextTokenIndex = deletedTokenIndex === tokens.length - 1 ? deletedTokenIndex - 1 : deletedTokenIndex + 1;\n }\n let nextToken = tokens[nextTokenIndex];\n if (notSelectedTokens.length > 1) {\n while (nextToken && nextToken.selected) {\n nextToken = forwardFocusToPrevious ? tokens[--nextTokenIndex] : tokens[++nextTokenIndex];\n }\n }\n else {\n nextToken = notSelectedTokens[0];\n }\n this._handleCurrentItemAfterDeletion(nextToken);\n this.fireEvent(\"token-delete\", { ref: token });\n }\n async itemDelete(e) {\n const token = e.detail.item.tokenRef;\n // delay the token deletion in order to close the popover before removing token of the DOM\n if (this._getTokens().length === 1 && this._getTokens()[0].isTruncatable) {\n const morePopover = await this.getPopover();\n morePopover.addEventListener(\"ui5-after-close\", () => {\n this.fireEvent(\"token-delete\", { ref: token });\n }, {\n once: true,\n });\n morePopover.close();\n }\n else {\n this.fireEvent(\"token-delete\", { ref: token });\n }\n }\n handleBeforeClose() {\n if (isPhone()) {\n this._getTokens().forEach(token => {\n token.selected = false;\n });\n }\n }\n handleBeforeOpen() {\n this.fireEvent(\"before-more-popover-open\");\n }\n _onkeydown(e) {\n if (isSpaceShift(e)) {\n e.preventDefault();\n }\n if (isSpace(e) || isSpaceCtrl(e)) {\n e.preventDefault();\n return this._handleTokenSelection(e, false);\n }\n if (isHomeShift(e)) {\n this._handleHomeShift(e);\n }\n if (isEndShift(e)) {\n this._handleEndShift(e);\n }\n this._handleItemNavigation(e, this._tokens);\n }\n _handleItemNavigation(e, tokens) {\n const isCtrl = !!(e.metaKey || e.ctrlKey);\n const target = e.target;\n if (isLeftCtrl(e) || isRightCtrl(e) || isDownCtrl(e) || isUpCtrl(e)) {\n return this._handleArrowCtrl(e, target, tokens, isRightCtrl(e) || isDownCtrl(e));\n }\n if (isLeftShift(e) || isRightShift(e) || isUpShift(e) || isDownShift(e) || isLeftShiftCtrl(e) || isRightShiftCtrl(e)) {\n e.preventDefault();\n return this._handleArrowShift(target, tokens, (isRightShift(e) || isRightShiftCtrl(e) || isDownShift(e)));\n }\n if (isHome(e) || isEnd(e) || isHomeCtrl(e) || isEndCtrl(e)) {\n e.preventDefault();\n return this._handleHome(tokens, isEnd(e) || isEndCtrl(e));\n }\n if (isCtrl && e.key.toLowerCase() === \"a\") {\n e.preventDefault();\n return this._toggleTokenSelection(tokens);\n }\n if (isLeft(e) || isRight(e) || isUp(e) || isDown(e)) {\n const nextTokenIdx = this._calcNextTokenIndex(this._tokens.find(token => token.focused), tokens, (isRight(e) || isDown(e)));\n this._scrollToToken(tokens[nextTokenIdx]);\n }\n }\n _handleHome(tokens, endKeyPressed) {\n if (!tokens || !tokens.length) {\n return -1;\n }\n const index = endKeyPressed ? tokens.length - 1 : 0;\n tokens[index].focus();\n this._itemNav.setCurrentItem(tokens[index]);\n }\n _handleHomeShift(e) {\n const tokens = this.tokens;\n const target = e.target;\n const currentTokenIdx = tokens.indexOf(target);\n tokens.filter((token, index) => index <= currentTokenIdx).forEach(token => {\n token.selected = true;\n });\n tokens[0].focus();\n this._itemNav.setCurrentItem(tokens[0]);\n }\n _handleEndShift(e) {\n const tokens = this.tokens;\n const target = e.target;\n const currentTokenIdx = tokens.indexOf(target);\n tokens.filter((token, index) => index >= currentTokenIdx).forEach(token => {\n token.selected = true;\n });\n tokens[tokens.length - 1].focus();\n this._itemNav.setCurrentItem(tokens[tokens.length - 1]);\n }\n _calcNextTokenIndex(focusedToken, tokens, backwards) {\n if (!tokens.length) {\n return -1;\n }\n const focusedTokenIndex = tokens.indexOf(focusedToken);\n let nextIndex = backwards ? (focusedTokenIndex + 1) : (focusedTokenIndex - 1);\n if (nextIndex >= tokens.length) {\n nextIndex = tokens.length - 1;\n }\n if (nextIndex < 0) {\n nextIndex = 0;\n }\n return nextIndex;\n }\n _handleArrowCtrl(e, focusedToken, tokens, backwards) {\n const nextIndex = this._calcNextTokenIndex(focusedToken, tokens, backwards);\n e.preventDefault();\n if (nextIndex === -1) {\n return;\n }\n setTimeout(() => {\n tokens[nextIndex].focus();\n }, 0);\n this._scrollToToken(tokens[nextIndex]);\n this._itemNav.setCurrentItem(tokens[nextIndex]);\n }\n _handleArrowShift(focusedToken, tokens, backwards) {\n const focusedTokenIndex = tokens.indexOf(focusedToken);\n const nextIndex = backwards ? (focusedTokenIndex + 1) : (focusedTokenIndex - 1);\n if (nextIndex === -1 || nextIndex === tokens.length) {\n return;\n }\n focusedToken.selected = true;\n tokens[nextIndex].selected = true;\n setTimeout(() => {\n tokens[nextIndex].focus();\n }, 0);\n this._scrollToToken(tokens[nextIndex]);\n this._itemNav.setCurrentItem(tokens[nextIndex]);\n }\n _click(e) {\n this._handleTokenSelection(e);\n }\n _toggleTokenSelection(tokens) {\n if (!tokens || !tokens.length) {\n return;\n }\n const tokensAreSelected = tokens.every(token => token.selected);\n tokens.forEach(token => { token.selected = !tokensAreSelected; });\n }\n _handleTokenSelection(e, deselectAll = true) {\n const target = e.target;\n if (target.hasAttribute(\"ui5-token\")) {\n const deselectTokens = deselectAll ? this._tokens : [];\n deselectTokens.forEach(token => {\n if (token !== target) {\n token.selected = false;\n }\n });\n }\n }\n _fillClipboard(shortcutName, tokens) {\n const tokensTexts = tokens.filter(token => token.selected).map(token => token.text).join(\"\\r\\n\");\n /* fill clipboard with tokens' texts so parent can handle creation */\n const cutToClipboard = (e) => {\n if (e.clipboardData) {\n e.clipboardData.setData(\"text/plain\", tokensTexts);\n }\n e.preventDefault();\n };\n document.addEventListener(shortcutName, cutToClipboard);\n document.execCommand(shortcutName);\n document.removeEventListener(shortcutName, cutToClipboard);\n }\n /**\n * Scrolls the container of the tokens to its beginning.\n * This method is used by MultiInput and MultiComboBox.\n * @private\n */\n scrollToStart() {\n if (this._scrollEnablement.scrollContainer) {\n this._scrollEnablement.scrollTo(0, 0);\n }\n }\n /**\n * Scrolls the container of the tokens to its end when expanded.\n * This method is used by MultiInput and MultiComboBox.\n * @private\n */\n scrollToEnd() {\n const expandedTokenizerScrollWidth = this.expandedContentDom && (this.effectiveDir !== \"rtl\" ? this.expandedContentDom.scrollWidth : -this.expandedContentDom.scrollWidth);\n if (this._scrollEnablement.scrollContainer) {\n this._scrollEnablement.scrollTo(expandedTokenizerScrollWidth, 0, 5, 10);\n }\n }\n /**\n * Scrolls token to the visible area of the container.\n * Adds 4 pixels to the scroll position to ensure padding and border visibility on both ends\n * @private\n */\n _scrollToToken(token) {\n if (!this.expandedContentDom) {\n return;\n }\n const tokenRect = token.getBoundingClientRect();\n const tokenContainerRect = this.expandedContentDom.getBoundingClientRect();\n if (tokenRect.left < tokenContainerRect.left) {\n this._scrollEnablement.scrollTo(this.expandedContentDom.scrollLeft - (tokenContainerRect.left - tokenRect.left + 5), 0);\n }\n else if (tokenRect.right > tokenContainerRect.right) {\n this._scrollEnablement.scrollTo(this.expandedContentDom.scrollLeft + (tokenRect.right - tokenContainerRect.right + 5), 0);\n }\n }\n async closeMorePopover() {\n (await this.getPopover()).close(false, false, true);\n }\n get _nMoreText() {\n if (this._getVisibleTokens().length) {\n return Tokenizer_1.i18nBundle.getText(MULTIINPUT_SHOW_MORE_TOKENS, this._nMoreCount);\n }\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_SHOW_ALL_ITEMS, this._nMoreCount);\n }\n get showNMore() {\n return !this.expanded && this.showMore && !!this.overflownTokens.length;\n }\n get contentDom() {\n return this.shadowRoot.querySelector(\".ui5-tokenizer--content\");\n }\n get expandedContentDom() {\n return this.shadowRoot.querySelector(\".ui5-tokenizer-expanded--content\");\n }\n get narrowContentDom() {\n return this.shadowRoot.querySelector(\".ui5-tokenizer-nmore--content\");\n }\n get tokenizerLabel() {\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_ARIA_LABEL);\n }\n get morePopoverTitle() {\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_POPOVER_REMOVE);\n }\n get overflownTokens() {\n if (!this.contentDom) {\n return [];\n }\n // Reset the overflow prop of the tokens first in order\n // to use their dimensions for calculation because already\n // hidden tokens are set to 'display: none'\n this._getTokens().forEach(token => {\n token.overflows = false;\n });\n return this._getTokens().filter(token => {\n const parentRect = this.contentDom.getBoundingClientRect();\n const tokenRect = token.getBoundingClientRect();\n const tokenEnd = Number(tokenRect.right.toFixed(2));\n const parentEnd = Number(parentRect.right.toFixed(2));\n const tokenStart = Number(tokenRect.left.toFixed(2));\n const parentStart = Number(parentRect.left.toFixed(2));\n token.overflows = !this.expanded && ((tokenStart < parentStart) || (tokenEnd > parentEnd));\n return token.overflows;\n });\n }\n get hasValueState() {\n return this.valueState === ValueState.None || this.valueState === ValueState.Success;\n }\n get valueStateMessageText() {\n return this.getSlottedNodes(\"valueStateMessage\").map(el => el.cloneNode(true));\n }\n /**\n * This method is relevant for sap_horizon theme only\n */\n get _valueStateMessageIcon() {\n const iconPerValueState = {\n Error: \"error\",\n Warning: \"alert\",\n Success: \"sys-enter-2\",\n Information: \"information\",\n };\n return this.valueState !== ValueState.None ? iconPerValueState[this.valueState] : \"\";\n }\n get _isPhone() {\n return isPhone();\n }\n get _selectedTokens() {\n return this._getTokens().filter(token => token.selected);\n }\n get classes() {\n return {\n wrapper: {\n \"ui5-tokenizer-root\": true,\n \"ui5-tokenizer-nmore--wrapper\": this.showMore,\n \"ui5-tokenizer-no-padding\": !this._getTokens().length,\n },\n content: {\n \"ui5-tokenizer--content\": true,\n \"ui5-tokenizer-expanded--content\": !this.showNMore,\n \"ui5-tokenizer-nmore--content\": this.showNMore,\n },\n popoverValueState: {\n \"ui5-valuestatemessage-root\": true,\n \"ui5-responsive-popover-header\": true,\n \"ui5-valuestatemessage--success\": this.valueState === ValueState.Success,\n \"ui5-valuestatemessage--error\": this.valueState === ValueState.Error,\n \"ui5-valuestatemessage--warning\": this.valueState === ValueState.Warning,\n \"ui5-valuestatemessage--information\": this.valueState === ValueState.Information,\n },\n };\n }\n get styles() {\n return {\n popover: {\n \"min-width\": this.popoverMinWidth ? `${this.popoverMinWidth}px` : \"\",\n },\n popoverValueStateMessage: {\n \"width\": this.popoverMinWidth && !isPhone() ? `${this.popoverMinWidth}px` : \"100%\",\n \"min-height\": \"2rem\",\n },\n popoverHeader: {\n \"min-height\": \"2rem\",\n },\n popoverHeaderTitle: {\n \"justify-content\": \"left\",\n },\n };\n }\n _tokensCountText() {\n const iTokenCount = this._getTokens().length;\n if (iTokenCount === 0) {\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_ARIA_CONTAIN_TOKEN);\n }\n if (iTokenCount === 1) {\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_ARIA_CONTAIN_ONE_TOKEN);\n }\n return Tokenizer_1.i18nBundle.getText(TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS, iTokenCount);\n }\n /**\n * @protected\n */\n _focusLastToken() {\n if (this.tokens.length === 0) {\n return;\n }\n const lastToken = this.tokens[this.tokens.length - 1];\n lastToken.focus();\n this._itemNav.setCurrentItem(lastToken);\n }\n static async onDefine() {\n Tokenizer_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n async getPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return staticAreaItem.querySelector(\"[ui5-responsive-popover]\");\n }\n};\n__decorate([\n property({ type: Boolean })\n], Tokenizer.prototype, \"showMore\", void 0);\n__decorate([\n property({ type: Boolean })\n], Tokenizer.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], Tokenizer.prototype, \"preventPopoverOpen\", void 0);\n__decorate([\n property({ type: Boolean })\n], Tokenizer.prototype, \"expanded\", void 0);\n__decorate([\n property({ type: Object })\n], Tokenizer.prototype, \"morePopoverOpener\", void 0);\n__decorate([\n property({ validator: Integer })\n], Tokenizer.prototype, \"popoverMinWidth\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], Tokenizer.prototype, \"valueState\", void 0);\n__decorate([\n property({ validator: Integer })\n], Tokenizer.prototype, \"_nMoreCount\", void 0);\n__decorate([\n property({ validator: Integer })\n], Tokenizer.prototype, \"_tokensCount\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n], Tokenizer.prototype, \"tokens\", void 0);\n__decorate([\n slot()\n], Tokenizer.prototype, \"valueStateMessage\", void 0);\nTokenizer = Tokenizer_1 = __decorate([\n customElement({\n tag: \"ui5-tokenizer\",\n languageAware: true,\n renderer: litRender,\n template: TokenizerTemplate,\n styles: TokenizerCss,\n staticAreaStyles: [\n ResponsivePopoverCommonCss,\n ValueStateMessageCss,\n SuggestionsCss,\n TokenizerPopoverCss,\n ],\n staticAreaTemplate: TokenizerPopoverTemplate,\n dependencies: [\n ResponsivePopover,\n List,\n StandardListItem,\n Title,\n Button,\n ],\n }),\n event(\"token-delete\", {\n detail: {\n ref: { type: HTMLElement },\n },\n }),\n event(\"show-more-items-press\", {\n detail: {\n ref: { type: HTMLElement },\n },\n }),\n event(\"before-more-popover-open\", {\n detail: {},\n })\n], Tokenizer);\nTokenizer.define();\nexport default Tokenizer;\nexport { ClipboardDataOperation };\n//# sourceMappingURL=Tokenizer.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"sys-cancel\";\nconst pathData = \"M512 256q0 54-20 100.5t-54.5 81T356 492t-100 20q-54 0-100.5-20t-81-55T20 355.5 0 256t20.5-100 55-81.5T157 20t99-20q53 0 100 20t81.5 54.5T492 156t20 100zm-32 0q0-47-17.5-87.5t-48-71-71.5-48T256 32t-87 18-71.5 48.5-48 71T32 256q0 47 17.5 88t48 71 71.5 47.5 87 17.5q47 0 88-17.5t71-47.5 47.5-71 17.5-88zm-186-7q-5 3-1 9l89 89q9 8 0 17l-16 17q-8 4-9 4t-9-4l-89-89q-1-2-4-2-4 0-5 2l-88 89q-6 4-9 4-1 0-9-4l-16-17q-8-9 0-17l88-89q5-5 0-9l-88-89q-8-9 0-17l16-17q4-4 9-4t9 4l88 89q2 2 5 2 2 0 4-2l89-89q4-4 9-4t9 4l16 17q9 8 0 17z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/sys-cancel\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"sys-cancel\";\nconst pathData = \"M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm0 461q42 0 79.5-16t65.5-44 44-65.5 16-79.5-16-79.5-44-65.5-65.5-44T256 51t-79.5 16-65.5 44-44 65.5T51 256t16 79.5 44 65.5 65.5 44 79.5 16zm70-301q11 0 18.5 7.5T352 186t-7 18l-53 52 53 52q7 7 7 18t-7.5 18.5T326 352q-10 0-18-8l-52-52-52 52q-8 8-18 8-11 0-18.5-7.5T160 326q0-10 8-18l52-52-52-52q-8-8-8-18 0-11 7.5-18.5T186 160t18 7l52 53 52-53q7-7 18-7z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/sys-cancel\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/sys-cancel.js\";\nimport { pathData as pathDatav5 } from \"./v5/sys-cancel.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"sys-cancel\";\nexport { pathData, ltr, accData };","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${ifDefined(this.text)}${!this.readonly ? block1.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return html ``; }\nfunction block2(context, tags, suffix) { return html `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 * @author SAP SE\n * @alias sap.ui.webc.main.Token\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-token\n * @since 1.0.0-rc.9\n * @implements sap.ui.webc.main.IToken\n * @public\n */\nlet Token = Token_1 = class Token extends UI5Element {\n _handleSelect() {\n if (!this.toBeDeleted) {\n this.selected = !this.selected;\n this.fireEvent(\"select\");\n }\n }\n _focusin() {\n this.focused = true;\n }\n _focusout() {\n this.focused = !this.focused;\n }\n _delete() {\n this.toBeDeleted = true;\n this.fireEvent(\"delete\");\n }\n _keydown(e) {\n const isBackSpacePressed = isBackSpace(e);\n const isDeletePressed = isDelete(e);\n if (!this.readonly && (isBackSpacePressed || isDeletePressed)) {\n e.preventDefault();\n this.fireEvent(\"delete\", {\n backSpace: isBackSpacePressed,\n \"delete\": isDeletePressed,\n });\n }\n if (isSpace(e) || isSpaceCtrl(e)) {\n e.preventDefault();\n this._handleSelect();\n }\n }\n onBeforeRendering() {\n this.toBeDeleted = false;\n }\n get tokenDeletableText() {\n return Token_1.i18nBundle.getText(TOKEN_ARIA_DELETABLE);\n }\n get iconURI() {\n if (getTheme().includes(\"sap_belize\")) {\n return \"sys-cancel\";\n }\n return \"decline\";\n }\n get textDom() {\n return this.getDomRef()?.querySelector(\".ui5-token--text\");\n }\n get isTruncatable() {\n if (!this.textDom) {\n return false;\n }\n return Math.ceil(this.textDom.getBoundingClientRect().width) < Math.ceil(this.textDom.scrollWidth);\n }\n static async onDefine() {\n Token_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property()\n], Token.prototype, \"text\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"overflows\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"singleToken\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Token.prototype, \"toBeDeleted\", void 0);\n__decorate([\n property({ defaultValue: \"-1\", noAttribute: true })\n], Token.prototype, \"_tabIndex\", void 0);\n__decorate([\n slot()\n], Token.prototype, \"closeIcon\", void 0);\nToken = Token_1 = __decorate([\n customElement({\n tag: \"ui5-token\",\n languageAware: true,\n renderer: litRender,\n template: TokenTemplate,\n styles: tokenStyles,\n dependencies: [Icon],\n })\n /**\n * Fired when the the component is selected by user interaction with mouse or by clicking space.\n *\n * @event sap.ui.webc.main.Token#select\n * @public\n */\n ,\n event(\"select\")\n /**\n * Fired when the backspace, delete or close icon of the token is pressed\n *\n * @event\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 ,\n event(\"delete\", {\n detail: {\n \"backSpace\": { type: Boolean },\n \"delete\": { type: Boolean },\n },\n })\n], Token);\nToken.define();\nexport default Token;\n//# sourceMappingURL=Token.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ` `; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-button-icon\" name=\"${ifDefined(this.icon)}\" accessible-role=\"${ifDefined(this.iconRole)}\" part=\"icon\" ?show-tooltip=${this.showIconTooltip}>` : html `Overview
\n *\n * Theui5-toggle-button component is an enhanced ui5-button\n * that can be toggled between pressed and normal states.\n * Users can use the ui5-toggle-button as a switch to turn a setting on or off.\n * It can also be used to represent an independent choice similar to a check box.\n * \n * Clicking or tapping on a
ui5-toggle-button changes its state to pressed. The button returns to\n * its initial state when the user clicks or taps on it again.\n * By applying additional custom CSS-styling classes, apps can give a different style to any ui5-toggle-button.\n *\n * ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/ToggleButton\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ToggleButton\n * @extends sap.ui.webc.main.Button\n * @tagname ui5-toggle-button\n * @public\n */\nlet ToggleButton = class ToggleButton extends Button {\n _onclick() {\n this.pressed = !this.pressed;\n if (isSafari()) {\n this.getDomRef().focus();\n }\n }\n _onkeyup(e) {\n if (isSpaceShift(e)) {\n e.preventDefault();\n return;\n }\n super._onkeyup(e);\n }\n};\n__decorate([\n property({ type: Boolean })\n], ToggleButton.prototype, \"pressed\", void 0);\nToggleButton = __decorate([\n customElement({\n tag: \"ui5-toggle-button\",\n template: ToggleButtonTemplate,\n styles: [Button.styles, toggleBtnCss],\n })\n], ToggleButton);\nToggleButton.define();\nexport default ToggleButton;\n//# sourceMappingURL=ToggleButton.js.map","const escapeReg = /[[\\]{}()*+?.\\\\^$|]/g;\nconst escapeRegExp = (str) => {\n return str.replace(escapeReg, \"\\\\$&\");\n};\nconst StartsWithPerTerm = (value, items, propName) => {\n const reg = new RegExp(`(^|\\\\s)${escapeRegExp(value.toLowerCase())}.*`, \"g\");\n return items.filter(item => {\n const text = item[propName];\n reg.lastIndex = 0;\n return reg.test(text.toLowerCase());\n });\n};\nconst StartsWith = (value, items, propName) => items.filter(item => item[propName].toLowerCase().startsWith(value.toLowerCase()));\nconst Contains = (value, items, propName) => items.filter(item => item[propName].toLowerCase().includes(value.toLowerCase()));\nconst None = (_, items) => items;\nexport { StartsWithPerTerm, StartsWith, Contains, None, };\n//# sourceMappingURL=Filters.js.map","/* eslint no-unused-vars: 0 */\nimport { html, repeat, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return suffix ? html `${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}<${scopeTag(\"ui5-tokenizer\", tags, suffix)} slot=\"_beginContent\" show-more prevent-popover-open class=\"ui5-multi-combobox-tokenizer\" ?disabled=\"${this.disabled}\" @ui5-show-more-items-press=\"${ifDefined(this._showFilteredItems)}\" .morePopoverOpener=${ifDefined(this.morePopoverOpener)} .popoverMinWidth=${ifDefined(this._inputWidth)} @ui5-token-delete=\"${ifDefined(this._tokenDelete)}\" @ui5-before-more-popover-open=\"${ifDefined(this.handleBeforeTokenizerPopoverOpen)}\" @focusout=\"${this._tokenizerFocusOut}\" @focusin=\"${this._tokenizerFocusIn}\" @click=${this._click} @paste=${this._handlePaste} @keydown=\"${this._onTokenizerKeydown}\" ?expanded=\"${this._tokenizerExpanded}\">${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}
` : html `${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))} ${this.icon ? block4.call(this, context, tags, suffix) : undefined}${!this.readonly ? block5.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return html `${ifDefined(this.ariaValueStateHiddenText)}`; }\nfunction block2(context, tags, suffix, item, index) { return html `${item.selected ? block3.call(this, context, tags, suffix, item, index) : undefined}`; }\nfunction block3(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag(\"ui5-token\", tags, suffix)} ?readonly=\"${this.readonly}\" class=\"ui5-multi-combobox-token\" data-ui5-id=\"${ifDefined(item._id)}\" part=\"token-${index}\" text=\"${ifDefined(item.text)}\">` : html `${ifDefined(this._headerTitleText)}<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this.handleCancel}\">
<${scopeTag(\"ui5-toggle-button\", tags, suffix)} slot=\"header\" class=\"ui5-multi-combobox-toggle-button\" icon=\"multiselect-all\" design=\"Transparent\" ?pressed=${this._showAllItemsButtonPressed} @click=\"${this.filterSelectedItems}\">
${this.hasValueStateMessage ? block2.call(this, context, tags, suffix) : undefined}${ifDefined(this._headerTitleText)}
<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}
`; }\nfunction block3(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block4(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`; }\nfunction block5(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block6(context, tags, suffix) { return html `${this.hasValueStateMessage ? block7.call(this, context, tags, suffix) : undefined}`; }\nfunction block7(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}
`; }\nfunction block8(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block9(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10.call(this, context, tags, suffix, item, index))}`; }\nfunction block10(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block11(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-list\", tags, suffix)} separators=\"None\" mode=\"MultiSelect\" class=\"ui5-multi-combobox-all-items-list\">${repeat(this.selectedItems, (item, index) => item._id || index, (item, index) => block12.call(this, context, tags, suffix, item, index))}` : html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block21.call(this, context, tags, suffix) : block22.call(this, context, tags, suffix)}
` : html ``; }\nfunction block21(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block22(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block23.call(this, context, tags, suffix, item, index))}`; }\nfunction block23(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nexport default block0;\n//# sourceMappingURL=MultiComboBoxPopoverTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/MultiComboBox.css\", content: \":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}[input-icon]{border-inline-start:var(--_ui5-v1-20-0_input_icon_border);border-radius:var(--_ui5-v1-20-0_input_icon_border_radius);color:var(--_ui5-v1-20-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-20-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-20-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-20-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}:host{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;height:var(--_ui5-v1-20-0_input_height);margin:var(--_ui5-v1-20-0_input_margin_top_bottom) 0;text-align:start;transition:var(--_ui5-v1-20-0_input_transition);width:var(--_ui5-v1-20-0_input_width)}:host(:not([readonly])),:host([readonly][disabled]){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){background-color:var(--sapField_Focus_Background);border-color:var(--_ui5-v1-20-0_input_focused_border_color)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v1-20-0_input_focus_outline_color);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:var(--ui5-v1-20-0_input_focus_pseudo_element_content);left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_bottom_border_color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-2px;content:\\\"\\\";height:var(--_ui5-v1-20-0_input_bottom_border_height);left:1px;position:absolute;transition:var(--_ui5-v1-20-0_input_transition);width:calc(100% - 2px)}.ui5-input-root{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:inline-block;height:100%;outline:none;overflow:hidden;position:relative;transition:border-color .2s ease-in-out;width:100%}:host([disabled]){background-color:var(--_ui5-v1-20-0-input_disabled_background);border-color:var(--_ui5-v1-20-0_input_disabled_border_color);cursor:default;opacity:var(--_ui5-v1-20-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;min-width:var(--_ui5-v1-20-0_input_min_width);outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-align:inherit;text-overflow:ellipsis;width:100%;word-spacing:inherit}.ui5-input-value-state-icon{align-items:center;display:var(--_ui5-v1-20-0-input-value-state-icon-display);height:100%}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}[inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}.ui5-input-content{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:flex;flex-direction:row;height:100%;justify-content:flex-end;outline:none;overflow:hidden}:host([readonly]:not([disabled])){background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_readonly_background);border-color:var(--_ui5-v1-20-0_input_readonly_border_color)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-20-0_input_hover_border);border-color:var(--_ui5-v1-20-0_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5-v1-20-0_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style);text-indent:var(--_ui5-v1-20-0_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5-v1-20-0_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{align-items:center;display:flex;height:100%;justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_min_width)}::slotted([ui5-icon][slot=icon]){align-self:start;box-sizing:content-box!important;padding:var(--_ui5-v1-20-0_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_icon_padding)}:host([value-state=Error][focused]) [input-icon],:host([value-state=Warning][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_focused_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_icon_padding)}:host([value-state=Information][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_focused_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_icon_padding)}:host([value-state=Error][focused]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error][focused]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_focused_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_icon_padding)}:host([value-state=Information][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_focused_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{align-items:center;box-sizing:border-box;display:flex;height:var(--_ui5-v1-20-0_input_icon_wrapper_height);justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_width);padding:0;width:var(--_ui5-v1-20-0_input_icon_width)}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{color:inherit;padding:0}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}:host{min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width))}:host([tokenizer-available]){min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width) + var(--_ui5-v1-20-0_input_tokenizer_min_width))}:host(:not([hidden])){display:inline-block}.ui5-multi-combobox-root{border-radius:var(--_ui5-v1-20-0_input_border_radius);display:flex;height:100%;overflow:hidden;width:100%}.ui5-multi-combobox-tokenizer{border:none;height:100%;max-width:calc(100% - 3rem - var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_min_width));min-width:var(--_ui5-v1-20-0_input_tokenizer_min_width);width:auto}:host([readonly]) .ui5-multi-combobox-tokenizer::part(n-more-text){color:var(--sapLinkColor)}.ui5-multi-combobox-tokenizer::part(n-more-text){padding-inline-end:var(--_ui5-v1-20-0_input_inner_space_to_n_more_text)}[inner-input][inner-input-with-icon]{padding:var(--_ui5-v1-20-0_input_inner_padding_with_icon)}:host([tokenizer-available]) [inner-input]{padding-inline-start:var(--_ui5-v1-20-0_input_inner_space_to_tokenizer)}:host(:not([tokenizer-available])) .ui5-multi-combobox-tokenizer{--_ui5-v1-20-0_input_tokenizer_min_width:0px;width:var(--_ui5-v1-20-0_input_tokenizer_min_width)}\" };\nexport default styleData;\n//# sourceMappingURL=MultiComboBox.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/MultiComboBoxPopover.css\", content: \".ui5-suggestions-popover .ui5-multi-combobox-all-items-list{--_ui5-v1-20-0_checkbox_width_height:var(--_ui5-v1-20-0_list_item_dropdown_base_height)}\" };\nexport default styleData;\n//# sourceMappingURL=MultiComboBoxPopover.css.js.map","/**\n * Different filtering types of the ComboBox.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ComboBoxFilter\n */\nvar ComboBoxFilter;\n(function (ComboBoxFilter) {\n /**\n * Defines filtering by first symbol of each word of item's text.\n * @public\n * @type {StartsWithPerTerm}\n */\n ComboBoxFilter[\"StartsWithPerTerm\"] = \"StartsWithPerTerm\";\n /**\n * Defines filtering by starting symbol of item's text.\n * @public\n * @type {StartsWith}\n */\n ComboBoxFilter[\"StartsWith\"] = \"StartsWith\";\n /**\n * Defines contains filtering.\n * @public\n * @type {Contains}\n */\n ComboBoxFilter[\"Contains\"] = \"Contains\";\n /**\n * Removes any filtering applied while typing\n * @public\n * @type {None}\n */\n ComboBoxFilter[\"None\"] = \"None\";\n})(ComboBoxFilter || (ComboBoxFilter = {}));\nexport default ComboBoxFilter;\n//# sourceMappingURL=ComboBoxFilter.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar MultiComboBox_1;\nimport 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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { isShow, isDown, isUp, isSpace, isSpaceCtrl, isSpaceShift, isRight, isHome, isEnd, isTabNext, isTabPrevious, isUpShift, isDownShift, isLeftCtrl, isRightCtrl, isUpCtrl, isDownCtrl, isHomeCtrl, isEndCtrl, isCtrlA, isDeleteShift, isInsertShift, isInsertCtrl, isBackSpace, isDelete, isEscape, isEnter, } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport { isPhone, isAndroid, isFirefox, } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/multiselect-all.js\";\nimport \"@ui5/webcomponents-icons/dist/not-editable.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport { getFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport MultiComboBoxItem from \"./MultiComboBoxItem.js\";\nimport MultiComboBoxGroupItem from \"./MultiComboBoxGroupItem.js\";\nimport GroupHeaderListItem from \"./GroupHeaderListItem.js\";\nimport Tokenizer, { ClipboardDataOperation } from \"./Tokenizer.js\";\nimport Token from \"./Token.js\";\nimport Icon from \"./Icon.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport List from \"./List.js\";\nimport StandardListItem from \"./StandardListItem.js\";\nimport ToggleButton from \"./ToggleButton.js\";\nimport * as Filters from \"./Filters.js\";\nimport Button from \"./Button.js\";\nimport { VALUE_STATE_SUCCESS, VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_INFORMATION, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_INFORMATION, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_WARNING, INPUT_SUGGESTIONS_TITLE, SELECT_OPTIONS, MULTICOMBOBOX_DIALOG_OK_BUTTON, VALUE_STATE_ERROR_ALREADY_SELECTED, } from \"./generated/i18n/i18n-defaults.js\";\n// Templates\nimport MultiComboBoxTemplate from \"./generated/templates/MultiComboBoxTemplate.lit.js\";\nimport MultiComboBoxPopoverTemplate from \"./generated/templates/MultiComboBoxPopoverTemplate.lit.js\";\n// Styles\nimport multiCbxStyles from \"./generated/themes/MultiComboBox.css.js\";\nimport ResponsivePopoverCommonCss from \"./generated/themes/ResponsivePopoverCommon.css.js\";\nimport ValueStateMessageCss from \"./generated/themes/ValueStateMessage.css.js\";\nimport SuggestionsCss from \"./generated/themes/Suggestions.css.js\";\nimport MultiComboBoxPopover from \"./generated/themes/MultiComboBoxPopover.css.js\";\nimport ComboBoxFilter from \"./types/ComboBoxFilter.js\";\n/**\n * @class\n *\n * Overview
\n *\n * Theui5-multi-combobox component consists of a list box with items and a text field allowing the user to either type a value directly into the text field, or choose from the list of existing items.\n *\n * The drop-down list is used for selecting and filtering values, it enables users to select one or more options from a predefined list. The control provides an editable input field to filter the list, and a dropdown arrow to expand/collapse the list of available options.\n * The options in the list have checkboxes that permit multi-selection. Entered values are displayed as tokens.\n * Structure
\n * Theui5-multi-combobox consists of the following elements:\n * - \n *
- Tokenizer - a list of tokens with selected options. \n *
- Input field - displays the selected option/s as token/s. Users can type to filter the list. \n *
- Drop-down arrow - expands\\collapses the option list. \n *
- Option list - the list of available options. \n *
Keyboard Handling
\n *\n * Theui5-multi-combobox provides advanced keyboard handling.\n *\n * Picker
\n * If theui5-multi-combobox is focused,\n * you can open or close the drop-down by pressing F4, ALT+UP or ALT+DOWN keys.\n * Once the drop-down is opened, you can use the UP and DOWN arrow keys\n * to navigate through the available options and select one by pressing the Space or Enter keys.\n * \n *\n *
Tokens
\n *- \n *
- Left/Right arrow keys - moves the focus selection form the currently focused token to the previous/next one (if available). \n *
- Delete - deletes the token and focuses the previous token. \n *
- Backspace - deletes the token and focus the next token. \n *
CSS Shadow Parts
\n *\n *\n * The
ui5-multi-combobox exposes the following CSS Shadow Parts:\n * - \n *
- token-{index} - Used to style each token(where
token-0corresponds to the first item) \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/MultiComboBox\";\n *\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.MultiComboBox\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-multi-combobox\n * @public\n * @appenddocs sap.ui.webc.main.MultiComboBoxItem sap.ui.webc.main.MultiComboBoxGroupItem\n * @since 0.11.0\n */\nlet MultiComboBox = MultiComboBox_1 = class MultiComboBox extends UI5Element {\n constructor() {\n super();\n this._filteredItems = [];\n this._previouslySelectedItems = [];\n this.selectedValues = [];\n this._itemsBeforeOpen = [];\n this._inputLastValue = \"\";\n this._valueBeforeOpen = \"\";\n this._deleting = false;\n this._validationTimeout = null;\n this._handleResizeBound = this._handleResize.bind(this);\n this.valueBeforeAutoComplete = \"\";\n this._lastValue = \"\";\n this.currentItemIdx = -1;\n this.FormSupport = undefined;\n }\n onEnterDOM() {\n ResizeHandler.register(this, this._handleResizeBound);\n }\n onExitDOM() {\n ResizeHandler.deregister(this, this._handleResizeBound);\n }\n _handleResize() {\n this._inputWidth = this.offsetWidth;\n }\n _inputChange() {\n this.fireEvent(\"change\");\n }\n togglePopover() {\n this._tokenizer.closeMorePopover();\n this.allItemsPopover?.toggle(this);\n }\n togglePopoverByDropdownIcon() {\n this._shouldFilterItems = false;\n this.allItemsPopover?.toggle(this);\n this._tokenizer.closeMorePopover();\n }\n _showFilteredItems() {\n this.filterSelected = true;\n this._showMorePressed = true;\n this.togglePopover();\n }\n filterSelectedItems(e) {\n this.filterSelected = e.target.pressed;\n const selectedItems = this._filteredItems.filter(item => item.selected);\n this.selectedItems = this.items.filter((item, idx, allItems) => MultiComboBox_1._groupItemFilter(item, ++idx, allItems, selectedItems) || selectedItems.indexOf(item) !== -1);\n }\n /**\n * Indicates whether the dropdown is open. True if the dropdown is open, false otherwise.\n *\n * @type {boolean}\n * @name sap.ui.webc.main.MultiComboBox.prototype.open\n * @defaultvalue false\n * @readonly\n * @public\n */\n get open() {\n return this._open;\n }\n get _showAllItemsButtonPressed() {\n return this.filterSelected;\n }\n get _inputDom() {\n return this.shadowRoot.querySelector(\"#ui5-multi-combobox-input\");\n }\n _inputLiveChange(e) {\n const input = e.target;\n const value = input.value;\n const filteredItems = this._filterItems(value);\n const oldValueState = this.valueState;\n this._shouldFilterItems = true;\n if (this.filterSelected) {\n this.filterSelected = false;\n }\n if (this._validationTimeout) {\n input.value = this._inputLastValue;\n return;\n }\n if (!filteredItems.length && value && !this.allowCustomValues) {\n input.value = this.valueBeforeAutoComplete || this._inputLastValue;\n this.valueState = ValueState.Error;\n this._shouldAutocomplete = false;\n this._resetValueState(oldValueState);\n return;\n }\n this._inputLastValue = input.value;\n this.value = input.value;\n this._filteredItems = filteredItems;\n if (!isPhone()) {\n if (filteredItems.length === 0) {\n this.allItemsPopover?.close();\n }\n else {\n this.allItemsPopover?.showAt(this);\n }\n }\n this.fireEvent(\"input\");\n }\n _tokenDelete(e) {\n this._previouslySelectedItems = this._getSelectedItems();\n const token = e.detail.ref;\n const deletingItem = this.items.find(item => item._id === token.getAttribute(\"data-ui5-id\"));\n deletingItem.selected = false;\n this._deleting = true;\n this._preventTokenizerToggle = true;\n this.focus();\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n }\n get _getPlaceholder() {\n if (this._getSelectedItems().length) {\n return \"\";\n }\n return this.placeholder;\n }\n _handleArrowLeft() {\n const inputDomRef = this._inputDom;\n const cursorPosition = inputDomRef.selectionStart || 0;\n const isTextSelected = ((inputDomRef.selectionEnd || 0) - cursorPosition) > 0;\n if (cursorPosition === 0 && !isTextSelected) {\n this._tokenizer._focusLastToken();\n }\n }\n _tokenizerFocusOut(e) {\n this._tokenizerFocused = false;\n const tokensCount = this._tokenizer.tokens.length;\n const selectedTokens = this._selectedTokensCount;\n const lastTokenBeingDeleted = tokensCount - 1 === 0 && this._deleting;\n const allTokensAreBeingDeleted = selectedTokens === tokensCount && this._deleting;\n const relatedTarget = e.relatedTarget;\n const isFocusingPopover = this.staticAreaItem === relatedTarget;\n const isFocusingInput = this._inputDom === relatedTarget;\n const isFocusingMorePopover = e.relatedTarget === this._tokenizer.staticAreaItem;\n if (!relatedTarget?.hasAttribute(\"ui5-token\") && !isFocusingPopover && !isFocusingInput && !isFocusingMorePopover) {\n this._tokenizer.tokens.forEach(token => {\n token.selected = false;\n });\n this._tokenizer.expanded = this._preventTokenizerToggle ? this._tokenizer.expanded : false;\n }\n if (allTokensAreBeingDeleted || lastTokenBeingDeleted) {\n setTimeout(() => {\n if (!isPhone()) {\n this._inputDom.focus();\n }\n this._deleting = false;\n }, 0);\n }\n }\n _tokenizerFocusIn() {\n this._tokenizerFocused = true;\n this.focused = false;\n }\n _onkeydown(e) {\n const isArrowDownCtrl = isDownCtrl(e);\n const isCtrl = e.metaKey || e.ctrlKey;\n if (isShow(e) && !this.disabled) {\n this._handleShow(e);\n return;\n }\n if (isDownShift(e) || isUpShift(e)) {\n e.preventDefault();\n return;\n }\n if (isUp(e) || isDown(e) || isUpCtrl(e) || isArrowDownCtrl) {\n this._handleArrowNavigation(e, isArrowDownCtrl);\n return;\n }\n // CTRL + Arrow Down navigation is performed by the ItemNavigation module of the List,\n // here we only implement the text selection of the selected item\n if (isArrowDownCtrl && !this.allItemsPopover?.opened) {\n setTimeout(() => this._inputDom.setSelectionRange(0, this._inputDom.value.length), 0);\n }\n if (isLeftCtrl(e) || isRightCtrl(e)) {\n this._handleArrowCtrl(e);\n return;\n }\n if (isInsertShift(e)) {\n this._handleInsertPaste();\n return;\n }\n if (isCtrl && e.key.toLowerCase() === \"i\" && this._tokenizer.tokens.length > 0) {\n e.preventDefault();\n this.togglePopover();\n }\n if (isSpaceShift(e)) {\n e.preventDefault();\n }\n if (e.key === \"ArrowLeft\"\n || e.key === \"Show\"\n || e.key === \"PageUp\"\n || e.key === \"PageDown\"\n || e.key === \"Backspace\"\n || e.key === \"Escape\"\n || e.key === \"Home\"\n || e.key === \"End\"\n || e.key === \"Tab\"\n || e.key === \"ArrowDown\"\n || e.key === \"Enter\") {\n this[`_handle${e.key}`](e);\n }\n this._shouldAutocomplete = !this.noTypeahead && !(isBackSpace(e) || isDelete(e) || isEscape(e) || isEnter(e));\n }\n _handlePaste(e) {\n e.preventDefault();\n if (this.readonly || !e.clipboardData) {\n return;\n }\n const pastedText = (e.clipboardData).getData(\"text/plain\");\n if (!pastedText) {\n return;\n }\n this._createTokenFromText(pastedText);\n }\n async _handleInsertPaste() {\n if (this.readonly || isFirefox()) {\n return;\n }\n const pastedText = await navigator.clipboard.readText();\n if (!pastedText) {\n return;\n }\n this._createTokenFromText(pastedText);\n }\n _createTokenFromText(pastedText) {\n const separatedText = pastedText.split(/\\r\\n|\\r|\\n|\\t/g).filter(t => !!t);\n const matchingItems = this.items.filter(item => separatedText.indexOf(item.text) > -1 && !item.selected);\n if (separatedText.length > 1) {\n this._previouslySelectedItems = this._getSelectedItems();\n matchingItems.forEach(item => {\n item.selected = true;\n this.value = \"\";\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n });\n }\n else {\n this.value = pastedText;\n this.fireEvent(\"input\");\n }\n }\n _handleShow(e) {\n const items = this.items;\n const selectedItem = this._getSelectedItems()[0];\n const focusedToken = this._tokenizer.tokens.find(token => token.focused);\n const value = this.value;\n const matchingItem = this.items.find(item => item.text.localeCompare(value, undefined, { sensitivity: \"base\" }) === 0);\n e.preventDefault();\n if (this.readonly) {\n return;\n }\n this._isOpenedByKeyboard = true;\n this._shouldFilterItems = false;\n this._filteredItems = this.items;\n this.togglePopover();\n if (!focusedToken && matchingItem) {\n this._itemToFocus = matchingItem;\n return;\n }\n if (selectedItem && !focusedToken) {\n this._itemToFocus = selectedItem;\n }\n else if (focusedToken && e.target === focusedToken) {\n this._itemToFocus = items.find(item => item.text === focusedToken.text);\n }\n else {\n this._itemToFocus = items[0];\n }\n }\n _handlePageUp(e) {\n e.preventDefault();\n }\n _handlePageDown(e) {\n e.preventDefault();\n }\n _handleBackspace(e) {\n if (e.target.value === \"\") {\n e.preventDefault();\n this._tokenizer._focusLastToken();\n }\n }\n _handleEscape() {\n const innerInput = this._innerInput;\n const isAutoCompleted = ((innerInput.selectionEnd || 0) - (innerInput.selectionStart || 0)) > 0;\n if (isAutoCompleted) {\n this.value = this.valueBeforeAutoComplete;\n }\n if (!this.allowCustomValues || (!this.open && this.allowCustomValues)) {\n this.value = this._lastValue;\n }\n }\n _handleHome(e) {\n const shouldFocusToken = this._isFocusInside && e.target.selectionStart === 0 && this._tokenizer.tokens.length > 0;\n if (shouldFocusToken) {\n e.preventDefault();\n this._tokenizer.tokens[0].focus();\n }\n }\n _handleEnd(e) {\n const tokens = this._tokenizer.tokens;\n const lastTokenIdx = tokens.length - 1;\n const shouldFocusInput = e.target === tokens[lastTokenIdx] && tokens[lastTokenIdx] === this.shadowRoot.activeElement;\n if (shouldFocusInput) {\n e.preventDefault();\n this._inputDom.focus();\n }\n }\n _handleTab() {\n this.allItemsPopover?.close();\n }\n _handleSelectAll() {\n const filteredItems = this._filteredItems;\n const allItemsSelected = filteredItems.every(item => item.selected);\n this._previouslySelectedItems = filteredItems.filter(item => item.selected).map(item => item);\n filteredItems.forEach(item => {\n item.selected = !allItemsSelected;\n });\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n }\n _onValueStateKeydown(e) {\n const isArrowDown = isDown(e);\n const isArrowUp = isUp(e);\n if (isTabNext(e) || isTabPrevious(e)) {\n this._onItemTab();\n return;\n }\n e.preventDefault();\n if (isArrowDown || isDownCtrl(e)) {\n this._handleArrowDown();\n }\n if (isArrowUp || isUpCtrl(e)) {\n this._shouldAutocomplete = true;\n this._inputDom.focus();\n }\n }\n async _onItemKeydown(e) {\n const isFirstItem = this.list?.items[0] === e.target;\n const isArrowUp = isUp(e) || isUpCtrl(e);\n if (this.hasValueStateMessage && !this.valueStateHeader) {\n await this._setValueStateHeader();\n }\n if (isTabNext(e) || isTabPrevious(e)) {\n this._onItemTab();\n return;\n }\n if (isHomeCtrl(e)) {\n this.list?._itemNavigation._handleHome();\n this.list?.items[this.list?._itemNavigation._currentIndex].focus();\n }\n if (isEndCtrl(e)) {\n this.list?._itemNavigation._handleEnd();\n this.list?.items[this.list?._itemNavigation._currentIndex].focus();\n }\n e.preventDefault();\n if (isDownShift(e) || isUpShift(e)) {\n this._handleItemRangeSelection(e);\n return;\n }\n if ((isUpCtrl(e)) && !isFirstItem) {\n this.list?._itemNavigation._handleUp();\n this.list?.items[this.list?._itemNavigation._currentIndex].focus();\n }\n if (isDownCtrl(e)) {\n this.list?._itemNavigation._handleDown();\n this.list?.items[this.list?._itemNavigation._currentIndex].focus();\n }\n if (isShow(e)) {\n this.togglePopover();\n }\n if (isCtrlA(e)) {\n this._handleSelectAll();\n return;\n }\n if (((isArrowUp && isFirstItem) || isHome(e)) && this.valueStateHeader) {\n this.valueStateHeader.focus();\n }\n if (!this.valueStateHeader && isFirstItem && isArrowUp) {\n this._inputDom.focus();\n this._shouldAutocomplete = true;\n }\n }\n _handleArrowCtrl(e) {\n const input = this._inputDom;\n const isArrowLeft = isLeftCtrl(e);\n if (isArrowLeft && input.selectionStart === 0 && input.selectionEnd === 0) {\n e.preventDefault();\n }\n if (isArrowLeft && ((input.selectionEnd || 0) - (input.selectionStart || 0) > 0)) {\n input.setSelectionRange(0, 0);\n }\n }\n _onItemTab() {\n this._inputDom.focus();\n this.allItemsPopover?.close();\n }\n async _handleArrowNavigation(e, isDownControl) {\n const isArrowDown = isDownControl || isDown(e);\n const hasSuggestions = this.items.length;\n const isOpen = this.allItemsPopover?.opened;\n e.preventDefault();\n if (this.hasValueStateMessage && !this.valueStateHeader) {\n await this._setValueStateHeader();\n }\n if (isArrowDown && isOpen && this.valueStateHeader) {\n this.value = this.valueBeforeAutoComplete || this.value;\n this.valueStateHeader.focus();\n return;\n }\n if (isArrowDown && hasSuggestions) {\n this._handleArrowDown();\n }\n if (!isArrowDown && !isOpen && !this.readonly) {\n this._navigateToPrevItem();\n }\n }\n _handleArrowDown() {\n const isOpen = this.allItemsPopover?.opened;\n const firstListItem = this.list?.items[0];\n if (isOpen) {\n firstListItem && this.list?._itemNavigation.setCurrentItem(firstListItem);\n this.value = this.valueBeforeAutoComplete || this.value;\n firstListItem?.focus();\n }\n else if (!this.readonly) {\n this._navigateToNextItem();\n }\n }\n _handleItemRangeSelection(e) {\n const items = this.items;\n const listItems = this.list?.items;\n const currentItemIdx = Number(listItems?.indexOf(e.target));\n const nextItemIdx = currentItemIdx + 1;\n const prevItemIdx = currentItemIdx - 1;\n this._previouslySelectedItems = this._getSelectedItems();\n if (isDownShift(e) && items[nextItemIdx]) {\n items[nextItemIdx].selected = items[currentItemIdx].selected;\n items[nextItemIdx].focus();\n }\n if (isUpShift(e) && items[prevItemIdx]) {\n items[prevItemIdx].selected = items[currentItemIdx].selected;\n items[prevItemIdx].focus();\n }\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n }\n _navigateToNextItem() {\n const items = this.items;\n const itemsCount = items.length;\n const previousItemIdx = this.currentItemIdx;\n if (previousItemIdx > -1 && items[previousItemIdx].text !== this.value) {\n this.currentItemIdx = -1;\n }\n if (previousItemIdx >= itemsCount - 1) {\n return;\n }\n let currentItem = this.items[++this.currentItemIdx];\n while ((this.currentItemIdx < itemsCount - 1 && currentItem.selected) || currentItem.isGroupItem) {\n currentItem = this.items[++this.currentItemIdx];\n }\n if (currentItem.selected === true || currentItem.isGroupItem) {\n this.currentItemIdx = previousItemIdx;\n return;\n }\n this.value = currentItem.text;\n this._innerInput.value = currentItem.text;\n this._innerInput.setSelectionRange(0, currentItem.text.length);\n }\n _navigateToPrevItem() {\n const items = this.items;\n let previousItemIdx = this.currentItemIdx;\n if ((!this.value && previousItemIdx !== -1) || (previousItemIdx !== -1 && this.value && this.value !== items[previousItemIdx].text)) {\n previousItemIdx = -1;\n }\n if (previousItemIdx === -1) {\n this.currentItemIdx = items.length;\n }\n if (previousItemIdx === 0) {\n this.currentItemIdx = 0;\n return;\n }\n let currentItem = this.items[--this.currentItemIdx];\n while ((currentItem && this.currentItemIdx > 0) && (currentItem.selected || currentItem.isGroupItem)) {\n currentItem = this.items[--this.currentItemIdx];\n }\n if (!currentItem) {\n return;\n }\n if (currentItem.selected || currentItem.isGroupItem) {\n this.currentItemIdx = previousItemIdx;\n return;\n }\n this.value = currentItem.text;\n this._innerInput.value = currentItem.text;\n this._innerInput.setSelectionRange(0, currentItem.text.length);\n }\n _handleEnter() {\n const lowerCaseValue = this.value.toLowerCase();\n const matchingItem = this.items.find(item => (item.text.toLowerCase() === lowerCaseValue && !item.isGroupItem));\n const oldValueState = this.valueState;\n const innerInput = this._innerInput;\n if (this.FormSupport) {\n this.FormSupport.triggerFormSubmit(this);\n }\n if (matchingItem) {\n if (matchingItem.selected) {\n if (this._validationTimeout) {\n return;\n }\n this.valueState = ValueState.Error;\n this._performingSelectionTwice = true;\n this._resetValueState(oldValueState, () => {\n this._performingSelectionTwice = false;\n });\n }\n else {\n this._previouslySelectedItems = this._getSelectedItems();\n matchingItem.selected = true;\n this.value = \"\";\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n }\n innerInput.setSelectionRange(matchingItem.text.length, matchingItem.text.length);\n this.allItemsPopover?.close();\n }\n }\n _resetValueState(valueState, callback) {\n this._validationTimeout = setTimeout(() => {\n this.valueState = valueState;\n this._validationTimeout = null;\n callback && callback();\n }, 2000);\n }\n _onTokenizerKeydown(e) {\n const isCtrl = !!(e.metaKey || e.ctrlKey);\n if (isRight(e)) {\n const lastTokenIndex = this._tokenizer.tokens.length - this._tokenizer.overflownTokens.length - 1;\n if (e.target === this._tokenizer.tokens[lastTokenIndex]) {\n setTimeout(() => {\n this._inputDom.focus();\n }, 0);\n }\n }\n if ((isCtrl && [\"c\", \"x\"].includes(e.key.toLowerCase())) || isDeleteShift(e) || isInsertCtrl(e)) {\n e.preventDefault();\n const isCut = e.key.toLowerCase() === \"x\" || isDeleteShift(e);\n const selectedTokens = this._tokenizer.tokens.filter(token => token.selected);\n if (isCut) {\n const cutResult = this._tokenizer._fillClipboard(ClipboardDataOperation.cut, selectedTokens);\n selectedTokens.forEach(token => {\n this._tokenizer.deleteToken(token);\n });\n this.focus();\n return cutResult;\n }\n return this._tokenizer._fillClipboard(ClipboardDataOperation.copy, selectedTokens);\n }\n if (isInsertShift(e)) {\n this._handleInsertPaste();\n }\n if (isHome(e)) {\n this._handleHome(e);\n }\n if (isEnd(e)) {\n this._handleEnd(e);\n }\n if (isShow(e) && !this.readonly && !this.disabled) {\n this._preventTokenizerToggle = true;\n this._handleShow(e);\n }\n if (isCtrl && e.key.toLowerCase() === \"i\" && this._tokenizer.tokens.length > 0) {\n e.preventDefault();\n this.togglePopover();\n }\n }\n _filterItems(str) {\n const itemsToFilter = this.items.filter(item => !item.isGroupItem);\n const filteredItems = (Filters[this.filter] || Filters.StartsWithPerTerm)(str, itemsToFilter, \"text\");\n // Return the filtered items and their group items\n return this.items.filter((item, idx, allItems) => MultiComboBox_1._groupItemFilter(item, ++idx, allItems, filteredItems) || filteredItems.indexOf(item) !== -1);\n }\n /**\n * Returns true if the group header should be shown (if there is a filtered suggestion item for this group item)\n *\n * @private\n */\n static _groupItemFilter(item, idx, allItems, filteredItems) {\n if (item.isGroupItem) {\n let groupHasFilteredItems;\n while (allItems[idx] && !allItems[idx].isGroupItem && !groupHasFilteredItems) {\n groupHasFilteredItems = filteredItems.indexOf(allItems[idx]) !== -1;\n idx++;\n }\n return groupHasFilteredItems;\n }\n }\n _afterOpenPicker() {\n this._toggle();\n if (!isPhone() && !this._isOpenedByKeyboard) {\n this._innerInput.focus();\n }\n else if (this._isOpenedByKeyboard) {\n this._itemToFocus?.focus();\n }\n else {\n this.allItemsPopover?.focus();\n }\n this._previouslySelectedItems = this._getSelectedItems();\n this._isOpenedByKeyboard = false;\n }\n _toggle() {\n this._open = !this._open;\n this.fireEvent(\"open-change\");\n }\n _getSelectedItems() {\n // Angular 2 way data binding\n this.selectedValues = this.items.filter(item => item.selected);\n return this.selectedValues;\n }\n _listSelectionChange(e) {\n let changePrevented;\n if (!isPhone()) {\n this._previouslySelectedItems = this._getSelectedItems();\n }\n // sync list items and cb items\n this.syncItems(e.target.items);\n // don't call selection change right after selection as user can cancel it on phone\n if (!isPhone()) {\n changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n e.preventDefault();\n this._revertSelection();\n }\n }\n // casted to KeyboardEvent since isSpace and isSpaceCtrl accepts KeyboardEvent only\n const castedEvent = { key: e.detail.key };\n if (!e.detail.selectionComponentPressed && !isSpace(castedEvent) && !isSpaceCtrl(castedEvent)) {\n this.allItemsPopover?.close();\n this.value = \"\";\n // if the item (not checkbox) is clicked, call the selection change\n if (isPhone()) {\n changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n e.preventDefault();\n this._revertSelection();\n }\n }\n this.fireEvent(\"input\");\n }\n this.value = this.valueBeforeAutoComplete || \"\";\n }\n syncItems(listItems) {\n listItems.forEach(item => {\n this.items.forEach(mcbItem => {\n if (mcbItem._id === item.getAttribute(\"data-ui5-token-id\")) {\n mcbItem.selected = item.selected;\n }\n });\n });\n }\n fireSelectionChange() {\n const changePrevented = !this.fireEvent(\"selection-change\", {\n items: this._getSelectedItems(),\n }, true);\n // Angular 2 way data binding\n this.fireEvent(\"value-changed\");\n return changePrevented;\n }\n async _getRespPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n this.allItemsPopover = staticAreaItem.querySelector(`.ui5-multi-combobox-all-items-responsive-popover`);\n }\n async _getList() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n this.list = staticAreaItem.querySelector(\".ui5-multi-combobox-all-items-list\");\n return this.list;\n }\n _click() {\n if (isPhone() && !this.readonly && !this._showMorePressed && !this._deleting) {\n this.allItemsPopover?.showAt(this);\n }\n this._showMorePressed = false;\n }\n async handleBeforeTokenizerPopoverOpen() {\n const tokens = this._tokenizer.tokens;\n const hasTruncatedToken = tokens.length === 1 && tokens[0].isTruncatable;\n const popover = (await this._getResponsivePopover());\n if (hasTruncatedToken) {\n popover?.close(false, false, true);\n }\n }\n _afterClosePicker() {\n // close device's keyboard and prevent further typing\n if (isPhone()) {\n this.blur();\n }\n this._toggle();\n this._iconPressed = false;\n this._preventTokenizerToggle = false;\n this.filterSelected = false;\n }\n _beforeOpen() {\n this._itemsBeforeOpen = this.items.map(item => {\n return {\n ref: item,\n selected: item.selected,\n };\n });\n this._valueBeforeOpen = this.value;\n if (this.filterSelected) {\n const selectedItems = this._filteredItems.filter(item => item.selected);\n this.selectedItems = this.items.filter((item, idx, allItems) => MultiComboBox_1._groupItemFilter(item, ++idx, allItems, selectedItems) || selectedItems.indexOf(item) !== -1);\n }\n }\n _handleTypeAhead(item, filterValue) {\n if (!item) {\n return;\n }\n const value = item.text;\n const innerInput = this._innerInput;\n filterValue = filterValue || \"\";\n this.value = value;\n innerInput.value = value;\n innerInput.setSelectionRange(filterValue.length, value.length);\n this._shouldAutocomplete = false;\n }\n _getFirstMatchingItem(current) {\n if (!this.items.length) {\n return;\n }\n const matchingItems = this._startsWithMatchingItems(current).filter(item => !item.isGroupItem && !item.selected);\n if (matchingItems.length) {\n return matchingItems[0];\n }\n }\n _startsWithMatchingItems(str) {\n return Filters.StartsWith(str, this.items, \"text\");\n }\n _revertSelection() {\n this._filteredItems.forEach(item => {\n item.selected = this._previouslySelectedItems.includes(item);\n });\n }\n onBeforeRendering() {\n const input = this._innerInput;\n const autoCompletedChars = input && (input.selectionEnd || 0) - (input.selectionStart || 0);\n const value = input && input.value;\n this.FormSupport = getFeature(\"FormSupport\");\n this._inputLastValue = value;\n if (input && !input.value) {\n this.valueBeforeAutoComplete = \"\";\n this._filteredItems = this.items;\n }\n this.items.forEach(item => {\n item._getRealDomRef = () => this.allItemsPopover.querySelector(`*[data-ui5-stable=${item.stableDomRef}]`);\n });\n this.tokenizerAvailable = this._getSelectedItems().length > 0;\n this.style.setProperty(getScopedVarName(\"--_ui5-input-icons-count\"), `${this.iconsCount}`);\n if (!input || !value) {\n return;\n }\n // Typehead causes issues on Android devices, so we disable it for now\n // If there is already a selection the autocomplete has already been performed\n if (this._shouldAutocomplete && !isAndroid() && !autoCompletedChars) {\n const item = this._getFirstMatchingItem(value);\n // Keep the original typed in text intact\n this.valueBeforeAutoComplete = value;\n item && this._handleTypeAhead(item, value);\n }\n if (this._shouldFilterItems) {\n this._filteredItems = this._filterItems(this._shouldAutocomplete || !!autoCompletedChars ? this.valueBeforeAutoComplete : value);\n }\n else {\n this._filteredItems = this.items;\n }\n }\n async onAfterRendering() {\n await this._getRespPopover();\n await this._getList();\n this.toggle(this.shouldDisplayOnlyValueStateMessage);\n this.storeResponsivePopoverWidth();\n this._deleting = false;\n // force resize of the tokenizer on invalidation\n this._tokenizer._handleResize();\n }\n get _isPhone() {\n return isPhone();\n }\n _onIconMousedown() {\n this._iconPressed = true;\n }\n storeResponsivePopoverWidth() {\n if (this.open && !this._listWidth) {\n this._listWidth = this.list.offsetWidth;\n }\n }\n toggle(isToggled) {\n if (isToggled && !this.open) {\n this.openPopover();\n }\n else {\n this.closePopover();\n }\n }\n handleCancel() {\n this._itemsBeforeOpen.forEach(item => {\n if (item.ref instanceof MultiComboBoxItem) {\n item.ref.selected = item.selected;\n }\n });\n this.togglePopover();\n this.value = this._valueBeforeOpen;\n }\n handleOK() {\n if (isPhone()) {\n const changePrevented = this.fireSelectionChange();\n if (changePrevented) {\n this._revertSelection();\n }\n }\n if (!this.allowCustomValues) {\n this.value = \"\";\n }\n this.togglePopover();\n }\n async openPopover() {\n (await this._getPopover())?.showAt(this);\n }\n _forwardFocusToInner() {\n this._innerInput.focus();\n }\n get morePopoverOpener() {\n const tokens = this._tokenizer?.tokens;\n if (tokens?.length === 1 && tokens[0].isTruncatable) {\n return tokens[0];\n }\n return this;\n }\n async closePopover() {\n (await this._getPopover())?.close();\n }\n async _getPopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return (staticAreaItem.querySelector(\"[ui5-popover]\"));\n }\n async _getResponsivePopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n return staticAreaItem.querySelector(\"[ui5-responsive-popover]\");\n }\n async _setValueStateHeader() {\n const responsivePopover = await this._getResponsivePopover();\n this.valueStateHeader = responsivePopover.querySelector(\"div.ui5-responsive-popover-header.ui5-valuestatemessage-root\");\n }\n get _tokenizer() {\n return this.shadowRoot.querySelector(\"[ui5-tokenizer]\");\n }\n inputFocusIn(e) {\n if (!isPhone() || this.readonly) {\n this.focused = true;\n this._tokenizer.expanded = true;\n }\n else {\n this._innerInput.blur();\n }\n if (!isPhone() && ((e.relatedTarget?.tagName !== \"UI5-STATIC-AREA-ITEM\") || !e.relatedTarget)) {\n this._innerInput.setSelectionRange(0, this.value.length);\n }\n this._tokenizer.tokens.forEach(token => {\n token.selected = false;\n });\n this._lastValue = this.value;\n this.valueBeforeAutoComplete = \"\";\n }\n inputFocusOut(e) {\n if (!this.shadowRoot.contains(e.relatedTarget) && !this._deleting) {\n this.focused = false;\n this._tokenizer.expanded = this.open;\n // remove the value if user focus out the input and focus is not going in the popover\n if (!isPhone() && !this.allowCustomValues && (this.staticAreaItem !== e.relatedTarget)) {\n this.value = \"\";\n }\n }\n }\n get editable() {\n return !this.readonly;\n }\n get _isFocusInside() {\n return !isPhone() && (this.focused || this._tokenizerFocused);\n }\n get selectedItemsListMode() {\n return this.readonly ? \"None\" : \"MultiSelect\";\n }\n get _listItemsType() {\n return this.readonly ? \"Inactive\" : \"Active\";\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get hasValueStateMessage() {\n return this.hasValueState && this.valueState !== ValueState.Success;\n }\n get ariaValueStateHiddenText() {\n if (!this.hasValueState) {\n return;\n }\n let text = \"\";\n if (this.valueState !== ValueState.None) {\n text = this.valueStateTypeMappings[this.valueState];\n }\n if (this.shouldDisplayDefaultValueStateMessage) {\n return `${text} ${this.valueStateDefaultText || \"\"}`;\n }\n return `${text}`.concat(\" \", this.valueStateMessageText.map(el => el.textContent).join(\" \"));\n }\n get valueStateDefaultText() {\n if (this.valueState === ValueState.None) {\n return \"\";\n }\n if (this._performingSelectionTwice) {\n return MultiComboBox_1.i18nBundle.getText(VALUE_STATE_ERROR_ALREADY_SELECTED);\n }\n return this.valueStateTextMappings[this.valueState];\n }\n get valueStateTextId() {\n return this.hasValueState ? `ui5-multi-combobox-valueStateDesc` : undefined;\n }\n get valueStateMessageText() {\n return this.getSlottedNodes(\"valueStateMessage\").map(el => el.cloneNode(true));\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n /**\n * This method is relevant for sap_horizon theme only\n */\n get _valueStateMessageIcon() {\n if (this.valueState === ValueState.None) {\n return \"\";\n }\n return {\n [ValueState.Error]: \"error\",\n [ValueState.Warning]: \"alert\",\n [ValueState.Success]: \"sys-enter-2\",\n [ValueState.Information]: \"information\",\n }[this.valueState];\n }\n get _tokensCountText() {\n if (!this._tokenizer) {\n return;\n }\n return this._tokenizer._tokensCountText();\n }\n get _tokensCountTextId() {\n return \"ui5-multi-combobox-hiddenText-nMore\";\n }\n get _selectedTokensCount() {\n return this._tokenizer.tokens.filter(token => token.selected).length;\n }\n get ariaDescribedByText() {\n return this.valueStateTextId ? `${this._tokensCountTextId} ${this.valueStateTextId}` : `${this._tokensCountTextId}`;\n }\n get shouldDisplayDefaultValueStateMessage() {\n return !this.valueStateMessage.length && this.hasValueStateMessage;\n }\n get shouldDisplayOnlyValueStateMessage() {\n return this.focused && !this.readonly && this.hasValueStateMessage && !this._iconPressed;\n }\n get valueStateTypeMappings() {\n return {\n [ValueState.Success]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n [ValueState.Information]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),\n [ValueState.Error]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n [ValueState.Warning]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n };\n }\n get valueStateTextMappings() {\n return {\n [ValueState.Success]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n [ValueState.Error]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_ERROR),\n [ValueState.Warning]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_WARNING),\n [ValueState.Information]: MultiComboBox_1.i18nBundle.getText(VALUE_STATE_INFORMATION),\n };\n }\n get _innerInput() {\n if (isPhone()) {\n if (this.allItemsPopover?.opened) {\n return this.allItemsPopover.querySelector(\"input\");\n }\n }\n return this._inputDom;\n }\n get _headerTitleText() {\n return MultiComboBox_1.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);\n }\n get _iconAccessibleNameText() {\n return MultiComboBox_1.i18nBundle.getText(SELECT_OPTIONS);\n }\n get _dialogOkButton() {\n return MultiComboBox_1.i18nBundle.getText(MULTICOMBOBOX_DIALOG_OK_BUTTON);\n }\n get _tokenizerExpanded() {\n if (isPhone() || this.readonly) {\n return false;\n }\n if (this._preventTokenizerToggle) {\n return this._tokenizer.expanded;\n }\n const isCurrentlyExpanded = this._tokenizer?.expanded;\n const shouldBeExpanded = this.focused || this.open || isCurrentlyExpanded;\n return shouldBeExpanded;\n }\n get _valueStatePopoverHorizontalAlign() {\n return this.effectiveDir !== \"rtl\" ? \"Left\" : \"Right\";\n }\n get iconsCount() {\n const slottedIconsCount = this.icon?.length || 0;\n const arrowDownIconsCount = this.readonly ? 0 : 1;\n return slottedIconsCount + arrowDownIconsCount;\n }\n get classes() {\n return {\n popover: {\n \"ui5-multi-combobox-all-items-responsive-popover\": true,\n \"ui5-suggestions-popover\": true,\n \"ui5-suggestions-popover-with-value-state-header\": this.hasValueStateMessage,\n },\n popoverValueState: {\n \"ui5-valuestatemessage-root\": true,\n \"ui5-valuestatemessage-header\": true,\n \"ui5-valuestatemessage--success\": this.valueState === ValueState.Success,\n \"ui5-valuestatemessage--error\": this.valueState === ValueState.Error,\n \"ui5-valuestatemessage--warning\": this.valueState === ValueState.Warning,\n \"ui5-valuestatemessage--information\": this.valueState === ValueState.Information,\n },\n };\n }\n get styles() {\n const remSizeIxPx = parseInt(getComputedStyle(document.documentElement).fontSize);\n return {\n popoverValueStateMessage: {\n \"width\": `${this._listWidth || 0}px`,\n \"display\": this._listWidth === 0 ? \"none\" : \"inline-block\",\n },\n popoverHeader: {\n \"max-width\": isPhone() ? \"100%\" : `${this._inputWidth}px`,\n },\n suggestionsPopover: {\n \"min-width\": `${this._inputWidth}px`,\n \"max-width\": (this._inputWidth / remSizeIxPx) > 40 ? `${this._inputWidth}px` : \"40rem\",\n },\n };\n }\n static async onDefine() {\n MultiComboBox_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property()\n], MultiComboBox.prototype, \"value\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"noTypeahead\", void 0);\n__decorate([\n property()\n], MultiComboBox.prototype, \"placeholder\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"allowCustomValues\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], MultiComboBox.prototype, \"valueState\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"required\", void 0);\n__decorate([\n property({ type: ComboBoxFilter, defaultValue: ComboBoxFilter.StartsWithPerTerm })\n], MultiComboBox.prototype, \"filter\", void 0);\n__decorate([\n property()\n], MultiComboBox.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], MultiComboBox.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"_open\", void 0);\n__decorate([\n property({ type: Object, noAttribute: true, multiple: true })\n], MultiComboBox.prototype, \"_filteredItems\", void 0);\n__decorate([\n property({ type: Object, noAttribute: true, multiple: true })\n], MultiComboBox.prototype, \"_previouslySelectedItems\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"filterSelected\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], MultiComboBox.prototype, \"_tokenizerFocused\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], MultiComboBox.prototype, \"_iconPressed\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], MultiComboBox.prototype, \"_inputWidth\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true, defaultValue: 0 })\n], MultiComboBox.prototype, \"_listWidth\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], MultiComboBox.prototype, \"_performingSelectionTwice\", void 0);\n__decorate([\n property({ type: Boolean })\n], MultiComboBox.prototype, \"tokenizerAvailable\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n], MultiComboBox.prototype, \"items\", void 0);\n__decorate([\n slot()\n], MultiComboBox.prototype, \"icon\", void 0);\n__decorate([\n slot()\n], MultiComboBox.prototype, \"valueStateMessage\", void 0);\nMultiComboBox = MultiComboBox_1 = __decorate([\n customElement({\n tag: \"ui5-multi-combobox\",\n languageAware: true,\n renderer: litRender,\n template: MultiComboBoxTemplate,\n staticAreaTemplate: MultiComboBoxPopoverTemplate,\n styles: multiCbxStyles,\n staticAreaStyles: [ResponsivePopoverCommonCss, ValueStateMessageCss, SuggestionsCss, MultiComboBoxPopover],\n dependencies: [\n MultiComboBoxItem,\n MultiComboBoxGroupItem,\n Tokenizer,\n Token,\n Icon,\n ResponsivePopover,\n Popover,\n List,\n StandardListItem,\n GroupHeaderListItem,\n ToggleButton,\n Button,\n ],\n })\n /**\n * Fired when the input operation has finished by pressing Enter or on focusout.\n *\n * @event sap.ui.webc.main.MultiComboBox#change\n * @public\n */\n ,\n event(\"change\")\n /**\n * Fired when the value of the component changes at each keystroke.\n *\n * @event sap.ui.webc.main.MultiComboBox#input\n * @public\n */\n ,\n event(\"input\")\n /**\n * Fired when the dropdown is opened or closed.\n *\n * @event sap.ui.webc.main.MultiComboBox#open-change\n * @since 1.0.0-rc.5\n * @public\n */\n ,\n event(\"open-change\")\n /**\n * Fired when selection is changed by user interaction\n * in SingleSelect and MultiSelect modes.\n *\n * @event sap.ui.webc.main.MultiComboBox#selection-change\n * @param {Array} items an array of the selected items.\n * @public\n */\n ,\n event(\"selection-change\", {\n detail: {\n items: { type: Array },\n },\n })\n], MultiComboBox);\nMultiComboBox.define();\nexport default MultiComboBox;\n//# sourceMappingURL=MultiComboBox.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.hasValueState ? block1.call(this, context, tags, suffix) : undefined}${this.icon ? block2.call(this, context, tags, suffix) : undefined}${!this.readonly ? block3.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return html `${ifDefined(this.ariaValueStateHiddenText)}`; }\nfunction block2(context, tags, suffix) { return html `${ifDefined(this._headerTitleText)}<${scopeTag(\"ui5-button\", tags, suffix)} class=\"ui5-responsive-popover-close-btn\" icon=\"decline\" design=\"Transparent\" @click=\"${this._closeRespPopover}\">
${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}
${ifDefined(this._headerTitleText)}
${this.hasValueStateText ? block2.call(this, context, tags, suffix) : undefined}
<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block3.call(this, context, tags, suffix) : block4.call(this, context, tags, suffix)}
`; }\nfunction block3(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block4(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block5.call(this, context, tags, suffix, item, index))}`; }\nfunction block5(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block6(context, tags, suffix) { return html `${this.hasValueStateText ? block7.call(this, context, tags, suffix) : undefined}`; }\nfunction block7(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}
` : html `${this.shouldDisplayDefaultValueStateMessage ? block8.call(this, context, tags, suffix) : block9.call(this, context, tags, suffix)}
`; }\nfunction block8(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block9(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block10.call(this, context, tags, suffix, item, index))}`; }\nfunction block10(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nfunction block11(context, tags, suffix, item, index) { return html `${item.isGroupItem ? block12.call(this, context, tags, suffix, item, index) : block13.call(this, context, tags, suffix, item, index)}`; }\nfunction block12(context, tags, suffix, item, index) { return suffix ? html `<${scopeTag(\"ui5-li-groupheader\", tags, suffix)} ?focused=${item.focused}>${ifDefined(item.text)}` : html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-input-value-state-message-icon\" name=\"${ifDefined(this._valueStateMessageIcon)}\">${this.shouldDisplayDefaultValueStateMessage ? block16.call(this, context, tags, suffix) : block17.call(this, context, tags, suffix)}
` : html ``; }\nfunction block16(context, tags, suffix) { return html `${ifDefined(this.valueStateDefaultText)}`; }\nfunction block17(context, tags, suffix) { return html `${repeat(this.valueStateMessageText, (item, index) => item._id || index, (item, index) => block18.call(this, context, tags, suffix, item, index))}`; }\nfunction block18(context, tags, suffix, item, index) { return html `${ifDefined(item)}`; }\nexport default block0;\n//# sourceMappingURL=ComboBoxPopoverTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ComboBox.css\", content: \":host{vertical-align:middle}.ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}[input-icon]{border-inline-start:var(--_ui5-v1-20-0_input_icon_border);border-radius:var(--_ui5-v1-20-0_input_icon_border_radius);color:var(--_ui5-v1-20-0_input_icon_color);cursor:pointer;min-height:1rem;min-width:1rem;outline:none;padding:var(--_ui5-v1-20-0_input_icon_padding)}[input-icon][pressed]{background:var(--_ui5-v1-20-0_input_icon_pressed_bg);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:active{background-color:var(--sapButton_Active_Background);border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_pressed_color)}[input-icon]:not([pressed]):not(:active):hover{background:var(--_ui5-v1-20-0_input_icon_hover_bg);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}[input-icon]:hover{border-inline-start:var(--_ui5-v1-20-0_select_hover_icon_left_border);box-shadow:var(--_ui5-v1-20-0_input_icon_box_shadow)}:host(:not([hidden])){display:inline-block}:host{background:var(--sapField_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_background_color);border:var(--_ui5-v1-20-0-input-border);border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:var(--sapField_TextColor);font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-style:normal;height:var(--_ui5-v1-20-0_input_height);margin:var(--_ui5-v1-20-0_input_margin_top_bottom) 0;min-width:calc(var(--_ui5-v1-20-0_input_min_width) + var(--_ui5-v1-20-0-input-icons-count)*var(--_ui5-v1-20-0_input_icon_width));text-align:start;transition:var(--_ui5-v1-20-0_input_transition);width:var(--_ui5-v1-20-0_input_width)}:host(:not([readonly])),:host([readonly][disabled]){box-shadow:var(--sapField_Shadow)}:host([focused]:not([opened])){background-color:var(--sapField_Focus_Background);border-color:var(--_ui5-v1-20-0_input_focused_border_color)}.ui5-input-focusable-element{position:relative}:host([focused]:not([opened])) .ui5-input-focusable-element:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5-v1-20-0_input_focus_outline_color);border-radius:var(--_ui5-v1-20-0_input_focus_border_radius);bottom:var(--_ui5-v1-20-0_input_focus_offset);content:var(--ui5-v1-20-0_input_focus_pseudo_element_content);left:var(--_ui5-v1-20-0_input_focus_offset);pointer-events:none;position:absolute;right:var(--_ui5-v1-20-0_input_focus_offset);top:var(--_ui5-v1-20-0_input_focus_offset);z-index:2}.ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_bottom_border_color);border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:-2px;content:\\\"\\\";height:var(--_ui5-v1-20-0_input_bottom_border_height);left:1px;position:absolute;transition:var(--_ui5-v1-20-0_input_transition);width:calc(100% - 2px)}.ui5-input-root{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:inline-block;height:100%;outline:none;overflow:hidden;position:relative;transition:border-color .2s ease-in-out;width:100%}:host([disabled]){background-color:var(--_ui5-v1-20-0-input_disabled_background);border-color:var(--_ui5-v1-20-0_input_disabled_border_color);cursor:default;opacity:var(--_ui5-v1-20-0_input_disabled_opacity);pointer-events:none}:host([disabled]) .ui5-input-root:before,:host([readonly]) .ui5-input-root:before{content:none}[inner-input]{-webkit-appearance:none;-moz-appearance:textfield;background:transparent;border:none;box-sizing:border-box;color:inherit;flex:1;font-family:inherit;font-size:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;min-width:var(--_ui5-v1-20-0_input_min_width);outline:none;padding:var(--_ui5-v1-20-0_input_inner_padding);text-align:inherit;text-overflow:ellipsis;width:100%;word-spacing:inherit}[inner-input][inner-input-with-icon]{padding:var(--_ui5-v1-20-0_input_inner_padding_with_icon)}.ui5-input-value-state-icon{align-items:center;display:var(--_ui5-v1-20-0-input-value-state-icon-display);height:100%}.ui5-input-value-state-icon>svg{margin-right:8px}[inner-input]::selection{background:var(--sapSelectedColor);color:var(--sapContent_ContrastTextColor)}:host([disabled]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-webkit-input-placeholder{visibility:hidden}:host([disabled]) [inner-input]::-moz-placeholder{visibility:hidden}:host([readonly]) [inner-input]::-moz-placeholder{visibility:hidden}[inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}[inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color);font-style:var(--_ui5-v1-20-0_input_placeholder_style);font-weight:400;padding-right:.125rem}:host([value-state=Error]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Error]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0-input_error_placeholder_color);font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-webkit-input-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Warning]) [inner-input]::-moz-placeholder{font-weight:var(--_ui5-v1-20-0_input_value_state_error_warning_placeholder_font_weight)}:host([value-state=Success]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Success]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-webkit-input-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}:host([value-state=Information]) [inner-input]::-moz-placeholder{color:var(--_ui5-v1-20-0_input_placeholder_color)}.ui5-input-content{background:transparent;border-radius:var(--_ui5-v1-20-0_input_border_radius);box-sizing:border-box;color:inherit;display:flex;flex-direction:row;height:100%;justify-content:flex-end;outline:none;overflow:hidden}:host([readonly]:not([disabled])){background:var(--sapField_ReadOnly_BackgroundStyle);background-color:var(--_ui5-v1-20-0_input_readonly_background);border-color:var(--_ui5-v1-20-0_input_readonly_border_color)}:host(:not([value-state]):not([readonly]):hover),:host([value-state=None]:not([readonly]):hover){background:var(--sapField_Hover_BackgroundStyle);background-color:var(--sapField_Hover_Background);border:var(--_ui5-v1-20-0_input_hover_border);border-color:var(--_ui5-v1-20-0_input_focused_border_color);box-shadow:var(--sapField_Hover_Shadow)}:host(:not([value-state]):not([readonly])[focused]:not([opened]):hover),:host([value-state=None]:not([readonly])[focused]:not([opened]):hover){box-shadow:none}:host([focused]):not([opened]) .ui5-input-root:before{content:none}:host(:not([readonly]):not([disabled])[value-state]:not([value-state=None])){border-width:var(--_ui5-v1-20-0_input_state_border_width)}:host([value-state=Error]) [inner-input],:host([value-state=Warning]) [inner-input]{font-style:var(--_ui5-v1-20-0_input_error_warning_font_style);text-indent:var(--_ui5-v1-20-0_input_error_warning_text_indent)}:host([value-state=Error]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_error_font_weight)}:host([value-state=Warning]) [inner-input]{font-weight:var(--_ui5-v1-20-0_input_warning_font_weight)}:host([value-state=Error]:not([readonly]):not([disabled])){background:var(--sapField_InvalidBackgroundStyle);background-color:var(--sapField_InvalidBackground);border-color:var(--_ui5-v1-20-0_input_value_state_error_border_color);box-shadow:var(--sapField_InvalidShadow)}:host([value-state=Error][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_error_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_border_color)}:host([value-state=Error][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_error_focus_outline_color)}:host([value-state=Error]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0-input-value-state-error-border-botom-color)}:host([value-state=Error]:not([readonly]):not([focused]):hover),:host([value-state=Error]:not([readonly])[focused][opened]:hover){background-color:var(--_ui5-v1-20-0_input_value_state_error_hover_background);box-shadow:var(--sapField_Hover_InvalidShadow)}:host([value-state=Error]:not([readonly]):not([disabled])),:host([value-state=Information]:not([readonly]):not([disabled])),:host([value-state=Warning]:not([readonly]):not([disabled])){border-style:var(--_ui5-v1-20-0_input_error_warning_border_style)}:host([value-state=Warning]:not([readonly]):not([disabled])){background:var(--sapField_WarningBackgroundStyle);background-color:var(--sapField_WarningBackground);border-color:var(--_ui5-v1-20-0_input_value_state_warning_border_color);box-shadow:var(--sapField_WarningShadow)}:host([value-state=Warning][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_border_color)}:host([value-state=Warning][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_warning_focus_outline_color)}:host([value-state=Warning]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_warning_border_botom_color)}:host([value-state=Warning]:not([readonly]):not([focused]):hover),:host([value-state=Warning]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_WarningShadow)}:host([value-state=Success]:not([readonly]):not([disabled])){background:var(--sapField_SuccessBackgroundStyle);background-color:var(--sapField_SuccessBackground);border-color:var(--_ui5-v1-20-0_input_value_state_success_border_color);border-width:var(--_ui5-v1-20-0_input_value_state_success_border_width);box-shadow:var(--sapField_SuccessShadow)}:host([value-state=Success][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_success_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_border_color)}:host([value-state=Success][focused]:not([opened]):not([readonly])) .ui5-input-focusable-element:after{border-color:var(--_ui5-v1-20-0_input_focused_value_state_success_focus_outline_color)}:host([value-state=Success]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_state_success_border_botom_color)}:host([value-state=Success]:not([readonly]):not([focused]):hover),:host([value-state=Success]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_SuccessShadow)}:host([value-state=Information]:not([readonly]):not([disabled])){background:var(--sapField_InformationBackgroundStyle);background-color:var(--sapField_InformationBackground);border-color:var(--_ui5-v1-20-0_input_value_state_information_border_color);border-width:var(--_ui5-v1-20-0_input_information_border_width);box-shadow:var(--sapField_InformationShadow)}:host([value-state=Information][focused]:not([opened]):not([readonly])){background-color:var(--_ui5-v1-20-0_input_focused_value_state_information_background);border-color:var(--_ui5-v1-20-0_input_focused_value_state_information_border_color)}:host([value-state=Information]:not([readonly])) .ui5-input-root:before{background-color:var(--_ui5-v1-20-0_input_value_success_information_border_botom_color)}:host([value-state=Information]:not([readonly]):not([focused]):hover),:host([value-state=Information]:not([readonly])[focused][opened]:hover){background-color:var(--sapField_Hover_Background);box-shadow:var(--sapField_Hover_InformationShadow)}.ui5-input-icon-root{align-items:center;display:flex;height:100%;justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_min_width)}::slotted([ui5-icon][slot=icon]){align-self:start;box-sizing:content-box!important;padding:var(--_ui5-v1-20-0_input_custom_icon_padding)}:host([value-state=Error]) [input-icon],:host([value-state=Warning]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_icon_padding)}:host([value-state=Error][focused]) [input-icon],:host([value-state=Warning][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_error_warning_focused_icon_padding)}:host([value-state=Information]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_icon_padding)}:host([value-state=Information][focused]) [input-icon]{padding:var(--_ui5-v1-20-0_input_information_focused_icon_padding)}:host([value-state=Error]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_icon_padding)}:host([value-state=Error][focused]) ::slotted([input-icon][ui5-icon]),:host([value-state=Error][focused]) ::slotted([ui5-icon][slot=icon]),:host([value-state=Warning][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_error_warning_custom_focused_icon_padding)}:host([value-state=Information]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_icon_padding)}:host([value-state=Information][focused]) ::slotted([ui5-icon][slot=icon]){padding:var(--_ui5-v1-20-0_input_information_custom_focused_icon_padding)}:host([value-state=Error]) [input-icon]:active,:host([value-state=Error]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_error_pressed_color)}:host([value-state=Error]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_error_icon_box_shadow)}:host([value-state=Warning]) [input-icon]:active,:host([value-state=Warning]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_warning_pressed_color)}:host([value-state=Warning]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_warning_icon_box_shadow)}:host([value-state=Information]) [input-icon]:active,:host([value-state=Information]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_information_pressed_color)}:host([value-state=Information]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_information_icon_box_shadow)}:host([value-state=Success]) [input-icon]:active,:host([value-state=Success]) [input-icon][pressed]{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow);color:var(--_ui5-v1-20-0_input_icon_success_pressed_color)}:host([value-state=Success]) [input-icon]:not([pressed]):not(:active):hover{box-shadow:var(--_ui5-v1-20-0_input_success_icon_box_shadow)}.ui5-input-clear-icon-wrapper{align-items:center;box-sizing:border-box;display:flex;height:var(--_ui5-v1-20-0_input_icon_wrapper_height);justify-content:center;min-width:var(--_ui5-v1-20-0_input_icon_width);padding:0;width:var(--_ui5-v1-20-0_input_icon_width)}:host([value-state]:not([value-state=None]):not([value-state=Success])) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_state_height);vertical-align:top}:host([value-state=Success]) .ui5-input-clear-icon-wrapper{height:var(--_ui5-v1-20-0_input_icon_wrapper_success_state_height)}[ui5-icon].ui5-input-clear-icon{color:inherit;padding:0}[inner-input]::-webkit-inner-spin-button,[inner-input]::-webkit-outer-spin-button{-webkit-appearance:inherit;margin:inherit}.ui5-combobox-root{border-radius:var(--_ui5-v1-20-0_input_border_radius);display:flex;height:100%;overflow:hidden;width:100%}\" };\nexport default styleData;\n//# sourceMappingURL=ComboBox.css.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ComboBoxPopover.css\", content: \".ui5-combobox-busy{align-items:center;display:flex;height:100%;justify-content:center;left:50%;pointer-events:all;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:42}.ui5-combobox-busy:not([active]){display:none}\" };\nexport default styleData;\n//# sourceMappingURL=ComboBoxPopover.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n/**\n * @class\n * The ui5-cb-group-item is type of suggestion item,\n * that can be used to split the ui5-combobox suggestions into groups.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ComboBoxGroupItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-cb-group-item\n * @public\n * @implements sap.ui.webc.main.IComboBoxItem\n * @since 1.0.0-rc.15\n */\nlet ComboBoxGroupItem = class ComboBoxGroupItem extends UI5Element {\n /**\n * Used to avoid tag name checks\n * @protected\n */\n get isGroupItem() {\n return true;\n }\n};\n__decorate([\n property()\n], ComboBoxGroupItem.prototype, \"text\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBoxGroupItem.prototype, \"focused\", void 0);\nComboBoxGroupItem = __decorate([\n customElement(\"ui5-cb-group-item\")\n], ComboBoxGroupItem);\nComboBoxGroupItem.define();\nexport default ComboBoxGroupItem;\n//# sourceMappingURL=ComboBoxGroupItem.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar ComboBox_1;\nimport 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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { isPhone, isAndroid, isSafari } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport InvisibleMessageMode from \"@ui5/webcomponents-base/dist/types/InvisibleMessageMode.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AriaLabelHelper.js\";\nimport announce from \"@ui5/webcomponents-base/dist/util/InvisibleMessage.js\";\nimport { getScopedVarName } from \"@ui5/webcomponents-base/dist/CustomElementsScope.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/not-editable.js\";\nimport \"@ui5/webcomponents-icons/dist/error.js\";\nimport \"@ui5/webcomponents-icons/dist/alert.js\";\nimport \"@ui5/webcomponents-icons/dist/sys-enter-2.js\";\nimport \"@ui5/webcomponents-icons/dist/information.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getFeature } from \"@ui5/webcomponents-base/dist/FeaturesRegistry.js\";\nimport { isBackSpace, isDelete, isShow, isUp, isDown, isEnter, isEscape, isTabNext, isTabPrevious, isPageUp, isPageDown, isHome, isEnd, } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport * as Filters from \"./Filters.js\";\nimport { VALUE_STATE_SUCCESS, VALUE_STATE_ERROR, VALUE_STATE_WARNING, VALUE_STATE_INFORMATION, VALUE_STATE_TYPE_SUCCESS, VALUE_STATE_TYPE_INFORMATION, VALUE_STATE_TYPE_ERROR, VALUE_STATE_TYPE_WARNING, INPUT_SUGGESTIONS_TITLE, SELECT_OPTIONS, LIST_ITEM_POSITION, LIST_ITEM_GROUP_HEADER, } from \"./generated/i18n/i18n-defaults.js\";\n// Templates\nimport ComboBoxTemplate from \"./generated/templates/ComboBoxTemplate.lit.js\";\nimport ComboBoxPopoverTemplate from \"./generated/templates/ComboBoxPopoverTemplate.lit.js\";\n// Styles\nimport ComboBoxCss from \"./generated/themes/ComboBox.css.js\";\nimport ComboBoxPopoverCss from \"./generated/themes/ComboBoxPopover.css.js\";\nimport ResponsivePopoverCommonCss from \"./generated/themes/ResponsivePopoverCommon.css.js\";\nimport ValueStateMessageCss from \"./generated/themes/ValueStateMessage.css.js\";\nimport SuggestionsCss from \"./generated/themes/Suggestions.css.js\";\nimport ComboBoxItem from \"./ComboBoxItem.js\";\nimport Icon from \"./Icon.js\";\nimport Popover from \"./Popover.js\";\nimport ResponsivePopover from \"./ResponsivePopover.js\";\nimport List from \"./List.js\";\nimport BusyIndicator from \"./BusyIndicator.js\";\nimport Button from \"./Button.js\";\nimport StandardListItem from \"./StandardListItem.js\";\nimport ComboBoxGroupItem from \"./ComboBoxGroupItem.js\";\nimport GroupHeaderListItem from \"./GroupHeaderListItem.js\";\nimport ComboBoxFilter from \"./types/ComboBoxFilter.js\";\nimport PopoverHorizontalAlign from \"./types/PopoverHorizontalAlign.js\";\nconst SKIP_ITEMS_SIZE = 10;\nvar ValueStateIconMapping;\n(function (ValueStateIconMapping) {\n ValueStateIconMapping[\"Error\"] = \"error\";\n ValueStateIconMapping[\"Warning\"] = \"alert\";\n ValueStateIconMapping[\"Success\"] = \"sys-enter-2\";\n ValueStateIconMapping[\"Information\"] = \"information\";\n})(ValueStateIconMapping || (ValueStateIconMapping = {}));\n/**\n * @class\n *\n * Overview
\n *\n * Theui5-combobox component represents a drop-down menu with a list of the available options and a text input field to narrow down the options.\n *\n * It is commonly used to enable users to select an option from a predefined list.\n *\n * Structure
\n * Theui5-combobox consists of the following elements:\n *\n * - \n *
- Input field - displays the selected option or a custom user entry. Users can type to narrow down the list or enter their own value. \n *
- Drop-down arrow - expands\\collapses the option list. \n *
- Option list - the list of available options. \n *
Keyboard Handling
\n *\n * Theui5-combobox provides advanced keyboard handling.\n * \n *\n *
- \n *
- [F4], [ALT]+[UP], or [ALT]+[DOWN] - Toggles the picker. \n *
- [ESC] - Closes the picker, if open. If closed, cancels changes and reverts the typed in value. \n *
- [ENTER] or [RETURN] - If picker is open, takes over the currently selected item and closes it. \n *
- [DOWN] - Selects the next matching item in the picker. \n *
- [UP] - Selects the previous matching item in the picker. \n *
- [PAGEDOWN] - Moves selection down by page size (10 items by default). \n *
- [PAGEUP] - Moves selection up by page size (10 items by default). \n *
- [HOME] - If focus is in the ComboBox, moves cursor at the beginning of text. If focus is in the picker, selects the first item. \n *
- [END] - If focus is in the ComboBox, moves cursor at the end of text. If focus is in the picker, selects the last item. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/ComboBox\";\n *\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ComboBox\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-combobox\n * @appenddocs sap.ui.webc.main.ComboBoxItem sap.ui.webc.main.ComboBoxGroupItem\n * @public\n * @since 1.0.0-rc.6\n */\nlet ComboBox = ComboBox_1 = class ComboBox extends UI5Element {\n constructor() {\n super();\n this._filteredItems = [];\n this._initialRendering = true;\n this._itemFocused = false;\n this._autocomplete = false;\n this._isKeyNavigation = false;\n this._lastValue = \"\";\n this._selectionPerformed = false;\n this._selectedItemText = \"\";\n this._userTypedValue = \"\";\n }\n onBeforeRendering() {\n const popover = this.valueStatePopover;\n this.FormSupport = getFeature(\"FormSupport\");\n if (this._initialRendering || this.filter === \"None\") {\n this._filteredItems = this.items;\n }\n if (!this._initialRendering && document.activeElement === this && !this._filteredItems.length) {\n popover?.close();\n }\n this._selectMatchingItem();\n this._initialRendering = false;\n const slottedIconsCount = this.icon.length || 0;\n const arrowDownIconsCount = this.readonly ? 0 : 1;\n this.style.setProperty(getScopedVarName(\"--_ui5-input-icons-count\"), `${slottedIconsCount + arrowDownIconsCount}`);\n }\n async onAfterRendering() {\n const picker = await this._getPicker();\n if (isPhone() && picker.opened) {\n // Set initial focus to the native input\n this.inner.focus();\n }\n if ((await this.shouldClosePopover()) && !isPhone()) {\n picker.close(false, false, true);\n this._clearFocus();\n this._itemFocused = false;\n }\n this.toggleValueStatePopover(this.shouldOpenValueStateMessagePopover);\n this.storeResponsivePopoverWidth();\n // Safari is quite slow and does not preserve text highlighting on control rerendering.\n // That's why we need to restore it \"manually\".\n if (isSafari() && this._autocomplete && this.filterValue !== this.value) {\n this.inner.setSelectionRange((this._isKeyNavigation ? 0 : this.filterValue.length), this.value.length);\n }\n }\n async shouldClosePopover() {\n const popover = await this._getPicker();\n return popover.opened && !this.focused && !this._itemFocused && !this._isValueStateFocused;\n }\n _focusin(e) {\n this.focused = true;\n this._lastValue = this.value;\n this._autocomplete = false;\n !isPhone() && e.target.setSelectionRange(0, this.value.length);\n }\n _focusout(e) {\n const toBeFocused = e.relatedTarget;\n const focusedOutToValueStateMessage = toBeFocused?.shadowRoot?.querySelector(\".ui5-valuestatemessage-root\");\n this._fireChangeEvent();\n if (focusedOutToValueStateMessage) {\n e.stopImmediatePropagation();\n return;\n }\n if (!(this.shadowRoot.contains(toBeFocused)) && (this.staticAreaItem !== e.relatedTarget)) {\n this.focused = false;\n !isPhone() && this._closeRespPopover(e);\n }\n }\n _afterOpenPopover() {\n this._iconPressed = true;\n }\n _afterClosePopover() {\n this._iconPressed = false;\n this._filteredItems = this.items;\n // close device's keyboard and prevent further typing\n if (isPhone()) {\n this.blur();\n }\n if (this._selectionPerformed) {\n this._lastValue = this.value;\n this._selectionPerformed = false;\n }\n }\n async _toggleRespPopover() {\n const picker = await this._getPicker();\n if (picker.opened) {\n this._closeRespPopover();\n }\n else {\n this._openRespPopover();\n }\n }\n async storeResponsivePopoverWidth() {\n if (this.open && !this._listWidth) {\n this._listWidth = (await this._getPicker()).offsetWidth;\n }\n }\n toggleValueStatePopover(open) {\n if (open) {\n this.openValueStatePopover();\n }\n else {\n this.closeValueStatePopover();\n }\n }\n async openValueStatePopover() {\n (await this._getValueStatePopover())?.showAt(this);\n }\n async closeValueStatePopover() {\n (await this._getValueStatePopover())?.close();\n }\n async _getValueStatePopover() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n const popover = staticAreaItem.querySelector(\".ui5-valuestatemessage-popover\");\n // backward compatibility\n // rework all methods to work with async getters\n this.valueStatePopover = popover;\n return popover;\n }\n _resetFilter() {\n this._userTypedValue = \"\";\n this.inner.setSelectionRange(0, this.value.length);\n this._filteredItems = this._filterItems(\"\");\n this._selectMatchingItem();\n }\n _arrowClick() {\n this.inner.focus();\n this._resetFilter();\n if (isPhone() && this.value && !this._lastValue) {\n this._lastValue = this.value;\n }\n this._toggleRespPopover();\n }\n _input(e) {\n const { value } = e.target;\n const shouldAutocomplete = this.shouldAutocomplete(e);\n if (e.target === this.inner) {\n // stop the native event, as the semantic \"input\" would be fired.\n e.stopImmediatePropagation();\n this.focused = true;\n this._isValueStateFocused = false;\n }\n this._filteredItems = this._filterItems(value);\n this.value = value;\n this.filterValue = value;\n this._clearFocus();\n // autocomplete\n if (shouldAutocomplete && !isAndroid()) {\n const item = this._getFirstMatchingItem(value);\n item && this._applyAtomicValueAndSelection(item, value, true);\n if (value !== \"\" && (item && !item.selected && !item.isGroupItem)) {\n this.fireEvent(\"selection-change\", {\n item,\n });\n }\n }\n this.fireEvent(\"input\");\n if (isPhone()) {\n return;\n }\n if (!this._filteredItems.length || value === \"\") {\n this._closeRespPopover();\n }\n else {\n this._openRespPopover();\n }\n }\n shouldAutocomplete(e) {\n const eventType = e.inputType;\n const allowedEventTypes = [\n \"deleteWordBackward\",\n \"deleteWordForward\",\n \"deleteSoftLineBackward\",\n \"deleteSoftLineForward\",\n \"deleteEntireSoftLine\",\n \"deleteHardLineBackward\",\n \"deleteHardLineForward\",\n \"deleteByDrag\",\n \"deleteByCut\",\n \"deleteContent\",\n \"deleteContentBackward\",\n \"deleteContentForward\",\n \"historyUndo\",\n ];\n return !this.noTypeahead && !allowedEventTypes.includes(eventType);\n }\n _startsWithMatchingItems(str) {\n return Filters.StartsWith(str, this._filteredItems, \"text\");\n }\n _clearFocus() {\n this._filteredItems.map(item => {\n item.focused = false;\n return item;\n });\n }\n handleNavKeyPress(e) {\n if (this.focused && (isHome(e) || isEnd(e)) && this.value) {\n return;\n }\n const isOpen = this.open;\n const currentItem = this._filteredItems.find(item => {\n return isOpen ? item.focused : item.selected;\n });\n const indexOfItem = currentItem ? this._filteredItems.indexOf(currentItem) : -1;\n e.preventDefault();\n if (this.focused && isOpen && (isUp(e) || isPageUp(e) || isPageDown(e))) {\n return;\n }\n if (this._filteredItems.length - 1 === indexOfItem && isDown(e)) {\n return;\n }\n this._isKeyNavigation = true;\n if (e.key === \"ArrowDown\"\n || e.key === \"ArrowUp\"\n || e.key === \"PageUp\"\n || e.key === \"PageDown\"\n || e.key === \"Home\"\n || e.key === \"End\") {\n this[`_handle${e.key}`](e, indexOfItem);\n }\n }\n _handleItemNavigation(e, indexOfItem, isForward) {\n const isOpen = this.open;\n const currentItem = this._filteredItems[indexOfItem];\n const nextItem = isForward ? this._filteredItems[indexOfItem + 1] : this._filteredItems[indexOfItem - 1];\n const isGroupItem = currentItem && currentItem.isGroupItem;\n if ((!isOpen) && ((isGroupItem && !nextItem) || (!isGroupItem && !currentItem))) {\n return;\n }\n this._clearFocus();\n if (isOpen) {\n this._itemFocused = true;\n this.value = isGroupItem ? \"\" : currentItem.text;\n this.focused = false;\n currentItem.focused = true;\n }\n else {\n this.focused = true;\n this.value = isGroupItem ? nextItem.text : currentItem.text;\n currentItem.focused = false;\n }\n this._isValueStateFocused = false;\n this._announceSelectedItem(indexOfItem);\n if (isGroupItem && isOpen) {\n return;\n }\n // autocomplete\n const item = this._getFirstMatchingItem(this.value);\n item && this._applyAtomicValueAndSelection(item, (this.open ? this._userTypedValue : \"\"), true);\n if ((item && !item.selected)) {\n this.fireEvent(\"selection-change\", {\n item,\n });\n }\n this.fireEvent(\"input\");\n this._fireChangeEvent();\n }\n _handleArrowDown(e, indexOfItem) {\n const isOpen = this.open;\n if (this.focused && indexOfItem === -1 && this.hasValueStateText && isOpen) {\n this._isValueStateFocused = true;\n this._announceValueStateText();\n this.focused = false;\n return;\n }\n indexOfItem = !isOpen && this.hasValueState && indexOfItem === -1 ? 0 : indexOfItem;\n this._handleItemNavigation(e, ++indexOfItem, true /* isForward */);\n }\n _handleArrowUp(e, indexOfItem) {\n const isOpen = this.open;\n if (indexOfItem === 0 && !this.hasValueStateText) {\n this._clearFocus();\n this.focused = true;\n this._itemFocused = false;\n return;\n }\n if (indexOfItem === 0 && this.hasValueStateText && isOpen) {\n this._clearFocus();\n this._itemFocused = false;\n this._isValueStateFocused = true;\n this._announceValueStateText();\n this._filteredItems[0].selected = false;\n return;\n }\n if (this._isValueStateFocused) {\n this.focused = true;\n this._isValueStateFocused = false;\n return;\n }\n indexOfItem = !isOpen && this.hasValueState && indexOfItem === -1 ? 0 : indexOfItem;\n this._handleItemNavigation(e, --indexOfItem, false /* isForward */);\n }\n _handlePageUp(e, indexOfItem) {\n const isProposedIndexValid = indexOfItem - SKIP_ITEMS_SIZE > -1;\n indexOfItem = isProposedIndexValid ? indexOfItem - SKIP_ITEMS_SIZE : 0;\n const shouldMoveForward = this._filteredItems[indexOfItem].isGroupItem && !this.open;\n if (!isProposedIndexValid && this.hasValueStateText && this.open) {\n this._clearFocus();\n this._itemFocused = false;\n this._isValueStateFocused = true;\n this._announceValueStateText();\n return;\n }\n this._handleItemNavigation(e, indexOfItem, shouldMoveForward);\n }\n _handlePageDown(e, indexOfItem) {\n const itemsLength = this._filteredItems.length;\n const isProposedIndexValid = indexOfItem + SKIP_ITEMS_SIZE < itemsLength;\n indexOfItem = isProposedIndexValid ? indexOfItem + SKIP_ITEMS_SIZE : itemsLength - 1;\n const shouldMoveForward = this._filteredItems[indexOfItem].isGroupItem && !this.open;\n this._handleItemNavigation(e, indexOfItem, shouldMoveForward);\n }\n _handleHome(e) {\n const shouldMoveForward = this._filteredItems[0].isGroupItem && !this.open;\n if (this.hasValueStateText && this.open) {\n this._clearFocus();\n this._itemFocused = false;\n this._isValueStateFocused = true;\n this._announceValueStateText();\n return;\n }\n this._handleItemNavigation(e, 0, shouldMoveForward);\n }\n _handleEnd(e) {\n this._handleItemNavigation(e, this._filteredItems.length - 1, true /* isForward */);\n }\n _keyup() {\n this._userTypedValue = this.value.substring(0, this.inner.selectionStart || 0);\n }\n _keydown(e) {\n const isNavKey = isDown(e) || isUp(e) || isPageUp(e) || isPageDown(e) || isHome(e) || isEnd(e);\n const picker = this.responsivePopover;\n this._autocomplete = !(isBackSpace(e) || isDelete(e));\n this._isKeyNavigation = false;\n if (isNavKey && !this.readonly && this._filteredItems.length) {\n this.handleNavKeyPress(e);\n }\n if (isEnter(e)) {\n this._fireChangeEvent();\n if (picker?.opened) {\n this._closeRespPopover();\n this.focused = true;\n }\n else if (this.FormSupport) {\n this.FormSupport.triggerFormSubmit(this);\n }\n }\n if (isEscape(e)) {\n this.focused = true;\n this.value = !this.open ? this._lastValue : this.value;\n this._isValueStateFocused = false;\n }\n if ((isTabNext(e) || isTabPrevious(e)) && this.open) {\n this._closeRespPopover();\n }\n if (isShow(e) && !this.readonly && !this.disabled) {\n e.preventDefault();\n this._resetFilter();\n this._toggleRespPopover();\n const selectedItem = this._filteredItems.find(item => {\n return item.selected;\n });\n if (selectedItem && this.open) {\n this._itemFocused = true;\n selectedItem.focused = true;\n this.focused = false;\n }\n else if (this.open && this._filteredItems.length) {\n // If no item is selected, select the first one on \"Show\" (F4, Alt+Up/Down)\n this._handleItemNavigation(e, 0, true /* isForward */);\n }\n else {\n this.focused = true;\n }\n }\n }\n _click() {\n if (isPhone() && !this.readonly) {\n this._openRespPopover();\n }\n }\n _closeRespPopover(e) {\n const picker = this.responsivePopover;\n if (e && e.target.classList.contains(\"ui5-responsive-popover-close-btn\") && this._selectedItemText) {\n this.value = this._selectedItemText;\n this.filterValue = this._selectedItemText;\n }\n if (e && e.target.classList.contains(\"ui5-responsive-popover-close-btn\")) {\n this.value = this._lastValue || \"\";\n this.filterValue = this._lastValue || \"\";\n }\n if (isPhone()) {\n this._fireChangeEvent();\n }\n this._isValueStateFocused = false;\n this._clearFocus();\n picker?.close();\n }\n async _openRespPopover() {\n (await this._getPicker()).showAt(this);\n }\n _filterItems(str) {\n const itemsToFilter = this.items.filter(item => !item.isGroupItem);\n const filteredItems = (Filters[this.filter] || Filters.StartsWithPerTerm)(str, itemsToFilter, \"text\");\n // Return the filtered items and their group items\n return this.items.filter((item, idx, allItems) => ComboBox_1._groupItemFilter(item, ++idx, allItems, filteredItems) || filteredItems.indexOf(item) !== -1);\n }\n /**\n * Returns true if the group header should be shown (if there is a filtered suggestion item for this group item)\n *\n * @private\n */\n static _groupItemFilter(item, idx, allItems, filteredItems) {\n if (item.isGroupItem) {\n let groupHasFilteredItems;\n while (allItems[idx] && !allItems[idx].isGroupItem && !groupHasFilteredItems) {\n groupHasFilteredItems = filteredItems.indexOf(allItems[idx]) !== -1;\n idx++;\n }\n return groupHasFilteredItems;\n }\n }\n _getFirstMatchingItem(current) {\n const currentlyFocusedItem = this.items.find(item => item.focused === true);\n if (currentlyFocusedItem?.isGroupItem) {\n this.value = this.filterValue;\n return;\n }\n const matchingItems = this._startsWithMatchingItems(current).filter(item => !item.isGroupItem);\n if (matchingItems.length) {\n return matchingItems[0];\n }\n }\n _applyAtomicValueAndSelection(item, filterValue, highlightValue) {\n const value = (item && item.text) || \"\";\n this.inner.value = value;\n if (highlightValue) {\n this.inner.setSelectionRange(filterValue.length, value.length);\n }\n this.value = value;\n }\n _selectMatchingItem() {\n const currentlyFocusedItem = this.items.find(item => item.focused);\n const shouldSelectionBeCleared = currentlyFocusedItem && currentlyFocusedItem.isGroupItem;\n const itemToBeSelected = this._filteredItems.find(item => {\n return !item.isGroupItem && (item.text === this.value) && !shouldSelectionBeCleared;\n });\n this._filteredItems = this._filteredItems.map(item => {\n item.selected = item === itemToBeSelected;\n return item;\n });\n }\n _fireChangeEvent() {\n if (this.value !== this._lastValue) {\n this.fireEvent(\"change\");\n this._lastValue = this.value;\n }\n }\n _inputChange(e) {\n e.preventDefault();\n }\n _itemMousedown(e) {\n e.preventDefault();\n }\n _selectItem(e) {\n const listItem = e.detail.item;\n this._selectedItemText = listItem.mappedItem.text;\n this._selectionPerformed = true;\n const sameItemSelected = this.value === this._selectedItemText;\n const sameSelectionPerformed = this.value.toLowerCase() === this.filterValue.toLowerCase();\n if (sameItemSelected && sameSelectionPerformed) {\n this._fireChangeEvent(); // Click on an already typed, but not memoized value shouold also trigger the change event\n return this._closeRespPopover();\n }\n this.value = this._selectedItemText;\n if (!listItem.mappedItem.selected) {\n this.fireEvent(\"selection-change\", {\n item: listItem.mappedItem,\n });\n }\n this._filteredItems.map(item => {\n item.selected = (item === listItem.mappedItem && !item.isGroupItem);\n return item;\n });\n this._fireChangeEvent();\n this._closeRespPopover();\n // reset selection\n this.inner.setSelectionRange(this.value.length, this.value.length);\n }\n _onItemFocus() {\n this._itemFocused = true;\n }\n _announceSelectedItem(indexOfItem) {\n const currentItem = this._filteredItems[indexOfItem];\n const nonGroupItems = this._filteredItems.filter(item => !item.isGroupItem);\n const currentItemAdditionalText = currentItem.additionalText || \"\";\n const isGroupItem = currentItem?.isGroupItem;\n const itemPositionText = ComboBox_1.i18nBundle.getText(LIST_ITEM_POSITION, nonGroupItems.indexOf(currentItem) + 1, nonGroupItems.length);\n const groupHeaderText = ComboBox_1.i18nBundle.getText(LIST_ITEM_GROUP_HEADER);\n if (isGroupItem) {\n announce(`${groupHeaderText} ${currentItem.text}`, InvisibleMessageMode.Polite);\n }\n else {\n announce(`${currentItemAdditionalText} ${itemPositionText}`.trim(), InvisibleMessageMode.Polite);\n }\n }\n _announceValueStateText() {\n const valueStateText = this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : this.valueStateMessageText.map(el => el.textContent).join(\" \");\n if (valueStateText) {\n announce(valueStateText, InvisibleMessageMode.Polite);\n }\n }\n get _headerTitleText() {\n return ComboBox_1.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);\n }\n get _iconAccessibleNameText() {\n return ComboBox_1.i18nBundle.getText(SELECT_OPTIONS);\n }\n get inner() {\n return isPhone() ? this.responsivePopover.querySelector(\".ui5-input-inner-phone\") : this.shadowRoot.querySelector(\"[inner-input]\");\n }\n async _getPicker() {\n const staticAreaItem = await this.getStaticAreaItemDomRef();\n const picker = staticAreaItem.querySelector(\"[ui5-responsive-popover]\");\n // backward compatibility\n // rework all methods to work with async getters\n this.responsivePopover = picker;\n return picker;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get hasValueStateText() {\n return this.hasValueState && this.valueState !== ValueState.Success;\n }\n get ariaValueStateHiddenText() {\n if (!this.hasValueState) {\n return \"\";\n }\n let text = \"\";\n if (this.valueState !== ValueState.None) {\n text = this.valueStateTypeMappings[this.valueState];\n }\n if (this.shouldDisplayDefaultValueStateMessage) {\n return `${text} ${this.valueStateDefaultText || \"\"}`;\n }\n return `${text}`.concat(\" \", this.valueStateMessageText.map(el => el.textContent).join(\" \"));\n }\n get valueStateDefaultText() {\n if (this.valueState === ValueState.None) {\n return;\n }\n return this.valueStateTextMappings[this.valueState];\n }\n get valueStateMessageText() {\n return this.getSlottedNodes(\"valueStateMessage\").map(el => el.cloneNode(true));\n }\n get valueStateTextMappings() {\n return {\n [ValueState.Success]: ComboBox_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n [ValueState.Error]: ComboBox_1.i18nBundle.getText(VALUE_STATE_ERROR),\n [ValueState.Warning]: ComboBox_1.i18nBundle.getText(VALUE_STATE_WARNING),\n [ValueState.Information]: ComboBox_1.i18nBundle.getText(VALUE_STATE_INFORMATION),\n };\n }\n get valueStateTypeMappings() {\n return {\n [ValueState.Success]: ComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_SUCCESS),\n [ValueState.Information]: ComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_INFORMATION),\n [ValueState.Error]: ComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_ERROR),\n [ValueState.Warning]: ComboBox_1.i18nBundle.getText(VALUE_STATE_TYPE_WARNING),\n };\n }\n get shouldOpenValueStateMessagePopover() {\n return this.focused && !this.readonly && this.hasValueStateText && !this._iconPressed\n && !this.open && !this._isPhone;\n }\n get shouldDisplayDefaultValueStateMessage() {\n return !this.valueStateMessage.length && this.hasValueStateText;\n }\n get _valueStatePopoverHorizontalAlign() {\n return this.effectiveDir !== \"rtl\" ? PopoverHorizontalAlign.Left : PopoverHorizontalAlign.Right;\n }\n /**\n * This method is relevant for sap_horizon theme only\n */\n get _valueStateMessageIcon() {\n return this.valueState !== ValueState.None ? ValueStateIconMapping[this.valueState] : \"\";\n }\n get open() {\n return this?.responsivePopover?.opened || false;\n }\n get _isPhone() {\n return isPhone();\n }\n get itemTabIndex() {\n return undefined;\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n static async onDefine() {\n ComboBox_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n get styles() {\n const remSizeInPx = parseInt(getComputedStyle(document.documentElement).fontSize);\n return {\n popoverHeader: {\n \"width\": `${this.offsetWidth}px`,\n },\n suggestionPopoverHeader: {\n \"display\": this._listWidth === 0 ? \"none\" : \"inline-block\",\n \"width\": `${this._listWidth || \"\"}px`,\n },\n suggestionsPopover: {\n \"min-width\": `${this.offsetWidth || 0}px`,\n \"max-width\": (this.offsetWidth / remSizeInPx) > 40 ? `${this.offsetWidth}px` : \"40rem\",\n },\n };\n }\n get classes() {\n return {\n popover: {\n \"ui5-suggestions-popover\": !this._isPhone,\n \"ui5-suggestions-popover-with-value-state-header\": !this._isPhone && this.hasValueStateText,\n },\n popoverValueState: {\n \"ui5-valuestatemessage-header\": true,\n \"ui5-valuestatemessage-root\": true,\n \"ui5-valuestatemessage--success\": this.valueState === ValueState.Success,\n \"ui5-valuestatemessage--error\": this.valueState === ValueState.Error,\n \"ui5-valuestatemessage--warning\": this.valueState === ValueState.Warning,\n \"ui5-valuestatemessage--information\": this.valueState === ValueState.Information,\n },\n };\n }\n};\n__decorate([\n property()\n], ComboBox.prototype, \"value\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"noTypeahead\", void 0);\n__decorate([\n property()\n], ComboBox.prototype, \"filterValue\", void 0);\n__decorate([\n property()\n], ComboBox.prototype, \"placeholder\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], ComboBox.prototype, \"valueState\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"required\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"loading\", void 0);\n__decorate([\n property({ type: ComboBoxFilter, defaultValue: ComboBoxFilter.StartsWithPerTerm })\n], ComboBox.prototype, \"filter\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], ComboBox.prototype, \"_isValueStateFocused\", void 0);\n__decorate([\n property()\n], ComboBox.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], ComboBox.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], ComboBox.prototype, \"_iconPressed\", void 0);\n__decorate([\n property({ type: Object, noAttribute: true, multiple: true })\n], ComboBox.prototype, \"_filteredItems\", void 0);\n__decorate([\n property({ validator: Integer, noAttribute: true })\n], ComboBox.prototype, \"_listWidth\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true, invalidateOnChildChange: true })\n], ComboBox.prototype, \"items\", void 0);\n__decorate([\n slot()\n], ComboBox.prototype, \"valueStateMessage\", void 0);\n__decorate([\n slot()\n], ComboBox.prototype, \"icon\", void 0);\nComboBox = ComboBox_1 = __decorate([\n customElement({\n tag: \"ui5-combobox\",\n languageAware: true,\n renderer: litRender,\n styles: ComboBoxCss,\n staticAreaStyles: [\n ResponsivePopoverCommonCss,\n ValueStateMessageCss,\n ComboBoxPopoverCss,\n SuggestionsCss,\n ],\n template: ComboBoxTemplate,\n staticAreaTemplate: ComboBoxPopoverTemplate,\n dependencies: [\n ComboBoxItem,\n Icon,\n ResponsivePopover,\n List,\n BusyIndicator,\n Button,\n StandardListItem,\n GroupHeaderListItem,\n Popover,\n ComboBoxGroupItem,\n ],\n })\n /**\n * Fired when the input operation has finished by pressing Enter, focusout or an item is selected.\n *\n * @event sap.ui.webc.main.ComboBox#change\n * @public\n */\n ,\n event(\"change\")\n /**\n * Fired when typing in input.\n * \n * Note: filterValue property is updated, input is changed.\n * @event sap.ui.webc.main.ComboBox#input\n * @public\n */\n ,\n event(\"input\")\n /**\n * Fired when selection is changed by user interaction\n *\n * @event sap.ui.webc.main.ComboBox#selection-change\n * @param {sap.ui.webc.main.IComboBoxItem} item item to be selected.\n * @public\n */\n ,\n event(\"selection-change\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n], ComboBox);\nComboBox.define();\nexport default ComboBox;\n//# sourceMappingURL=ComboBox.js.map","function getY(max, height, diff, value) {\n return parseFloat((height - (value * height / max) + diff).toFixed(2));\n}\n\nfunction removeChildren(svg) {\n [...svg.querySelectorAll(\"*\")].forEach(element => svg.removeChild(element));\n}\n\nfunction defaultFetch(entry) {\n return entry.value;\n}\n\nfunction buildElement(tag, attrs) {\n const element = document.createElementNS(\"http://www.w3.org/2000/svg\", tag);\n\n for (let name in attrs) {\n element.setAttribute(name, attrs[name]);\n }\n\n return element;\n}\n\nexport function sparkline(svg, entries, options) {\n removeChildren(svg);\n\n if (entries.length <= 1) {\n return;\n }\n\n options = options || {};\n\n if (typeof(entries[0]) === \"number\") {\n entries = entries.map(entry => {\n return {value: entry};\n });\n }\n\n // This function will be called whenever the mouse moves\n // over the SVG. You can use it to render something like a\n // tooltip.\n const onmousemove = options.onmousemove;\n\n // This function will be called whenever the mouse leaves\n // the SVG area. You can use it to hide the tooltip.\n const onmouseout = options.onmouseout;\n\n // Should we run in interactive mode? If yes, this will handle the\n // cursor and spot position when moving the mouse.\n const interactive = (\"interactive\" in options) ? options.interactive : !!onmousemove;\n\n // Define how big should be the spot area.\n const spotRadius = options.spotRadius || 2;\n const spotDiameter = spotRadius * 2;\n\n // Define how wide should be the cursor area.\n const cursorWidth = options.cursorWidth || 2;\n\n // Get the stroke width; this is used to compute the\n // rendering offset.\n const strokeWidth = parseFloat(svg.attributes[\"stroke-width\"].value);\n\n // By default, data must be formatted as an array of numbers or\n // an array of objects with the value key (like `[{value: 1}]`).\n // You can set a custom function to return data for a different\n // data structure.\n const fetch = options.fetch || defaultFetch;\n\n // Retrieve only values, easing the find for the maximum value.\n const values = entries.map(entry => fetch(entry));\n\n // The rendering width will account for the spot size.\n const width = parseFloat(svg.attributes.width.value) - spotDiameter * 2;\n\n // Get the SVG element's full height.\n // This is used\n const fullHeight = parseFloat(svg.attributes.height.value);\n\n // The rendering height accounts for stroke width and spot size.\n const height = fullHeight - (strokeWidth * 2) - spotDiameter;\n\n // The maximum value. This is used to calculate the Y coord of\n // each sparkline datapoint.\n const max = Math.max(...values);\n\n // Some arbitrary value to remove the cursor and spot out of\n // the viewing canvas.\n const offscreen = -1000;\n\n // Cache the last item index.\n const lastItemIndex = values.length - 1;\n\n // Calculate the X coord base step.\n const offset = width / lastItemIndex;\n\n // Hold all datapoints, which is whatever we got as the entry plus\n // x/y coords and the index.\n const datapoints = [];\n\n // Hold the line coordinates.\n const pathY = getY(max, height, strokeWidth + spotRadius, values[0]);\n let pathCoords = `M${spotDiameter} ${pathY}`;\n\n values.forEach((value, index) => {\n const x = index * offset + spotDiameter;\n const y = getY(max, height, strokeWidth + spotRadius, value);\n\n datapoints.push(Object.assign({}, entries[index], {\n index: index,\n x: x,\n y: y\n }));\n\n pathCoords += ` L ${x} ${y}`;\n });\n\n const path = buildElement(\"path\", {\n class: \"sparkline--line\",\n d: pathCoords,\n fill: \"none\"\n });\n\n let fillCoords = `${pathCoords} V ${fullHeight} L ${spotDiameter} ${fullHeight} Z`;\n\n const fill = buildElement(\"path\", {\n class: \"sparkline--fill\",\n d: fillCoords,\n stroke: \"none\"\n });\n\n svg.appendChild(fill);\n svg.appendChild(path);\n\n if (!interactive) {\n return;\n }\n\n const cursor = buildElement(\"line\", {\n class: \"sparkline--cursor\",\n x1: offscreen,\n x2: offscreen,\n y1: 0,\n y2: fullHeight,\n \"stroke-width\": cursorWidth\n });\n\n const spot = buildElement(\"circle\", {\n class: \"sparkline--spot\",\n cx: offscreen,\n cy: offscreen,\n r: spotRadius\n });\n\n svg.appendChild(cursor);\n svg.appendChild(spot);\n\n const interactionLayer = buildElement(\"rect\", {\n width: svg.attributes.width.value,\n height: svg.attributes.height.value,\n style: \"fill: transparent; stroke: transparent\",\n class: \"sparkline--interaction-layer\",\n });\n svg.appendChild(interactionLayer);\n\n interactionLayer.addEventListener(\"mouseout\", event => {\n cursor.setAttribute(\"x1\", offscreen);\n cursor.setAttribute(\"x2\", offscreen);\n\n spot.setAttribute(\"cx\", offscreen);\n\n if (onmouseout) {\n onmouseout(event);\n }\n });\n\n interactionLayer.addEventListener(\"mousemove\", event => {\n const mouseX = event.offsetX;\n\n let nextDataPoint = datapoints.find(entry => {\n return entry.x >= mouseX;\n });\n\n if (!nextDataPoint) {\n nextDataPoint = datapoints[lastItemIndex];\n }\n\n let previousDataPoint = datapoints[datapoints.indexOf(nextDataPoint) - 1];\n let currentDataPoint;\n let halfway;\n\n if (previousDataPoint) {\n halfway = previousDataPoint.x + ((nextDataPoint.x - previousDataPoint.x) / 2);\n currentDataPoint = mouseX >= halfway ? nextDataPoint : previousDataPoint;\n } else {\n currentDataPoint = nextDataPoint;\n }\n\n const x = currentDataPoint.x;\n const y = currentDataPoint.y;\n\n spot.setAttribute(\"cx\", x);\n spot.setAttribute(\"cy\", y);\n\n cursor.setAttribute(\"x1\", x);\n cursor.setAttribute(\"x2\", x);\n\n if (onmousemove) {\n onmousemove(event, currentDataPoint);\n }\n });\n}\n\nexport default sparkline;\n","/**\n * Different navigation modes for ItemNavigation.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.base.types.NavigationMode\n */\nvar NavigationMode;\n(function (NavigationMode) {\n /**\n * @public\n * @type {Auto}\n */\n NavigationMode[\"Auto\"] = \"Auto\";\n /**\n * @public\n * @type {Vertical}\n */\n NavigationMode[\"Vertical\"] = \"Vertical\";\n /**\n * @public\n * @type {Horizontal}\n */\n NavigationMode[\"Horizontal\"] = \"Horizontal\";\n /**\n * @public\n * @type {Paging}\n */\n NavigationMode[\"Paging\"] = \"Paging\";\n})(NavigationMode || (NavigationMode = {}));\nexport default NavigationMode;\n//# sourceMappingURL=NavigationMode.js.map","/**\n * Different behavior for ItemNavigation.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.base.types.ItemNavigationBehavior\n */\nvar ItemNavigationBehavior;\n(function (ItemNavigationBehavior) {\n /**\n * Static behavior: navigations stops at the first or last item.\n * @public\n * @type {Static}\n */\n ItemNavigationBehavior[\"Static\"] = \"Static\";\n /**\n * Cycling behavior: navigating past the last item continues with the first and vice versa.\n * @public\n * @type {Cyclic}\n */\n ItemNavigationBehavior[\"Cyclic\"] = \"Cyclic\";\n})(ItemNavigationBehavior || (ItemNavigationBehavior = {}));\nexport default ItemNavigationBehavior;\n//# sourceMappingURL=ItemNavigationBehavior.js.map","import { isDown, isUp, isLeft, isRight, isHome, isEnd, isPageDown, isPageUp, } from \"../Keys.js\";\nimport getActiveElement from \"../util/getActiveElement.js\";\nimport NavigationMode from \"../types/NavigationMode.js\";\nimport ItemNavigationBehavior from \"../types/ItemNavigationBehavior.js\";\nimport { instanceOfUI5Element } from \"../UI5Element.js\";\n/**\n * The ItemNavigation class manages the calculations to determine the correct \"tabindex\" for a group of related items inside a root component.\n * Important: ItemNavigation only does the calculations and does not change \"tabindex\" directly, this is a responsibility of the developer.\n *\n * The keys that trigger ItemNavigation are:\n * - Up/down\n * - Left/right\n * - Home/End\n *\n * Usage:\n * 1) Use the \"getItemsCallback\" constructor property to pass a callback to ItemNavigation, which, whenever called, will return the list of items to navigate among.\n *\n * Each item passed to ItemNavigation via \"getItemsCallback\" must be:\n * - A) either a UI5Element with a \"_tabIndex\" property\n * - B) or an Object with \"id\" and \"_tabIndex\" properties which represents a part of the root component's shadow DOM.\n * The \"id\" must be a valid ID within the shadow root of the component ItemNavigation operates on.\n * This object must not be a DOM object because, as said, ItemNavigation will not set \"tabindex\" on it. It must be a representation of a DOM object only\n * and the developer has the responsibility to update the \"tabindex\" in the component's DOM.\n * - C) a combination of the above\n *\n * Whenever the user navigates with the keyboard, ItemNavigation will modify the \"_tabIndex\" properties of the items.\n * It is the items' responsibilities to re-render themselves and apply the correct value of \"tabindex\" (i.e. to map the \"_tabIndex\" ItemNavigation set to them to the \"tabindex\" property).\n * If the items of the ItemNavigation are UI5Elements themselves, this can happen naturally since they will be invalidated by their \"_tabIndex\" property.\n * If the items are Objects with \"id\" and \"_tabIndex\" however, it is the developer's responsibility to apply these and the easiest way is to have the root component invalidated by ItemNavigation.\n * To do so, set the \"affectedPropertiesNames\" constructor property to point to one or more of the root component's properties that need refreshing when \"_tabIndex\" is changed deeply.\n *\n * 2) Call the \"setCurrentItem\" method of ItemNavigation whenever you want to change the current item.\n * This is most commonly required if the user for example clicks on an item and thus selects it directly.\n * Pass as the only argument to \"setCurrentItem\" the item that becomes current (must be one of the items, returned by \"getItemsCallback\").\n *\n * @class\n * @public\n */\nclass ItemNavigation {\n /**\n *\n * @param rootWebComponent the component to operate on (component that slots or contains within its shadow root the items the user navigates among)\n * @param {ItemNavigationOptions} options Object with configuration options:\n * - currentIndex: the index of the item that will be initially selected (from which navigation will begin)\n * - navigationMode (Auto|Horizontal|Vertical): whether the items are displayed horizontally (Horizontal), vertically (Vertical) or as a matrix (Auto) meaning the user can navigate in both directions (up/down and left/right)\n * - rowSize: tells how many items per row there are when the items are not rendered as a flat list but rather as a matrix. Relevant for navigationMode=Auto\n * \t- skipItemsSize: tells how many items upon PAGE_UP and PAGE_DOWN should be skipped to applying the focus on the next item\n * - behavior (Static|Cycling): tells what to do when trying to navigate beyond the first and last items\n * Static means that nothing happens if the user tries to navigate beyond the first/last item.\n * Cycling means that when the user navigates beyond the last item they go to the first and vice versa.\n * - getItemsCallback: function that, when called, returns an array with all items the user can navigate among\n * - affectedPropertiesNames: a list of metadata properties on the root component which, upon user navigation, will be reassigned by address thus causing the root component to invalidate\n */\n constructor(rootWebComponent, options) {\n if (!rootWebComponent.isUI5Element) {\n throw new Error(\"The root web component must be a UI5 Element instance\");\n }\n this.rootWebComponent = rootWebComponent;\n this.rootWebComponent.addEventListener(\"keydown\", this._onkeydown.bind(this));\n this._initBound = this._init.bind(this);\n this.rootWebComponent.attachComponentStateFinalized(this._initBound);\n if (typeof options.getItemsCallback !== \"function\") {\n throw new Error(\"getItemsCallback is required\");\n }\n this._getItems = options.getItemsCallback;\n this._currentIndex = options.currentIndex || 0;\n this._rowSize = options.rowSize || 1;\n this._behavior = options.behavior || ItemNavigationBehavior.Static;\n this._navigationMode = options.navigationMode || NavigationMode.Auto;\n this._affectedPropertiesNames = options.affectedPropertiesNames || [];\n this._skipItemsSize = options.skipItemsSize || null;\n }\n /**\n * Call this method to set a new \"current\" (selected) item in the item navigation\n * Note: the item passed to this function must be one of the items, returned by the getItemsCallback function\n *\n * @public\n * @param current the new selected item\n */\n setCurrentItem(current) {\n const currentItemIndex = this._getItems().indexOf(current);\n if (currentItemIndex === -1) {\n console.warn(`The provided item is not managed by ItemNavigation`, current); // eslint-disable-line\n return;\n }\n this._currentIndex = currentItemIndex;\n this._applyTabIndex();\n }\n /**\n * Call this method to dynamically change the row size\n *\n * @public\n * @param newRowSize\n */\n setRowSize(newRowSize) {\n this._rowSize = newRowSize;\n }\n _init() {\n this._getItems().forEach((item, idx) => {\n item._tabIndex = (idx === this._currentIndex) ? \"0\" : \"-1\";\n });\n }\n _onkeydown(event) {\n if (!this._canNavigate()) {\n return;\n }\n const horizontalNavigationOn = this._navigationMode === NavigationMode.Horizontal || this._navigationMode === NavigationMode.Auto;\n const verticalNavigationOn = this._navigationMode === NavigationMode.Vertical || this._navigationMode === NavigationMode.Auto;\n const isRTL = this.rootWebComponent.effectiveDir === \"rtl\";\n if (isRTL && isLeft(event) && horizontalNavigationOn) {\n this._handleRight();\n }\n else if (isRTL && isRight(event) && horizontalNavigationOn) {\n this._handleLeft();\n }\n else if (isLeft(event) && horizontalNavigationOn) {\n this._handleLeft();\n }\n else if (isRight(event) && horizontalNavigationOn) {\n this._handleRight();\n }\n else if (isUp(event) && verticalNavigationOn) {\n this._handleUp();\n }\n else if (isDown(event) && verticalNavigationOn) {\n this._handleDown();\n }\n else if (isHome(event)) {\n this._handleHome();\n }\n else if (isEnd(event)) {\n this._handleEnd();\n }\n else if (isPageUp(event)) {\n this._handlePageUp();\n }\n else if (isPageDown(event)) {\n this._handlePageDown();\n }\n else {\n return; // if none of the supported keys is pressed, we don't want to prevent the event or update the item navigation\n }\n event.preventDefault();\n this._applyTabIndex();\n this._focusCurrentItem();\n }\n _handleUp() {\n const itemsLength = this._getItems().length;\n if (this._currentIndex - this._rowSize >= 0) { // no border reached, just decrease the index by a row\n this._currentIndex -= this._rowSize;\n return;\n }\n if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **last** item in the **previous** column\n const firstItemInThisColumnIndex = this._currentIndex % this._rowSize;\n const firstItemInPreviousColumnIndex = firstItemInThisColumnIndex === 0 ? this._rowSize - 1 : firstItemInThisColumnIndex - 1; // find the first item in the previous column (if the current column is the first column -> move to the last column)\n const rows = Math.ceil(itemsLength / this._rowSize); // how many rows there are (even if incomplete, f.e. for 14 items and _rowSize=4 -> 4 rows total, although only 2 items on the last row)\n let lastItemInPreviousColumnIndex = firstItemInPreviousColumnIndex + (rows - 1) * this._rowSize; // multiply rows by columns, and add the column's first item's index\n if (lastItemInPreviousColumnIndex > itemsLength - 1) { // for incomplete rows, use the previous row's last item, as for them the last item is missing\n lastItemInPreviousColumnIndex -= this._rowSize;\n }\n this._currentIndex = lastItemInPreviousColumnIndex;\n }\n else { // not cyclic, so just go to the first item\n this._currentIndex = 0;\n }\n }\n _handleDown() {\n const itemsLength = this._getItems().length;\n if (this._currentIndex + this._rowSize < itemsLength) { // no border reached, just increase the index by a row\n this._currentIndex += this._rowSize;\n return;\n }\n if (this._behavior === ItemNavigationBehavior.Cyclic) { // if cyclic, go to the **first** item in the **next** column\n const firstItemInThisColumnIndex = this._currentIndex % this._rowSize; // find the first item in the current column first\n const firstItemInNextColumnIndex = (firstItemInThisColumnIndex + 1) % this._rowSize; // to get the first item in the next column, just increase the index by 1. The modulo by rows is for the case when we are at the last column\n this._currentIndex = firstItemInNextColumnIndex;\n }\n else { // not cyclic, so just go to the last item\n this._currentIndex = itemsLength - 1;\n }\n }\n _handleLeft() {\n const itemsLength = this._getItems().length;\n if (this._currentIndex > 0) {\n this._currentIndex -= 1;\n return;\n }\n if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column\n this._currentIndex = itemsLength - 1;\n }\n }\n _handleRight() {\n const itemsLength = this._getItems().length;\n if (this._currentIndex < itemsLength - 1) {\n this._currentIndex += 1;\n return;\n }\n if (this._behavior === ItemNavigationBehavior.Cyclic) { // go to the first item in the next column\n this._currentIndex = 0;\n }\n }\n _handleHome() {\n const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;\n this._currentIndex -= this._currentIndex % homeEndRange;\n }\n _handleEnd() {\n const homeEndRange = this._rowSize > 1 ? this._rowSize : this._getItems().length;\n this._currentIndex += (homeEndRange - 1 - this._currentIndex % homeEndRange); // eslint-disable-line\n }\n _handlePageUp() {\n if (this._rowSize > 1) {\n // eslint-disable-next-line\n // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.\n return;\n }\n this._handlePageUpFlat();\n }\n _handlePageDown() {\n if (this._rowSize > 1) {\n // eslint-disable-next-line\n // TODO: handle page up on matrix (grid) layout - ColorPalette, ProductSwitch.\n return;\n }\n this._handlePageDownFlat();\n }\n /**\n * Handles PAGE_UP in a flat list-like structure, both vertically and horizontally.\n */\n _handlePageUpFlat() {\n if (this._skipItemsSize === null) {\n // Move the focus to the very top (as Home).\n this._currentIndex -= this._currentIndex;\n return;\n }\n if (this._currentIndex + 1 > this._skipItemsSize) {\n // When there are more than \"skipItemsSize\" number of items to the top,\n // move the focus up/left with the predefined number.\n this._currentIndex -= this._skipItemsSize;\n }\n else {\n // Otherwise, move the focus to the very top (as Home).\n this._currentIndex -= this._currentIndex;\n }\n }\n /**\n * Handles PAGE_DOWN in a flat list-like structure, both vertically and horizontally.\n */\n _handlePageDownFlat() {\n if (this._skipItemsSize === null) {\n // Move the focus to the very bottom (as End).\n this._currentIndex = this._getItems().length - 1;\n return;\n }\n const currentToEndRange = this._getItems().length - this._currentIndex - 1;\n if (currentToEndRange > this._skipItemsSize) {\n // When there are more than \"skipItemsSize\" number of items until the bottom,\n // move the focus down/right with the predefined number.\n this._currentIndex += this._skipItemsSize;\n }\n else {\n // Otherwise, move the focus to the very bottom (as End).\n this._currentIndex = this._getItems().length - 1;\n }\n }\n _applyTabIndex() {\n const items = this._getItems();\n for (let i = 0; i < items.length; i++) {\n items[i]._tabIndex = i === this._currentIndex ? \"0\" : \"-1\";\n }\n this._affectedPropertiesNames.forEach(propName => {\n const prop = this.rootWebComponent[propName];\n this.rootWebComponent[propName] = Array.isArray(prop) ? [...prop] : { ...prop };\n });\n }\n _focusCurrentItem() {\n const currentItem = this._getCurrentItem();\n if (currentItem) {\n currentItem.focus();\n }\n }\n _canNavigate() {\n const currentItem = this._getCurrentItem();\n const activeElement = getActiveElement();\n return currentItem && currentItem === activeElement;\n }\n _getCurrentItem() {\n const items = this._getItems();\n if (!items.length) {\n return;\n }\n // normalize the index\n while (this._currentIndex >= items.length) {\n this._currentIndex -= this._rowSize;\n }\n if (this._currentIndex < 0) {\n this._currentIndex = 0;\n }\n const currentItem = items[this._currentIndex];\n if (!currentItem) {\n return;\n }\n if (instanceOfUI5Element(currentItem)) {\n return currentItem.getFocusDomRef();\n }\n const currentItemDOMRef = this.rootWebComponent.getDomRef();\n if (!currentItemDOMRef) {\n return;\n }\n if (currentItem.id) {\n return currentItemDOMRef.querySelector(`[id=\"${currentItem.id}\"]`);\n }\n }\n}\nexport default ItemNavigation;\n//# sourceMappingURL=ItemNavigation.js.map","/**\n * Returns the normalized event target in cases when it has shadow root.\n * @param {Object} target The original event target\n * @returns {Object} The normalized target\n */\nconst getNormalizedTarget = (target) => {\n let element = target;\n if (target.shadowRoot && target.shadowRoot.activeElement) {\n element = target.shadowRoot.activeElement;\n }\n return element;\n};\nexport default getNormalizedTarget;\n//# sourceMappingURL=getNormalizedTarget.js.map","/**\n * Delays function execution by given threshold.\n * @param fn {Function}\n * @param delay {Integer}\n */\nlet debounceInterval = null;\nconst debounce = (fn, delay) => {\n debounceInterval && clearTimeout(debounceInterval);\n debounceInterval = setTimeout(() => {\n debounceInterval = null;\n fn();\n }, delay);\n};\nexport default debounce;\n//# sourceMappingURL=debounce.js.map","/**\n * Determines if the element is within the viewport.\n * @param el {HTMLElement}\n */\nconst isElementInView = (el) => {\n const rect = el.getBoundingClientRect();\n return (rect.top >= 0 && rect.left >= 0\n && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight)\n && rect.right <= (window.innerWidth || document.documentElement.clientWidth));\n};\nexport default isElementInView;\n//# sourceMappingURL=isElementInView.js.map","/**\n * Different list modes.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ListMode\n */\nvar ListMode;\n(function (ListMode) {\n /**\n * Default mode (no selection).\n * @public\n * @type {None}\n */\n ListMode[\"None\"] = \"None\";\n /**\n * Right-positioned single selection mode (only one list item can be selected).\n * @public\n * @type {SingleSelect}\n */\n ListMode[\"SingleSelect\"] = \"SingleSelect\";\n /**\n * Left-positioned single selection mode (only one list item can be selected).\n * @public\n * @type {SingleSelectBegin}\n */\n ListMode[\"SingleSelectBegin\"] = \"SingleSelectBegin\";\n /**\n * Selected item is highlighted but no selection element is visible\n * (only one list item can be selected).\n * @public\n * @type {SingleSelectEnd}\n */\n ListMode[\"SingleSelectEnd\"] = \"SingleSelectEnd\";\n /**\n * Selected item is highlighted and selection is changed upon arrow navigation\n * (only one list item can be selected - this is always the focused item).\n * @public\n * @type {SingleSelectAuto}\n */\n ListMode[\"SingleSelectAuto\"] = \"SingleSelectAuto\";\n /**\n * Multi selection mode (more than one list item can be selected).\n * @public\n * @type {MultiSelect}\n */\n ListMode[\"MultiSelect\"] = \"MultiSelect\";\n /**\n * Delete mode (only one list item can be deleted via provided delete button)\n * @public\n * @type {Delete}\n */\n ListMode[\"Delete\"] = \"Delete\";\n})(ListMode || (ListMode = {}));\nexport default ListMode;\n//# sourceMappingURL=ListMode.js.map","/**\n * Different list growing modes.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ListGrowingMode\n */\nvar ListGrowingMode;\n(function (ListGrowingMode) {\n /**\n * Component's \"load-more\" is fired upon pressing a \"More\" button.\n * at the bottom.\n * @public\n * @type {Button}\n */\n ListGrowingMode[\"Button\"] = \"Button\";\n /**\n * Component's \"load-more\" is fired upon scroll.\n * @public\n * @type {Scroll}\n */\n ListGrowingMode[\"Scroll\"] = \"Scroll\";\n /**\n * Component's growing is not enabled.\n * @public\n * @type {None}\n */\n ListGrowingMode[\"None\"] = \"None\";\n})(ListGrowingMode || (ListGrowingMode = {}));\nexport default ListGrowingMode;\n//# sourceMappingURL=ListGrowingMode.js.map","/**\n * Different types of list items separators.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ListSeparators\n */\nvar ListSeparators;\n(function (ListSeparators) {\n /**\n * Separators between the items including the last and the first one.\n * @public\n * @type {All}\n */\n ListSeparators[\"All\"] = \"All\";\n /**\n * Separators between the items.\n * Note: This enumeration depends on the theme.\n * @public\n * @type {Inner}\n */\n ListSeparators[\"Inner\"] = \"Inner\";\n /**\n * No item separators.\n * @public\n * @type {None}\n */\n ListSeparators[\"None\"] = \"None\";\n})(ListSeparators || (ListSeparators = {}));\nexport default ListSeparators;\n//# sourceMappingURL=ListSeparators.js.map","/**\n * Different BusyIndicator sizes.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.BusyIndicatorSize\n */\nvar BusyIndicatorSize;\n(function (BusyIndicatorSize) {\n /**\n * small size\n * @public\n * @type {Small}\n */\n BusyIndicatorSize[\"Small\"] = \"Small\";\n /**\n * medium size\n * @public\n * @type {Medium}\n */\n BusyIndicatorSize[\"Medium\"] = \"Medium\";\n /**\n * large size\n * @public\n * @type {Large}\n */\n BusyIndicatorSize[\"Large\"] = \"Large\";\n})(BusyIndicatorSize || (BusyIndicatorSize = {}));\nexport default BusyIndicatorSize;\n//# sourceMappingURL=BusyIndicatorSize.js.map","/**\n * Different types of wrapping.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.WrappingType\n */\nvar WrappingType;\n(function (WrappingType) {\n /**\n * The text will be truncated with an ellipsis.\n * @public\n * @type {None}\n */\n WrappingType[\"None\"] = \"None\";\n /**\n * The text will wrap. The words will not be broken based on hyphenation.\n * @public\n * @type {Normal}\n */\n WrappingType[\"Normal\"] = \"Normal\";\n})(WrappingType || (WrappingType = {}));\nexport default WrappingType;\n//# sourceMappingURL=WrappingType.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ``; }\nexport default block0;\n//# sourceMappingURL=LabelTemplate.lit.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/Label.css\", content: \":host(:not([hidden])){display:inline-flex}:host{color:var(--sapContent_LabelColor);cursor:text;font-family:\\\"72override\\\",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;max-width:100%}.ui5-label-root{cursor:inherit;width:100%}:host([wrapping-type=Normal]) .ui5-label-root{white-space:normal}:host(:not([wrapping-type=Normal])) .ui5-label-root{display:inline-flex;white-space:nowrap}:host(:not([wrapping-type=Normal])) .ui5-label-text-wrapper{display:inline-block;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;vertical-align:top}:host([show-colon]) .ui5-label-required-colon:before{content:attr(data-colon)}:host([required]) .ui5-label-required-colon:after{color:var(--sapField_RequiredColor);content:\\\"*\\\";font-size:1.25rem;font-style:normal;font-weight:700;line-height:0;position:relative;vertical-align:middle}:host([required][show-colon]) .ui5-label-required-colon:after{margin-inline-start:.125rem}bdi{padding-right:.075rem}:host([show-colon]) .ui5-label-required-colon{margin-inline-start:-.05rem;white-space:pre}\" };\nexport default styleData;\n//# sourceMappingURL=Label.css.js.map","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar Label_1;\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport WrappingType from \"./types/WrappingType.js\";\nimport { LABEL_COLON } from \"./generated/i18n/i18n-defaults.js\";\n// Template\nimport LabelTemplate from \"./generated/templates/LabelTemplate.lit.js\";\n// Styles\nimport labelCss from \"./generated/themes/Label.css.js\";\n/**\n * @class\n *\n *
Overview
\n *\n * Theui5-label is a component used to represent a label for elements like input, textarea, select. \n * The
for property of the ui5-label must be the same as the id attribute of the related input element.\n * Screen readers read out the label, when the user focuses the labelled control.\n *
\n * The
ui5-label appearance can be influenced by properties,\n * such as required and wrappingType.\n * The appearance of the Label can be configured in a limited way by using the design property.\n * For a broader choice of designs, you can use custom styles.\n *\n * ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Label\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Label\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-label\n * @public\n */\nlet Label = Label_1 = class Label extends UI5Element {\n static async onDefine() {\n Label_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n /**\n * Defines the text of the component.\n * Note: Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n *\n * @type {Node[]}\n * @slot\n * @public\n * @name sap.ui.webc.main.Label.prototype.default\n */\n _onclick() {\n if (!this.for) {\n return;\n }\n const elementToFocus = this.getRootNode().querySelector(`[id=\"${this.for}\"]`);\n if (elementToFocus) {\n elementToFocus.focus();\n }\n }\n get _colonSymbol() {\n return Label_1.i18nBundle.getText(LABEL_COLON);\n }\n};\n__decorate([\n property()\n], Label.prototype, \"for\", void 0);\n__decorate([\n property({ type: Boolean })\n], Label.prototype, \"showColon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Label.prototype, \"required\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], Label.prototype, \"wrappingType\", void 0);\nLabel = Label_1 = __decorate([\n customElement({\n tag: \"ui5-label\",\n renderer: litRender,\n template: LabelTemplate,\n styles: labelCss,\n languageAware: true,\n })\n], Label);\nLabel.define();\nexport default Label;\n//# sourceMappingURL=Label.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `
${this._isBusy ? block1.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return html `${this.text ? block2.call(this, context, tags, suffix) : undefined}
Overview
\n *\n * Theui5-busy-indicator signals that some operation is going on and that the\n * user must wait. It does not block the current UI screen so other operations could be triggered in parallel.\n * It displays 3 dots and each dot expands and shrinks at a different rate, resulting in a cascading flow of animation.\n *\n * Usage
\n * For theui5-busy-indicator you can define the size, the text and whether it is shown or hidden.\n * In order to hide it, use the \"active\" property.\n * \n * In order to show busy state over an HTML element, simply nest the HTML element in a
ui5-busy-indicator instance.\n * \n * Note: Since
ui5-busy-indicator has display: inline-block; by default and no width of its own,\n * whenever you need to wrap a block-level element, you should set display: block to the busy indicator as well.\n *\n * When to use:
\n *- \n *
- The user needs to be able to cancel the operation. \n *
- Only part of the application or a particular component is affected. \n *
When not to use:
\n *- \n *
- The operation takes less than one second. \n *
- You need to block the screen and prevent the user from starting another activity. \n *
- Do not show multiple busy indicators at once. \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/BusyIndicator\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.BusyIndicator\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-busy-indicator\n * @public\n * @since 0.12.0\n */\nlet BusyIndicator = BusyIndicator_1 = class BusyIndicator extends UI5Element {\n constructor() {\n super();\n this._keydownHandler = this._handleKeydown.bind(this);\n this._preventEventHandler = this._preventEvent.bind(this);\n }\n onEnterDOM() {\n this.addEventListener(\"keydown\", this._keydownHandler, {\n capture: true,\n });\n this.addEventListener(\"keyup\", this._preventEventHandler, {\n capture: true,\n });\n }\n onExitDOM() {\n if (this._busyTimeoutId) {\n clearTimeout(this._busyTimeoutId);\n delete this._busyTimeoutId;\n }\n this.removeEventListener(\"keydown\", this._keydownHandler, true);\n this.removeEventListener(\"keyup\", this._preventEventHandler, true);\n }\n static async onDefine() {\n BusyIndicator_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n get ariaTitle() {\n return BusyIndicator_1.i18nBundle.getText(BUSY_INDICATOR_TITLE);\n }\n get labelId() {\n return this.text ? `${this._id}-label` : undefined;\n }\n get classes() {\n return {\n root: {\n \"ui5-busy-indicator-root\": true,\n },\n };\n }\n onBeforeRendering() {\n if (this.active) {\n if (!this._isBusy && !this._busyTimeoutId) {\n this._busyTimeoutId = setTimeout(() => {\n delete this._busyTimeoutId;\n this._isBusy = true;\n }, Math.max(0, this.delay));\n }\n }\n else {\n if (this._busyTimeoutId) {\n clearTimeout(this._busyTimeoutId);\n delete this._busyTimeoutId;\n }\n this._isBusy = false;\n }\n }\n _handleKeydown(e) {\n if (!this._isBusy) {\n return;\n }\n e.stopImmediatePropagation();\n // move the focus to the last element in this DOM and let TAB continue to the next focusable element\n if (isTabNext(e)) {\n this.focusForward = true;\n this.shadowRoot.querySelector(\"[data-ui5-focus-redirect]\").focus();\n this.focusForward = false;\n }\n }\n _preventEvent(e) {\n if (this._isBusy) {\n e.stopImmediatePropagation();\n }\n }\n /**\n * Moves the focus to busy area when coming with SHIFT + TAB\n */\n _redirectFocus(e) {\n if (this.focusForward) {\n return;\n }\n e.preventDefault();\n this.shadowRoot.querySelector(\".ui5-busy-indicator-busy-area\").focus();\n }\n};\n__decorate([\n property()\n], BusyIndicator.prototype, \"text\", void 0);\n__decorate([\n property({ type: BusyIndicatorSize, defaultValue: BusyIndicatorSize.Medium })\n], BusyIndicator.prototype, \"size\", void 0);\n__decorate([\n property({ type: Boolean })\n], BusyIndicator.prototype, \"active\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 1000 })\n], BusyIndicator.prototype, \"delay\", void 0);\n__decorate([\n property({ type: Boolean })\n], BusyIndicator.prototype, \"_isBusy\", void 0);\nBusyIndicator = BusyIndicator_1 = __decorate([\n customElement({\n tag: \"ui5-busy-indicator\",\n languageAware: true,\n styles: busyIndicatorCss,\n renderer: litRender,\n template: BusyIndicatorTemplate,\n dependencies: [Label],\n })\n], BusyIndicator);\nBusyIndicator.define();\nexport default BusyIndicator;\n//# sourceMappingURL=BusyIndicator.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, styleMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.header.length ? block1.call(this, context, tags, suffix) : undefined}${this.shouldRenderH1 ? block2.call(this, context, tags, suffix) : undefined}${this.hasData ? block3.call(this, context, tags, suffix) : undefined}${ifDefined(this.ariaLabelModeText)}
${this.busy ? block8.call(this, context, tags, suffix) : undefined}${ifDefined(this.noDataText)}
${ifDefined(this._growingButtonText)}
<${scopeTag(\"ui5-busy-indicator\", tags, suffix)} delay=\"${ifDefined(this.busyDelay)}\" active size=\"Medium\" class=\"ui5-list-busy-ind\" style=\"${styleMap(this.styles.busyInd)}\" data-sap-focus-ref>
` : html `Overview
\n *\n * Theui5-list component allows displaying a list of items, advanced keyboard\n * handling support for navigating between items, and predefined modes to improve the development efficiency.\n * \n * The
ui5-list is a container for the available list items:\n * - \n *
ui5-li\n * ui5-li-custom\n * ui5-li-groupheader\n *
\n * To benefit from the built-in selection mechanism, you can use the available\n * selection modes, such as\n *
SingleSelect, MultiSelect and Delete.\n * \n * Additionally, the
ui5-list provides header, footer, and customization for the list item separators.\n *\n * \n *
Keyboard Handling
\n *\n *Basic Navigation
\n * Theui5-list provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n * \n *\n *
- \n *
- [UP/DOWN] - Navigates up and down the items \n *
- [HOME] - Navigates to first item \n *
- [END] - Navigates to the last item \n *
mode property is in use:\n * - \n *
- [SPACE] - Select an item (if
typeis 'Active') whenmodeis selection \n * - [DELETE] - Delete an item if
modeproperty isDelete\n *
Fast Navigation
\n * This component provides a build in fast navigation group which can be used viaF6 / Shift + F6 or Ctrl + Alt(Option) + Down / Ctrl + Alt(Option) + Up.\n * In order to use this functionality, you need to import the following module:\n * import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"\n * \n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/List.js\";\n * \n *
import \"@ui5/webcomponents/dist/StandardListItem.js\"; (for ui5-li)\n * \n *
import \"@ui5/webcomponents/dist/CustomListItem.js\"; (for ui5-li-custom)\n * \n *
import \"@ui5/webcomponents/dist/GroupHeaderListItem.js\"; (for ui5-li-groupheader)\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.List\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-list\n * @appenddocs sap.ui.webc.main.StandardListItem sap.ui.webc.main.CustomListItem sap.ui.webc.main.GroupHeaderListItem\n * @public\n */\nlet List = List_1 = class List extends UI5Element {\n static async onDefine() {\n List_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n constructor() {\n super();\n this._previouslyFocusedItem = null;\n // Indicates that the List is forwarding the focus before or after the internal ul.\n this._forwardingFocus = false;\n // Indicates that the List has already subscribed for resize.\n this.resizeListenerAttached = false;\n // Indicates if the IntersectionObserver started observing the List\n this.listEndObserved = false;\n this._itemNavigation = new ItemNavigation(this, {\n skipItemsSize: PAGE_UP_DOWN_SIZE,\n navigationMode: NavigationMode.Vertical,\n getItemsCallback: () => this.getEnabledItems(),\n });\n this._handleResize = this.checkListInViewport.bind(this);\n this._handleResize = this.checkListInViewport.bind(this);\n // Indicates the List bottom most part has been detected by the IntersectionObserver\n // for the first time.\n this.initialIntersection = true;\n }\n onExitDOM() {\n this.unobserveListEnd();\n this.resizeListenerAttached = false;\n ResizeHandler.deregister(this.getDomRef(), this._handleResize);\n }\n onBeforeRendering() {\n this.prepareListItems();\n }\n onAfterRendering() {\n if (this.growsOnScroll) {\n this.observeListEnd();\n }\n else if (this.listEndObserved) {\n this.unobserveListEnd();\n }\n if (this.grows) {\n this.checkListInViewport();\n this.attachForResize();\n }\n }\n attachForResize() {\n if (!this.resizeListenerAttached) {\n this.resizeListenerAttached = true;\n ResizeHandler.register(this.getDomRef(), this._handleResize);\n }\n }\n get shouldRenderH1() {\n return !this.header.length && this.headerText;\n }\n get headerID() {\n return `${this._id}-header`;\n }\n get modeLabelID() {\n return `${this._id}-modeLabel`;\n }\n get listEndDOM() {\n return this.shadowRoot.querySelector(\".ui5-list-end-marker\");\n }\n get hasData() {\n return this.getItems().length !== 0;\n }\n get showNoDataText() {\n return !this.hasData && this.noDataText;\n }\n get isDelete() {\n return this.mode === ListMode.Delete;\n }\n get isSingleSelect() {\n return [\n ListMode.SingleSelect,\n ListMode.SingleSelectBegin,\n ListMode.SingleSelectEnd,\n ListMode.SingleSelectAuto,\n ].includes(this.mode);\n }\n get isMultiSelect() {\n return this.mode === ListMode.MultiSelect;\n }\n get ariaLabelledBy() {\n if (this.accessibleNameRef || this.accessibleName) {\n return undefined;\n }\n const ids = [];\n if (this.isMultiSelect || this.isSingleSelect || this.isDelete) {\n ids.push(this.modeLabelID);\n }\n if (this.shouldRenderH1) {\n ids.push(this.headerID);\n }\n return ids.length ? ids.join(\" \") : undefined;\n }\n get ariaLabelTxt() {\n return getEffectiveAriaLabelText(this);\n }\n get ariaLabelModeText() {\n if (this.hasData) {\n if (this.isMultiSelect) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_MULTISELECTABLE);\n }\n if (this.isSingleSelect) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_SELECTABLE);\n }\n if (this.isDelete) {\n return List_1.i18nBundle.getText(ARIA_LABEL_LIST_DELETABLE);\n }\n }\n return \"\";\n }\n get grows() {\n return this.growing !== ListGrowingMode.None;\n }\n get growsOnScroll() {\n return this.growing === ListGrowingMode.Scroll;\n }\n get growsWithButton() {\n return this.growing === ListGrowingMode.Button;\n }\n get _growingButtonText() {\n return List_1.i18nBundle.getText(LOAD_MORE_TEXT);\n }\n get busyIndPosition() {\n if (!this.grows) {\n return \"absolute\";\n }\n return this._inViewport ? \"absolute\" : \"sticky\";\n }\n get styles() {\n return {\n busyInd: {\n position: this.busyIndPosition,\n },\n };\n }\n get classes() {\n return {\n root: {\n \"ui5-list-root\": true,\n \"ui5-content-native-scrollbars\": getEffectiveScrollbarStyle(),\n },\n };\n }\n prepareListItems() {\n const slottedItems = this.getItemsForProcessing();\n slottedItems.forEach((item, key) => {\n const isLastChild = key === slottedItems.length - 1;\n const showBottomBorder = this.separators === ListSeparators.All\n || (this.separators === ListSeparators.Inner && !isLastChild);\n if (item.hasConfigurableMode) {\n item._mode = this.mode;\n }\n item.hasBorder = showBottomBorder;\n });\n }\n async observeListEnd() {\n if (!this.listEndObserved) {\n await renderFinished();\n this.getIntersectionObserver().observe(this.listEndDOM);\n this.listEndObserved = true;\n }\n }\n unobserveListEnd() {\n if (this.growingIntersectionObserver) {\n this.growingIntersectionObserver.disconnect();\n this.growingIntersectionObserver = null;\n this.listEndObserved = false;\n }\n }\n onInteresection(entries) {\n if (this.initialIntersection) {\n this.initialIntersection = false;\n return;\n }\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n debounce(this.loadMore.bind(this), INFINITE_SCROLL_DEBOUNCE_RATE);\n }\n });\n }\n /*\n * ITEM SELECTION BASED ON THE CURRENT MODE\n */\n onSelectionRequested(e) {\n const previouslySelectedItems = this.getSelectedItems();\n let selectionChange = false;\n this._selectionRequested = true;\n if (this.mode !== ListMode.None && this[`handle${this.mode}`]) {\n selectionChange = this[`handle${this.mode}`](e.detail.item, !!e.detail.selected);\n }\n if (selectionChange) {\n const changePrevented = !this.fireEvent(\"selection-change\", {\n selectedItems: this.getSelectedItems(),\n previouslySelectedItems,\n selectionComponentPressed: e.detail.selectionComponentPressed,\n targetItem: e.detail.item,\n key: e.detail.key,\n }, true);\n if (changePrevented) {\n this._revertSelection(previouslySelectedItems);\n }\n }\n }\n handleSingleSelect(item) {\n if (item.selected) {\n return false;\n }\n this.deselectSelectedItems();\n item.selected = true;\n return true;\n }\n handleSingleSelectBegin(item) {\n return this.handleSingleSelect(item);\n }\n handleSingleSelectEnd(item) {\n return this.handleSingleSelect(item);\n }\n handleSingleSelectAuto(item) {\n return this.handleSingleSelect(item);\n }\n handleMultiSelect(item, selected) {\n item.selected = selected;\n return true;\n }\n handleDelete(item) {\n this.fireEvent(\"item-delete\", { item });\n return true;\n }\n deselectSelectedItems() {\n this.getSelectedItems().forEach(item => { item.selected = false; });\n }\n getSelectedItems() {\n return this.getItems().filter(item => item.selected);\n }\n getEnabledItems() {\n return this.getItems().filter(item => !item.disabled);\n }\n getItems() {\n return this.getSlottedNodes(\"items\");\n }\n getItemsForProcessing() {\n return this.getItems();\n }\n _revertSelection(previouslySelectedItems) {\n this.getItems().forEach((item) => {\n const oldSelection = previouslySelectedItems.indexOf(item) !== -1;\n const multiSelectCheckBox = item.shadowRoot.querySelector(\".ui5-li-multisel-cb\");\n const singleSelectRadioButton = item.shadowRoot.querySelector(\".ui5-li-singlesel-radiobtn\");\n item.selected = oldSelection;\n if (multiSelectCheckBox) {\n multiSelectCheckBox.checked = oldSelection;\n }\n else if (singleSelectRadioButton) {\n singleSelectRadioButton.checked = oldSelection;\n }\n });\n }\n _onkeydown(e) {\n if (isTabNext(e)) {\n this._handleTabNext(e);\n }\n }\n _onLoadMoreKeydown(e) {\n if (isSpace(e)) {\n e.preventDefault();\n this._loadMoreActive = true;\n }\n if (isEnter(e)) {\n this._onLoadMoreClick();\n this._loadMoreActive = true;\n }\n if (isTabNext(e)) {\n this.focusAfterElement();\n }\n if (isTabPrevious(e)) {\n if (this.getPreviouslyFocusedItem()) {\n this.focusPreviouslyFocusedItem();\n }\n else {\n this.focusFirstItem();\n }\n e.preventDefault();\n }\n }\n _onLoadMoreKeyup(e) {\n if (isSpace(e)) {\n this._onLoadMoreClick();\n }\n this._loadMoreActive = false;\n }\n _onLoadMoreMousedown() {\n this._loadMoreActive = true;\n }\n _onLoadMoreMouseup() {\n this._loadMoreActive = false;\n }\n _onLoadMoreClick() {\n this.loadMore();\n }\n checkListInViewport() {\n this._inViewport = isElementInView(this.getDomRef());\n }\n loadMore() {\n this.fireEvent(\"load-more\");\n }\n /*\n * KEYBOARD SUPPORT\n */\n _handleTabNext(e) {\n let lastTabbableEl;\n const target = getNormalizedTarget(e.target);\n if (!lastTabbableEl) {\n return;\n }\n if (lastTabbableEl === target) {\n if (this.getFirstItem(x => x.selected && !x.disabled)) {\n this.focusFirstSelectedItem();\n }\n else if (this.getPreviouslyFocusedItem()) {\n this.focusPreviouslyFocusedItem();\n }\n else {\n this.focusFirstItem();\n }\n e.stopImmediatePropagation();\n e.preventDefault();\n }\n }\n _onfocusin(e) {\n const target = getNormalizedTarget(e.target);\n // If the focusin event does not origin from one of the 'triggers' - ignore it.\n if (!this.isForwardElement(target)) {\n e.stopImmediatePropagation();\n return;\n }\n // The focus arrives in the List for the first time.\n // If there is selected item - focus it or focus the first item.\n if (!this.getPreviouslyFocusedItem()) {\n if (this.growsWithButton && this.isForwardAfterElement(target)) {\n this.focusGrowingButton();\n }\n else {\n this.focusFirstItem();\n }\n e.stopImmediatePropagation();\n return;\n }\n // The focus returns to the List,\n // focus the first selected item or the previously focused element.\n if (!this.getForwardingFocus()) {\n if (this.growsWithButton && this.isForwardAfterElement(target)) {\n this.focusGrowingButton();\n e.stopImmediatePropagation();\n return;\n }\n this.focusPreviouslyFocusedItem();\n e.stopImmediatePropagation();\n }\n this.setForwardingFocus(false);\n }\n isForwardElement(element) {\n const elementId = element.id;\n const beforeElement = this.getBeforeElement();\n if (this._id === elementId || (beforeElement && beforeElement.id === elementId)) {\n return true;\n }\n return this.isForwardAfterElement(element);\n }\n isForwardAfterElement(element) {\n const elementId = element.id;\n const afterElement = this.getAfterElement();\n return afterElement && afterElement.id === elementId;\n }\n onItemTabIndexChange(e) {\n const target = e.target;\n this._itemNavigation.setCurrentItem(target);\n }\n onItemFocused(e) {\n const target = e.target;\n e.stopPropagation();\n this._itemNavigation.setCurrentItem(target);\n this.fireEvent(\"item-focused\", { item: target });\n if (this.mode === ListMode.SingleSelectAuto) {\n const detail = {\n item: target,\n selectionComponentPressed: false,\n selected: true,\n key: e.detail.key,\n };\n this.onSelectionRequested({ detail });\n }\n }\n onItemPress(e) {\n const pressedItem = e.detail.item;\n if (!this.fireEvent(\"item-click\", { item: pressedItem }, true)) {\n return;\n }\n if (!this._selectionRequested && this.mode !== ListMode.Delete) {\n this._selectionRequested = true;\n const detail = {\n item: pressedItem,\n selectionComponentPressed: false,\n selected: !pressedItem.selected,\n key: e.detail.key,\n };\n this.onSelectionRequested({ detail });\n }\n this._selectionRequested = false;\n }\n // This is applicable to NotificationListItem\n onItemClose(e) {\n const target = e.target;\n const shouldFireItemClose = target?.hasAttribute(\"ui5-li-notification\") || target?.hasAttribute(\"ui5-li-notification-group\");\n if (shouldFireItemClose) {\n this.fireEvent(\"item-close\", { item: e.detail?.item });\n }\n }\n onItemToggle(e) {\n this.fireEvent(\"item-toggle\", { item: e.detail.item });\n }\n onForwardBefore(e) {\n this.setPreviouslyFocusedItem(e.target);\n this.focusBeforeElement();\n e.stopPropagation();\n }\n onForwardAfter(e) {\n this.setPreviouslyFocusedItem(e.target);\n if (!this.growsWithButton) {\n this.focusAfterElement();\n }\n else {\n this.focusGrowingButton();\n e.preventDefault();\n }\n e.stopPropagation();\n }\n focusBeforeElement() {\n this.setForwardingFocus(true);\n this.getBeforeElement().focus();\n }\n focusAfterElement() {\n this.setForwardingFocus(true);\n this.getAfterElement().focus();\n }\n focusGrowingButton() {\n const growingBtn = this.getGrowingButton();\n if (growingBtn) {\n growingBtn.focus();\n }\n }\n getGrowingButton() {\n return this.shadowRoot.querySelector(`[id=\"${this._id}-growing-btn\"]`);\n }\n /**\n * Focuses the first list item and sets its tabindex to \"0\" via the ItemNavigation\n * @protected\n */\n focusFirstItem() {\n // only enabled items are focusable\n const firstItem = this.getFirstItem(x => !x.disabled);\n if (firstItem) {\n firstItem.focus();\n }\n }\n focusPreviouslyFocusedItem() {\n const previouslyFocusedItem = this.getPreviouslyFocusedItem();\n if (previouslyFocusedItem) {\n previouslyFocusedItem.focus();\n }\n }\n focusFirstSelectedItem() {\n // only enabled items are focusable\n const firstSelectedItem = this.getFirstItem(x => x.selected && !x.disabled);\n if (firstSelectedItem) {\n firstSelectedItem.focus();\n }\n }\n /**\n * Focuses a list item and sets its tabindex to \"0\" via the ItemNavigation\n * @protected\n * @param item\n */\n focusItem(item) {\n this._itemNavigation.setCurrentItem(item);\n item.focus();\n }\n onFocusRequested(e) {\n setTimeout(() => {\n this.setPreviouslyFocusedItem(e.target);\n this.focusPreviouslyFocusedItem();\n }, 0);\n }\n setForwardingFocus(forwardingFocus) {\n this._forwardingFocus = forwardingFocus;\n }\n getForwardingFocus() {\n return this._forwardingFocus;\n }\n setPreviouslyFocusedItem(item) {\n this._previouslyFocusedItem = item;\n }\n getPreviouslyFocusedItem() {\n return this._previouslyFocusedItem;\n }\n getFirstItem(filter) {\n const slottedItems = this.getItems();\n let firstItem = null;\n if (!filter) {\n return slottedItems.length ? slottedItems[0] : null;\n }\n for (let i = 0; i < slottedItems.length; i++) {\n if (filter(slottedItems[i])) {\n firstItem = slottedItems[i];\n break;\n }\n }\n return firstItem;\n }\n getAfterElement() {\n if (!this._afterElement) {\n this._afterElement = this.shadowRoot.querySelector(`[id=\"${this._id}-after\"]`);\n }\n return this._afterElement;\n }\n getBeforeElement() {\n if (!this._beforeElement) {\n this._beforeElement = this.shadowRoot.querySelector(`[id=\"${this._id}-before\"]`);\n }\n return this._beforeElement;\n }\n getIntersectionObserver() {\n if (!this.growingIntersectionObserver) {\n this.growingIntersectionObserver = new IntersectionObserver(this.onInteresection.bind(this), {\n root: null,\n rootMargin: \"0px\",\n threshold: 1.0,\n });\n }\n return this.growingIntersectionObserver;\n }\n};\n__decorate([\n property()\n], List.prototype, \"headerText\", void 0);\n__decorate([\n property()\n], List.prototype, \"footerText\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"indent\", void 0);\n__decorate([\n property({ type: ListMode, defaultValue: ListMode.None })\n], List.prototype, \"mode\", void 0);\n__decorate([\n property()\n], List.prototype, \"noDataText\", void 0);\n__decorate([\n property({ type: ListSeparators, defaultValue: ListSeparators.All })\n], List.prototype, \"separators\", void 0);\n__decorate([\n property({ type: ListGrowingMode, defaultValue: ListGrowingMode.None })\n], List.prototype, \"growing\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"busy\", void 0);\n__decorate([\n property({ validator: Integer, defaultValue: 1000 })\n], List.prototype, \"busyDelay\", void 0);\n__decorate([\n property()\n], List.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], List.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ defaultValue: \"list\" })\n], List.prototype, \"accessibleRole\", void 0);\n__decorate([\n property({ defaultValue: undefined, noAttribute: true })\n], List.prototype, \"accessibleRoleDescription\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"_inViewport\", void 0);\n__decorate([\n property({ type: Boolean })\n], List.prototype, \"_loadMoreActive\", void 0);\n__decorate([\n slot({ type: HTMLElement, \"default\": true })\n], List.prototype, \"items\", void 0);\n__decorate([\n slot()\n], List.prototype, \"header\", void 0);\nList = List_1 = __decorate([\n customElement({\n tag: \"ui5-list\",\n fastNavigation: true,\n renderer: litRender,\n template: ListTemplate,\n styles: [browserScrollbarCSS, listCss],\n dependencies: [BusyIndicator],\n })\n /**\n * Fired when an item is activated, unless the item's type property\n * is set to Inactive.\n *\n * @event sap.ui.webc.main.List#item-click\n * @allowPreventDefault\n * @param {HTMLElement} item The clicked item.\n * @public\n */\n ,\n event(\"item-click\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Close button of any item is clicked\n * \n * Note: This event is only applicable to list items that can be closed (such as notification list items),\n * not to be confused with
item-delete.\n *\n * @event sap.ui.webc.main.List#item-close\n * @param {HTMLElement} item the item about to be closed.\n * @public\n * @since 1.0.0-rc.8\n */\n ,\n event(\"item-close\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Toggle button of any item is clicked.\n * \n * Note: This event is only applicable to list items that can be toggled (such as notification group list items).\n *\n * @event sap.ui.webc.main.List#item-toggle\n * @param {HTMLElement} item the toggled item.\n * @public\n * @since 1.0.0-rc.8\n */\n ,\n event(\"item-toggle\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when the Delete button of any item is pressed.\n *
\n * Note: A Delete button is displayed on each item,\n * when the component
mode property is set to Delete.\n *\n * @event sap.ui.webc.main.List#item-delete\n * @param {HTMLElement} item the deleted item.\n * @public\n */\n ,\n event(\"item-delete\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n /**\n * Fired when selection is changed by user interaction\n * in SingleSelect, SingleSelectBegin, SingleSelectEnd and MultiSelect modes.\n *\n * @event sap.ui.webc.main.List#selection-change\n * @allowPreventDefault\n * @param {Array} selectedItems An array of the selected items.\n * @param {Array} previouslySelectedItems An array of the previously selected items.\n * @public\n */\n ,\n event(\"selection-change\", {\n detail: {\n selectedItems: { type: Array },\n previouslySelectedItems: { type: Array },\n targetItem: { type: HTMLElement },\n selectionComponentPressed: { type: Boolean }, // protected, indicates if the user used the selection components to change the selection\n },\n })\n /**\n * Fired when the user scrolls to the bottom of the list.\n * \n * Note: The event is fired when the
growing='Scroll' property is enabled.\n *\n * @event sap.ui.webc.main.List#load-more\n * @public\n * @since 1.0.0-rc.6\n */\n ,\n event(\"load-more\")\n /**\n * @private\n */\n ,\n event(\"item-focused\", {\n detail: {\n item: { type: HTMLElement },\n },\n })\n], List);\nList.define();\nexport default List;\n//# sourceMappingURL=List.js.map","const markedEvents = new WeakMap();\n/**\n * Marks the given event with random marker.\n */\nconst markEvent = (event, value) => {\n markedEvents.set(event, value);\n};\n/**\n * Returns the marker for the given event.\n */\nconst getEventMark = (event) => {\n return markedEvents.get(event);\n};\nexport { markEvent, getEventMark, };\n//# sourceMappingURL=MarkedEvents.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"edit\";\nconst pathData = \"M475 104q5 7 5 12 0 6-5 11L150 453q-4 4-8 4L32 480l22-110q0-5 4-9L384 36q4-4 11-4t11 4zm-121 99l-46-45L84 381l46 46zm87-88l-46-44-64 64 45 45z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/edit\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"edit\";\nconst pathData = \"M505 94q7 7 7 18t-6 17L130 505q-7 7-18 7H26q-11 0-18.5-7.5T0 486v-86q1-10 6-16L382 7q7-7 18-7t18 7zm-55 18l-50-50-50 50 50 50zm-86 86l-50-50L62 400l50 50z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/edit\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/edit.js\";\nimport { pathData as pathDatav5 } from \"./v5/edit.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"edit\";\nexport { pathData, ltr, accData };","/**\n * Different list item types.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ListItemType\n */\nvar ListItemType;\n(function (ListItemType) {\n /**\n * Indicates the list item does not have any active feedback when item is pressed.\n * @public\n * @type {Inactive}\n */\n ListItemType[\"Inactive\"] = \"Inactive\";\n /**\n * Indicates that the item is clickable via active feedback when item is pressed.\n * @public\n * @type {Active}\n */\n ListItemType[\"Active\"] = \"Active\";\n /**\n * Enables detail button of the list item that fires detail-click event.\n * @public\n * @type {Detail}\n */\n ListItemType[\"Detail\"] = \"Detail\";\n /**\n * Enables the type of navigation, which is specified to add an arrow at the end of the items and fires navigate-click event.\n * @public\n * @type {Navigation}\n */\n ListItemType[\"Navigation\"] = \"Navigation\";\n})(ListItemType || (ListItemType = {}));\nexport default ListItemType;\n//# sourceMappingURL=ListItemType.js.map","import isElementHidden from \"./isElementHidden.js\";\n/**\n * Returns if the HTMLElement is tabbable.\n *\n * @public\n * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)\n * @returns { boolean } true if the element is tabbable or false - if not\n */\nconst isElementTabbable = (el) => {\n if (!el) {\n return false;\n }\n const nodeName = el.nodeName.toLowerCase();\n if (el.hasAttribute(\"data-sap-no-tab-ref\")) {\n return false;\n }\n if (isElementHidden(el)) {\n return false;\n }\n const tabIndex = el.getAttribute(\"tabindex\");\n if (tabIndex !== null && tabIndex !== undefined) {\n return parseInt(tabIndex) >= 0;\n }\n if (nodeName === \"a\" || /input|select|textarea|button|object/.test(nodeName)) {\n return !el.disabled;\n }\n return false;\n};\nexport default isElementTabbable;\n//# sourceMappingURL=isElementTabbable.js.map","import isElementTabbable from \"./isElementTabbable.js\";\n/**\n * Returns the tabbable elements within the provided HTMLElement.\n *\n * @public\n * @param { HTMLElement } el the component to operate on (component that slots or contains within its shadow root the items the user navigates among)\n * @returns { ArrayListItem and GroupHeaderListItem classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ListItemBase\n * @extends sap.ui.webc.base.UI5Element\n * @public\n */\nlet ListItemBase = class ListItemBase extends UI5Element {\n _onfocusin(e) {\n this.fireEvent(\"_request-tabindex-change\", e);\n if (e.target !== this.getFocusDomRef()) {\n return;\n }\n this.focused = true;\n this.fireEvent(\"_focused\", e);\n }\n _onfocusout() {\n this.focused = false;\n }\n _onkeydown(e) {\n if (isTabNext(e)) {\n return this._handleTabNext(e);\n }\n if (isTabPrevious(e)) {\n return this._handleTabPrevious(e);\n }\n }\n _onkeyup(e) { } // eslint-disable-line\n _handleTabNext(e) {\n if (this.shouldForwardTabAfter()) {\n if (!this.fireEvent(\"_forward-after\", {}, true)) {\n e.preventDefault();\n }\n }\n }\n _handleTabPrevious(e) {\n const target = e.target;\n if (this.shouldForwardTabBefore(target)) {\n this.fireEvent(\"_forward-before\");\n }\n }\n /*\n * Determines if th current list item either has no tabbable content or\n * [TAB] is performed onto the last tabbale content item.\n */\n shouldForwardTabAfter() {\n const aContent = getTabbableElements(this.getFocusDomRef());\n return aContent.length === 0 || (aContent[aContent.length - 1] === getActiveElement());\n }\n /*\n * Determines if the current list item is target of [SHIFT+TAB].\n */\n shouldForwardTabBefore(target) {\n return this.getFocusDomRef() === target;\n }\n get classes() {\n return {\n main: {\n \"ui5-li-root\": true,\n \"ui5-li--focusable\": !this.disabled,\n },\n };\n }\n get _ariaDisabled() {\n return this.disabled ? true : undefined;\n }\n get hasConfigurableMode() {\n return false;\n }\n get _effectiveTabIndex() {\n if (this.disabled) {\n return -1;\n }\n if (this.selected) {\n return 0;\n }\n return this._tabIndex;\n }\n};\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"selected\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"hasBorder\", void 0);\n__decorate([\n property({ defaultValue: \"-1\", noAttribute: true })\n], ListItemBase.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItemBase.prototype, \"focused\", void 0);\nListItemBase = __decorate([\n customElement({\n renderer: litRender,\n styles,\n }),\n event(\"_request-tabindex-change\"),\n event(\"_focused\"),\n event(\"_forward-after\"),\n event(\"_forward-before\")\n], ListItemBase);\nexport default ListItemBase;\n//# sourceMappingURL=ListItemBase.js.map","class RadioButtonGroup {\n static hasGroup(groupName) {\n return this.groups.has(groupName);\n }\n static getGroup(groupName) {\n return this.groups.get(groupName);\n }\n static getCheckedRadioFromGroup(groupName) {\n return this.checkedRadios.get(groupName);\n }\n static removeGroup(groupName) {\n this.checkedRadios.delete(groupName);\n return this.groups.delete(groupName);\n }\n static addToGroup(radioBtn, groupName) {\n if (this.hasGroup(groupName)) {\n this.enforceSingleSelection(radioBtn, groupName);\n if (this.getGroup(groupName)) {\n this.getGroup(groupName).push(radioBtn);\n }\n }\n else {\n this.createGroup(radioBtn, groupName);\n }\n this.updateTabOrder(groupName);\n }\n static removeFromGroup(radioBtn, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n // Remove the radio button from the given group\n group.forEach((_radioBtn, idx, arr) => {\n if (radioBtn._id === _radioBtn._id) {\n return arr.splice(idx, 1);\n }\n });\n if (checkedRadio === radioBtn) {\n this.checkedRadios.set(groupName, null);\n }\n // Remove the group if it is empty\n if (!group.length) {\n this.removeGroup(groupName);\n }\n this.updateTabOrder(groupName);\n }\n static createGroup(radioBtn, groupName) {\n if (radioBtn.checked) {\n this.checkedRadios.set(groupName, radioBtn);\n }\n this.groups.set(groupName, [radioBtn]);\n }\n static selectNextItem(item, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const groupLength = group.length, currentItemPosition = group.indexOf(item);\n if (groupLength <= 1) {\n return;\n }\n const nextItemToSelect = this._nextSelectable(currentItemPosition, group);\n if (!nextItemToSelect) {\n return;\n }\n this.updateSelectionInGroup(nextItemToSelect, groupName);\n }\n static updateFormValidity(groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n group.forEach(r => r._resetFormValidity());\n const groupRequiresValue = group.some(r => r.required) && group.every(r => !r.checked);\n if (groupRequiresValue) {\n group[0]._invalidateForm();\n }\n }\n static updateTabOrder(groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const hasCheckedRadio = group.some(radioBtn => radioBtn.checked);\n group.filter(radioBtn => !radioBtn.disabled).forEach((radioBtn, idx) => {\n if (hasCheckedRadio) {\n radioBtn._tabIndex = radioBtn.checked ? \"0\" : \"-1\";\n }\n else {\n radioBtn._tabIndex = idx === 0 ? \"0\" : \"-1\";\n }\n });\n }\n static selectPreviousItem(item, groupName) {\n const group = this.getGroup(groupName);\n if (!group) {\n return;\n }\n const groupLength = group.length, currentItemPosition = group.indexOf(item);\n if (groupLength <= 1) {\n return;\n }\n const previousItemToSelect = this._previousSelectable(currentItemPosition, group);\n if (!previousItemToSelect) {\n return;\n }\n this.updateSelectionInGroup(previousItemToSelect, groupName);\n }\n static selectItem(item, groupName) {\n this.updateSelectionInGroup(item, groupName);\n this.updateTabOrder(groupName);\n }\n static updateSelectionInGroup(radioBtnToSelect, groupName) {\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n if (checkedRadio) {\n this._deselectRadio(checkedRadio);\n }\n this._selectRadio(radioBtnToSelect);\n this.checkedRadios.set(groupName, radioBtnToSelect);\n }\n static _deselectRadio(radioBtn) {\n if (radioBtn) {\n radioBtn.checked = false;\n }\n }\n static _selectRadio(radioBtn) {\n if (radioBtn) {\n radioBtn.focus();\n radioBtn.checked = true;\n radioBtn._checked = true;\n radioBtn.fireEvent(\"change\");\n }\n }\n static _nextSelectable(pos, group) {\n if (!group) {\n return null;\n }\n const groupLength = group.length;\n let nextRadioToSelect = null;\n if (pos === groupLength - 1) {\n if (group[0].disabled || group[0].readonly) {\n return this._nextSelectable(1, group);\n }\n nextRadioToSelect = group[0];\n }\n else if (group[pos + 1].disabled || group[pos + 1].readonly) {\n return this._nextSelectable(pos + 1, group);\n }\n else {\n nextRadioToSelect = group[pos + 1];\n }\n return nextRadioToSelect;\n }\n static _previousSelectable(pos, group) {\n const groupLength = group.length;\n let previousRadioToSelect = null;\n if (pos === 0) {\n if (group[groupLength - 1].disabled || group[groupLength - 1].readonly) {\n return this._previousSelectable(groupLength - 1, group);\n }\n previousRadioToSelect = group[groupLength - 1];\n }\n else if (group[pos - 1].disabled || group[pos - 1].readonly) {\n return this._previousSelectable(pos - 1, group);\n }\n else {\n previousRadioToSelect = group[pos - 1];\n }\n return previousRadioToSelect;\n }\n static enforceSingleSelection(radioBtn, groupName) {\n const checkedRadio = this.getCheckedRadioFromGroup(groupName);\n if (radioBtn.checked) {\n if (!checkedRadio) {\n this.checkedRadios.set(groupName, radioBtn);\n }\n else if (radioBtn !== checkedRadio) {\n this._deselectRadio(checkedRadio);\n this.checkedRadios.set(groupName, radioBtn);\n }\n }\n else if (radioBtn === checkedRadio) {\n this.checkedRadios.set(groupName, null);\n }\n this.updateTabOrder(groupName);\n this.updateFormValidity(groupName);\n }\n static get groups() {\n if (!this._groups) {\n this._groups = new Map();\n }\n return this._groups;\n }\n static get checkedRadios() {\n if (!this._checkedRadios) {\n this._checkedRadios = new Map();\n }\n return this._checkedRadios;\n }\n}\nexport default RadioButtonGroup;\n//# sourceMappingURL=RadioButtonGroup.js.map","/* eslint no-unused-vars: 0 */\nimport { html, svg, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.text ? block1.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block2.call(this, context, tags, suffix) : undefined}
`; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-label\", tags, suffix)} id=\"${ifDefined(this._id)}-label\" class=\"ui5-radio-label\" for=\"${ifDefined(this._id)}\" wrapping-type=\"${ifDefined(this.wrappingType)}\">${ifDefined(this.text)}` : html `Overview
\n *\n * Theui5-radio-button component enables users to select a single option from a set of options.\n * When a ui5-radio-button is selected by the user, the\n * change event is fired.\n * When a ui5-radio-button that is within a group is selected, the one\n * that was previously selected gets automatically deselected. You can group radio buttons by using the name property.\n * \n * Note: If
ui5-radio-button is not part of a group, it can be selected once, but can not be deselected back.\n *\n * Keyboard Handling
\n *\n * Once theui5-radio-button is on focus, it might be selected by pressing the Space and Enter keys.\n * \n * The Arrow Down/Arrow Up and Arrow Left/Arrow Right keys can be used to change selection between next/previous radio buttons in one group,\n * while TAB and SHIFT + TAB can be used to enter or leave the radio button group.\n *
\n * Note: On entering radio button group, the focus goes to the currently selected radio button.\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/RadioButton\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.RadioButton\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-radio-button\n * @public\n */\nlet RadioButton = RadioButton_1 = class RadioButton extends UI5Element {\n static get formAssociated() {\n return true;\n }\n constructor() {\n super();\n this._internals = this.attachInternals();\n this._deactivate = () => {\n if (activeRadio) {\n activeRadio.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n }\n static async onDefine() {\n RadioButton_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n onBeforeRendering() {\n this.syncGroup();\n this._enableFormSupport();\n }\n onExitDOM() {\n this.syncGroup(true);\n }\n syncGroup(forceRemove) {\n const oldGroup = this._name;\n const currentGroup = this.name;\n const oldChecked = this._checked;\n const currentChecked = this.checked;\n if (forceRemove) {\n RadioButtonGroup.removeFromGroup(this, oldGroup);\n }\n if (currentGroup !== oldGroup) {\n if (oldGroup) {\n // remove the control from the previous group\n RadioButtonGroup.removeFromGroup(this, oldGroup);\n }\n if (currentGroup) {\n // add the control to the existing group\n RadioButtonGroup.addToGroup(this, currentGroup);\n }\n }\n else if (currentGroup) {\n RadioButtonGroup.enforceSingleSelection(this, currentGroup);\n }\n if (this.name && currentChecked !== oldChecked) {\n RadioButtonGroup.updateTabOrder(this.name);\n }\n this._name = this.name;\n this._checked = this.checked;\n }\n _enableFormSupport() {\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport) {\n this._setFormValue();\n }\n else if (this.value) {\n console.warn(`In order for the \"value\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n }\n _setFormValue() {\n this._internals.setFormValue(this.checked ? this.value : null);\n }\n _resetFormValidity() {\n this._internals.setValidity({});\n }\n _invalidateForm() {\n this._internals.setValidity({ valueMissing: true }, this.radioButtonGroupRequiredText, this.shadowRoot.firstElementChild);\n }\n _onclick() {\n return this.toggle();\n }\n _handleDown(e) {\n const currentGroup = this.name;\n if (!currentGroup) {\n return;\n }\n e.preventDefault();\n RadioButtonGroup.selectNextItem(this, currentGroup);\n }\n _handleUp(e) {\n const currentGroup = this.name;\n if (!currentGroup) {\n return;\n }\n e.preventDefault();\n RadioButtonGroup.selectPreviousItem(this, currentGroup);\n }\n _onkeydown(e) {\n if (isSpace(e)) {\n this.active = true;\n return e.preventDefault();\n }\n if (isEnter(e)) {\n this.active = true;\n return this.toggle();\n }\n const isRTL = this.effectiveDir === \"rtl\";\n if (isDown(e) || (!isRTL && isRight(e)) || (isRTL && isLeft(e))) {\n this._handleDown(e);\n }\n if (isUp(e) || (!isRTL && isLeft(e)) || (isRTL && isRight(e))) {\n this._handleUp(e);\n }\n }\n _onkeyup(e) {\n if (isSpace(e)) {\n this.toggle();\n }\n this.active = false;\n }\n _onmousedown() {\n this.active = true;\n activeRadio = this; // eslint-disable-line\n }\n _onmouseup() {\n this.active = false;\n }\n _onfocusout() {\n this.active = false;\n }\n toggle() {\n if (!this.canToggle()) {\n return this;\n }\n if (!this.name) {\n this.checked = !this.checked;\n this.fireEvent(\"change\");\n return this;\n }\n RadioButtonGroup.selectItem(this, this.name);\n return this;\n }\n canToggle() {\n return !(this.disabled || this.readonly || this.checked);\n }\n get classes() {\n return {\n inner: {\n \"ui5-radio-inner--hoverable\": !this.disabled && !this.readonly && isDesktop(),\n },\n };\n }\n get effectiveAriaDisabled() {\n return this.disabled ? \"true\" : null;\n }\n get ariaLabelText() {\n return [getEffectiveAriaLabelText(this), this.text].filter(Boolean).join(\" \");\n }\n get effectiveAriaDescribedBy() {\n return this.hasValueState ? `${this._id}-descr` : undefined;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get valueStateText() {\n switch (this.valueState) {\n case ValueState.Error:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_ERROR);\n case ValueState.Warning:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_WARNING);\n case ValueState.Success:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_SUCCESS);\n case ValueState.Information:\n return RadioButton_1.i18nBundle.getText(VALUE_STATE_INFORMATION);\n default:\n return \"\";\n }\n }\n get radioButtonGroupRequiredText() {\n return RadioButton_1.i18nBundle.getText(RADIO_BUTTON_GROUP_REQUIRED);\n }\n get effectiveTabIndex() {\n const tabindex = this.getAttribute(\"tabindex\");\n if (this.disabled) {\n return \"-1\";\n }\n if (this.name) {\n return this._tabIndex;\n }\n return tabindex || \"0\";\n }\n get strokeWidth() {\n return this.valueState === \"None\" ? \"1\" : \"2\";\n }\n};\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"required\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"checked\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"text\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], RadioButton.prototype, \"valueState\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"name\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"value\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], RadioButton.prototype, \"wrappingType\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"accessibleName\", void 0);\n__decorate([\n property()\n], RadioButton.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ defaultValue: \"-1\", noAttribute: true })\n], RadioButton.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], RadioButton.prototype, \"active\", void 0);\n__decorate([\n slot()\n], RadioButton.prototype, \"formSupport\", void 0);\nRadioButton = RadioButton_1 = __decorate([\n customElement({\n tag: \"ui5-radio-button\",\n languageAware: true,\n renderer: litRender,\n template: RadioButtonTemplate,\n styles: radioButtonCss,\n dependencies: [Label],\n })\n /**\n * Fired when the component checked state changes.\n *\n * @event sap.ui.webc.main.RadioButton#change\n * @public\n * @since 1.0.0-rc.15\n */\n ,\n event(\"change\")\n], RadioButton);\nRadioButton.define();\nexport default RadioButton;\n//# sourceMappingURL=RadioButton.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"accept\";\nconst pathData = \"M455.8 94q9 9 3 19l-222 326q-4 8-12 9t-14-5l-151-167q-5-5-4.5-11t5.5-11l25-25q12-12 23 0l96 96q5 5 13 4.5t12-8.5l175-249q4-7 11.5-8t13.5 4z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/accept\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"accept\";\nconst pathData = \"M187 416q-12 0-20-9L71 299q-7-7-7-17 0-11 7.5-18.5T90 256q12 0 19 9l77 87 217-247q8-9 19-9t18.5 7.5T448 122q0 10-6 16L206 407q-7 9-19 9z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/accept\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/accept.js\";\nimport { pathData as pathDatav5 } from \"./v5/accept.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"accept\";\nexport { pathData, ltr, accData };","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/CheckBox.css\", content: \".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host{-webkit-tap-highlight-color:rgba(0,0,0,0)}:host(:not([hidden])){display:inline-block}:host{border-radius:var(--_ui5-v1-20-0_checkbox_border_radius);cursor:pointer;max-width:100%;outline:none;overflow:hidden;transition:var(--_ui5-v1-20-0_checkbox_transition);user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}:host([disabled]){cursor:default}:host([disabled]) .ui5-checkbox-root{opacity:var(--_ui5-v1-20-0_checkbox_disabled_opacity)}:host([disabled]) .ui5-checkbox-inner{border-color:var(--_ui5-v1-20-0_checkbox_inner_disabled_border_color)}:host([disabled]) .ui5-checkbox-label{color:var(--_ui5-v1-20-0_checkbox_disabled_label_color)}:host([readonly]:not([value-state=Warning]):not([value-state=Error])) .ui5-checkbox-inner{background:var(--sapField_ReadOnly_Background);border:var(--_ui5-v1-20-0_checkbox_inner_readonly_border);color:var(--sapField_TextColor)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root{align-items:flex-start;box-sizing:border-box;min-height:auto;padding-bottom:var(--_ui5-v1-20-0_checkbox_root_side_padding);padding-top:var(--_ui5-v1-20-0_checkbox_root_side_padding)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-inner,:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{margin-top:var(--_ui5-v1-20-0_checkbox_wrapped_content_margin_top)}:host([wrapping-type=Normal][text]) .ui5-checkbox-root .ui5-checkbox-label{align-self:center;overflow-wrap:break-word}:host([wrapping-type=Normal]) .ui5-checkbox-root:focus:before{bottom:var(--_ui5-v1-20-0_checkbox_wrapped_focus_left_top_bottom_position)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Error]) .ui5-checkbox-inner{background:var(--sapField_InvalidBackground);border:var(--_ui5-v1-20-0_checkbox_inner_error_border);color:var(--sapField_InvalidColor)}:host([value-state=Error]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_error_background_hover)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Warning]) .ui5-checkbox-inner{background:var(--sapField_WarningBackground);border:var(--_ui5-v1-20-0_checkbox_inner_warning_border);color:var(--_ui5-v1-20-0_checkbox_inner_warning_color)}:host([value-state=Warning]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_warning_background_hover)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Information]) .ui5-checkbox-inner{background:var(--sapField_InformationBackground);border:var(--_ui5-v1-20-0_checkbox_inner_information_border);color:var(--_ui5-v1-20-0_checkbox_inner_information_color)}:host([value-state=Information]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_information_background_hover)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host([value-state=Success]) .ui5-checkbox-inner{background:var(--sapField_SuccessBackground);border:var(--_ui5-v1-20-0_checkbox_inner_success_border);color:var(--sapField_SuccessColor)}:host([value-state=Success]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_success_background_hover)}:host([value-state=Warning]) .ui5-checkbox-icon,:host([value-state=Warning][indeterminate]) .ui5-checkbox-inner:after{color:var(--_ui5-v1-20-0_checkbox_checkmark_warning_color)}:host([text]) .ui5-checkbox-root{padding-inline-end:var(--_ui5-v1-20-0_checkbox_right_focus_distance)}:host([text]) .ui5-checkbox-root:focus:before{inset-inline-end:0}.ui5-checkbox-root{align-items:center;border:var(--_ui5-v1-20-0_checkbox_default_focus_border);border-radius:var(--_ui5-v1-20-0_checkbox_border_radius);box-sizing:border-box;display:inline-flex;min-height:var(--_ui5-v1-20-0_checkbox_width_height);min-width:var(--_ui5-v1-20-0_checkbox_width_height);outline:none;padding:0 var(--_ui5-v1-20-0_checkbox_wrapper_padding);position:relative;transition:var(--_ui5-v1-20-0_checkbox_transition);width:100%}.ui5-checkbox-root:focus:before{border:var(--_ui5-v1-20-0_checkbox_focus_outline);border-radius:var(--_ui5-v1-20-0_checkbox_focus_border_radius);content:\\\"\\\";display:var(--_ui5-v1-20-0_checkbox_focus_outline_display);inset-block:var(--_ui5-v1-20-0_checkbox_focus_position);inset-inline:var(--_ui5-v1-20-0_checkbox_focus_position);position:absolute}:host .ui5-checkbox-root:focus{border:var(--_ui5-v1-20-0_checkbox_focus_border);border-radius:.5rem}:host(:hover:not([disabled])){background:var(--_ui5-v1-20-0_checkbox_outer_hover_background)}.ui5-checkbox--hoverable .ui5-checkbox-label:hover{color:var(--_ui5-v1-20-0_checkbox_label_color)}:host(:not([active]):not([checked]):not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active]):not([checked])[value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_hover_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_hover_border_color)}:host(:not([active])[checked]:not([value-state])) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner,:host(:not([active])[checked][value-state=None]) .ui5-checkbox--hoverable:hover .ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_hover_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_hover_checked_border_color)}:host([checked]:not([value-state])) .ui5-checkbox-inner,:host([checked][value-state=None]) .ui5-checkbox-inner{border-color:var(--_ui5-v1-20-0_checkbox_inner_selected_border_color)}:host([active]:not([checked]):not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active]:not([checked])[value-state=None]:not([disabled])) .ui5-checkbox-inner{background-color:var(--_ui5-v1-20-0_checkbox_active_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_active_border_color)}:host([active][checked]:not([value-state]):not([disabled])) .ui5-checkbox-inner,:host([active][checked][value-state=None]:not([disabled])) .ui5-checkbox-inner{background-color:var(--_ui5-v1-20-0_checkbox_active_background);border-color:var(--_ui5-v1-20-0_checkbox_inner_selected_border_color)}.ui5-checkbox-inner{background:var(--_ui5-v1-20-0_checkbox_inner_background);border:var(--_ui5-v1-20-0_checkbox_inner_border);border-radius:var(--_ui5-v1-20-0_checkbox_inner_border_radius);box-sizing:border-box;color:var(--_ui5-v1-20-0_checkbox_checkmark_color);cursor:inherit;height:var(--_ui5-v1-20-0_checkbox_inner_width_height);max-height:var(--_ui5-v1-20-0_checkbox_inner_width_height);max-width:var(--_ui5-v1-20-0_checkbox_inner_width_height);min-width:var(--_ui5-v1-20-0_checkbox_inner_width_height);position:relative}:host([indeterminate][checked]) .ui5-checkbox-inner:after{background-color:currentColor;content:\\\"\\\";height:var(--_ui5-v1-20-0_checkbox_partially_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-20-0_checkbox_partially_icon_size)}.ui5-checkbox-inner input{-webkit-appearance:none;font-size:inherit;left:0;position:absolute;visibility:hidden;width:0}.ui5-checkbox-root .ui5-checkbox-label{color:var(--_ui5-v1-20-0_checkbox_label_color);cursor:inherit;margin-inline-start:var(--_ui5-v1-20-0_checkbox_label_offset);overflow:hidden;pointer-events:none;text-overflow:ellipsis}.ui5-checkbox-icon{color:currentColor;cursor:inherit;height:var(--_ui5-v1-20-0_checkbox_icon_size);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--_ui5-v1-20-0_checkbox_icon_size)}\" };\nexport default styleData;\n//# sourceMappingURL=CheckBox.css.js.map","/* eslint no-unused-vars: 0 */\nimport { html, classMap, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html `${this.isCompletelyChecked ? block1.call(this, context, tags, suffix) : undefined}
${this.text ? block2.call(this, context, tags, suffix) : undefined}${this.hasValueState ? block3.call(this, context, tags, suffix) : undefined}Overview
\n *\n * Allows the user to set a binary value, such as true/false or yes/no for an item.\n *\n * The
ui5-checkbox component consists of a box and a label that describes its purpose.\n * If it's checked, an indicator is displayed inside the box.\n * To check/uncheck the ui5-checkbox, the user has to click or tap the square\n * box or its label.\n * \n * The
ui5-checkbox component only has 2 states - checked and unchecked.\n * Clicking or tapping toggles the ui5-checkbox between checked and unchecked state.\n *\n * Usage
\n *\n * You can define the checkbox text with via thetext property. If the text exceeds the available width, it is truncated by default.\n * In case you prefer text to wrap, set the wrappingType property to \"Normal\".\n * The touchable area for toggling the ui5-checkbox ends where the text ends.\n * \n * You can disable the
ui5-checkbox by setting the disabled property to\n * true,\n * or use the ui5-checkbox in read-only mode by setting the readonly\n * property to true.\n *\n * \n *
CSS Shadow Parts
\n *\n *\n * The
ui5-checkbox exposes the following CSS Shadow Parts:\n * - \n *
- root - Used to style the outermost wrapper of the
ui5-checkbox\n *
\n *
Keyboard Handling
\n *\n * The user can use the following keyboard shortcuts to toggle the checked state of theui5-checkbox.\n * - \n *
- [SPACE, ENTER] - Toggles between different states: checked, not checked. \n *
\n *\n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/CheckBox\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.CheckBox\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-checkbox\n * @public\n */\nlet CheckBox = CheckBox_1 = class CheckBox extends UI5Element {\n constructor() {\n super();\n this._deactivate = () => {\n if (activeCb) {\n activeCb.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n }\n onBeforeRendering() {\n this._enableFormSupport();\n }\n _enableFormSupport() {\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport) {\n formSupport.syncNativeHiddenInput(this, (element, nativeInput) => {\n nativeInput.disabled = !!element.disabled;\n nativeInput.checked = !!element.checked;\n nativeInput.value = element.checked ? \"on\" : \"\";\n });\n }\n else if (this.name) {\n console.warn(`In order for the \"name\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n }\n _onclick() {\n this.toggle();\n }\n _onmousedown() {\n if (this.readonly || this.disabled) {\n return;\n }\n this.active = true;\n activeCb = this; // eslint-disable-line\n }\n _onmouseup() {\n this.active = false;\n }\n _onfocusout() {\n this.active = false;\n }\n _onkeydown(e) {\n if (isSpace(e)) {\n e.preventDefault();\n this.active = true;\n }\n if (isEnter(e)) {\n this.toggle();\n this.active = true;\n }\n }\n _onkeyup(e) {\n if (isSpace(e)) {\n this.toggle();\n }\n this.active = false;\n }\n toggle() {\n if (this.canToggle()) {\n const lastState = {\n checked: this.checked,\n indeterminate: this.indeterminate,\n };\n if (this.indeterminate) {\n this.indeterminate = false;\n this.checked = true;\n }\n else {\n this.checked = !this.checked;\n }\n const changePrevented = !this.fireEvent(\"change\", null, true);\n // Angular two way data binding\n const valueChagnePrevented = !this.fireEvent(\"value-changed\", null, true);\n if (changePrevented || valueChagnePrevented) {\n this.checked = lastState.checked;\n this.indeterminate = lastState.indeterminate;\n }\n }\n return this;\n }\n canToggle() {\n return !(this.disabled || this.readonly);\n }\n valueStateTextMappings() {\n return {\n \"Error\": CheckBox_1.i18nBundle.getText(VALUE_STATE_ERROR),\n \"Warning\": CheckBox_1.i18nBundle.getText(VALUE_STATE_WARNING),\n \"Success\": CheckBox_1.i18nBundle.getText(VALUE_STATE_SUCCESS),\n };\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n get classes() {\n return {\n main: {\n \"ui5-checkbox--hoverable\": !this.disabled && !this.readonly && isDesktop(),\n },\n };\n }\n get ariaReadonly() {\n return this.readonly ? \"true\" : undefined;\n }\n get effectiveAriaDisabled() {\n return this.disabled ? \"true\" : undefined;\n }\n get effectiveAriaChecked() {\n return this.indeterminate && this.checked ? \"mixed\" : this.checked;\n }\n get ariaLabelledBy() {\n if (!this.ariaLabelText) {\n return this.text ? `${this._id}-label` : undefined;\n }\n return undefined;\n }\n get ariaDescribedBy() {\n return this.hasValueState ? `${this._id}-descr` : undefined;\n }\n get hasValueState() {\n return this.valueState !== ValueState.None;\n }\n get valueStateText() {\n if (this.valueState !== ValueState.None && this.valueState !== ValueState.Information) {\n return this.valueStateTextMappings()[this.valueState];\n }\n }\n get effectiveTabIndex() {\n const tabindex = this.getAttribute(\"tabindex\");\n return this.disabled ? undefined : tabindex || \"0\";\n }\n get isCompletelyChecked() {\n return this.checked && !this.indeterminate;\n }\n static async onDefine() {\n CheckBox_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property()\n], CheckBox.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"disabled\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"readonly\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"required\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"indeterminate\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"checked\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"text\", void 0);\n__decorate([\n property({ type: ValueState, defaultValue: ValueState.None })\n], CheckBox.prototype, \"valueState\", void 0);\n__decorate([\n property({ type: WrappingType, defaultValue: WrappingType.None })\n], CheckBox.prototype, \"wrappingType\", void 0);\n__decorate([\n property()\n], CheckBox.prototype, \"name\", void 0);\n__decorate([\n property({ type: Boolean })\n], CheckBox.prototype, \"active\", void 0);\n__decorate([\n slot()\n], CheckBox.prototype, \"formSupport\", void 0);\nCheckBox = CheckBox_1 = __decorate([\n customElement({\n tag: \"ui5-checkbox\",\n languageAware: true,\n renderer: litRender,\n template: CheckBoxTemplate,\n styles: checkboxCss,\n dependencies: [\n Label,\n Icon,\n ],\n })\n /**\n * Fired when the component checked state changes.\n *\n * @public\n * @event sap.ui.webc.main.CheckBox#change\n */\n ,\n event(\"change\")\n], CheckBox);\nCheckBox.define();\nexport default CheckBox;\n//# sourceMappingURL=CheckBox.js.map","const willShowContent = (childNodes) => {\n return Array.from(childNodes).filter(node => {\n return node.nodeType !== Node.COMMENT_NODE && (node.nodeType !== Node.TEXT_NODE || (node.nodeValue || \"\").trim().length !== 0);\n }).length > 0;\n};\nexport default willShowContent;\n//# sourceMappingURL=willShowContent.js.map","/**\n * Different Button designs.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ButtonDesign\n */\nvar ButtonDesign;\n(function (ButtonDesign) {\n /**\n * default type (no special styling)\n * @public\n * @type {Default}\n */\n ButtonDesign[\"Default\"] = \"Default\";\n /**\n * accept type (green button)\n * @public\n * @type {Positive}\n */\n ButtonDesign[\"Positive\"] = \"Positive\";\n /**\n * reject style (red button)\n * @public\n * @type {Negative}\n */\n ButtonDesign[\"Negative\"] = \"Negative\";\n /**\n * transparent type\n * @public\n * @type {Transparent}\n */\n ButtonDesign[\"Transparent\"] = \"Transparent\";\n /**\n * emphasized type\n * @public\n * @type {Emphasized}\n */\n ButtonDesign[\"Emphasized\"] = \"Emphasized\";\n /**\n * attention type\n * @public\n * @type {Attention}\n */\n ButtonDesign[\"Attention\"] = \"Attention\";\n})(ButtonDesign || (ButtonDesign = {}));\nexport default ButtonDesign;\n//# sourceMappingURL=ButtonDesign.js.map","/**\n * Determines if the button has special form-related functionality.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.ButtonType\n */\nvar ButtonType;\n(function (ButtonType) {\n /**\n * The button does not do anything special when inside a form\n * @public\n * @type {Button}\n */\n ButtonType[\"Button\"] = \"Button\";\n /**\n * The button acts as a submit button (submits a form)\n * @public\n * @type {Submit}\n */\n ButtonType[\"Submit\"] = \"Submit\";\n /**\n * The button acts as a reset button (resets a form)\n * @public\n * @type {Reset}\n */\n ButtonType[\"Reset\"] = \"Reset\";\n})(ButtonType || (ButtonType = {}));\nexport default ButtonType;\n//# sourceMappingURL=ButtonType.js.map","/* eslint no-unused-vars: 0 */\nimport { html, ifDefined, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nfunction block0(context, tags, suffix) { return html ` `; }\nfunction block1(context, tags, suffix) { return suffix ? html `<${scopeTag(\"ui5-icon\", tags, suffix)} class=\"ui5-button-icon\" name=\"${ifDefined(this.icon)}\" accessible-role=\"${ifDefined(this.iconRole)}\" part=\"icon\" ?show-tooltip=${this.showIconTooltip}>` : html `Overview
\n *\n * Theui5-button component represents a simple push button.\n * It enables users to trigger actions by clicking or tapping the ui5-button, or by pressing\n * certain keyboard keys, such as Enter.\n *\n *\n * Usage
\n *\n * For theui5-button UI, you can define text, icon, or both. You can also specify\n * whether the text or the icon is displayed first.\n * \n * You can choose from a set of predefined types that offer different\n * styling to correspond to the triggered action.\n *
\n * You can set the
ui5-button as enabled or disabled. An enabled\n * ui5-button can be pressed by clicking or tapping it. The button changes\n * its style to provide visual feedback to the user that it is pressed or hovered over with\n * the mouse cursor. A disabled ui5-button appears inactive and cannot be pressed.\n *\n * CSS Shadow Parts
\n *\n *\n * The
ui5-button exposes the following CSS Shadow Parts:\n * - \n *
- button - Used to style the native button element \n *
ES6 Module Import
\n *\n *import \"@ui5/webcomponents/dist/Button\";\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.Button\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-button\n * @implements sap.ui.webc.main.IButton\n * @public\n */\nlet Button = Button_1 = class Button extends UI5Element {\n constructor() {\n super();\n this._deactivate = () => {\n if (activeButton) {\n activeButton.active = false;\n }\n };\n if (!isGlobalHandlerAttached) {\n document.addEventListener(\"mouseup\", this._deactivate);\n isGlobalHandlerAttached = true;\n }\n const handleTouchStartEvent = (e) => {\n markEvent(e, \"button\");\n if (this.nonInteractive) {\n return;\n }\n this.active = true;\n };\n this._ontouchstart = {\n handleEvent: handleTouchStartEvent,\n passive: true,\n };\n }\n onEnterDOM() {\n this._isTouch = (isPhone() || isTablet()) && !isCombi();\n }\n async onBeforeRendering() {\n const formSupport = getFeature(\"FormSupport\");\n if (this.type !== ButtonType.Button && !formSupport) {\n console.warn(`In order for the \"type\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n if (this.submits && !formSupport) {\n console.warn(`In order for the \"submits\" property to have effect, you should also: import \"@ui5/webcomponents/dist/features/InputElementsFormSupport.js\";`); // eslint-disable-line\n }\n this.iconOnly = this.isIconOnly;\n this.hasIcon = !!this.icon;\n this.buttonTitle = this.tooltip || await getIconAccessibleName(this.icon);\n }\n _onclick(e) {\n if (this.nonInteractive) {\n return;\n }\n markEvent(e, \"button\");\n const formSupport = getFeature(\"FormSupport\");\n if (formSupport && this._isSubmit) {\n formSupport.triggerFormSubmit(this);\n }\n if (formSupport && this._isReset) {\n formSupport.triggerFormReset(this);\n }\n if (isSafari()) {\n this.getDomRef()?.focus();\n }\n }\n _onmousedown(e) {\n if (this.nonInteractive || this._isTouch) {\n return;\n }\n markEvent(e, \"button\");\n this.active = true;\n activeButton = this; // eslint-disable-line\n }\n _ontouchend(e) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n this.active = false;\n if (activeButton) {\n activeButton.active = false;\n }\n }\n _onmouseup(e) {\n markEvent(e, \"button\");\n }\n _onkeydown(e) {\n markEvent(e, \"button\");\n if (isSpace(e) || isEnter(e)) {\n this.active = true;\n }\n }\n _onkeyup(e) {\n if (isSpace(e) || isEnter(e)) {\n this.active = false;\n }\n }\n _onfocusout() {\n if (this.nonInteractive) {\n return;\n }\n this.active = false;\n if (isDesktop()) {\n this.focused = false;\n }\n }\n _onfocusin(e) {\n if (this.nonInteractive) {\n return;\n }\n markEvent(e, \"button\");\n if (isDesktop()) {\n this.focused = true;\n }\n }\n get hasButtonType() {\n return this.design !== ButtonDesign.Default && this.design !== ButtonDesign.Transparent;\n }\n get iconRole() {\n if (!this.icon) {\n return \"\";\n }\n return \"presentation\";\n }\n get isIconOnly() {\n return !willShowContent(this.text);\n }\n static typeTextMappings() {\n return {\n \"Positive\": BUTTON_ARIA_TYPE_ACCEPT,\n \"Negative\": BUTTON_ARIA_TYPE_REJECT,\n \"Emphasized\": BUTTON_ARIA_TYPE_EMPHASIZED,\n };\n }\n get buttonTypeText() {\n return Button_1.i18nBundle.getText(Button_1.typeTextMappings()[this.design]);\n }\n get tabIndexValue() {\n const tabindex = this.getAttribute(\"tabindex\");\n if (tabindex) {\n return tabindex;\n }\n return this.nonInteractive ? \"-1\" : this._tabIndex;\n }\n get showIconTooltip() {\n return this.iconOnly && !this.tooltip;\n }\n get ariaLabelText() {\n return getEffectiveAriaLabelText(this);\n }\n get _isSubmit() {\n return this.type === ButtonType.Submit || this.submits;\n }\n get _isReset() {\n return this.type === ButtonType.Reset;\n }\n static async onDefine() {\n Button_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property({ type: ButtonDesign, defaultValue: ButtonDesign.Default })\n], Button.prototype, \"design\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"disabled\", void 0);\n__decorate([\n property()\n], Button.prototype, \"icon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"iconEnd\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"submits\", void 0);\n__decorate([\n property()\n], Button.prototype, \"tooltip\", void 0);\n__decorate([\n property({ defaultValue: undefined })\n], Button.prototype, \"accessibleName\", void 0);\n__decorate([\n property({ defaultValue: \"\" })\n], Button.prototype, \"accessibleNameRef\", void 0);\n__decorate([\n property({ type: Object })\n], Button.prototype, \"accessibilityAttributes\", void 0);\n__decorate([\n property({ type: ButtonType, defaultValue: ButtonType.Button })\n], Button.prototype, \"type\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"active\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"iconOnly\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"focused\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"hasIcon\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"nonInteractive\", void 0);\n__decorate([\n property({ noAttribute: true })\n], Button.prototype, \"buttonTitle\", void 0);\n__decorate([\n property({ type: Object })\n], Button.prototype, \"_iconSettings\", void 0);\n__decorate([\n property({ defaultValue: \"0\", noAttribute: true })\n], Button.prototype, \"_tabIndex\", void 0);\n__decorate([\n property({ type: Boolean })\n], Button.prototype, \"_isTouch\", void 0);\n__decorate([\n slot({ type: Node, \"default\": true })\n], Button.prototype, \"text\", void 0);\nButton = Button_1 = __decorate([\n customElement({\n tag: \"ui5-button\",\n languageAware: true,\n renderer: litRender,\n template: ButtonTemplate,\n styles: buttonCss,\n dependencies: [Icon],\n })\n /**\n * Fired when the component is activated either with a\n * mouse/tap or by using the Enter or Space key.\n * \n * Note: The event will not be fired if the
disabled\n * property is set to true.\n *\n * @event sap.ui.webc.main.Button#click\n * @public\n * @native\n */\n ,\n event(\"click\")\n], Button);\nButton.define();\nexport default Button;\n//# sourceMappingURL=Button.js.map","import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\nregisterThemePropertiesLoader(\"@ui5/webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@ui5/webcomponents\", \"sap_horizon\", async () => defaultTheme);\nconst styleData = { packageName: \"@ui5/webcomponents\", fileName: \"themes/ListItem.css\", content: \".ui5-hidden-text{clip:rect(1px,1px,1px,1px);font-size:0;left:-1000px;pointer-events:none;position:absolute;top:-1000px;user-select:none}:host([actionable]:not([disabled])){cursor:pointer}:host([selected][actionable]:not([active]):hover){background:var(--sapList_Hover_SelectionBackground)}:host([active][actionable]),:host([selected][active][actionable]){background:var(--sapList_Active_Background)}:host([actionable]:not([active]):not([selected]):hover){background:var(--sapList_Hover_Background)}:host([active][actionable]) .ui5-li-root.ui5-li--focusable .ui5-li-content:focus,:host([active][actionable]) .ui5-li-root.ui5-li--focusable:focus{outline-color:var(--sapContent_ContrastFocusColor)}:host([navigated]) .ui5-li-root .ui5-li-navigated{background-color:var(--sapList_SelectionBorderColor);bottom:0;position:absolute;right:0;top:0;width:.1875rem}:host([active][actionable]) .ui5-li-root .ui5-li-icon{color:var(--sapList_Active_TextColor)}:host([active][actionable]) .ui5-li-additional-text,:host([active][actionable]) .ui5-li-desc,:host([active][actionable]) .ui5-li-title{color:var(--sapList_Active_TextColor)}:host([additional-text-state=Warning]) .ui5-li-additional-text{color:var(--sapCriticalTextColor)}:host([additional-text-state=Success]) .ui5-li-additional-text{color:var(--sapPositiveTextColor)}:host([additional-text-state=Error]) .ui5-li-additional-text{color:var(--sapNegativeTextColor)}:host([additional-text-state=Information]) .ui5-li-additional-text{color:var(--sapInformativeTextColor)}:host([has-title][description]){height:5rem}:host([has-title][image]){height:5rem}:host([_has-image-content]){height:5rem}:host([image]) .ui5-li-content{height:3rem}:host([description]) .ui5-li-root{padding:1rem}:host([description]) .ui5-li-content{height:3rem}:host([has-title][description]) .ui5-li-title{padding-bottom:.375rem}.ui5-li-text-wrapper{display:flex;flex:auto;flex-direction:column;line-height:normal;min-width:1px}:host([description]) .ui5-li-text-wrapper{height:100%;justify-content:space-between;padding:.125rem 0}.ui5-li-description-info-wrapper{display:flex;justify-content:space-between}.ui5-li-title{color:var(--sapList_TextColor);font-size:var(--_ui5-v1-20-0_list_item_title_size)}.ui5-li-additional-text,.ui5-li-desc,:host(:not([wrapping-type=Normal])) .ui5-li-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host([wrapping-type=Normal]){height:auto}:host([wrapping-type=Normal]) .ui5-li-content{margin:var(--_ui5-v1-20-0_list_item_content_vertical_offset) 0}.ui5-li-desc{color:var(--sapContent_LabelColor);font-size:var(--sapFontSize)}.ui5-li-additional-text{color:var(--sapNeutralTextColor);font-size:var(--sapFontSize);margin:0 .25rem;min-width:3.75rem;text-align:end}:host([description]) .ui5-li-additional-text{align-self:flex-end}.ui5-li-img{border-radius:var(--ui5-v1-20-0-avatar-border-radius);height:var(--_ui5-v1-20-0_list_item_img_size);width:var(--_ui5-v1-20-0_list_item_img_size)}.ui5-li-img,.ui5-li-imgContent{margin-bottom:var(--_ui5-v1-20-0_list_item_img_bottom_margin);margin-top:var(--_ui5-v1-20-0_list_item_img_top_margin);margin-inline-end:var(--_ui5-v1-20-0_list_item_img_hn_margin);min-height:var(--_ui5-v1-20-0_list_item_img_size);min-width:var(--_ui5-v1-20-0_list_item_img_size)}.ui5-li-img-inner{object-fit:contain}.ui5-li-icon{color:var(--sapContent_NonInteractiveIconColor);min-height:var(--_ui5-v1-20-0_list_item_icon_size);min-width:var(--_ui5-v1-20-0_list_item_icon_size);padding-inline-end:var(--_ui5-v1-20-0_list_item_icon_padding-inline-end)}.ui5-li-content{align-items:center;display:flex;flex:auto;overflow:hidden}.ui5-li-deletebtn,.ui5-li-detailbtn{align-items:center;display:flex;margin-left:var(--_ui5-v1-20-0_list_buttons_left_space)}.ui5-li-multisel-cb,.ui5-li-singlesel-radiobtn{flex-shrink:0}:host([description]) .ui5-li-singlesel-radiobtn{align-self:flex-start;margin-top:var(--_ui5-v1-20-0_list_item_selection_btn_margin_top)}:host([description]) .ui5-li-multisel-cb{align-self:flex-start;margin-top:var(--_ui5-v1-20-0_list_item_selection_btn_margin_top)}:host([_mode=SingleSelectBegin]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=MultiSelect]) .ui5-li-root{padding-inline:0 1rem}:host([_mode=SingleSelectEnd]) .ui5-li-root{padding-inline:1rem 0}:host [ui5-checkbox].ui5-li-singlesel-radiobtn{margin-right:var(--_ui5-v1-20-0_list_item_cb_margin_right)}\" };\nexport default styleData;\n//# sourceMappingURL=ListItem.css.js.map","/**\n * Different types of HasPopup.\n *\n * @readonly\n * @enum {string}\n * @public\n * @author SAP SE\n * @alias sap.ui.webc.main.types.HasPopup\n */\nvar HasPopup;\n(function (HasPopup) {\n /**\n * Dialog popup type.\n * @public\n * @type {Dialog}\n */\n HasPopup[\"Dialog\"] = \"Dialog\";\n /**\n * Grid popup type.\n * @public\n * @type {Grid}\n */\n HasPopup[\"Grid\"] = \"Grid\";\n /**\n * ListBox popup type.\n * @public\n * @type {ListBox}\n */\n HasPopup[\"ListBox\"] = \"ListBox\";\n /**\n * Menu popup type.\n * @public\n * @type {Menu}\n */\n HasPopup[\"Menu\"] = \"Menu\";\n /**\n * Tree popup type.\n * @public\n * @type {Tree}\n */\n HasPopup[\"Tree\"] = \"Tree\";\n})(HasPopup || (HasPopup = {}));\nexport default HasPopup;\n//# sourceMappingURL=HasPopup.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"slim-arrow-right\";\nconst pathData = \"M357.5 233q10 10 10 23t-10 23l-165 165q-12 11-23 0t0-23l160-159q6-6 0-12l-159-159q-5-5-5-11t5-11 11-5 11 5z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/slim-arrow-right\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"slim-arrow-right\";\nconst pathData = \"M186 416q-11 0-18.5-7.5T160 390q0-10 8-18l121-116-121-116q-8-8-8-18 0-11 7.5-18.5T186 96q10 0 17 7l141 134q8 8 8 19 0 12-8 18L203 409q-7 7-17 7z\";\nconst ltr = false;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/slim-arrow-right\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/slim-arrow-right.js\";\nimport { pathData as pathDatav5 } from \"./v5/slim-arrow-right.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"slim-arrow-right\";\nexport { pathData, ltr, accData };","var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n 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;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar ListItem_1;\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { isSpace, isEnter, isDelete } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/edit.js\";\nimport ListItemType from \"./types/ListItemType.js\";\nimport ListMode from \"./types/ListMode.js\";\nimport ListItemBase from \"./ListItemBase.js\";\nimport RadioButton from \"./RadioButton.js\";\nimport CheckBox from \"./CheckBox.js\";\nimport Button from \"./Button.js\";\nimport { DELETE, ARIA_LABEL_LIST_ITEM_CHECKBOX, ARIA_LABEL_LIST_ITEM_RADIO_BUTTON, LIST_ITEM_SELECTED, LIST_ITEM_NOT_SELECTED, } from \"./generated/i18n/i18n-defaults.js\";\n// Styles\nimport styles from \"./generated/themes/ListItem.css.js\";\nimport HasPopup from \"./types/HasPopup.js\";\n// Icons\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n/**\n * @class\n * A class to serve as a base\n * for the StandardListItem and CustomListItem classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.main.ListItem\n * @extends sap.ui.webc.main.ListItemBase\n * @public\n */\nlet ListItem = ListItem_1 = class ListItem extends ListItemBase {\n constructor() {\n super();\n this.deactivateByKey = (e) => {\n if (isEnter(e)) {\n this.deactivate();\n }\n };\n this.deactivate = () => {\n if (this.active) {\n this.active = false;\n }\n };\n const handleTouchStartEvent = (e) => {\n this._onmousedown(e);\n };\n this._ontouchstart = {\n handleEvent: handleTouchStartEvent,\n passive: true,\n };\n }\n onBeforeRendering() {\n this.actionable = (this.type === ListItemType.Active || this.type === ListItemType.Navigation) && (this._mode !== ListMode.Delete);\n }\n onEnterDOM() {\n document.addEventListener(\"mouseup\", this.deactivate);\n document.addEventListener(\"touchend\", this.deactivate);\n document.addEventListener(\"keyup\", this.deactivateByKey);\n }\n onExitDOM() {\n document.removeEventListener(\"mouseup\", this.deactivate);\n document.removeEventListener(\"keyup\", this.deactivateByKey);\n document.removeEventListener(\"touchend\", this.deactivate);\n }\n _onkeydown(e) {\n super._onkeydown(e);\n const itemActive = this.type === ListItemType.Active, itemNavigated = this.typeNavigation;\n if (isSpace(e)) {\n e.preventDefault();\n }\n if ((isSpace(e) || isEnter(e)) && (itemActive || itemNavigated)) {\n this.activate();\n }\n if (isEnter(e)) {\n this.fireItemPress(e);\n }\n }\n _onkeyup(e) {\n if (isSpace(e) || isEnter(e)) {\n this.deactivate();\n }\n if (isSpace(e)) {\n this.fireItemPress(e);\n }\n if (this.modeDelete && isDelete(e)) {\n this.onDelete();\n }\n }\n _onmousedown(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.activate();\n }\n _onmouseup(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.deactivate();\n }\n _ontouchend(e) {\n this._onmouseup(e);\n }\n _onfocusout() {\n super._onfocusout();\n this.deactivate();\n }\n _onclick(e) {\n if (getEventMark(e) === \"button\") {\n return;\n }\n this.fireItemPress(e);\n }\n /*\n * Called when selection components in Single (ui5-radio-button)\n * and Multi (ui5-checkbox) selection modes are used.\n */\n onMultiSelectionComponentPress(e) {\n if (this.isInactive) {\n return;\n }\n this.fireEvent(\"_selection-requested\", { item: this, selected: e.target.checked, selectionComponentPressed: true });\n }\n onSingleSelectionComponentPress(e) {\n if (this.isInactive) {\n return;\n }\n this.fireEvent(\"_selection-requested\", { item: this, selected: !e.target.checked, selectionComponentPressed: true });\n }\n activate() {\n if (this.type === ListItemType.Active || this.type === ListItemType.Navigation) {\n this.active = true;\n }\n }\n onDelete() {\n this.fireEvent(\"_selection-requested\", { item: this, selectionComponentPressed: false });\n }\n onDetailClick() {\n this.fireEvent(\"detail-click\", { item: this, selected: this.selected });\n }\n fireItemPress(e) {\n if (this.isInactive) {\n return;\n }\n if (isEnter(e)) {\n e.preventDefault();\n }\n this.fireEvent(\"_press\", { item: this, selected: this.selected, key: e.key });\n }\n get isInactive() {\n return this.type === ListItemType.Inactive || this.type === ListItemType.Detail;\n }\n get placeSelectionElementBefore() {\n return this._mode === ListMode.MultiSelect\n || this._mode === ListMode.SingleSelectBegin;\n }\n get placeSelectionElementAfter() {\n return !this.placeSelectionElementBefore\n && (this._mode === ListMode.SingleSelectEnd || this._mode === ListMode.Delete);\n }\n get modeSingleSelect() {\n return [\n ListMode.SingleSelectBegin,\n ListMode.SingleSelectEnd,\n ListMode.SingleSelect,\n ].includes(this._mode);\n }\n get modeMultiSelect() {\n return this._mode === ListMode.MultiSelect;\n }\n get modeDelete() {\n return this._mode === ListMode.Delete;\n }\n /**\n * Used in UploadCollectionItem\n */\n get renderDeleteButton() {\n return this.modeDelete;\n }\n /**\n * End\n */\n get typeDetail() {\n return this.type === ListItemType.Detail;\n }\n get typeNavigation() {\n return this.type === ListItemType.Navigation;\n }\n get typeActive() {\n return this.type === ListItemType.Active;\n }\n get _ariaSelected() {\n if (this.modeMultiSelect || this.modeSingleSelect) {\n return this.selected;\n }\n return undefined;\n }\n get ariaSelectedText() {\n let ariaSelectedText;\n // Selected state needs to be supported separately since now the role mapping is list -> listitem[]\n // to avoid the issue of nesting interactive elements, ex. (option -> radio/checkbox);\n // The text is added to aria-describedby because as part of the aria-labelledby\n // the whole content of the item is readout when the aria-labelledby value is changed.\n if (this._ariaSelected !== undefined) {\n ariaSelectedText = this._ariaSelected ? ListItem_1.i18nBundle.getText(LIST_ITEM_SELECTED) : ListItem_1.i18nBundle.getText(LIST_ITEM_NOT_SELECTED);\n }\n return ariaSelectedText;\n }\n get deleteText() {\n return ListItem_1.i18nBundle.getText(DELETE);\n }\n get hasDeleteButtonSlot() {\n return !!this.deleteButton.length;\n }\n get _accessibleNameRef() {\n if (this.accessibleName) {\n // accessibleName is set - return labels excluding content\n return `${this._id}-invisibleText`;\n }\n // accessibleName is not set - return _accInfo.listItemAriaLabel including content\n return `${this._id}-content ${this._id}-invisibleText`;\n }\n get _accInfo() {\n return {\n role: this.accessibleRole || this.role,\n ariaExpanded: undefined,\n ariaLevel: this._level || undefined,\n ariaLabel: ListItem_1.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_CHECKBOX),\n ariaLabelRadioButton: ListItem_1.i18nBundle.getText(ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),\n ariaSelectedText: this.ariaSelectedText,\n ariaHaspopup: this.ariaHaspopup || undefined,\n setsize: this.accessibilityAttributes.ariaSetsize,\n posinset: this.accessibilityAttributes.ariaPosinset,\n };\n }\n get hasConfigurableMode() {\n return true;\n }\n static async onDefine() {\n ListItem_1.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n }\n};\n__decorate([\n property({ type: ListItemType, defaultValue: ListItemType.Active })\n], ListItem.prototype, \"type\", void 0);\n__decorate([\n property({ type: Object })\n], ListItem.prototype, \"accessibilityAttributes\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"navigated\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"active\", void 0);\n__decorate([\n property()\n], ListItem.prototype, \"title\", void 0);\n__decorate([\n property({ type: Boolean })\n], ListItem.prototype, \"actionable\", void 0);\n__decorate([\n property({ defaultValue: \"listitem\" })\n], ListItem.prototype, \"role\", void 0);\n__decorate([\n property({ defaultValue: undefined, noAttribute: true })\n], ListItem.prototype, \"accessibleRoleDescription\", void 0);\n__decorate([\n property()\n], ListItem.prototype, \"accessibleRole\", void 0);\n__decorate([\n property({ type: ListMode, defaultValue: ListMode.None })\n], ListItem.prototype, \"_mode\", void 0);\n__decorate([\n property({ type: HasPopup, noAttribute: true })\n], ListItem.prototype, \"ariaHaspopup\", void 0);\n__decorate([\n property({ type: Integer })\n], ListItem.prototype, \"_level\", void 0);\n__decorate([\n property({ type: Boolean, noAttribute: true })\n], ListItem.prototype, \"disableDeleteButton\", void 0);\n__decorate([\n slot()\n], ListItem.prototype, \"deleteButton\", void 0);\nListItem = ListItem_1 = __decorate([\n customElement({\n languageAware: true,\n styles: [ListItemBase.styles, styles],\n dependencies: [\n Button,\n RadioButton,\n CheckBox,\n ],\n })\n /**\n * Fired when the user clicks on the detail button when type is Detail.\n *\n * @event sap.ui.webc.main.ListItem#detail-click\n * @public\n */\n ,\n event(\"detail-click\"),\n event(\"_press\"),\n event(\"_focused\"),\n event(\"_selection-requested\")\n], ListItem);\nexport default ListItem;\n//# sourceMappingURL=ListItem.js.map","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"cancel\";\nconst pathData = \"M256 0q53 0 99.5 20T437 74.5t55 81.5 20 100-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-100 55-81.5T156.5 20 256 0zm0 480q38 0 72.5-12.5T392 434L78 120q-22 29-34 63.5T32 256q0 46 17.5 87t48 71.5 71.5 48 87 17.5zm180-92q21-28 32.5-61.5T480 256q0-46-17.5-87t-48-71.5-71.5-48T256 32q-37 0-70.5 11.5T124 75z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v4\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v4/cancel\";\nexport { pathData, ltr, accData };","import { registerIcon } from \"@ui5/webcomponents-base/dist/asset-registries/Icons.js\";\n\nconst name = \"cancel\";\nconst pathData = \"M256 0q53 0 100 20t81.5 54.5T492 156t20 100-20 100-54.5 81.5T356 492t-100 20-100-20-81.5-54.5T20 356 0 256t20-100 54.5-81.5T156 20 256 0zm162 382q43-55 43-126 0-43-16-80.5t-43.5-65-65-43.5T256 51q-71 0-126 43zM51 256q0 43 16 80t44 65 65 44 80 16q71 0 126-43L94 130q-43 55-43 126z\";\nconst ltr = true;\nconst accData = null;\nconst collection = \"SAP-icons-v5\";\nconst packageName = \"@ui5/webcomponents-icons\";\n\nregisterIcon(name, { pathData, ltr, collection, packageName });\n\nexport default \"SAP-icons-v5/cancel\";\nexport { pathData, ltr, accData };","import { isLegacyThemeFamily } from \"@ui5/webcomponents-base/dist/config/Theme.js\";\nimport { pathData as pathDatav4, ltr, accData } from \"./v4/cancel.js\";\nimport { pathData as pathDatav5 } from \"./v5/cancel.js\";\n\nconst pathData = isLegacyThemeFamily() ? pathDatav4 : pathDatav5;\n\nexport default \"cancel\";\nexport { pathData, ltr, accData };","/**\n * @module ol/events/Event\n */\n\n/**\n * @classdesc\n * Stripped down implementation of the W3C DOM Level 2 Event interface.\n * See https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-interface.\n *\n * This implementation only provides `type` and `target` properties, and\n * `stopPropagation` and `preventDefault` methods. It is meant as base class\n * for higher level events defined in the library, and works with\n * {@link module:ol/events/Target~Target}.\n */\nclass BaseEvent {\n /**\n * @param {string} type Type.\n */\n constructor(type) {\n /**\n * @type {boolean}\n */\n this.propagationStopped;\n\n /**\n * @type {boolean}\n */\n this.defaultPrevented;\n\n /**\n * The event type.\n * @type {string}\n * @api\n */\n this.type = type;\n\n /**\n * The event target.\n * @type {Object}\n * @api\n */\n this.target = null;\n }\n\n /**\n * Prevent default. This means that no emulated `click`, `singleclick` or `doubleclick` events\n * will be fired.\n * @api\n */\n preventDefault() {\n this.defaultPrevented = true;\n }\n\n /**\n * Stop event propagation.\n * @api\n */\n stopPropagation() {\n this.propagationStopped = true;\n }\n}\n\n/**\n * @param {Event|import(\"./Event.js\").default} evt Event\n */\nexport function stopPropagation(evt) {\n evt.stopPropagation();\n}\n\n/**\n * @param {Event|import(\"./Event.js\").default} evt Event\n */\nexport function preventDefault(evt) {\n evt.preventDefault();\n}\n\nexport default BaseEvent;\n","/**\n * @module ol/ObjectEventType\n */\n\n/**\n * @enum {string}\n */\nexport default {\n /**\n * Triggered when a property is changed.\n * @event module:ol/Object.ObjectEvent#propertychange\n * @api\n */\n PROPERTYCHANGE: 'propertychange',\n};\n\n/**\n * @typedef {'propertychange'} Types\n */\n","/**\n * @module ol/Disposable\n */\n\n/**\n * @classdesc\n * Objects that need to clean up after themselves.\n */\nclass Disposable {\n constructor() {\n /**\n * The object has already been disposed.\n * @type {boolean}\n * @protected\n */\n this.disposed = false;\n }\n\n /**\n * Clean up.\n */\n dispose() {\n if (!this.disposed) {\n this.disposed = true;\n this.disposeInternal();\n }\n }\n\n /**\n * Extension point for disposable objects.\n * @protected\n */\n disposeInternal() {}\n}\n\nexport default Disposable;\n","/**\n * @module ol/array\n */\n\n/**\n * Performs a binary search on the provided sorted list and returns the index of the item if found. If it can't be found it'll return -1.\n * https://github.com/darkskyapp/binary-search\n *\n * @param {Array<*>} haystack Items to search through.\n * @param {*} needle The item to look for.\n * @param {Function} [comparator] Comparator function.\n * @return {number} The index of the item if found, -1 if not.\n */\nexport function binarySearch(haystack, needle, comparator) {\n let mid, cmp;\n comparator = comparator || ascending;\n let low = 0;\n let high = haystack.length;\n let found = false;\n\n while (low < high) {\n /* Note that \"(low + high) >>> 1\" may overflow, and results in a typecast\n * to double (which gives the wrong results). */\n mid = low + ((high - low) >> 1);\n cmp = +comparator(haystack[mid], needle);\n\n if (cmp < 0.0) {\n /* Too low. */\n low = mid + 1;\n } else {\n /* Key found or too high */\n high = mid;\n found = !cmp;\n }\n }\n\n /* Key not found. */\n return found ? low : ~low;\n}\n\n/**\n * Compare function sorting arrays in ascending order. Safe to use for numeric values.\n * @param {*} a The first object to be compared.\n * @param {*} b The second object to be compared.\n * @return {number} A negative number, zero, or a positive number as the first\n * argument is less than, equal to, or greater than the second.\n */\nexport function ascending(a, b) {\n return a > b ? 1 : a < b ? -1 : 0;\n}\n\n/**\n * Compare function sorting arrays in descending order. Safe to use for numeric values.\n * @param {*} a The first object to be compared.\n * @param {*} b The second object to be compared.\n * @return {number} A negative number, zero, or a positive number as the first\n * argument is greater than, equal to, or less than the second.\n */\nexport function descending(a, b) {\n return a < b ? 1 : a > b ? -1 : 0;\n}\n\n/**\n * {@link module:ol/tilegrid/TileGrid~TileGrid#getZForResolution} can use a function\n * of this type to determine which nearest resolution to use.\n *\n * This function takes a `{number}` representing a value between two array entries,\n * a `{number}` representing the value of the nearest higher entry and\n * a `{number}` representing the value of the nearest lower entry\n * as arguments and returns a `{number}`. If a negative number or zero is returned\n * the lower value will be used, if a positive number is returned the higher value\n * will be used.\n * @typedef {function(number, number, number): number} NearestDirectionFunction\n * @api\n */\n\n/**\n * @param {Array