@sapudex/web-components 2.52.0 → 2.53.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/cypress/specs/Avatar.cy.tsx +103 -0
  2. package/cypress/specs/SelectBox.cy.tsx +12 -0
  3. package/dist/Avatar.d.ts +10 -1
  4. package/dist/Avatar.js +43 -3
  5. package/dist/Avatar.js.map +1 -1
  6. package/dist/AvatarTemplate.js +1 -1
  7. package/dist/AvatarTemplate.js.map +1 -1
  8. package/dist/MediaPlayer.js +8 -0
  9. package/dist/MediaPlayer.js.map +1 -1
  10. package/dist/SelectBox.d.ts +5 -0
  11. package/dist/SelectBox.js +9 -0
  12. package/dist/SelectBox.js.map +1 -1
  13. package/dist/assets/{InputSuggestions-0wafO-g3.js → InputSuggestions-0yCPXAmq.js} +1 -1
  14. package/dist/assets/{ListItemStandardExpandableTextTemplate-DoOYtqI8.js → ListItemStandardExpandableTextTemplate-DjZEnCXN.js} +1 -1
  15. package/dist/assets/{bundle-CkxyEA8c.css → bundle-C7Yft7IG.css} +1 -1
  16. package/dist/assets/{bundle.esm-DwHZ3nCW.js → bundle.esm-DJuMR5ko.js} +84 -84
  17. package/dist/assets/messagebundle_lv-D06tlATH.js +1 -0
  18. package/dist/css/themes/BreadcrumbsPopover.css +1 -1
  19. package/dist/css/themes/Contact.css +1 -1
  20. package/dist/css/themes/FilterMenu.css +1 -1
  21. package/dist/css/themes/MessageStrip.css +1 -1
  22. package/dist/css/themes/Search.css +1 -1
  23. package/dist/css/themes/Slider.css +1 -1
  24. package/dist/css/themes/Tile.css +1 -1
  25. package/dist/css/themes/Toast.css +1 -1
  26. package/dist/css/themes/Tooltip.css +1 -1
  27. package/dist/custom-elements-internal.json +167 -156
  28. package/dist/custom-elements.json +152 -141
  29. package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
  30. package/dist/generated/themes/BreadcrumbsPopover.css.d.ts +1 -1
  31. package/dist/generated/themes/BreadcrumbsPopover.css.js +1 -1
  32. package/dist/generated/themes/BreadcrumbsPopover.css.js.map +1 -1
  33. package/dist/generated/themes/Contact.css.d.ts +1 -1
  34. package/dist/generated/themes/Contact.css.js +1 -1
  35. package/dist/generated/themes/Contact.css.js.map +1 -1
  36. package/dist/generated/themes/FilterMenu.css.d.ts +1 -1
  37. package/dist/generated/themes/FilterMenu.css.js +1 -1
  38. package/dist/generated/themes/FilterMenu.css.js.map +1 -1
  39. package/dist/generated/themes/MessageStrip.css.d.ts +1 -1
  40. package/dist/generated/themes/MessageStrip.css.js +1 -1
  41. package/dist/generated/themes/MessageStrip.css.js.map +1 -1
  42. package/dist/generated/themes/Search.css.d.ts +1 -1
  43. package/dist/generated/themes/Search.css.js +1 -1
  44. package/dist/generated/themes/Search.css.js.map +1 -1
  45. package/dist/generated/themes/Slider.css.d.ts +1 -1
  46. package/dist/generated/themes/Slider.css.js +1 -1
  47. package/dist/generated/themes/Slider.css.js.map +1 -1
  48. package/dist/generated/themes/Tile.css.d.ts +1 -1
  49. package/dist/generated/themes/Tile.css.js +1 -1
  50. package/dist/generated/themes/Tile.css.js.map +1 -1
  51. package/dist/generated/themes/Toast.css.d.ts +1 -1
  52. package/dist/generated/themes/Toast.css.js +1 -1
  53. package/dist/generated/themes/Toast.css.js.map +1 -1
  54. package/dist/generated/themes/Tooltip.css.d.ts +1 -1
  55. package/dist/generated/themes/Tooltip.css.js +1 -1
  56. package/dist/generated/themes/Tooltip.css.js.map +1 -1
  57. package/dist/messagebundle_lv.properties +126 -0
  58. package/dist/vscode.html-custom-data.json +1 -1
  59. package/dist/web-types.json +3 -3
  60. package/package.json +1 -1
  61. package/src/Avatar.ts +52 -3
  62. package/src/AvatarTemplate.tsx +2 -2
  63. package/src/MediaPlayer.ts +8 -0
  64. package/src/SelectBox.ts +10 -0
  65. package/src/generated/themes/BreadcrumbsPopover.css.ts +1 -1
  66. package/src/generated/themes/Contact.css.ts +1 -1
  67. package/src/generated/themes/FilterMenu.css.ts +1 -1
  68. package/src/generated/themes/MessageStrip.css.ts +1 -1
  69. package/src/generated/themes/Search.css.ts +1 -1
  70. package/src/generated/themes/Slider.css.ts +1 -1
  71. package/src/generated/themes/Tile.css.ts +1 -1
  72. package/src/generated/themes/Toast.css.ts +1 -1
  73. package/src/generated/themes/Tooltip.css.ts +1 -1
  74. package/src/i18n/messagebundle_lv.properties +126 -0
  75. package/src/themes/BreadcrumbsPopover.css +1 -1
  76. package/src/themes/Contact.css +3 -3
  77. package/src/themes/FilterMenu.css +1 -1
  78. package/src/themes/MessageStrip.css +8 -5
  79. package/src/themes/Search.css +3 -3
  80. package/src/themes/Slider.css +1 -1
  81. package/src/themes/Tile.css +2 -2
  82. package/src/themes/Toast.css +1 -1
  83. package/src/themes/Tooltip.css +1 -1
  84. package/dist/assets/messagebundle_lv-BHId5zho.js +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}\n`"]}
1
+ {"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}\n`"]}
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, \"0 2px 4px 0 rgba(34, 54, 73, 0.20)\");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, \"0 2px 8px 0 rgba(34, 54, 73, 0.30)\");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}\n";
1
+ declare const _default: ":host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, \"0 2px 4px 0 rgba(34, 53, 72, 0.20)\");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, \"0 2px 8px 0 rgba(34, 53, 72, 0.30)\");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}\n";
2
2
  export default _default;
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 54, 73, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 54, 73, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}
6
+ export default `:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 53, 72, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 53, 72, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}
7
7
  `;
8
8
  //# sourceMappingURL=Tile.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, \"0 2px 4px 0 rgba(34, 54, 73, 0.20)\");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, \"0 2px 8px 0 rgba(34, 54, 73, 0.30)\");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}\n`"]}
1
+ {"version":3,"file":"Tile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, \"0 2px 4px 0 rgba(34, 53, 72, 0.20)\");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, \"0 2px 8px 0 rgba(34, 53, 72, 0.30)\");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}\n`"]}
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement=\"BottomCenter\"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state=\"Error\"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}\n";
1
+ declare const _default: ":host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement=\"BottomCenter\"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state=\"Error\"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}\n";
2
2
  export default _default;
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement="BottomCenter"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state="Error"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
6
+ export default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement="BottomCenter"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state="Error"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
7
7
  `;
8
8
  //# sourceMappingURL=Toast.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Toast.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement=\"BottomCenter\"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state=\"Error\"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}\n`"]}
1
+ {"version":3,"file":"Toast.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Toast.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement=\"BottomCenter\"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state=\"Error\"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state=\"Success\"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state=\"Warning\"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}\n`"]}
@@ -1,2 +1,2 @@
1
- declare const _default: ":host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}\n";
1
+ declare const _default: ":host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 72, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}\n";
2
2
  export default _default;
@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
3
3
  import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
4
4
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
5
5
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
6
- export default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
6
+ export default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 72, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
7
7
  `;
8
8
  //# sourceMappingURL=Tooltip.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tooltip.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}\n`"]}
1
+ {"version":3,"file":"Tooltip.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Tooltip.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 72, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}\n`"]}
@@ -3,3 +3,129 @@ OVERVIEW=Apskats
3
3
  LOGOUT=Iziet
4
4
  MAIN_LINKS=Galvenās saites
5
5
  BACK_TO_TOP=Atpakaļ uz sākumu
6
+ COUNT=Skaits
7
+ OF=no
8
+ PAGINATION_PAGE=Lapa
9
+ SELECTED=Atlasīts
10
+ UNSELECTED=Neatlasīts
11
+ INDETERMINATE=Nenoteikts
12
+ EDIT_BUTTON=Rediģēt
13
+ DELETE_BUTTON=Dzēst
14
+ BACK_TO_REGION_LIST=Atpakaļ uz reģionu sarakstu
15
+ BUTTON_ARIA_TYPE_PRIMARY=Primārs
16
+ BUTTON_ARIA_TYPE_SECONDARY=Sekundārs
17
+ BUTTON_ARIA_TYPE_TERTIARY=Terciārs
18
+ BUTTON_ARIA_TYPE_WARNING=Brīdinājums
19
+ BUTTON_ARIA_TYPE_POSITIVE=Pozitīvs
20
+ BUTTON_ARIA_TYPE_NEGATIVE=Negatīvs
21
+ BUTTON_ARIA_EMPHASIZED=Uzsvērts
22
+ BUTTON_ARIA_DEFAULT=Noklusējums
23
+ BUTTON_ARIA_TRANSPARENT=Caurspīdīgs
24
+ BUTTON_ARIA_ATTENTION=Uzmanību
25
+ DATEPICKER_DATE_DESCRIPTION=Datuma ievade
26
+ TOGGLED=Pārslēgts
27
+ FIRST_PAGE=Pirmā lapa
28
+ LAST_PAGE=Pēdējā lapa
29
+ PREVIOUS_PAGE=Iepriekšējā lapa
30
+ NEXT_PAGE=Nākamā lapa
31
+ CURRENT_PAGE=Pašreizējā lapa
32
+ ACTIVATE_PAGE=Aktivizēt lapas numuru
33
+ SUGGESTED_TEXT=ieteicamās meklēšanas
34
+ ACCESSIBLE_NAME_SEARCH_ICON=Meklēt
35
+ TOOLTIP_VOICE_BUTTON=Balss
36
+ TOOLTIP_SUBMIT_BUTTON=Iesniegt
37
+ LISTENING=Klausīšanās
38
+ AVAILABLE_VALUES=Pieejamās vērtības
39
+ RECOMMENDED_TEXT=Ieteicamās lapas
40
+ EXPAND_ALL=Izvērst visu
41
+ COLLAPSE_ALL=Sakļaut visu
42
+ MORE=Vēl
43
+ ATTENTION_BADGE=Uzmanības nozīmīte
44
+ READ_MORE=Lasīt vairāk
45
+ READ_LESS=Lasīt mazāk
46
+ SHOW_MORE=Rādīt vairāk
47
+ SHOW_LESS=Rādīt mazāk
48
+ RATING_INDICATOR_TEXT=Vērtējuma indikators
49
+ RATING_INDICATOR_TOOLTIP_TEXT=Vērtējums
50
+ RATING_INDICATOR_ARIA_DESCRIPTION=Nepieciešams
51
+ TOTAL=Kopā
52
+ RATING_COUNT_TITLE=Vērtējums
53
+ ARIA_LABEL_LIST_MULTISELECTABLE=Satur vairākas atlasāmas pozīcijas
54
+ ARIA_LABEL_LIST_SELECTABLE=Satur atlasāmas pozīcijas
55
+ SHOW_RESULTS=Rādīt rezultātus
56
+ RESET=Atiestatīt
57
+ MESSAGE_STRIP_CLOSE_BUTTON=Ziņojumu joslas aizvēršanas poga
58
+ MESSAGE_STRIP_INFORMATION=Informācijas josla
59
+ MESSAGE_STRIP_SUCCESS=Josla Pozitīvs
60
+ MESSAGE_STRIP_WARNING=Josla Brīdinājums
61
+ MESSAGE_STRIP_ERROR=Josla Negatīvs
62
+ MESSAGE_STRIP_ACTION=Darbības josla
63
+ REVIEWS=atsauksmes
64
+ STARS=zvaigznītes
65
+ SELECT_OPTIONS=Atlasīt iespējas
66
+ SELECT_ALL=Atlasīt visu
67
+ TEXTAREA_CHARACTERS_LEFT=Atlikušo rakstzīmju skaits: {0}
68
+ VALUE_STATE_TYPE_ERROR=Lauka statuss Kļūda
69
+ VALUE_STATE_TYPE_WARNING=Lauka statuss Brīdinājums
70
+ VALUE_STATE_TYPE_SUCCESS=Lauka statuss Sekmīgs
71
+ VALUE_STATE_TYPE_STANDARD=Lauka statuss Standarts
72
+ CAROUSEL_PREVIOUS_ARROW_TEXT=Iepriekšējā lapa
73
+ CAROUSEL_NEXT_ARROW_TEXT=Nākamā lapa
74
+ NO_MATCHES_FOUND=Nav atrasta neviena atbilstība.
75
+ BREADCRUMBS_ARIA_LABEL=Hierarhiskās navigācijas ceļš
76
+ BREADCRUMBS_OVERFLOW_ARIA_LABEL=Vairāk
77
+ STEPINPUT_INC_ICON_TITLE=Palielināt daudzumu par
78
+ STEPINPUT_DEC_ICON_TITLE=Samazināt daudzumu par
79
+ TABLE_NO_DATA_FOUND=Dati nav atrasti
80
+ VALUE_STATE_ERROR=Nederīgs ieraksts
81
+ VALUE_STATE_WARNING=Brīdinājums ir izsniegts
82
+ VALUE_STATE_INFORMATION=Informatīvs ieraksts
83
+ VALUE_STATE_SUCCESS=Ieraksts sekmīgi pārbaudīts
84
+ READ_ONLY=Tikai lasāms
85
+ SWITCH_ACCOUNT=Pārslēgt kontu
86
+ BACK=Atpakaļ
87
+ OTHER_IDENTITIES=Citas identitātes
88
+ ADD_OR_REMOVE_ACCOUNT=Pievienot vai noņemt kontu
89
+ COUNTRY_SELECT=Atlasīt valsti
90
+ CART=Grozs
91
+ COUNTRY_SELECTOR=Valsts atlasītājs
92
+ PHONE_NUMBER=Tālruņa numurs
93
+ CONTACT_US=Sazināties ar mums
94
+ EMAIL=E-pasts
95
+ CHAT_WITH_US=Tērzēt ar mums
96
+ QUICK_LINKS=Ātrās saites
97
+ TRENDING=Tendenču izveide
98
+ ABOUT_SAP=Par SAP
99
+ SITE_INFORMATION=Informācija par vietni
100
+ AVATAR_TEXT=Avatārs
101
+ CALENDAR_ICON=Atvērt kalendāra ikonu
102
+ LIST_ITEM_EDIT_ICON=Rediģēt saraksta pozīcijas ierakstu
103
+ LIST_ITEM_DELETE_ICON=Dzēst saraksta pozīcijas ierakstu
104
+ BACK_BUTTON_LABEL=poga Atpakaļ
105
+ STATUS_BADGE_TEXT=Statusa emblēma
106
+ STATUS_BADGE_EDIT_TITLE=Noklikšķiniet, lai rediģētu profilu
107
+ STATUS_BADGE_INFORMATION_TITLE=Noklikšķiniet, lai atvērtu profila informāciju
108
+ STATUS_BADGE_WARNING_TITLE=Brīdinājums, potenciāls risks saistībā ar profilu
109
+ STATUS_BADGE_ERROR_TITLE=Profilā ir kļūda
110
+ STATUS_BADGE_SUCCESS_TITLE=Sekmīgi apstiprināts profils
111
+ PROFILE=Profils
112
+ OPENS_IN_A_NEW_WINDOW=atveras jaunā logā
113
+ TEXT_FIELD=Teksta lauks
114
+ UPLOADING_FILE_STATUS_TEXT=Notiek augšupielāde
115
+ TERMINATED_FILE_STATUS_TEXT=Pārtraukts
116
+ REMOVE_FILE_TEXT=Noņemt failu
117
+ UPLOAD_BUTTON_LABEL=Augšupielādēt failu
118
+ COMPLETE_LIST_OF=Pilns saraksts ar:
119
+ CALL_US_TODAY=Zvaniet mums šodien!
120
+ SEARCH=Meklēt
121
+ RESULT_RETURNED=atgriezti rezultāti.
122
+ SOCIAL_MEDIA_BUTTON=Sociālās multivides poga
123
+ PROMO_TILE=Reklāmas flīzīte
124
+ PROMO_TILE_ICON=Reklāmas flīzītes ikona
125
+ PLAY_BUTTON_ACCESSIBLE_NAME=Sākuma poga, lai sāktu klientu logotipu rotāciju
126
+ PAUSE_BUTTON_ACCESSIBLE_NAME=Apturēšanas poga, lai apturētu klientu logotipu rotāciju
127
+ LOCATION=Norises vieta
128
+ TOAST_CLOSE_ACCESSIBLE_NAME=Aizvērt
129
+ DISABLED=Atspējots
130
+ EXPAND=Izvērst
131
+ COLLAPSE=Sakļaut
@@ -3783,7 +3783,7 @@
3783
3783
  },
3784
3784
  {
3785
3785
  "name": "udex-select-box",
3786
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
3786
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **focus(): _Promise<void>_** - Focuses the inner search input.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
3787
3787
  "attributes": [
3788
3788
  {
3789
3789
  "name": "busy",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@sapudex/web-components",
4
- "version": "2.52.0",
4
+ "version": "2.53.0",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -357,7 +357,7 @@
357
357
  {
358
358
  "name": "fallback-icon",
359
359
  "description": "Defines the name of the fallback icon.",
360
- "value": { "type": "string", "default": "\"\"" }
360
+ "value": { "type": "string", "default": "\"employee\"" }
361
361
  },
362
362
  {
363
363
  "name": "icon",
@@ -8021,7 +8021,7 @@
8021
8021
  },
8022
8022
  {
8023
8023
  "name": "udex-select-box",
8024
- "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
8024
+ "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-select-box</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExSelectBox.js\";</code>\n---\n\n\n### **Events:**\n - **change-search** - Fired event when the user submitted the value in the search.\n- **first-icon-click** - Fired event when the user clicks on the first icon.\n- **remove** - Fired event when the user remove tag.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **second-icon-click** - Fired event when the user clicks on the second icon.\n- **select-all** - Fired event when the user clicks on the Select All header.\n- **selection-change** - \n- **show-more** - Fired event when the user clicks on the More button.\n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n\n### **Methods:**\n - **close(): _void_** - Close the dropdown.\n- **focus(): _Promise<void>_** - Focuses the inner search input.\n- **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.\n- **footer** - Defines the footer content for the component dropdown.\nPlace any content (e.g. an action button) here. Clicking footer content does not close the dropdown —\nuse the <code>close</code> method if needed.",
8025
8025
  "doc-url": "",
8026
8026
  "attributes": [
8027
8027
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "@sapudex/web-components",
4
- "version": "2.52.0",
4
+ "version": "2.53.0",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
7
7
  },
package/src/Avatar.ts CHANGED
@@ -10,6 +10,7 @@ import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
10
10
  import { ATTENTION_BADGE, AVATAR_TEXT, DISABLED } from "./generated/i18n/i18n-defaults.js";
11
11
  import type AvatarColorScheme from "@ui5/webcomponents/dist/types/AvatarColorScheme.js";
12
12
  import translate from "./utils/translate.js";
13
+ import "@ui5/webcomponents-icons/dist/employee.js";
13
14
 
14
15
  // Template
15
16
  import AvatarTemplate from "./AvatarTemplate.js";
@@ -148,11 +149,11 @@ class UDExAvatar extends UI5Element {
148
149
  /**
149
150
  * Defines the name of the fallback icon.
150
151
  *
151
- * @default ""
152
+ * @default "employee"
152
153
  * @public
153
154
  */
154
155
  @property({ type: String })
155
- fallbackIcon: string = "";
156
+ fallbackIcon: string = "employee";
156
157
 
157
158
  /**
158
159
  * Defines the name of the UI5 Icon, that will be displayed.
@@ -208,11 +209,59 @@ class UDExAvatar extends UI5Element {
208
209
  @slot({ type: HTMLElement })
209
210
  badge!: Array<HTMLElement>;
210
211
 
212
+ /**
213
+ * @private
214
+ */
215
+ @property({ noAttribute: true })
216
+ _imageErrored: boolean = false;
217
+
211
218
  @i18n("@sapudex/web-components")
212
219
  static i18nBundle: I18nBundle;
213
220
 
221
+ private _trackedImageElement: HTMLImageElement | null = null;
222
+
223
+ private _handleImageError = (): void => {
224
+ this._imageErrored = true;
225
+ };
226
+
227
+ private _handleImageLoad = (): void => {
228
+ if (this._imageErrored) {
229
+ this._imageErrored = false;
230
+ }
231
+ };
232
+
233
+ private _syncImageListener(): void {
234
+ const newImage = this.image.find((el): el is HTMLImageElement => el instanceof HTMLImageElement) ?? null;
235
+
236
+ if (newImage === this._trackedImageElement) {
237
+ return;
238
+ }
239
+
240
+ if (this._trackedImageElement) {
241
+ this._trackedImageElement.removeEventListener("error", this._handleImageError);
242
+ this._trackedImageElement.removeEventListener("load", this._handleImageLoad);
243
+ }
244
+
245
+ this._trackedImageElement = newImage;
246
+
247
+ if (newImage) {
248
+ newImage.addEventListener("error", this._handleImageError);
249
+ newImage.addEventListener("load", this._handleImageLoad);
250
+
251
+ if (newImage.complete && newImage.src) {
252
+ this._imageErrored = !newImage.naturalWidth;
253
+ return;
254
+ }
255
+ }
256
+
257
+ if (this._imageErrored) {
258
+ this._imageErrored = false;
259
+ }
260
+ }
261
+
214
262
  onAfterRendering(): void {
215
263
  this.title = this.initials;
264
+ this._syncImageListener();
216
265
  }
217
266
  handleClick(e: Event) {
218
267
  e.stopPropagation();
@@ -258,7 +307,7 @@ class UDExAvatar extends UI5Element {
258
307
  get udexAvatarClass(): string {
259
308
  let avatarClass = "udex-avatar";
260
309
 
261
- if (this.imageSlot) {
310
+ if (this.imageSlot && !this._imageErrored) {
262
311
  avatarClass += " udex-avatar--with-image";
263
312
  }
264
313
 
@@ -12,10 +12,10 @@ export default function AvatarTemplate(this: Avatar) {
12
12
  initials={this.initials}
13
13
  interactive={this.interactive}
14
14
  fallbackIcon={this.fallbackIcon}
15
- icon={this.icon}
15
+ icon={this._imageErrored ? this.fallbackIcon : this.icon}
16
16
  shape={this.shape}
17
17
  size={this.size}>
18
- {this.imageSlot && <slot></slot>}
18
+ {this.imageSlot && !this._imageErrored && <slot></slot>}
19
19
  {this.badgeSlot && <slot name="badge" slot="badge"></slot>}
20
20
  </UI5Avatar>
21
21
  );
@@ -338,7 +338,15 @@ class UDExMediaPlayer extends UI5Element {
338
338
 
339
339
  applyScrollIntoTheView() {
340
340
  const bigPlayButton = this.player.bigPlayButton?.el();
341
+ let mouseActivated = false;
342
+ bigPlayButton.addEventListener("mousedown", () => {
343
+ mouseActivated = true;
344
+ });
341
345
  bigPlayButton.addEventListener("focus", () => {
346
+ if (mouseActivated) {
347
+ mouseActivated = false;
348
+ return;
349
+ }
342
350
  this.player.el().scrollIntoView({
343
351
  behavior: "smooth",
344
352
  block: "center",
package/src/SelectBox.ts CHANGED
@@ -460,6 +460,16 @@ class UDExSelectBox extends UDExSelectBase {
460
460
  this.closeDropdown();
461
461
  }
462
462
 
463
+ /**
464
+ * Focuses the inner search input.
465
+ * @public
466
+ */
467
+ async focus(): Promise<void> {
468
+ await renderFinished();
469
+ this._search?.focus();
470
+ return Promise.resolve();
471
+ }
472
+
463
473
  get tokenizer(): Tokenizer {
464
474
  return this.tagGroup?.tokenizer;
465
475
  }
@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
5
5
 
6
6
  registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
7
7
  registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
8
- export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
8
+ export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
9
9
  `