@porsche-design-system/components-react 3.13.0 → 3.14.0-rc.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 (23) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/esm/lib/components/icon.wrapper.d.ts +1 -1
  3. package/esm/lib/components/inline-notification.wrapper.d.ts +1 -1
  4. package/esm/lib/components/tag.wrapper.d.ts +1 -1
  5. package/esm/lib/types.d.ts +1 -0
  6. package/package.json +4 -4
  7. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +65 -55
  8. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +1 -1
  9. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs +11 -2
  10. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs +4 -4
  11. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.cjs +2 -2
  12. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.cjs +11 -2
  13. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +65 -55
  14. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +1 -1
  15. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs +11 -2
  16. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs +4 -4
  17. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.mjs +2 -2
  18. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.mjs +11 -2
  19. package/ssr/esm/lib/dsr-components/multi-select.d.ts +3 -0
  20. package/ssr/esm/lib/dsr-components/popover.d.ts +1 -1
  21. package/ssr/esm/lib/dsr-components/select-wrapper-dropdown.d.ts +1 -1
  22. package/ssr/esm/lib/dsr-components/select.d.ts +3 -0
  23. package/ssr/esm/lib/types.d.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -14,6 +14,32 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
14
14
 
15
15
  ### [Unreleased]
16
16
 
17
+ ### [3.14.0-rc.0] - 2024-03-25
18
+
19
+ #### Added
20
+
21
+ - `Icon`: `battery-empty-fuel` ([#3148](https://github.com/porsche-design-system/porsche-design-system/pull/3148))
22
+
23
+ #### Changed
24
+
25
+ - `Icon`: `battery-empty-co2` and `co2-class`
26
+ ([#3148](https://github.com/porsche-design-system/porsche-design-system/pull/3148))
27
+ - Angular: updated peer dependency to `>=17.0.0 <18.0.0`
28
+ ([#3125](https://github.com/porsche-design-system/porsche-design-system/pull/3125))
29
+ - React: updated peer dependency to `>=18.0.0 <19.0.0`
30
+ ([#3125](https://github.com/porsche-design-system/porsche-design-system/pull/3125))
31
+
32
+ ### [3.13.1] - 2024-03-20
33
+
34
+ #### Fixed
35
+
36
+ - `Modal`: Unexpected scrolling behavior on iOS >= 17.4
37
+ ([#3128](https://github.com/porsche-design-system/porsche-design-system/pull/3128))
38
+ - `Select`, `Multi-Select`: Cropping issues of select dropdown when used inside `Table` component
39
+ ([#3114](https://github.com/porsche-design-system/porsche-design-system/pull/3114))
40
+ - `Flyout`, `Flyout Navigation`: iOS Safari URL bar overlaying
41
+ ([#3131](https://github.com/porsche-design-system/porsche-design-system/pull/3131))
42
+
17
43
  ### [3.13.0] - 2024-03-11
18
44
 
19
45
  ### [3.13.0-rc.2] - 2024-03-11
package/esm/lib/components/icon.wrapper.d.ts CHANGED
@@ -48,7 +48,7 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<HTMLA
48
48
  /**
49
49
  * Specifies which icon to use.
50
50
  */
51
- name?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
51
+ name?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
52
52
  /**
53
53
  * The size of the icon.
54
54
  */
package/esm/lib/components/inline-notification.wrapper.d.ts CHANGED
@@ -50,7 +50,7 @@ export declare const PInlineNotification: import("react").ForwardRefExoticCompon
50
50
  /**
51
51
  * Action icon of the inline-notification.
52
52
  */
53
- actionIcon?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
53
+ actionIcon?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
54
54
  /**
55
55
  * Action label of the inline-notification.
56
56
  */
package/esm/lib/components/tag.wrapper.d.ts CHANGED
@@ -26,7 +26,7 @@ export declare const PTag: import("react").ForwardRefExoticComponent<Omit<HTMLAt
26
26
  /**
27
27
  * The icon shown.
28
28
  */
29
- icon?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
29
+ icon?: "list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-class" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-x" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "star-filled" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out" | undefined;
30
30
  /**
31
31
  * A URL path to a custom icon.
32
32
  */
package/esm/lib/types.d.ts CHANGED
@@ -236,6 +236,7 @@ declare const ICON_NAMES: readonly [
236
236
  "augmented-reality",
237
237
  "battery-empty",
238
238
  "battery-empty-co2",
239
+ "battery-empty-fuel",
239
240
  "battery-full",
240
241
  "bell",
241
242
  "bookmark",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@porsche-design-system/components-react",
3
- "version": "3.13.0",
3
+ "version": "3.14.0-rc.0",
4
4
  "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
5
5
  "keywords": [
6
6
  "porsche",
@@ -17,11 +17,11 @@
17
17
  "license": "SEE LICENSE IN LICENSE",
18
18
  "homepage": "https://designsystem.porsche.com",
19
19
  "dependencies": {
20
- "@porsche-design-system/components-js": "3.13.0"
20
+ "@porsche-design-system/components-js": "3.14.0-rc.0"
21
21
  },
22
22
  "peerDependencies": {
23
- "react": ">=17.0.0 <19.0.0",
24
- "react-dom": ">=17.0.0 <19.0.0"
23
+ "react": ">=18.0.0 <19.0.0",
24
+ "react-dom": ">=18.0.0 <19.0.0"
25
25
  },
26
26
  "main": "cjs/public-api.cjs",
27
27
  "module": "esm/public-api.mjs",
package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs CHANGED
@@ -4308,22 +4308,19 @@ const getFontSizeText = (size) => {
4308
4308
  return fontSizeTextMap[size];
4309
4309
  };
4310
4310
 
4311
- // TODO: why not using getHiddenTextJssStyle()?
4312
4311
  // Needed for slotted anchor and hidden label, which then enlarges the hidden label to equal host size and indents the text to be visually hidden.
4313
4312
  const getVisibilityJssStyle = (hideLabel) => {
4314
4313
  return hideLabel
4315
4314
  ? {
4316
- position: 'absolute',
4317
- inset: 0,
4318
4315
  whiteSpace: 'nowrap',
4319
- textIndent: '-999999px', // TODO: check if text-indent still works for RTL-mode in this case
4316
+ textIndent: '-999999px', // Needed because standard sr-only classes don't work here due that we need a bounding box for the focus style
4317
+ overflow: 'hidden',
4320
4318
  }
4321
4319
  : {
4322
- position: 'relative',
4323
- inset: 'auto',
4324
4320
  whiteSpace: 'inherit',
4325
4321
  textIndent: 0,
4326
4322
  zIndex: 1, // fix Firefox bug on :hover (#2583)
4323
+ overflow: 'visible',
4327
4324
  };
4328
4325
  };
4329
4326
  const offsetVertical = '-2px';
@@ -4350,7 +4347,6 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4350
4347
  },
4351
4348
  root: {
4352
4349
  display: 'flex',
4353
- gap: spacingStaticXSmall,
4354
4350
  width: '100%',
4355
4351
  padding: 0,
4356
4352
  margin: 0, // Removes default button margin on safari 15
@@ -4359,7 +4355,9 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4359
4355
  color: isDisabledOrLoading ? disabledColorDark : primaryColorDark,
4360
4356
  }),
4361
4357
  ...textSmallStyle,
4362
- ...mergeDeep(buildResponsiveStyles(stretch, (stretchValue) => ({
4358
+ ...mergeDeep(buildResponsiveStyles(hideLabel, (hidelabelValue) => ({
4359
+ gap: hidelabelValue ? 0 : spacingStaticXSmall,
4360
+ })), buildResponsiveStyles(stretch, (stretchValue) => ({
4363
4361
  justifyContent: stretchValue ? 'space-between' : 'flex-start',
4364
4362
  alignItems: stretchValue ? 'center' : 'flex-start',
4365
4363
  })), buildResponsiveStyles(size, (sizeValue) => ({
@@ -4396,28 +4394,30 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4396
4394
  })),
4397
4395
  ...(!hasSlottedAnchor && getFocusJssStyle(theme, { pseudo: true, offset: '-2px' })),
4398
4396
  },
4399
- label: {
4400
- transition: getTransition('opacity'),
4401
- position: 'relative', // needed for hover state when icon="none" is set
4402
- },
4403
- ...(hasIcon && {
4404
- icon: {
4405
- position: 'relative',
4406
- flexShrink: '0',
4407
- width: fontLineHeight,
4408
- height: fontLineHeight,
4409
- // workaround for Safari to optimize vertical alignment of icons
4410
- // TODO: check if this is still needed after optimized icons are included
4411
- '@supports (width: round(down, 1px, 1px))': {
4412
- width: `round(down, ${fontLineHeight}, 1px)`,
4413
- height: `round(down, ${fontLineHeight}, 1px)`,
4397
+ ...(hasIcon
4398
+ ? {
4399
+ icon: {
4400
+ position: 'relative',
4401
+ flexShrink: '0',
4402
+ width: fontLineHeight,
4403
+ height: fontLineHeight,
4404
+ // workaround for Safari to optimize vertical alignment of icons
4405
+ // TODO: check if this is still needed after optimized icons are included
4406
+ '@supports (width: round(down, 1px, 1px))': {
4407
+ width: `round(down, ${fontLineHeight}, 1px)`,
4408
+ height: `round(down, ${fontLineHeight}, 1px)`,
4409
+ },
4414
4410
  },
4415
- },
4416
- label: mergeDeep(buildResponsiveStyles(hideLabel, getVisibilityJssStyle), buildResponsiveStyles(alignLabel, (alignLabelValue) => ({
4417
- // TODO: we should remove 'left' here and map the value in the component class already to 'start' but might be difficult due to breakpoint customizable prop value
4418
- order: alignLabelValue === 'left' || alignLabelValue === 'start' ? -1 : 0,
4419
- }))),
4420
- }),
4411
+ label: mergeDeep(buildResponsiveStyles(hideLabel, getVisibilityJssStyle), buildResponsiveStyles(alignLabel, (alignLabelValue) => ({
4412
+ // TODO: we should remove 'left' here and map the value in the component class already to 'start' but might be difficult due to breakpoint customizable prop value
4413
+ order: alignLabelValue === 'left' || alignLabelValue === 'start' ? -1 : 0,
4414
+ }))),
4415
+ }
4416
+ : {
4417
+ label: {
4418
+ position: 'relative', // needed for hover state when icon="none" is set
4419
+ },
4420
+ }),
4421
4421
  };
4422
4422
  };
4423
4423
 
@@ -5651,8 +5651,8 @@ const getComponentCss$S = (inline, wrap, direction, justifyContent, alignItems,
5651
5651
  const getFlyoutDialogResetJssStyle = () => {
5652
5652
  return {
5653
5653
  position: 'fixed',
5654
- height: '100vh',
5655
- maxHeight: '100vh',
5654
+ height: '100dvh',
5655
+ maxHeight: '100dvh',
5656
5656
  margin: '0',
5657
5657
  padding: '0',
5658
5658
  border: '0',
@@ -7184,6 +7184,22 @@ const getPlaceholderJssStyle = (styles) => ({
7184
7184
  '&:-moz-placeholder': styles /* Firefox 18- */,
7185
7185
  });
7186
7186
 
7187
+ // Used for elements that must overflow `overflow:hidden` containers, are positioned absolute and wrapped within a native `popover` element.
7188
+ const getPopoverResetJssStyle = () => {
7189
+ return {
7190
+ position: 'absolute',
7191
+ border: 'none',
7192
+ background: 'none',
7193
+ pointerEvents: 'all',
7194
+ padding: 0,
7195
+ margin: 0,
7196
+ overflow: 'initial',
7197
+ '&:-internal-popover-in-top-layer::backdrop': {
7198
+ display: 'none',
7199
+ },
7200
+ };
7201
+ };
7202
+
7187
7203
  const getSlottedTextFieldTextareaSelectStyles = (child, state, isLoading, theme, additionalDefaultJssStyle) => {
7188
7204
  const { primaryColor, contrastLowColor, contrastMediumColor, disabledColor } = getThemedColors(theme);
7189
7205
  const { primaryColor: primaryColorDark, contrastLowColor: contrastLowColorDark, contrastMediumColor: contrastMediumColorDark, disabledColor: disabledColorDark, } = getThemedColors('dark');
@@ -7295,7 +7311,7 @@ const getUnitCounterJssStyle = (isDisabled, theme) => {
7295
7311
 
7296
7312
  const INTERNAL_MULTI_SELECT_SLOT = 'internal-select';
7297
7313
 
7298
- const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, theme) => {
7314
+ const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, isNativePopoverCase, theme) => {
7299
7315
  const { contrastHighColor } = getThemedColors(theme);
7300
7316
  const { contrastHighColor: contrastHighColorDark } = getThemedColors('dark');
7301
7317
  return getCss({
@@ -7366,6 +7382,11 @@ const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWi
7366
7382
  ...getFunctionalComponentLabelStyles(isDisabled, hideLabel, theme),
7367
7383
  // .message
7368
7384
  ...getFunctionalComponentStateMessageStyles(theme, state),
7385
+ ...(isNativePopoverCase && {
7386
+ popover: {
7387
+ ...getPopoverResetJssStyle(),
7388
+ },
7389
+ }),
7369
7390
  });
7370
7391
  };
7371
7392
  // TODO: use getSlottedTextFieldTextareaSelectStyles() instead an manipulate selectors like done with PIN Code or even better make it configurable as parameter
@@ -7812,7 +7833,7 @@ const getDirectionArrowMap = (theme) => {
7812
7833
  },
7813
7834
  };
7814
7835
  };
7815
- const getComponentCss$w = (direction, isNative, theme) => {
7836
+ const getComponentCss$w = (direction, isNativePopoverCase, theme) => {
7816
7837
  const { hoverColor, backgroundColor, primaryColor, backgroundSurfaceColor } = getThemedColors(theme);
7817
7838
  const { hoverColor: hoverColorDark, primaryColor: primaryColorDark, backgroundSurfaceColor: backgroundSurfaceColorDark, } = getThemedColors('dark');
7818
7839
  const shadowColor = 'rgba(0,0,0,0.3)';
@@ -7862,13 +7883,9 @@ const getComponentCss$w = (direction, isNative, theme) => {
7862
7883
  transform: 'translate3d(0,0,0)', // Fixes movement on hover in Safari
7863
7884
  },
7864
7885
  spacer: {
7865
- ...(isNative
7886
+ ...(isNativePopoverCase
7866
7887
  ? {
7867
- overflow: 'initial',
7868
- backgroundColor: 'transparent',
7869
- border: 'none',
7870
- margin: 0,
7871
- padding: 0,
7888
+ ...getPopoverResetJssStyle(),
7872
7889
  }
7873
7890
  : {
7874
7891
  inset: `${-safeZonePx}px`,
@@ -8560,7 +8577,7 @@ const getListStyles$1 = (direction, theme) => {
8560
8577
  },
8561
8578
  };
8562
8579
  };
8563
- const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativePopover, theme) => {
8580
+ const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativePopoverCase, theme) => {
8564
8581
  return getCss(
8565
8582
  // merge because of global styles
8566
8583
  mergeDeep({
@@ -8573,21 +8590,9 @@ const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativeP
8573
8590
  'sr-text': {
8574
8591
  display: 'none',
8575
8592
  },
8576
- ...(isNativePopover && {
8593
+ ...(isNativePopoverCase && {
8577
8594
  popover: {
8578
- position: 'absolute',
8579
- bottom: 'auto',
8580
- border: 'none',
8581
- background: 'none',
8582
- pointerEvents: 'all',
8583
- padding: 0,
8584
- margin: 0,
8585
- overflow: 'initial',
8586
- height: 'auto',
8587
- maxHeight: `${8.5 * (OPTION_HEIGHT + 8) + 6 + 2}px`, // 8px = gap, 6px = padding, 2px = border
8588
- '&:-internal-popover-in-top-layer::backdrop': {
8589
- display: 'none',
8590
- },
8595
+ ...getPopoverResetJssStyle(),
8591
8596
  },
8592
8597
  }),
8593
8598
  }, filter
@@ -8739,7 +8744,7 @@ const getOptionStyles = (theme) => {
8739
8744
 
8740
8745
  const INTERNAL_SELECT_SLOT = 'internal-select';
8741
8746
 
8742
- const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, theme) => {
8747
+ const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, isNativePopoverCase, theme) => {
8743
8748
  return getCss({
8744
8749
  '@global': {
8745
8750
  ':host': addImportantToEachRule({
@@ -8787,6 +8792,11 @@ const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWi
8787
8792
  ...getFunctionalComponentLabelStyles(isDisabled, hideLabel, theme),
8788
8793
  // .message
8789
8794
  ...getFunctionalComponentStateMessageStyles(theme, state),
8795
+ ...(isNativePopoverCase && {
8796
+ popover: {
8797
+ ...getPopoverResetJssStyle(),
8798
+ },
8799
+ }),
8790
8800
  });
8791
8801
  };
8792
8802
  // TODO: Rename to JSSStyles
package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs CHANGED
@@ -3542,7 +3542,7 @@ const getCDNBaseURL = () => global.PORSCHE_DESIGN_SYSTEM_CDN_URL + "/porsche-des
3542
3542
 
3543
3543
  const CRESTS_MANIFEST = { "porscheCrest": { "1x": { "png": "porsche-crest.min.d76137cf8cf94822b7aedb534ba88418@1x.png", "webp": "porsche-crest.min.0d0cc89ae5ee57c4c15bd0dbbcbfe5d0@1x.webp" }, "2x": { "png": "porsche-crest.min.8a292fbd35a5155789ddd011585e05c4@2x.png", "webp": "porsche-crest.min.2245c45e99be5a46b4b56e73c43d5c63@2x.webp" }, "3x": { "png": "porsche-crest.min.18d6f02003b0829bac939fade88fd4e6@3x.png", "webp": "porsche-crest.min.19b429278b158b5cb5aa6ce80751e3fe@3x.webp" } } };
3544
3544
 
3545
- const ICONS_MANIFEST = { "360": "360.min.d3b2874981886b5ebece31655f92a3ad.svg", "accessibility": "accessibility.min.39472992434d3aae116c950714e80d26.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.60422415604862b604bab5d59a4cf9ca.svg", "add": "add.min.8a2cc9683690995a35bbe3b21c444afb.svg", "adjust": "adjust.min.faf70ff09f41b20ca5c914871f92ee9b.svg", "arrow-double-down": "arrow-double-down.min.3a5683124626fe51505380524ffbddd5.svg", "arrow-double-left": "arrow-double-left.min.cf7261542e67b89fe8b146ee4c3748ed.svg", "arrow-double-right": "arrow-double-right.min.4291829dcf9bfb5fc9156199a51c61eb.svg", "arrow-double-up": "arrow-double-up.min.e67ff8a2cfe8807f663346cca9b403a0.svg", "arrow-down": "arrow-down.min.86fc100227a564b214f4fe07e8401728.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.31c010019ab8911fed67bef461ce8b40.svg", "arrow-head-left": "arrow-head-left.min.4723607b9add50ee55a343bdf26ff315.svg", "arrow-head-right": "arrow-head-right.min.c2b5cd82e92920af36c9be86dc321999.svg", "arrow-head-up": "arrow-head-up.min.e8f62967ee5ecb865e1399ffa3235ac0.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.06c8246bf60d457bc3f2ff8866053de2.svg", "arrow-right": "arrow-right.min.c5cbce45d98d6d1178cc72ea8bfbfa10.svg", "arrow-up": "arrow-up.min.deb76e3aacfb1059ef9f5130adb143b4.svg", "augmented-reality": "augmented-reality.min.f776f8a44e469a2a7f54f3f59e15fa3d.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-empty-co2": "battery-empty-co2.min.ee19666b8773be60f2a84b37754a3d1f.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.22f7cdeffa6e2a1524c7358b3c045380.svg", "bookmark": "bookmark.min.9d6982fc89822602454c2b1e21aeb1b9.svg", "bookmark-filled": "bookmark-filled.min.9f96a8e4d19a90f288cab4298075fbfe.svg", "broadcast": "broadcast.min.694edb52b13117621b406ca1d1e8a50d.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.bc89af56fd76ad2e64d30dfc6f385cf4.svg", "camera": "camera.min.c54204c4294683703245cd4ffff8aac4.svg", "car": "car.min.458d137c81fd14019ca67b225ce85b53.svg", "car-battery": "car-battery.min.651ee52abbb40a656842df198a1de7ec.svg", "card": "card.min.572e3adcb01df8f9feb499fac6611b52.svg", "charging-active": "charging-active.min.421bdd011bfc2e8ff4cc2b5adad2a36a.svg", "charging-state": "charging-state.min.26a4894b3de9b3b8676b803dea2f388a.svg", "charging-station": "charging-station.min.bcbf9bed92bce0100d5322bdec4b9887.svg", "chart": "chart.min.fef87221f35a78ff17bbc3d96b773e33.svg", "chat": "chat.min.733ae126444c50779d6d22e9f51dd739.svg", "check": "check.min.e1930a3d5427c6e8e41af7bf8edec8bb.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.1d895777024f7feac7efc8a21fae2434.svg", "clock": "clock.min.04a827c1f9bb35bedaacc7eeb82d03fc.svg", "close": "close.min.565f6a718b632a173b7a74eb9cb84378.svg", "closed-caption": "closed-caption.min.e7b74862b113c39c5d5f8457a22f4540.svg", "co2-class": "co2-class.min.3b7529f015b928dc86e3b03e933ad3ef.svg", "co2-emission": "co2-emission.min.1a0e315ed17c2bd3a0356bfc12fc440b.svg", "compare": "compare.min.9c23d6a10728833095ea6e49e93d9169.svg", "configurate": "configurate.min.224bd9e2517456659ff569d85cd7f3f8.svg", "copy": "copy.min.b0a10014b18914ec494e8b3e192476ec.svg", "country-road": "country-road.min.d96dabea56a3d002575d59798c12402c.svg", "cubic-capacity": "cubic-capacity.min.cbda5779c4ff38cf4cd96ca39d148282.svg", "delete": "delete.min.65becfbcc48b9492a58f4d3897dec899.svg", "disable": "disable.min.c0ebae661732da2c4b6bdafdc3efb312.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.052783a619244de5e2f34e6300182f54.svg", "duration": "duration.min.4dcbb8fe5db34911a2d0301e2399def8.svg", "edit": "edit.min.8236867e0975bbf4127fbf8047e3ba38.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.e9745fe44ade7ee515da8ea964ec4c66.svg", "exclamation": "exclamation.min.69832f14c6f80b43de1628f87efb4933.svg", "external": "external.min.1d85320339ea25db0324e74be0f632e2.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "fingerprint": "fingerprint.min.698297df3e9555c61463be51340356ac.svg", "flash": "flash.min.e1ed63ec33d28aaa9cdf78d45df1eb8e.svg", "fuel-station": "fuel-station.min.7149b2be5528908900cbc4c9a2654150.svg", "garage": "garage.min.05bd3f8eae4ba0bb1a758ba272789ad4.svg", "gift": "gift.min.091131a27cb0703b194952a6a6208548.svg", "globe": "globe.min.9e186f3da4fa55382f84c7b66235f47a.svg", "grid": "grid.min.eb7c2ddc778827955200c41e53abdcec.svg", "heart": "heart.min.9bf1c860a0e4c38cf85d1e82b19ba483.svg", "heart-filled": "heart-filled.min.581fbbce1e8955092aa194dcf8fdfb6e.svg", "highway": "highway.min.938feb5bf2ec2a7ce6f43aadc498aa32.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.da41162c49566b753b7162fc6b88adb9.svg", "information-filled": "information-filled.min.d9ff41c99234ae53e794900a355268de.svg", "key": "key.min.4f55b5ba22e76cf8426ad6dbe40d0bbc.svg", "leaf": "leaf.min.9fb555963ab3e04de2b2fc3356fb8d54.svg", "leather": "leather.min.e1869beedb7d489f9c88873db7e86878.svg", "light": "light.min.b3df892b730921aa9f34e72d1dc6707f.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.61ea8fda8a7f6a61e90382d371882875.svg", "lock": "lock.min.c9bd1029c6fc9bfa37dbcaa1de314151.svg", "lock-open": "lock-open.min.ebce0c0023d1761620e5a9ec86d5f19c.svg", "logo-apple-podcast": "logo-apple-podcast.min.59a2ee9e209fa59584c5e7d1ab15751b.svg", "logo-baidu": "logo-baidu.min.fef8bfc1e79a0ae2a045b85cb6914500.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.1f2fd90a9f18dd66befe59beb96ecca8.svg", "logo-foursquare": "logo-foursquare.min.3540cfa24d2148b73109be719fda9dc9.svg", "logo-gmail": "logo-gmail.min.adfa4976a690779760813b2d6233044c.svg", "logo-google": "logo-google.min.94c456d4bbaff4762bc237e955208d43.svg", "logo-hatena": "logo-hatena.min.fa24251ddecb3bb3dc88eb272ceb7207.svg", "logo-instagram": "logo-instagram.min.3598c948318e3ca1d3ceb05b2d92ed82.svg", "logo-kaixin": "logo-kaixin.min.589d54db102fd3601a2f6272e95a97ae.svg", "logo-kakaotalk": "logo-kakaotalk.min.a12bd354de347ae378c814bab03019c9.svg", "logo-linkedin": "logo-linkedin.min.037f80d4dcaed74a8ec477c8b41efda4.svg", "logo-naver": "logo-naver.min.3fb9362b5d870bfa2b4828d3ed8f0908.svg", "logo-pinterest": "logo-pinterest.min.bc85460c3acaf569a2dac52c65e0cbb1.svg", "logo-qq": "logo-qq.min.f4964e246a81d4c53e6cd73b27bec6f7.svg", "logo-qq-share": "logo-qq-share.min.206a8aa10c361b42e0ce21187a026b20.svg", "logo-reddit": "logo-reddit.min.d17ea0df5f3ef78dfd4c589ee05f614c.svg", "logo-skyrock": "logo-skyrock.min.c8abe04e7b2108e0043bfbf767502e28.svg", "logo-sohu": "logo-sohu.min.b08a939d35b55af30a260e7cd4a0ec86.svg", "logo-spotify": "logo-spotify.min.45a99bb091d15e4ee8972c924a0bccd7.svg", "logo-tecent": "logo-tecent.min.46a3a54e2eefb01152fc5bbcf669bb50.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.7829ba5442928dac099150730224cb05.svg", "logo-tumblr": "logo-tumblr.min.01b11e20074f291f48ad3b8b8b6c3614.svg", "logo-twitter": "logo-twitter.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-viber": "logo-viber.min.646a1bd7d9ddfa36e88ac8167ceb3a62.svg", "logo-vk": "logo-vk.min.3efece5db847af4330a6e8443f63ee69.svg", "logo-wechat": "logo-wechat.min.cd991e932478b2c59f2ec06087e7c24d.svg", "logo-weibo": "logo-weibo.min.7cb2bb1ff4fbb20d389b51acaf36dc3b.svg", "logo-whatsapp": "logo-whatsapp.min.c2c7058b2c0a5b258ac1490e6cd0788a.svg", "logo-x": "logo-x.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-xing": "logo-xing.min.29d25a181d0bd4b4c8f19df1543b92d9.svg", "logo-yahoo": "logo-yahoo.min.e7af46e796bdbfc6420ce2be575e728a.svg", "logo-youku": "logo-youku.min.aae99a44e06894fd39e2e727062ac922.svg", "logo-youtube": "logo-youtube.min.ff07c3f9edd380237a3696ad52922c78.svg", "logout": "logout.min.6fee5a3178d5dc1822872ce7a5498bc2.svg", "map": "map.min.e56d3b260f79967149f12759c2bff74b.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.e3322162121fb57b7109e6c245865e77.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.00021b016be7e9f085c9a674b00228af.svg", "moon": "moon.min.1bb08960549b5862c853d13a259e51b3.svg", "oil-can": "oil-can.min.4cc2d96f9754e9f708a07836eba07d03.svg", "parking-brake": "parking-brake.min.285b4ba85166dd00b8a6c2e6833e5c88.svg", "parking-light": "parking-light.min.3f11c8f7dbbba49b0c68eea92e97bd5e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.cd54f3670e32d37ea41484f6fd45ddaa.svg", "pin": "pin.min.6cf04e89e5946856f6ae8f526425ef8f.svg", "pin-filled": "pin-filled.min.e3a46a4efb0d4041ebafff08ecbdca59.svg", "play": "play.min.65ffffba05432a3f804eb6c537fb71ef.svg", "plug": "plug.min.289db9e36a8ba1dbf5a8e8d387ed8871.svg", "plus": "plus.min.3fbdce4b03fe2c2d1ae489f0dd916f7b.svg", "preheating": "preheating.min.7e8b645163d47293eb7d79f5d6870911.svg", "printer": "printer.min.1df1993070df56c82cdfcc01e9c6f23e.svg", "purchase": "purchase.min.693f7b82c23721fe4bf15a6f8f50b80e.svg", "push-pin": "push-pin.min.a5a47f392030bb24a5b4b985061a5181.svg", "push-pin-off": "push-pin-off.min.2f4b9c8bfb787e48d75a3dd95e38da19.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.5868a129a8aa88e5504ef2351bfd234f.svg", "racing-flag": "racing-flag.min.c5993e8842a9d4155cc1272358efde84.svg", "refresh": "refresh.min.b4853591c524d0dc7924e60314494ccf.svg", "replay": "replay.min.a3e6361394e1c9432bfb5f9a4b5833ca.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.faf6177214e68591bb9911050870103c.svg", "roof-open": "roof-open.min.4314d86b9159ead78bc46622c1c4d3ac.svg", "route": "route.min.784e30085f543fdeb9158cb27c7cb38e.svg", "rss": "rss.min.32a204b2df59ef3fc3bd13effa76b4d2.svg", "save": "save.min.2481cb4d8d04b3ee6b26547a4b8b57ac.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.1a2481bb5b7acefdb7f69d34d5b2887a.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.f92604f534cee4ed9753d1976855908a.svg", "shopping-bag": "shopping-bag.min.3f91a9bcd921ce9d850499c3c5af34fc.svg", "shopping-bag-filled": "shopping-bag-filled.min.abf6c983207c87279f5f6bc26c3ef7d4.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.0e5a79dd87cc0ea1f4c72d5b04aa505e.svg", "sidelights": "sidelights.min.44ca975194d22ac2dc893395256b1678.svg", "snowflake": "snowflake.min.889d8b279ac98abfd0c74cf90b9e3c68.svg", "sort": "sort.min.1629148e7e80ced04d9615b51664e07b.svg", "stack": "stack.min.e71da4fb0445267fa13bff9cfa1fbd16.svg", "star": "star.min.4c5bb15a9c3d7136351e3953805df3c8.svg", "star-filled": "star-filled.min.942167258f7a37f163c03313c5c85eaa.svg", "steering-wheel": "steering-wheel.min.1738194edd71e78e6f8937142bf5d1ef.svg", "stopwatch": "stopwatch.min.932f9fa49916e38a99d2b23511d7f114.svg", "subtract": "subtract.min.43807211256225261ea0cecebc3197fc.svg", "success": "success.min.441faa611fe5d97d758f557ab5438826.svg", "success-filled": "success-filled.min.629e31bb0384825a875c627f5d9f8a37.svg", "sun": "sun.min.7bd259f3f639ac8476a348e2a79ffce3.svg", "switch": "switch.min.bbaf816c7c6982a3714f6e121266dd44.svg", "tablet": "tablet.min.a5e47c3362c7d22fcb44d8cd99f89793.svg", "tachometer": "tachometer.min.4f2563b806263118f75d365f38d26d79.svg", "tire": "tire.min.6ebb3d5a396401e734ae63c06aaaf198.svg", "truck": "truck.min.17f20699b0ebf6f63b418e863410553a.svg", "upload": "upload.min.7b886aa894be24d3549089563361a008.svg", "user": "user.min.255f5ec972caaecfb41b024847a9bbef.svg", "user-filled": "user-filled.min.f35ca1e5ba7d3984ea638b8d92fd3663.svg", "user-group": "user-group.min.27dd137a75974dabf3f60c90591b54c7.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.3725461133a7f2a081a5aa4d27b96921.svg", "view": "view.min.78e4839028a721c3efcd47dfdbc8e4bf.svg", "view-off": "view-off.min.041d6453bd984055a91fd70ae251a2c8.svg", "volume-off": "volume-off.min.1bedd2b4a901feda38454b1d495f84e7.svg", "volume-up": "volume-up.min.c6b1b9ca042830cdf31e9b7ca0351bd1.svg", "warning": "warning.min.471ca57c6eef0711bfaa40a6791297ee.svg", "warning-filled": "warning-filled.min.df35246b8e94f696eefc1b2122a77a50.svg", "weight": "weight.min.4f0f06e26c83b4fa29e82e0de9153775.svg", "wifi": "wifi.min.3b4e78e9f4375afd8ada69a3a418a6c4.svg", "work": "work.min.302501dba39782f9a59d3766f57762b2.svg", "wrench": "wrench.min.91a2a4a766ea46cc53898fa4680099b5.svg", "wrenches": "wrenches.min.e06308f102cb227a9fcba2553151bae5.svg", "zoom-in": "zoom-in.min.38a97db3e6a00ce671ee7643679793be.svg", "zoom-out": "zoom-out.min.8dd4c51836b1262285122df30abd8f37.svg" };
3545
+ const ICONS_MANIFEST = { "360": "360.min.d3b2874981886b5ebece31655f92a3ad.svg", "accessibility": "accessibility.min.39472992434d3aae116c950714e80d26.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.60422415604862b604bab5d59a4cf9ca.svg", "add": "add.min.8a2cc9683690995a35bbe3b21c444afb.svg", "adjust": "adjust.min.faf70ff09f41b20ca5c914871f92ee9b.svg", "arrow-double-down": "arrow-double-down.min.3a5683124626fe51505380524ffbddd5.svg", "arrow-double-left": "arrow-double-left.min.cf7261542e67b89fe8b146ee4c3748ed.svg", "arrow-double-right": "arrow-double-right.min.4291829dcf9bfb5fc9156199a51c61eb.svg", "arrow-double-up": "arrow-double-up.min.e67ff8a2cfe8807f663346cca9b403a0.svg", "arrow-down": "arrow-down.min.86fc100227a564b214f4fe07e8401728.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.31c010019ab8911fed67bef461ce8b40.svg", "arrow-head-left": "arrow-head-left.min.4723607b9add50ee55a343bdf26ff315.svg", "arrow-head-right": "arrow-head-right.min.c2b5cd82e92920af36c9be86dc321999.svg", "arrow-head-up": "arrow-head-up.min.e8f62967ee5ecb865e1399ffa3235ac0.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.06c8246bf60d457bc3f2ff8866053de2.svg", "arrow-right": "arrow-right.min.c5cbce45d98d6d1178cc72ea8bfbfa10.svg", "arrow-up": "arrow-up.min.deb76e3aacfb1059ef9f5130adb143b4.svg", "augmented-reality": "augmented-reality.min.f776f8a44e469a2a7f54f3f59e15fa3d.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-empty-co2": "battery-empty-co2.min.58e20e83589753260859a9b6afddb2e9.svg", "battery-empty-fuel": "battery-empty-fuel.min.ef5c8b3fa6e0d7b6b365355f75b107c5.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.22f7cdeffa6e2a1524c7358b3c045380.svg", "bookmark": "bookmark.min.9d6982fc89822602454c2b1e21aeb1b9.svg", "bookmark-filled": "bookmark-filled.min.9f96a8e4d19a90f288cab4298075fbfe.svg", "broadcast": "broadcast.min.694edb52b13117621b406ca1d1e8a50d.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.bc89af56fd76ad2e64d30dfc6f385cf4.svg", "camera": "camera.min.c54204c4294683703245cd4ffff8aac4.svg", "car": "car.min.458d137c81fd14019ca67b225ce85b53.svg", "car-battery": "car-battery.min.651ee52abbb40a656842df198a1de7ec.svg", "card": "card.min.572e3adcb01df8f9feb499fac6611b52.svg", "charging-active": "charging-active.min.421bdd011bfc2e8ff4cc2b5adad2a36a.svg", "charging-state": "charging-state.min.26a4894b3de9b3b8676b803dea2f388a.svg", "charging-station": "charging-station.min.bcbf9bed92bce0100d5322bdec4b9887.svg", "chart": "chart.min.fef87221f35a78ff17bbc3d96b773e33.svg", "chat": "chat.min.733ae126444c50779d6d22e9f51dd739.svg", "check": "check.min.e1930a3d5427c6e8e41af7bf8edec8bb.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.1d895777024f7feac7efc8a21fae2434.svg", "clock": "clock.min.04a827c1f9bb35bedaacc7eeb82d03fc.svg", "close": "close.min.565f6a718b632a173b7a74eb9cb84378.svg", "closed-caption": "closed-caption.min.e7b74862b113c39c5d5f8457a22f4540.svg", "co2-class": "co2-class.min.f7b24da1aa9e34199ab2e8de7cffd08f.svg", "co2-emission": "co2-emission.min.1a0e315ed17c2bd3a0356bfc12fc440b.svg", "compare": "compare.min.9c23d6a10728833095ea6e49e93d9169.svg", "configurate": "configurate.min.224bd9e2517456659ff569d85cd7f3f8.svg", "copy": "copy.min.b0a10014b18914ec494e8b3e192476ec.svg", "country-road": "country-road.min.d96dabea56a3d002575d59798c12402c.svg", "cubic-capacity": "cubic-capacity.min.cbda5779c4ff38cf4cd96ca39d148282.svg", "delete": "delete.min.65becfbcc48b9492a58f4d3897dec899.svg", "disable": "disable.min.c0ebae661732da2c4b6bdafdc3efb312.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.052783a619244de5e2f34e6300182f54.svg", "duration": "duration.min.4dcbb8fe5db34911a2d0301e2399def8.svg", "edit": "edit.min.8236867e0975bbf4127fbf8047e3ba38.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.e9745fe44ade7ee515da8ea964ec4c66.svg", "exclamation": "exclamation.min.69832f14c6f80b43de1628f87efb4933.svg", "external": "external.min.1d85320339ea25db0324e74be0f632e2.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "fingerprint": "fingerprint.min.698297df3e9555c61463be51340356ac.svg", "flash": "flash.min.e1ed63ec33d28aaa9cdf78d45df1eb8e.svg", "fuel-station": "fuel-station.min.7149b2be5528908900cbc4c9a2654150.svg", "garage": "garage.min.05bd3f8eae4ba0bb1a758ba272789ad4.svg", "gift": "gift.min.091131a27cb0703b194952a6a6208548.svg", "globe": "globe.min.9e186f3da4fa55382f84c7b66235f47a.svg", "grid": "grid.min.eb7c2ddc778827955200c41e53abdcec.svg", "heart": "heart.min.9bf1c860a0e4c38cf85d1e82b19ba483.svg", "heart-filled": "heart-filled.min.581fbbce1e8955092aa194dcf8fdfb6e.svg", "highway": "highway.min.938feb5bf2ec2a7ce6f43aadc498aa32.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.da41162c49566b753b7162fc6b88adb9.svg", "information-filled": "information-filled.min.d9ff41c99234ae53e794900a355268de.svg", "key": "key.min.4f55b5ba22e76cf8426ad6dbe40d0bbc.svg", "leaf": "leaf.min.9fb555963ab3e04de2b2fc3356fb8d54.svg", "leather": "leather.min.e1869beedb7d489f9c88873db7e86878.svg", "light": "light.min.b3df892b730921aa9f34e72d1dc6707f.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.61ea8fda8a7f6a61e90382d371882875.svg", "lock": "lock.min.c9bd1029c6fc9bfa37dbcaa1de314151.svg", "lock-open": "lock-open.min.ebce0c0023d1761620e5a9ec86d5f19c.svg", "logo-apple-podcast": "logo-apple-podcast.min.59a2ee9e209fa59584c5e7d1ab15751b.svg", "logo-baidu": "logo-baidu.min.fef8bfc1e79a0ae2a045b85cb6914500.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.1f2fd90a9f18dd66befe59beb96ecca8.svg", "logo-foursquare": "logo-foursquare.min.3540cfa24d2148b73109be719fda9dc9.svg", "logo-gmail": "logo-gmail.min.adfa4976a690779760813b2d6233044c.svg", "logo-google": "logo-google.min.94c456d4bbaff4762bc237e955208d43.svg", "logo-hatena": "logo-hatena.min.fa24251ddecb3bb3dc88eb272ceb7207.svg", "logo-instagram": "logo-instagram.min.3598c948318e3ca1d3ceb05b2d92ed82.svg", "logo-kaixin": "logo-kaixin.min.589d54db102fd3601a2f6272e95a97ae.svg", "logo-kakaotalk": "logo-kakaotalk.min.a12bd354de347ae378c814bab03019c9.svg", "logo-linkedin": "logo-linkedin.min.037f80d4dcaed74a8ec477c8b41efda4.svg", "logo-naver": "logo-naver.min.3fb9362b5d870bfa2b4828d3ed8f0908.svg", "logo-pinterest": "logo-pinterest.min.bc85460c3acaf569a2dac52c65e0cbb1.svg", "logo-qq": "logo-qq.min.f4964e246a81d4c53e6cd73b27bec6f7.svg", "logo-qq-share": "logo-qq-share.min.206a8aa10c361b42e0ce21187a026b20.svg", "logo-reddit": "logo-reddit.min.d17ea0df5f3ef78dfd4c589ee05f614c.svg", "logo-skyrock": "logo-skyrock.min.c8abe04e7b2108e0043bfbf767502e28.svg", "logo-sohu": "logo-sohu.min.b08a939d35b55af30a260e7cd4a0ec86.svg", "logo-spotify": "logo-spotify.min.45a99bb091d15e4ee8972c924a0bccd7.svg", "logo-tecent": "logo-tecent.min.46a3a54e2eefb01152fc5bbcf669bb50.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.7829ba5442928dac099150730224cb05.svg", "logo-tumblr": "logo-tumblr.min.01b11e20074f291f48ad3b8b8b6c3614.svg", "logo-twitter": "logo-twitter.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-viber": "logo-viber.min.646a1bd7d9ddfa36e88ac8167ceb3a62.svg", "logo-vk": "logo-vk.min.3efece5db847af4330a6e8443f63ee69.svg", "logo-wechat": "logo-wechat.min.cd991e932478b2c59f2ec06087e7c24d.svg", "logo-weibo": "logo-weibo.min.7cb2bb1ff4fbb20d389b51acaf36dc3b.svg", "logo-whatsapp": "logo-whatsapp.min.c2c7058b2c0a5b258ac1490e6cd0788a.svg", "logo-x": "logo-x.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-xing": "logo-xing.min.29d25a181d0bd4b4c8f19df1543b92d9.svg", "logo-yahoo": "logo-yahoo.min.e7af46e796bdbfc6420ce2be575e728a.svg", "logo-youku": "logo-youku.min.aae99a44e06894fd39e2e727062ac922.svg", "logo-youtube": "logo-youtube.min.ff07c3f9edd380237a3696ad52922c78.svg", "logout": "logout.min.6fee5a3178d5dc1822872ce7a5498bc2.svg", "map": "map.min.e56d3b260f79967149f12759c2bff74b.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.e3322162121fb57b7109e6c245865e77.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.00021b016be7e9f085c9a674b00228af.svg", "moon": "moon.min.1bb08960549b5862c853d13a259e51b3.svg", "oil-can": "oil-can.min.4cc2d96f9754e9f708a07836eba07d03.svg", "parking-brake": "parking-brake.min.285b4ba85166dd00b8a6c2e6833e5c88.svg", "parking-light": "parking-light.min.3f11c8f7dbbba49b0c68eea92e97bd5e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.cd54f3670e32d37ea41484f6fd45ddaa.svg", "pin": "pin.min.6cf04e89e5946856f6ae8f526425ef8f.svg", "pin-filled": "pin-filled.min.e3a46a4efb0d4041ebafff08ecbdca59.svg", "play": "play.min.65ffffba05432a3f804eb6c537fb71ef.svg", "plug": "plug.min.289db9e36a8ba1dbf5a8e8d387ed8871.svg", "plus": "plus.min.3fbdce4b03fe2c2d1ae489f0dd916f7b.svg", "preheating": "preheating.min.7e8b645163d47293eb7d79f5d6870911.svg", "printer": "printer.min.1df1993070df56c82cdfcc01e9c6f23e.svg", "purchase": "purchase.min.693f7b82c23721fe4bf15a6f8f50b80e.svg", "push-pin": "push-pin.min.a5a47f392030bb24a5b4b985061a5181.svg", "push-pin-off": "push-pin-off.min.2f4b9c8bfb787e48d75a3dd95e38da19.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.5868a129a8aa88e5504ef2351bfd234f.svg", "racing-flag": "racing-flag.min.c5993e8842a9d4155cc1272358efde84.svg", "refresh": "refresh.min.b4853591c524d0dc7924e60314494ccf.svg", "replay": "replay.min.a3e6361394e1c9432bfb5f9a4b5833ca.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.faf6177214e68591bb9911050870103c.svg", "roof-open": "roof-open.min.4314d86b9159ead78bc46622c1c4d3ac.svg", "route": "route.min.784e30085f543fdeb9158cb27c7cb38e.svg", "rss": "rss.min.32a204b2df59ef3fc3bd13effa76b4d2.svg", "save": "save.min.2481cb4d8d04b3ee6b26547a4b8b57ac.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.1a2481bb5b7acefdb7f69d34d5b2887a.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.f92604f534cee4ed9753d1976855908a.svg", "shopping-bag": "shopping-bag.min.3f91a9bcd921ce9d850499c3c5af34fc.svg", "shopping-bag-filled": "shopping-bag-filled.min.abf6c983207c87279f5f6bc26c3ef7d4.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.0e5a79dd87cc0ea1f4c72d5b04aa505e.svg", "sidelights": "sidelights.min.44ca975194d22ac2dc893395256b1678.svg", "snowflake": "snowflake.min.889d8b279ac98abfd0c74cf90b9e3c68.svg", "sort": "sort.min.1629148e7e80ced04d9615b51664e07b.svg", "stack": "stack.min.e71da4fb0445267fa13bff9cfa1fbd16.svg", "star": "star.min.4c5bb15a9c3d7136351e3953805df3c8.svg", "star-filled": "star-filled.min.942167258f7a37f163c03313c5c85eaa.svg", "steering-wheel": "steering-wheel.min.1738194edd71e78e6f8937142bf5d1ef.svg", "stopwatch": "stopwatch.min.932f9fa49916e38a99d2b23511d7f114.svg", "subtract": "subtract.min.43807211256225261ea0cecebc3197fc.svg", "success": "success.min.441faa611fe5d97d758f557ab5438826.svg", "success-filled": "success-filled.min.629e31bb0384825a875c627f5d9f8a37.svg", "sun": "sun.min.7bd259f3f639ac8476a348e2a79ffce3.svg", "switch": "switch.min.bbaf816c7c6982a3714f6e121266dd44.svg", "tablet": "tablet.min.a5e47c3362c7d22fcb44d8cd99f89793.svg", "tachometer": "tachometer.min.4f2563b806263118f75d365f38d26d79.svg", "tire": "tire.min.6ebb3d5a396401e734ae63c06aaaf198.svg", "truck": "truck.min.17f20699b0ebf6f63b418e863410553a.svg", "upload": "upload.min.7b886aa894be24d3549089563361a008.svg", "user": "user.min.255f5ec972caaecfb41b024847a9bbef.svg", "user-filled": "user-filled.min.f35ca1e5ba7d3984ea638b8d92fd3663.svg", "user-group": "user-group.min.27dd137a75974dabf3f60c90591b54c7.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.3725461133a7f2a081a5aa4d27b96921.svg", "view": "view.min.78e4839028a721c3efcd47dfdbc8e4bf.svg", "view-off": "view-off.min.041d6453bd984055a91fd70ae251a2c8.svg", "volume-off": "volume-off.min.1bedd2b4a901feda38454b1d495f84e7.svg", "volume-up": "volume-up.min.c6b1b9ca042830cdf31e9b7ca0351bd1.svg", "warning": "warning.min.471ca57c6eef0711bfaa40a6791297ee.svg", "warning-filled": "warning-filled.min.df35246b8e94f696eefc1b2122a77a50.svg", "weight": "weight.min.4f0f06e26c83b4fa29e82e0de9153775.svg", "wifi": "wifi.min.3b4e78e9f4375afd8ada69a3a418a6c4.svg", "work": "work.min.302501dba39782f9a59d3766f57762b2.svg", "wrench": "wrench.min.91a2a4a766ea46cc53898fa4680099b5.svg", "wrenches": "wrenches.min.e06308f102cb227a9fcba2553151bae5.svg", "zoom-in": "zoom-in.min.38a97db3e6a00ce671ee7643679793be.svg", "zoom-out": "zoom-out.min.8dd4c51836b1262285122df30abd8f37.svg" };
3546
3546
 
3547
3547
  const MARQUES_MANIFEST = { "porscheMarqueTrademark": { "medium": { "1x": { "png": "porsche-marque-trademark.medium.min.da075315857e239ff46bf4c150648ff0@1x.png", "webp": "porsche-marque-trademark.medium.min.5c6af9aa7946fea34f60c8f8c95d0188@1x.webp" }, "2x": { "png": "porsche-marque-trademark.medium.min.aa801f42028b1c385a5e26ae115da598@2x.png", "webp": "porsche-marque-trademark.medium.min.fff6e9b91481cc5b1fc6c9b62987ccaf@2x.webp" }, "3x": { "png": "porsche-marque-trademark.medium.min.824818d15eaf445f50e0a2391613f214@3x.png", "webp": "porsche-marque-trademark.medium.min.f67092ff6b5f4ecb4add73d6ae153db0@3x.webp" } }, "small": { "1x": { "png": "porsche-marque-trademark.small.min.020244b41a29323e2a7932a264514cdf@1x.png", "webp": "porsche-marque-trademark.small.min.783639706bead66b2d56e3b8b64bd61f@1x.webp" }, "2x": { "png": "porsche-marque-trademark.small.min.92184fae44511ceda8320443c17110b1@2x.png", "webp": "porsche-marque-trademark.small.min.760a57efa93d4e7e16e26128ec7ead46@2x.webp" }, "3x": { "png": "porsche-marque-trademark.small.min.fd545cea4298f5d797246d5805711646@3x.png", "webp": "porsche-marque-trademark.small.min.1726036a7829347e1e24d1eb54fc0d64@3x.webp" } } }, "porscheMarque": { "medium": { "1x": { "png": "porsche-marque.medium.min.a98627440b05154565f9f9dfc1ad6187@1x.png", "webp": "porsche-marque.medium.min.fa908e4dfdc5536b0e933e1670d20e1f@1x.webp" }, "2x": { "png": "porsche-marque.medium.min.089d6dd560fff7a2bf613ae6d528990e@2x.png", "webp": "porsche-marque.medium.min.7f0893dc57f2607a2cb0b817d96cb985@2x.webp" }, "3x": { "png": "porsche-marque.medium.min.2cb874345ef290831c929f6caabfeef8@3x.png", "webp": "porsche-marque.medium.min.3534cf066b4e2e737dca62de495f9616@3x.webp" } }, "small": { "1x": { "png": "porsche-marque.small.min.ac2042736af5512cf547c89fa7924c4f@1x.png", "webp": "porsche-marque.small.min.005debed5bf72cf0a9a791b1521f5e1d@1x.webp" }, "2x": { "png": "porsche-marque.small.min.22f1e9dc90399d9a5287eda689b60dba@2x.png", "webp": "porsche-marque.small.min.df4317325d04ffef28c7839aa6d499a0@2x.webp" }, "3x": { "png": "porsche-marque.small.min.49209245f04eadef8817b9bbae80d3e1@3x.png", "webp": "porsche-marque.small.min.cfd6149aaa3bc5b3b522538e5f650890@3x.webp" } } }, "porscheMarque75": { "medium": { "1x": { "png": "porsche-marque75.medium.min.0a02e2256062de963f2fef2c02d20200@1x.png", "webp": "porsche-marque75.medium.min.99b2d657558f0531d639782974e8fd06@1x.webp" }, "2x": { "png": "porsche-marque75.medium.min.1d41ecfb8f5277d3f4bd65d25d22eea3@2x.png", "webp": "porsche-marque75.medium.min.e32580cd1ac179e354ed8fcb31694168@2x.webp" }, "3x": { "png": "porsche-marque75.medium.min.373bcb5f89d31c8b6084e66e902b9f4c@3x.png", "webp": "porsche-marque75.medium.min.4a003d1e5e81db062bf92d52ba797087@3x.webp" } }, "small": { "1x": { "png": "porsche-marque75.small.min.f5b37fe12cd4487432ff77fdd8469f7d@1x.png", "webp": "porsche-marque75.small.min.146b06cffe2b11c07f3113a51f337b98@1x.webp" }, "2x": { "png": "porsche-marque75.small.min.20d86908f2190640a6f24fce1ee49035@2x.png", "webp": "porsche-marque75.small.min.025770f8db54857874c130999b370ed8@2x.webp" }, "3x": { "png": "porsche-marque75.small.min.e89b13e14a088a273107bf1057f7f67d@3x.png", "webp": "porsche-marque75.small.min.a725d2ec7bd07be17afd8feb2589b156@3x.webp" } } } };
3548
3548
 
package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.cjs CHANGED
@@ -92,6 +92,9 @@ class DSRMultiSelect extends react.Component {
92
92
  form;
93
93
  isWithinForm;
94
94
  preventOptionUpdate = false; // Used to prevent value watcher from updating options when options are already updated
95
+ isNativePopoverCase = false;
96
+ parentTableElement;
97
+ popoverElement;
95
98
  get currentValue() {
96
99
  return utilsEntry.getSelectedOptionValues(this.props.multiSelectOptions);
97
100
  }
@@ -100,8 +103,14 @@ class DSRMultiSelect extends react.Component {
100
103
  const optionsSelectedId = 'options-selected';
101
104
  const dropdownId = 'list';
102
105
  const inputId = 'filter';
103
- const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getMultiSelectCss('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.theme)));
104
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx(label.Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: inputId, isRequired: this.props.required, isDisabled: this.props.disabled }), this.props.currentValue && (jsxRuntime.jsxs("span", { id: optionsSelectedId, className: "sr-only", children: [utilsEntry.getSelectedOptions(this.props.multiSelectOptions).length, " options selected"] })), jsxRuntime.jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsxRuntime.jsx("input", { id: inputId, role: "combobox", autoComplete: "off", disabled: this.props.disabled, required: this.props.required, "aria-invalid": this.props.state === 'error' ? 'true' : null }), jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, "aria-hidden": "true" }), this.props.currentValue && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "button", icon: "close", hideLabel: "true", theme: this.props.theme, disabled: this.props.disabled, children: "Reset selection" })), jsxRuntime.jsxs("div", { id: dropdownId, className: "listbox", children: [!this.props.hasFilterResults && (jsxRuntime.jsxs("div", { className: "no-results", "aria-live": "polite", role: "status", children: [jsxRuntime.jsx("span", { "aria-hidden": "true", children: "---" }), jsxRuntime.jsx("span", { className: "sr-only", children: "No results found" })] })), jsxRuntime.jsx("slot", {})] })] }), jsxRuntime.jsx(stateMessage.StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsxRuntime.jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsxRuntime.jsx("slot", { name: utilsEntry.INTERNAL_MULTI_SELECT_SLOT })] })] }), this.props.children] }));
106
+ const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getMultiSelectCss('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.isNativePopoverCase, this.props.theme)));
107
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx(label.Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: inputId, isRequired: this.props.required, isDisabled: this.props.disabled }), this.props.currentValue && (jsxRuntime.jsxs("span", { id: optionsSelectedId, className: "sr-only", children: [utilsEntry.getSelectedOptions(this.props.multiSelectOptions).length, " options selected"] })), jsxRuntime.jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsxRuntime.jsx("input", { id: inputId, role: "combobox", autoComplete: "off", disabled: this.props.disabled, required: this.props.required, "aria-invalid": this.props.state === 'error' ? 'true' : null }), jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, "aria-hidden": "true" }), this.props.currentValue && (jsxRuntime.jsx(buttonPure_wrapper.PButtonPure, { className: "button", icon: "close", hideLabel: "true", theme: this.props.theme, disabled: this.props.disabled, children: "Reset selection" })), jsxRuntime.jsx("div", { ...(this.props.isNativePopoverCase && {
108
+ popover: 'auto',
109
+ className: 'popover',
110
+ ...(this.props.popoverElement?.matches(':popover-open') && {
111
+ 'popover-open': true,
112
+ }),
113
+ }), children: jsxRuntime.jsxs("div", { id: dropdownId, className: "listbox", children: [!this.props.hasFilterResults && (jsxRuntime.jsxs("div", { className: "no-results", "aria-live": "polite", role: "status", children: [jsxRuntime.jsx("span", { "aria-hidden": "true", children: "---" }), jsxRuntime.jsx("span", { className: "sr-only", children: "No results found" })] })), jsxRuntime.jsx("slot", {})] }) })] }), jsxRuntime.jsx(stateMessage.StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsxRuntime.jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsxRuntime.jsx("slot", { name: utilsEntry.INTERNAL_MULTI_SELECT_SLOT })] })] }), this.props.children] }));
105
114
  }
106
115
  }
107
116
 
package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs CHANGED
@@ -82,13 +82,13 @@ class DSRPopover extends react.Component {
82
82
  spacer;
83
83
  popover;
84
84
  button;
85
- isNative = false;
85
+ isNativePopoverCase = false;
86
86
  parentTableElement;
87
87
  render() {
88
88
  splitChildren.splitChildren(this.props.children);
89
- const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getPopoverCss(this.props.direction, this.props.isNative, this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4')));
90
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", ...(this.props.isNative ? { popoverTarget: 'spacer' } : { ...(!this.props.isNative && { 'aria-expanded': this.props.open }),
91
- }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsxRuntime.jsx("span", { className: "label", children: "More information" })] }), (this.props.open || this.props.isNative) && (jsxRuntime.jsx("div", { className: "spacer", ...(this.props.isNative && { popover: 'auto', id: 'spacer', onToggle: this.props.onToggle }), children: jsxRuntime.jsx("div", { className: "popover", children: this.props.description ? jsxRuntime.jsx("p", { children: this.props.description }) : jsxRuntime.jsx("slot", {}) }) }))] })] }), this.props.children] }));
89
+ const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getPopoverCss(this.props.direction, this.props.isNativePopoverCase, this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4')));
90
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", ...(this.props.isNativePopoverCase ? { popoverTarget: 'spacer' } : { ...(!this.props.isNativePopoverCase && { 'aria-expanded': this.props.open }),
91
+ }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsxRuntime.jsx("span", { className: "label", children: "More information" })] }), (this.props.open || this.props.isNativePopoverCase) && (jsxRuntime.jsx("div", { className: "spacer", ...(this.props.isNativePopoverCase && { popover: 'auto', id: 'spacer', onToggle: this.props.onToggle }), children: jsxRuntime.jsx("div", { className: "popover", children: this.props.description ? jsxRuntime.jsx("p", { children: this.props.description }) : jsxRuntime.jsx("slot", {}) }) }))] })] }), this.props.children] }));
92
92
  }
93
93
  }
94
94
 
package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.cjs CHANGED
@@ -83,7 +83,7 @@ class DSRSelectWrapperDropdown extends react.Component {
83
83
  searchString = '';
84
84
  inputElement;
85
85
  listElement;
86
- isNativePopover = false;
86
+ isNativePopoverCase = false;
87
87
  parentTableElement;
88
88
  popoverElement;
89
89
  get selectedIndex() {
@@ -96,7 +96,7 @@ class DSRSelectWrapperDropdown extends react.Component {
96
96
  const buttonId = 'value';
97
97
  const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getSelectWrapperDropdownCss(this.props.direction === 'auto'
98
98
  ? 'down'
99
- : this.props.direction, this.isOpen, this.props.state, this.props.disabled, this.props.filter, this.props.isNativePopover, this.props.theme)));
99
+ : this.props.direction, this.isOpen, this.props.state, this.props.disabled, this.props.filter, this.props.isNativePopoverCase, this.props.theme)));
100
100
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(jsxRuntime.Fragment, { children: this.props.filter ? ([
101
101
  jsxRuntime.jsx("input", { type: "text", role: "combobox", disabled: this.props.disabled, placeholder: utilsEntry.getSelectedOptionMap(this.optionMaps)?.value || null, autoComplete: "off", defaultValue: this.searchString }, "input"),
102
102
  jsxRuntime.jsx("span", {
package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.cjs CHANGED
@@ -93,6 +93,9 @@ class DSRSelect extends react.Component {
93
93
  preventOptionUpdate = false; // Used to prevent value watcher from updating options when options are already updated
94
94
  searchString = '';
95
95
  searchTimeout = null;
96
+ isNativePopoverCase = false;
97
+ parentTableElement;
98
+ popoverElement;
96
99
  render() {
97
100
  const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
98
101
  const buttonId = 'value';
@@ -102,8 +105,14 @@ class DSRSelect extends react.Component {
102
105
  const ariaDescribedBy = descriptionId && selectMessageId
103
106
  ? `${descriptionId} ${selectMessageId}`
104
107
  : descriptionId || selectMessageId || undefined;
105
- const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getSelectCss('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.theme)));
106
- return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx(label.Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: buttonId, isRequired: this.props.required, isDisabled: this.props.disabled }), jsxRuntime.jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsxRuntime.jsx("button", { type: "button", role: "combobox", id: buttonId, ...utilsEntry.getComboboxAriaAttributes(this.props.isOpen, this.props.required, label.labelId, ariaDescribedBy, dropdownId), disabled: this.props.disabled, children: utilsEntry.getSelectedOptionString(otherChildren) }), jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, color: this.props.disabled ? 'state-disabled' : 'primary', "aria-hidden": "true" }), jsxRuntime.jsx("div", { id: dropdownId, className: "listbox", ...utilsEntry.getListAriaAttributes(this.props.label, this.props.required, false, this.props.isOpen), children: jsxRuntime.jsx("slot", {}) })] }), jsxRuntime.jsx(stateMessage.StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsxRuntime.jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsxRuntime.jsx("slot", { name: utilsEntry.INTERNAL_SELECT_SLOT })] })] }), this.props.children] }));
108
+ const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getSelectCss('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.isNativePopoverCase, this.props.theme)));
109
+ return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs("div", { className: "root", children: [jsxRuntime.jsx(label.Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: buttonId, isRequired: this.props.required, isDisabled: this.props.disabled }), jsxRuntime.jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsxRuntime.jsx("button", { type: "button", role: "combobox", id: buttonId, ...utilsEntry.getComboboxAriaAttributes(this.props.isOpen, this.props.required, label.labelId, ariaDescribedBy, dropdownId), disabled: this.props.disabled, children: utilsEntry.getSelectedOptionString(otherChildren) }), jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, color: this.props.disabled ? 'state-disabled' : 'primary', "aria-hidden": "true" }), jsxRuntime.jsx("div", { ...(this.props.isNativePopoverCase && {
110
+ popover: 'auto',
111
+ className: 'popover',
112
+ ...(this.props.popoverElement?.matches(':popover-open') && {
113
+ 'popover-open': true,
114
+ }),
115
+ }), children: jsxRuntime.jsx("div", { id: dropdownId, className: "listbox", ...utilsEntry.getListAriaAttributes(this.props.label, this.props.required, false, this.props.isOpen), children: jsxRuntime.jsx("slot", {}) }) })] }), jsxRuntime.jsx(stateMessage.StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsxRuntime.jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsxRuntime.jsx("slot", { name: utilsEntry.INTERNAL_SELECT_SLOT })] })] }), this.props.children] }));
107
116
  }
108
117
  }
109
118
 
package/ssr/esm/components/dist/styles/esm/styles-entry.mjs CHANGED
@@ -4306,22 +4306,19 @@ const getFontSizeText = (size) => {
4306
4306
  return fontSizeTextMap[size];
4307
4307
  };
4308
4308
 
4309
- // TODO: why not using getHiddenTextJssStyle()?
4310
4309
  // Needed for slotted anchor and hidden label, which then enlarges the hidden label to equal host size and indents the text to be visually hidden.
4311
4310
  const getVisibilityJssStyle = (hideLabel) => {
4312
4311
  return hideLabel
4313
4312
  ? {
4314
- position: 'absolute',
4315
- inset: 0,
4316
4313
  whiteSpace: 'nowrap',
4317
- textIndent: '-999999px', // TODO: check if text-indent still works for RTL-mode in this case
4314
+ textIndent: '-999999px', // Needed because standard sr-only classes don't work here due that we need a bounding box for the focus style
4315
+ overflow: 'hidden',
4318
4316
  }
4319
4317
  : {
4320
- position: 'relative',
4321
- inset: 'auto',
4322
4318
  whiteSpace: 'inherit',
4323
4319
  textIndent: 0,
4324
4320
  zIndex: 1, // fix Firefox bug on :hover (#2583)
4321
+ overflow: 'visible',
4325
4322
  };
4326
4323
  };
4327
4324
  const offsetVertical = '-2px';
@@ -4348,7 +4345,6 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4348
4345
  },
4349
4346
  root: {
4350
4347
  display: 'flex',
4351
- gap: spacingStaticXSmall,
4352
4348
  width: '100%',
4353
4349
  padding: 0,
4354
4350
  margin: 0, // Removes default button margin on safari 15
@@ -4357,7 +4353,9 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4357
4353
  color: isDisabledOrLoading ? disabledColorDark : primaryColorDark,
4358
4354
  }),
4359
4355
  ...textSmallStyle,
4360
- ...mergeDeep(buildResponsiveStyles(stretch, (stretchValue) => ({
4356
+ ...mergeDeep(buildResponsiveStyles(hideLabel, (hidelabelValue) => ({
4357
+ gap: hidelabelValue ? 0 : spacingStaticXSmall,
4358
+ })), buildResponsiveStyles(stretch, (stretchValue) => ({
4361
4359
  justifyContent: stretchValue ? 'space-between' : 'flex-start',
4362
4360
  alignItems: stretchValue ? 'center' : 'flex-start',
4363
4361
  })), buildResponsiveStyles(size, (sizeValue) => ({
@@ -4394,28 +4392,30 @@ const getLinkButtonPureStyles = (icon, iconSource, active, isDisabledOrLoading,
4394
4392
  })),
4395
4393
  ...(!hasSlottedAnchor && getFocusJssStyle(theme, { pseudo: true, offset: '-2px' })),
4396
4394
  },
4397
- label: {
4398
- transition: getTransition('opacity'),
4399
- position: 'relative', // needed for hover state when icon="none" is set
4400
- },
4401
- ...(hasIcon && {
4402
- icon: {
4403
- position: 'relative',
4404
- flexShrink: '0',
4405
- width: fontLineHeight,
4406
- height: fontLineHeight,
4407
- // workaround for Safari to optimize vertical alignment of icons
4408
- // TODO: check if this is still needed after optimized icons are included
4409
- '@supports (width: round(down, 1px, 1px))': {
4410
- width: `round(down, ${fontLineHeight}, 1px)`,
4411
- height: `round(down, ${fontLineHeight}, 1px)`,
4395
+ ...(hasIcon
4396
+ ? {
4397
+ icon: {
4398
+ position: 'relative',
4399
+ flexShrink: '0',
4400
+ width: fontLineHeight,
4401
+ height: fontLineHeight,
4402
+ // workaround for Safari to optimize vertical alignment of icons
4403
+ // TODO: check if this is still needed after optimized icons are included
4404
+ '@supports (width: round(down, 1px, 1px))': {
4405
+ width: `round(down, ${fontLineHeight}, 1px)`,
4406
+ height: `round(down, ${fontLineHeight}, 1px)`,
4407
+ },
4412
4408
  },
4413
- },
4414
- label: mergeDeep(buildResponsiveStyles(hideLabel, getVisibilityJssStyle), buildResponsiveStyles(alignLabel, (alignLabelValue) => ({
4415
- // TODO: we should remove 'left' here and map the value in the component class already to 'start' but might be difficult due to breakpoint customizable prop value
4416
- order: alignLabelValue === 'left' || alignLabelValue === 'start' ? -1 : 0,
4417
- }))),
4418
- }),
4409
+ label: mergeDeep(buildResponsiveStyles(hideLabel, getVisibilityJssStyle), buildResponsiveStyles(alignLabel, (alignLabelValue) => ({
4410
+ // TODO: we should remove 'left' here and map the value in the component class already to 'start' but might be difficult due to breakpoint customizable prop value
4411
+ order: alignLabelValue === 'left' || alignLabelValue === 'start' ? -1 : 0,
4412
+ }))),
4413
+ }
4414
+ : {
4415
+ label: {
4416
+ position: 'relative', // needed for hover state when icon="none" is set
4417
+ },
4418
+ }),
4419
4419
  };
4420
4420
  };
4421
4421
 
@@ -5649,8 +5649,8 @@ const getComponentCss$S = (inline, wrap, direction, justifyContent, alignItems,
5649
5649
  const getFlyoutDialogResetJssStyle = () => {
5650
5650
  return {
5651
5651
  position: 'fixed',
5652
- height: '100vh',
5653
- maxHeight: '100vh',
5652
+ height: '100dvh',
5653
+ maxHeight: '100dvh',
5654
5654
  margin: '0',
5655
5655
  padding: '0',
5656
5656
  border: '0',
@@ -7182,6 +7182,22 @@ const getPlaceholderJssStyle = (styles) => ({
7182
7182
  '&:-moz-placeholder': styles /* Firefox 18- */,
7183
7183
  });
7184
7184
 
7185
+ // Used for elements that must overflow `overflow:hidden` containers, are positioned absolute and wrapped within a native `popover` element.
7186
+ const getPopoverResetJssStyle = () => {
7187
+ return {
7188
+ position: 'absolute',
7189
+ border: 'none',
7190
+ background: 'none',
7191
+ pointerEvents: 'all',
7192
+ padding: 0,
7193
+ margin: 0,
7194
+ overflow: 'initial',
7195
+ '&:-internal-popover-in-top-layer::backdrop': {
7196
+ display: 'none',
7197
+ },
7198
+ };
7199
+ };
7200
+
7185
7201
  const getSlottedTextFieldTextareaSelectStyles = (child, state, isLoading, theme, additionalDefaultJssStyle) => {
7186
7202
  const { primaryColor, contrastLowColor, contrastMediumColor, disabledColor } = getThemedColors(theme);
7187
7203
  const { primaryColor: primaryColorDark, contrastLowColor: contrastLowColorDark, contrastMediumColor: contrastMediumColorDark, disabledColor: disabledColorDark, } = getThemedColors('dark');
@@ -7293,7 +7309,7 @@ const getUnitCounterJssStyle = (isDisabled, theme) => {
7293
7309
 
7294
7310
  const INTERNAL_MULTI_SELECT_SLOT = 'internal-select';
7295
7311
 
7296
- const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, theme) => {
7312
+ const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, isNativePopoverCase, theme) => {
7297
7313
  const { contrastHighColor } = getThemedColors(theme);
7298
7314
  const { contrastHighColor: contrastHighColorDark } = getThemedColors('dark');
7299
7315
  return getCss({
@@ -7364,6 +7380,11 @@ const getComponentCss$z = (direction, isOpen, isDisabled, hideLabel, state, isWi
7364
7380
  ...getFunctionalComponentLabelStyles(isDisabled, hideLabel, theme),
7365
7381
  // .message
7366
7382
  ...getFunctionalComponentStateMessageStyles(theme, state),
7383
+ ...(isNativePopoverCase && {
7384
+ popover: {
7385
+ ...getPopoverResetJssStyle(),
7386
+ },
7387
+ }),
7367
7388
  });
7368
7389
  };
7369
7390
  // TODO: use getSlottedTextFieldTextareaSelectStyles() instead an manipulate selectors like done with PIN Code or even better make it configurable as parameter
@@ -7810,7 +7831,7 @@ const getDirectionArrowMap = (theme) => {
7810
7831
  },
7811
7832
  };
7812
7833
  };
7813
- const getComponentCss$w = (direction, isNative, theme) => {
7834
+ const getComponentCss$w = (direction, isNativePopoverCase, theme) => {
7814
7835
  const { hoverColor, backgroundColor, primaryColor, backgroundSurfaceColor } = getThemedColors(theme);
7815
7836
  const { hoverColor: hoverColorDark, primaryColor: primaryColorDark, backgroundSurfaceColor: backgroundSurfaceColorDark, } = getThemedColors('dark');
7816
7837
  const shadowColor = 'rgba(0,0,0,0.3)';
@@ -7860,13 +7881,9 @@ const getComponentCss$w = (direction, isNative, theme) => {
7860
7881
  transform: 'translate3d(0,0,0)', // Fixes movement on hover in Safari
7861
7882
  },
7862
7883
  spacer: {
7863
- ...(isNative
7884
+ ...(isNativePopoverCase
7864
7885
  ? {
7865
- overflow: 'initial',
7866
- backgroundColor: 'transparent',
7867
- border: 'none',
7868
- margin: 0,
7869
- padding: 0,
7886
+ ...getPopoverResetJssStyle(),
7870
7887
  }
7871
7888
  : {
7872
7889
  inset: `${-safeZonePx}px`,
@@ -8558,7 +8575,7 @@ const getListStyles$1 = (direction, theme) => {
8558
8575
  },
8559
8576
  };
8560
8577
  };
8561
- const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativePopover, theme) => {
8578
+ const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativePopoverCase, theme) => {
8562
8579
  return getCss(
8563
8580
  // merge because of global styles
8564
8581
  mergeDeep({
@@ -8571,21 +8588,9 @@ const getComponentCss$r = (direction, isOpen, state, disabled, filter, isNativeP
8571
8588
  'sr-text': {
8572
8589
  display: 'none',
8573
8590
  },
8574
- ...(isNativePopover && {
8591
+ ...(isNativePopoverCase && {
8575
8592
  popover: {
8576
- position: 'absolute',
8577
- bottom: 'auto',
8578
- border: 'none',
8579
- background: 'none',
8580
- pointerEvents: 'all',
8581
- padding: 0,
8582
- margin: 0,
8583
- overflow: 'initial',
8584
- height: 'auto',
8585
- maxHeight: `${8.5 * (OPTION_HEIGHT + 8) + 6 + 2}px`, // 8px = gap, 6px = padding, 2px = border
8586
- '&:-internal-popover-in-top-layer::backdrop': {
8587
- display: 'none',
8588
- },
8593
+ ...getPopoverResetJssStyle(),
8589
8594
  },
8590
8595
  }),
8591
8596
  }, filter
@@ -8737,7 +8742,7 @@ const getOptionStyles = (theme) => {
8737
8742
 
8738
8743
  const INTERNAL_SELECT_SLOT = 'internal-select';
8739
8744
 
8740
- const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, theme) => {
8745
+ const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWithinForm, isNativePopoverCase, theme) => {
8741
8746
  return getCss({
8742
8747
  '@global': {
8743
8748
  ':host': addImportantToEachRule({
@@ -8785,6 +8790,11 @@ const getComponentCss$o = (direction, isOpen, isDisabled, hideLabel, state, isWi
8785
8790
  ...getFunctionalComponentLabelStyles(isDisabled, hideLabel, theme),
8786
8791
  // .message
8787
8792
  ...getFunctionalComponentStateMessageStyles(theme, state),
8793
+ ...(isNativePopoverCase && {
8794
+ popover: {
8795
+ ...getPopoverResetJssStyle(),
8796
+ },
8797
+ }),
8788
8798
  });
8789
8799
  };
8790
8800
  // TODO: Rename to JSSStyles
package/ssr/esm/components/dist/utils/esm/utils-entry.mjs CHANGED
@@ -3540,7 +3540,7 @@ const getCDNBaseURL = () => global.PORSCHE_DESIGN_SYSTEM_CDN_URL + "/porsche-des
3540
3540
 
3541
3541
  const CRESTS_MANIFEST = { "porscheCrest": { "1x": { "png": "porsche-crest.min.d76137cf8cf94822b7aedb534ba88418@1x.png", "webp": "porsche-crest.min.0d0cc89ae5ee57c4c15bd0dbbcbfe5d0@1x.webp" }, "2x": { "png": "porsche-crest.min.8a292fbd35a5155789ddd011585e05c4@2x.png", "webp": "porsche-crest.min.2245c45e99be5a46b4b56e73c43d5c63@2x.webp" }, "3x": { "png": "porsche-crest.min.18d6f02003b0829bac939fade88fd4e6@3x.png", "webp": "porsche-crest.min.19b429278b158b5cb5aa6ce80751e3fe@3x.webp" } } };
3542
3542
 
3543
- const ICONS_MANIFEST = { "360": "360.min.d3b2874981886b5ebece31655f92a3ad.svg", "accessibility": "accessibility.min.39472992434d3aae116c950714e80d26.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.60422415604862b604bab5d59a4cf9ca.svg", "add": "add.min.8a2cc9683690995a35bbe3b21c444afb.svg", "adjust": "adjust.min.faf70ff09f41b20ca5c914871f92ee9b.svg", "arrow-double-down": "arrow-double-down.min.3a5683124626fe51505380524ffbddd5.svg", "arrow-double-left": "arrow-double-left.min.cf7261542e67b89fe8b146ee4c3748ed.svg", "arrow-double-right": "arrow-double-right.min.4291829dcf9bfb5fc9156199a51c61eb.svg", "arrow-double-up": "arrow-double-up.min.e67ff8a2cfe8807f663346cca9b403a0.svg", "arrow-down": "arrow-down.min.86fc100227a564b214f4fe07e8401728.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.31c010019ab8911fed67bef461ce8b40.svg", "arrow-head-left": "arrow-head-left.min.4723607b9add50ee55a343bdf26ff315.svg", "arrow-head-right": "arrow-head-right.min.c2b5cd82e92920af36c9be86dc321999.svg", "arrow-head-up": "arrow-head-up.min.e8f62967ee5ecb865e1399ffa3235ac0.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.06c8246bf60d457bc3f2ff8866053de2.svg", "arrow-right": "arrow-right.min.c5cbce45d98d6d1178cc72ea8bfbfa10.svg", "arrow-up": "arrow-up.min.deb76e3aacfb1059ef9f5130adb143b4.svg", "augmented-reality": "augmented-reality.min.f776f8a44e469a2a7f54f3f59e15fa3d.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-empty-co2": "battery-empty-co2.min.ee19666b8773be60f2a84b37754a3d1f.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.22f7cdeffa6e2a1524c7358b3c045380.svg", "bookmark": "bookmark.min.9d6982fc89822602454c2b1e21aeb1b9.svg", "bookmark-filled": "bookmark-filled.min.9f96a8e4d19a90f288cab4298075fbfe.svg", "broadcast": "broadcast.min.694edb52b13117621b406ca1d1e8a50d.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.bc89af56fd76ad2e64d30dfc6f385cf4.svg", "camera": "camera.min.c54204c4294683703245cd4ffff8aac4.svg", "car": "car.min.458d137c81fd14019ca67b225ce85b53.svg", "car-battery": "car-battery.min.651ee52abbb40a656842df198a1de7ec.svg", "card": "card.min.572e3adcb01df8f9feb499fac6611b52.svg", "charging-active": "charging-active.min.421bdd011bfc2e8ff4cc2b5adad2a36a.svg", "charging-state": "charging-state.min.26a4894b3de9b3b8676b803dea2f388a.svg", "charging-station": "charging-station.min.bcbf9bed92bce0100d5322bdec4b9887.svg", "chart": "chart.min.fef87221f35a78ff17bbc3d96b773e33.svg", "chat": "chat.min.733ae126444c50779d6d22e9f51dd739.svg", "check": "check.min.e1930a3d5427c6e8e41af7bf8edec8bb.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.1d895777024f7feac7efc8a21fae2434.svg", "clock": "clock.min.04a827c1f9bb35bedaacc7eeb82d03fc.svg", "close": "close.min.565f6a718b632a173b7a74eb9cb84378.svg", "closed-caption": "closed-caption.min.e7b74862b113c39c5d5f8457a22f4540.svg", "co2-class": "co2-class.min.3b7529f015b928dc86e3b03e933ad3ef.svg", "co2-emission": "co2-emission.min.1a0e315ed17c2bd3a0356bfc12fc440b.svg", "compare": "compare.min.9c23d6a10728833095ea6e49e93d9169.svg", "configurate": "configurate.min.224bd9e2517456659ff569d85cd7f3f8.svg", "copy": "copy.min.b0a10014b18914ec494e8b3e192476ec.svg", "country-road": "country-road.min.d96dabea56a3d002575d59798c12402c.svg", "cubic-capacity": "cubic-capacity.min.cbda5779c4ff38cf4cd96ca39d148282.svg", "delete": "delete.min.65becfbcc48b9492a58f4d3897dec899.svg", "disable": "disable.min.c0ebae661732da2c4b6bdafdc3efb312.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.052783a619244de5e2f34e6300182f54.svg", "duration": "duration.min.4dcbb8fe5db34911a2d0301e2399def8.svg", "edit": "edit.min.8236867e0975bbf4127fbf8047e3ba38.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.e9745fe44ade7ee515da8ea964ec4c66.svg", "exclamation": "exclamation.min.69832f14c6f80b43de1628f87efb4933.svg", "external": "external.min.1d85320339ea25db0324e74be0f632e2.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "fingerprint": "fingerprint.min.698297df3e9555c61463be51340356ac.svg", "flash": "flash.min.e1ed63ec33d28aaa9cdf78d45df1eb8e.svg", "fuel-station": "fuel-station.min.7149b2be5528908900cbc4c9a2654150.svg", "garage": "garage.min.05bd3f8eae4ba0bb1a758ba272789ad4.svg", "gift": "gift.min.091131a27cb0703b194952a6a6208548.svg", "globe": "globe.min.9e186f3da4fa55382f84c7b66235f47a.svg", "grid": "grid.min.eb7c2ddc778827955200c41e53abdcec.svg", "heart": "heart.min.9bf1c860a0e4c38cf85d1e82b19ba483.svg", "heart-filled": "heart-filled.min.581fbbce1e8955092aa194dcf8fdfb6e.svg", "highway": "highway.min.938feb5bf2ec2a7ce6f43aadc498aa32.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.da41162c49566b753b7162fc6b88adb9.svg", "information-filled": "information-filled.min.d9ff41c99234ae53e794900a355268de.svg", "key": "key.min.4f55b5ba22e76cf8426ad6dbe40d0bbc.svg", "leaf": "leaf.min.9fb555963ab3e04de2b2fc3356fb8d54.svg", "leather": "leather.min.e1869beedb7d489f9c88873db7e86878.svg", "light": "light.min.b3df892b730921aa9f34e72d1dc6707f.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.61ea8fda8a7f6a61e90382d371882875.svg", "lock": "lock.min.c9bd1029c6fc9bfa37dbcaa1de314151.svg", "lock-open": "lock-open.min.ebce0c0023d1761620e5a9ec86d5f19c.svg", "logo-apple-podcast": "logo-apple-podcast.min.59a2ee9e209fa59584c5e7d1ab15751b.svg", "logo-baidu": "logo-baidu.min.fef8bfc1e79a0ae2a045b85cb6914500.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.1f2fd90a9f18dd66befe59beb96ecca8.svg", "logo-foursquare": "logo-foursquare.min.3540cfa24d2148b73109be719fda9dc9.svg", "logo-gmail": "logo-gmail.min.adfa4976a690779760813b2d6233044c.svg", "logo-google": "logo-google.min.94c456d4bbaff4762bc237e955208d43.svg", "logo-hatena": "logo-hatena.min.fa24251ddecb3bb3dc88eb272ceb7207.svg", "logo-instagram": "logo-instagram.min.3598c948318e3ca1d3ceb05b2d92ed82.svg", "logo-kaixin": "logo-kaixin.min.589d54db102fd3601a2f6272e95a97ae.svg", "logo-kakaotalk": "logo-kakaotalk.min.a12bd354de347ae378c814bab03019c9.svg", "logo-linkedin": "logo-linkedin.min.037f80d4dcaed74a8ec477c8b41efda4.svg", "logo-naver": "logo-naver.min.3fb9362b5d870bfa2b4828d3ed8f0908.svg", "logo-pinterest": "logo-pinterest.min.bc85460c3acaf569a2dac52c65e0cbb1.svg", "logo-qq": "logo-qq.min.f4964e246a81d4c53e6cd73b27bec6f7.svg", "logo-qq-share": "logo-qq-share.min.206a8aa10c361b42e0ce21187a026b20.svg", "logo-reddit": "logo-reddit.min.d17ea0df5f3ef78dfd4c589ee05f614c.svg", "logo-skyrock": "logo-skyrock.min.c8abe04e7b2108e0043bfbf767502e28.svg", "logo-sohu": "logo-sohu.min.b08a939d35b55af30a260e7cd4a0ec86.svg", "logo-spotify": "logo-spotify.min.45a99bb091d15e4ee8972c924a0bccd7.svg", "logo-tecent": "logo-tecent.min.46a3a54e2eefb01152fc5bbcf669bb50.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.7829ba5442928dac099150730224cb05.svg", "logo-tumblr": "logo-tumblr.min.01b11e20074f291f48ad3b8b8b6c3614.svg", "logo-twitter": "logo-twitter.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-viber": "logo-viber.min.646a1bd7d9ddfa36e88ac8167ceb3a62.svg", "logo-vk": "logo-vk.min.3efece5db847af4330a6e8443f63ee69.svg", "logo-wechat": "logo-wechat.min.cd991e932478b2c59f2ec06087e7c24d.svg", "logo-weibo": "logo-weibo.min.7cb2bb1ff4fbb20d389b51acaf36dc3b.svg", "logo-whatsapp": "logo-whatsapp.min.c2c7058b2c0a5b258ac1490e6cd0788a.svg", "logo-x": "logo-x.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-xing": "logo-xing.min.29d25a181d0bd4b4c8f19df1543b92d9.svg", "logo-yahoo": "logo-yahoo.min.e7af46e796bdbfc6420ce2be575e728a.svg", "logo-youku": "logo-youku.min.aae99a44e06894fd39e2e727062ac922.svg", "logo-youtube": "logo-youtube.min.ff07c3f9edd380237a3696ad52922c78.svg", "logout": "logout.min.6fee5a3178d5dc1822872ce7a5498bc2.svg", "map": "map.min.e56d3b260f79967149f12759c2bff74b.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.e3322162121fb57b7109e6c245865e77.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.00021b016be7e9f085c9a674b00228af.svg", "moon": "moon.min.1bb08960549b5862c853d13a259e51b3.svg", "oil-can": "oil-can.min.4cc2d96f9754e9f708a07836eba07d03.svg", "parking-brake": "parking-brake.min.285b4ba85166dd00b8a6c2e6833e5c88.svg", "parking-light": "parking-light.min.3f11c8f7dbbba49b0c68eea92e97bd5e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.cd54f3670e32d37ea41484f6fd45ddaa.svg", "pin": "pin.min.6cf04e89e5946856f6ae8f526425ef8f.svg", "pin-filled": "pin-filled.min.e3a46a4efb0d4041ebafff08ecbdca59.svg", "play": "play.min.65ffffba05432a3f804eb6c537fb71ef.svg", "plug": "plug.min.289db9e36a8ba1dbf5a8e8d387ed8871.svg", "plus": "plus.min.3fbdce4b03fe2c2d1ae489f0dd916f7b.svg", "preheating": "preheating.min.7e8b645163d47293eb7d79f5d6870911.svg", "printer": "printer.min.1df1993070df56c82cdfcc01e9c6f23e.svg", "purchase": "purchase.min.693f7b82c23721fe4bf15a6f8f50b80e.svg", "push-pin": "push-pin.min.a5a47f392030bb24a5b4b985061a5181.svg", "push-pin-off": "push-pin-off.min.2f4b9c8bfb787e48d75a3dd95e38da19.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.5868a129a8aa88e5504ef2351bfd234f.svg", "racing-flag": "racing-flag.min.c5993e8842a9d4155cc1272358efde84.svg", "refresh": "refresh.min.b4853591c524d0dc7924e60314494ccf.svg", "replay": "replay.min.a3e6361394e1c9432bfb5f9a4b5833ca.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.faf6177214e68591bb9911050870103c.svg", "roof-open": "roof-open.min.4314d86b9159ead78bc46622c1c4d3ac.svg", "route": "route.min.784e30085f543fdeb9158cb27c7cb38e.svg", "rss": "rss.min.32a204b2df59ef3fc3bd13effa76b4d2.svg", "save": "save.min.2481cb4d8d04b3ee6b26547a4b8b57ac.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.1a2481bb5b7acefdb7f69d34d5b2887a.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.f92604f534cee4ed9753d1976855908a.svg", "shopping-bag": "shopping-bag.min.3f91a9bcd921ce9d850499c3c5af34fc.svg", "shopping-bag-filled": "shopping-bag-filled.min.abf6c983207c87279f5f6bc26c3ef7d4.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.0e5a79dd87cc0ea1f4c72d5b04aa505e.svg", "sidelights": "sidelights.min.44ca975194d22ac2dc893395256b1678.svg", "snowflake": "snowflake.min.889d8b279ac98abfd0c74cf90b9e3c68.svg", "sort": "sort.min.1629148e7e80ced04d9615b51664e07b.svg", "stack": "stack.min.e71da4fb0445267fa13bff9cfa1fbd16.svg", "star": "star.min.4c5bb15a9c3d7136351e3953805df3c8.svg", "star-filled": "star-filled.min.942167258f7a37f163c03313c5c85eaa.svg", "steering-wheel": "steering-wheel.min.1738194edd71e78e6f8937142bf5d1ef.svg", "stopwatch": "stopwatch.min.932f9fa49916e38a99d2b23511d7f114.svg", "subtract": "subtract.min.43807211256225261ea0cecebc3197fc.svg", "success": "success.min.441faa611fe5d97d758f557ab5438826.svg", "success-filled": "success-filled.min.629e31bb0384825a875c627f5d9f8a37.svg", "sun": "sun.min.7bd259f3f639ac8476a348e2a79ffce3.svg", "switch": "switch.min.bbaf816c7c6982a3714f6e121266dd44.svg", "tablet": "tablet.min.a5e47c3362c7d22fcb44d8cd99f89793.svg", "tachometer": "tachometer.min.4f2563b806263118f75d365f38d26d79.svg", "tire": "tire.min.6ebb3d5a396401e734ae63c06aaaf198.svg", "truck": "truck.min.17f20699b0ebf6f63b418e863410553a.svg", "upload": "upload.min.7b886aa894be24d3549089563361a008.svg", "user": "user.min.255f5ec972caaecfb41b024847a9bbef.svg", "user-filled": "user-filled.min.f35ca1e5ba7d3984ea638b8d92fd3663.svg", "user-group": "user-group.min.27dd137a75974dabf3f60c90591b54c7.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.3725461133a7f2a081a5aa4d27b96921.svg", "view": "view.min.78e4839028a721c3efcd47dfdbc8e4bf.svg", "view-off": "view-off.min.041d6453bd984055a91fd70ae251a2c8.svg", "volume-off": "volume-off.min.1bedd2b4a901feda38454b1d495f84e7.svg", "volume-up": "volume-up.min.c6b1b9ca042830cdf31e9b7ca0351bd1.svg", "warning": "warning.min.471ca57c6eef0711bfaa40a6791297ee.svg", "warning-filled": "warning-filled.min.df35246b8e94f696eefc1b2122a77a50.svg", "weight": "weight.min.4f0f06e26c83b4fa29e82e0de9153775.svg", "wifi": "wifi.min.3b4e78e9f4375afd8ada69a3a418a6c4.svg", "work": "work.min.302501dba39782f9a59d3766f57762b2.svg", "wrench": "wrench.min.91a2a4a766ea46cc53898fa4680099b5.svg", "wrenches": "wrenches.min.e06308f102cb227a9fcba2553151bae5.svg", "zoom-in": "zoom-in.min.38a97db3e6a00ce671ee7643679793be.svg", "zoom-out": "zoom-out.min.8dd4c51836b1262285122df30abd8f37.svg" };
3543
+ const ICONS_MANIFEST = { "360": "360.min.d3b2874981886b5ebece31655f92a3ad.svg", "accessibility": "accessibility.min.39472992434d3aae116c950714e80d26.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.60422415604862b604bab5d59a4cf9ca.svg", "add": "add.min.8a2cc9683690995a35bbe3b21c444afb.svg", "adjust": "adjust.min.faf70ff09f41b20ca5c914871f92ee9b.svg", "arrow-double-down": "arrow-double-down.min.3a5683124626fe51505380524ffbddd5.svg", "arrow-double-left": "arrow-double-left.min.cf7261542e67b89fe8b146ee4c3748ed.svg", "arrow-double-right": "arrow-double-right.min.4291829dcf9bfb5fc9156199a51c61eb.svg", "arrow-double-up": "arrow-double-up.min.e67ff8a2cfe8807f663346cca9b403a0.svg", "arrow-down": "arrow-down.min.86fc100227a564b214f4fe07e8401728.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.31c010019ab8911fed67bef461ce8b40.svg", "arrow-head-left": "arrow-head-left.min.4723607b9add50ee55a343bdf26ff315.svg", "arrow-head-right": "arrow-head-right.min.c2b5cd82e92920af36c9be86dc321999.svg", "arrow-head-up": "arrow-head-up.min.e8f62967ee5ecb865e1399ffa3235ac0.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.06c8246bf60d457bc3f2ff8866053de2.svg", "arrow-right": "arrow-right.min.c5cbce45d98d6d1178cc72ea8bfbfa10.svg", "arrow-up": "arrow-up.min.deb76e3aacfb1059ef9f5130adb143b4.svg", "augmented-reality": "augmented-reality.min.f776f8a44e469a2a7f54f3f59e15fa3d.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-empty-co2": "battery-empty-co2.min.58e20e83589753260859a9b6afddb2e9.svg", "battery-empty-fuel": "battery-empty-fuel.min.ef5c8b3fa6e0d7b6b365355f75b107c5.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.22f7cdeffa6e2a1524c7358b3c045380.svg", "bookmark": "bookmark.min.9d6982fc89822602454c2b1e21aeb1b9.svg", "bookmark-filled": "bookmark-filled.min.9f96a8e4d19a90f288cab4298075fbfe.svg", "broadcast": "broadcast.min.694edb52b13117621b406ca1d1e8a50d.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.bc89af56fd76ad2e64d30dfc6f385cf4.svg", "camera": "camera.min.c54204c4294683703245cd4ffff8aac4.svg", "car": "car.min.458d137c81fd14019ca67b225ce85b53.svg", "car-battery": "car-battery.min.651ee52abbb40a656842df198a1de7ec.svg", "card": "card.min.572e3adcb01df8f9feb499fac6611b52.svg", "charging-active": "charging-active.min.421bdd011bfc2e8ff4cc2b5adad2a36a.svg", "charging-state": "charging-state.min.26a4894b3de9b3b8676b803dea2f388a.svg", "charging-station": "charging-station.min.bcbf9bed92bce0100d5322bdec4b9887.svg", "chart": "chart.min.fef87221f35a78ff17bbc3d96b773e33.svg", "chat": "chat.min.733ae126444c50779d6d22e9f51dd739.svg", "check": "check.min.e1930a3d5427c6e8e41af7bf8edec8bb.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.1d895777024f7feac7efc8a21fae2434.svg", "clock": "clock.min.04a827c1f9bb35bedaacc7eeb82d03fc.svg", "close": "close.min.565f6a718b632a173b7a74eb9cb84378.svg", "closed-caption": "closed-caption.min.e7b74862b113c39c5d5f8457a22f4540.svg", "co2-class": "co2-class.min.f7b24da1aa9e34199ab2e8de7cffd08f.svg", "co2-emission": "co2-emission.min.1a0e315ed17c2bd3a0356bfc12fc440b.svg", "compare": "compare.min.9c23d6a10728833095ea6e49e93d9169.svg", "configurate": "configurate.min.224bd9e2517456659ff569d85cd7f3f8.svg", "copy": "copy.min.b0a10014b18914ec494e8b3e192476ec.svg", "country-road": "country-road.min.d96dabea56a3d002575d59798c12402c.svg", "cubic-capacity": "cubic-capacity.min.cbda5779c4ff38cf4cd96ca39d148282.svg", "delete": "delete.min.65becfbcc48b9492a58f4d3897dec899.svg", "disable": "disable.min.c0ebae661732da2c4b6bdafdc3efb312.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.052783a619244de5e2f34e6300182f54.svg", "duration": "duration.min.4dcbb8fe5db34911a2d0301e2399def8.svg", "edit": "edit.min.8236867e0975bbf4127fbf8047e3ba38.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.e9745fe44ade7ee515da8ea964ec4c66.svg", "exclamation": "exclamation.min.69832f14c6f80b43de1628f87efb4933.svg", "external": "external.min.1d85320339ea25db0324e74be0f632e2.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "fingerprint": "fingerprint.min.698297df3e9555c61463be51340356ac.svg", "flash": "flash.min.e1ed63ec33d28aaa9cdf78d45df1eb8e.svg", "fuel-station": "fuel-station.min.7149b2be5528908900cbc4c9a2654150.svg", "garage": "garage.min.05bd3f8eae4ba0bb1a758ba272789ad4.svg", "gift": "gift.min.091131a27cb0703b194952a6a6208548.svg", "globe": "globe.min.9e186f3da4fa55382f84c7b66235f47a.svg", "grid": "grid.min.eb7c2ddc778827955200c41e53abdcec.svg", "heart": "heart.min.9bf1c860a0e4c38cf85d1e82b19ba483.svg", "heart-filled": "heart-filled.min.581fbbce1e8955092aa194dcf8fdfb6e.svg", "highway": "highway.min.938feb5bf2ec2a7ce6f43aadc498aa32.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.da41162c49566b753b7162fc6b88adb9.svg", "information-filled": "information-filled.min.d9ff41c99234ae53e794900a355268de.svg", "key": "key.min.4f55b5ba22e76cf8426ad6dbe40d0bbc.svg", "leaf": "leaf.min.9fb555963ab3e04de2b2fc3356fb8d54.svg", "leather": "leather.min.e1869beedb7d489f9c88873db7e86878.svg", "light": "light.min.b3df892b730921aa9f34e72d1dc6707f.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.61ea8fda8a7f6a61e90382d371882875.svg", "lock": "lock.min.c9bd1029c6fc9bfa37dbcaa1de314151.svg", "lock-open": "lock-open.min.ebce0c0023d1761620e5a9ec86d5f19c.svg", "logo-apple-podcast": "logo-apple-podcast.min.59a2ee9e209fa59584c5e7d1ab15751b.svg", "logo-baidu": "logo-baidu.min.fef8bfc1e79a0ae2a045b85cb6914500.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.1f2fd90a9f18dd66befe59beb96ecca8.svg", "logo-foursquare": "logo-foursquare.min.3540cfa24d2148b73109be719fda9dc9.svg", "logo-gmail": "logo-gmail.min.adfa4976a690779760813b2d6233044c.svg", "logo-google": "logo-google.min.94c456d4bbaff4762bc237e955208d43.svg", "logo-hatena": "logo-hatena.min.fa24251ddecb3bb3dc88eb272ceb7207.svg", "logo-instagram": "logo-instagram.min.3598c948318e3ca1d3ceb05b2d92ed82.svg", "logo-kaixin": "logo-kaixin.min.589d54db102fd3601a2f6272e95a97ae.svg", "logo-kakaotalk": "logo-kakaotalk.min.a12bd354de347ae378c814bab03019c9.svg", "logo-linkedin": "logo-linkedin.min.037f80d4dcaed74a8ec477c8b41efda4.svg", "logo-naver": "logo-naver.min.3fb9362b5d870bfa2b4828d3ed8f0908.svg", "logo-pinterest": "logo-pinterest.min.bc85460c3acaf569a2dac52c65e0cbb1.svg", "logo-qq": "logo-qq.min.f4964e246a81d4c53e6cd73b27bec6f7.svg", "logo-qq-share": "logo-qq-share.min.206a8aa10c361b42e0ce21187a026b20.svg", "logo-reddit": "logo-reddit.min.d17ea0df5f3ef78dfd4c589ee05f614c.svg", "logo-skyrock": "logo-skyrock.min.c8abe04e7b2108e0043bfbf767502e28.svg", "logo-sohu": "logo-sohu.min.b08a939d35b55af30a260e7cd4a0ec86.svg", "logo-spotify": "logo-spotify.min.45a99bb091d15e4ee8972c924a0bccd7.svg", "logo-tecent": "logo-tecent.min.46a3a54e2eefb01152fc5bbcf669bb50.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.7829ba5442928dac099150730224cb05.svg", "logo-tumblr": "logo-tumblr.min.01b11e20074f291f48ad3b8b8b6c3614.svg", "logo-twitter": "logo-twitter.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-viber": "logo-viber.min.646a1bd7d9ddfa36e88ac8167ceb3a62.svg", "logo-vk": "logo-vk.min.3efece5db847af4330a6e8443f63ee69.svg", "logo-wechat": "logo-wechat.min.cd991e932478b2c59f2ec06087e7c24d.svg", "logo-weibo": "logo-weibo.min.7cb2bb1ff4fbb20d389b51acaf36dc3b.svg", "logo-whatsapp": "logo-whatsapp.min.c2c7058b2c0a5b258ac1490e6cd0788a.svg", "logo-x": "logo-x.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-xing": "logo-xing.min.29d25a181d0bd4b4c8f19df1543b92d9.svg", "logo-yahoo": "logo-yahoo.min.e7af46e796bdbfc6420ce2be575e728a.svg", "logo-youku": "logo-youku.min.aae99a44e06894fd39e2e727062ac922.svg", "logo-youtube": "logo-youtube.min.ff07c3f9edd380237a3696ad52922c78.svg", "logout": "logout.min.6fee5a3178d5dc1822872ce7a5498bc2.svg", "map": "map.min.e56d3b260f79967149f12759c2bff74b.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.e3322162121fb57b7109e6c245865e77.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.00021b016be7e9f085c9a674b00228af.svg", "moon": "moon.min.1bb08960549b5862c853d13a259e51b3.svg", "oil-can": "oil-can.min.4cc2d96f9754e9f708a07836eba07d03.svg", "parking-brake": "parking-brake.min.285b4ba85166dd00b8a6c2e6833e5c88.svg", "parking-light": "parking-light.min.3f11c8f7dbbba49b0c68eea92e97bd5e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.cd54f3670e32d37ea41484f6fd45ddaa.svg", "pin": "pin.min.6cf04e89e5946856f6ae8f526425ef8f.svg", "pin-filled": "pin-filled.min.e3a46a4efb0d4041ebafff08ecbdca59.svg", "play": "play.min.65ffffba05432a3f804eb6c537fb71ef.svg", "plug": "plug.min.289db9e36a8ba1dbf5a8e8d387ed8871.svg", "plus": "plus.min.3fbdce4b03fe2c2d1ae489f0dd916f7b.svg", "preheating": "preheating.min.7e8b645163d47293eb7d79f5d6870911.svg", "printer": "printer.min.1df1993070df56c82cdfcc01e9c6f23e.svg", "purchase": "purchase.min.693f7b82c23721fe4bf15a6f8f50b80e.svg", "push-pin": "push-pin.min.a5a47f392030bb24a5b4b985061a5181.svg", "push-pin-off": "push-pin-off.min.2f4b9c8bfb787e48d75a3dd95e38da19.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.5868a129a8aa88e5504ef2351bfd234f.svg", "racing-flag": "racing-flag.min.c5993e8842a9d4155cc1272358efde84.svg", "refresh": "refresh.min.b4853591c524d0dc7924e60314494ccf.svg", "replay": "replay.min.a3e6361394e1c9432bfb5f9a4b5833ca.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.faf6177214e68591bb9911050870103c.svg", "roof-open": "roof-open.min.4314d86b9159ead78bc46622c1c4d3ac.svg", "route": "route.min.784e30085f543fdeb9158cb27c7cb38e.svg", "rss": "rss.min.32a204b2df59ef3fc3bd13effa76b4d2.svg", "save": "save.min.2481cb4d8d04b3ee6b26547a4b8b57ac.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.1a2481bb5b7acefdb7f69d34d5b2887a.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.f92604f534cee4ed9753d1976855908a.svg", "shopping-bag": "shopping-bag.min.3f91a9bcd921ce9d850499c3c5af34fc.svg", "shopping-bag-filled": "shopping-bag-filled.min.abf6c983207c87279f5f6bc26c3ef7d4.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.0e5a79dd87cc0ea1f4c72d5b04aa505e.svg", "sidelights": "sidelights.min.44ca975194d22ac2dc893395256b1678.svg", "snowflake": "snowflake.min.889d8b279ac98abfd0c74cf90b9e3c68.svg", "sort": "sort.min.1629148e7e80ced04d9615b51664e07b.svg", "stack": "stack.min.e71da4fb0445267fa13bff9cfa1fbd16.svg", "star": "star.min.4c5bb15a9c3d7136351e3953805df3c8.svg", "star-filled": "star-filled.min.942167258f7a37f163c03313c5c85eaa.svg", "steering-wheel": "steering-wheel.min.1738194edd71e78e6f8937142bf5d1ef.svg", "stopwatch": "stopwatch.min.932f9fa49916e38a99d2b23511d7f114.svg", "subtract": "subtract.min.43807211256225261ea0cecebc3197fc.svg", "success": "success.min.441faa611fe5d97d758f557ab5438826.svg", "success-filled": "success-filled.min.629e31bb0384825a875c627f5d9f8a37.svg", "sun": "sun.min.7bd259f3f639ac8476a348e2a79ffce3.svg", "switch": "switch.min.bbaf816c7c6982a3714f6e121266dd44.svg", "tablet": "tablet.min.a5e47c3362c7d22fcb44d8cd99f89793.svg", "tachometer": "tachometer.min.4f2563b806263118f75d365f38d26d79.svg", "tire": "tire.min.6ebb3d5a396401e734ae63c06aaaf198.svg", "truck": "truck.min.17f20699b0ebf6f63b418e863410553a.svg", "upload": "upload.min.7b886aa894be24d3549089563361a008.svg", "user": "user.min.255f5ec972caaecfb41b024847a9bbef.svg", "user-filled": "user-filled.min.f35ca1e5ba7d3984ea638b8d92fd3663.svg", "user-group": "user-group.min.27dd137a75974dabf3f60c90591b54c7.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.3725461133a7f2a081a5aa4d27b96921.svg", "view": "view.min.78e4839028a721c3efcd47dfdbc8e4bf.svg", "view-off": "view-off.min.041d6453bd984055a91fd70ae251a2c8.svg", "volume-off": "volume-off.min.1bedd2b4a901feda38454b1d495f84e7.svg", "volume-up": "volume-up.min.c6b1b9ca042830cdf31e9b7ca0351bd1.svg", "warning": "warning.min.471ca57c6eef0711bfaa40a6791297ee.svg", "warning-filled": "warning-filled.min.df35246b8e94f696eefc1b2122a77a50.svg", "weight": "weight.min.4f0f06e26c83b4fa29e82e0de9153775.svg", "wifi": "wifi.min.3b4e78e9f4375afd8ada69a3a418a6c4.svg", "work": "work.min.302501dba39782f9a59d3766f57762b2.svg", "wrench": "wrench.min.91a2a4a766ea46cc53898fa4680099b5.svg", "wrenches": "wrenches.min.e06308f102cb227a9fcba2553151bae5.svg", "zoom-in": "zoom-in.min.38a97db3e6a00ce671ee7643679793be.svg", "zoom-out": "zoom-out.min.8dd4c51836b1262285122df30abd8f37.svg" };
3544
3544
 
3545
3545
  const MARQUES_MANIFEST = { "porscheMarqueTrademark": { "medium": { "1x": { "png": "porsche-marque-trademark.medium.min.da075315857e239ff46bf4c150648ff0@1x.png", "webp": "porsche-marque-trademark.medium.min.5c6af9aa7946fea34f60c8f8c95d0188@1x.webp" }, "2x": { "png": "porsche-marque-trademark.medium.min.aa801f42028b1c385a5e26ae115da598@2x.png", "webp": "porsche-marque-trademark.medium.min.fff6e9b91481cc5b1fc6c9b62987ccaf@2x.webp" }, "3x": { "png": "porsche-marque-trademark.medium.min.824818d15eaf445f50e0a2391613f214@3x.png", "webp": "porsche-marque-trademark.medium.min.f67092ff6b5f4ecb4add73d6ae153db0@3x.webp" } }, "small": { "1x": { "png": "porsche-marque-trademark.small.min.020244b41a29323e2a7932a264514cdf@1x.png", "webp": "porsche-marque-trademark.small.min.783639706bead66b2d56e3b8b64bd61f@1x.webp" }, "2x": { "png": "porsche-marque-trademark.small.min.92184fae44511ceda8320443c17110b1@2x.png", "webp": "porsche-marque-trademark.small.min.760a57efa93d4e7e16e26128ec7ead46@2x.webp" }, "3x": { "png": "porsche-marque-trademark.small.min.fd545cea4298f5d797246d5805711646@3x.png", "webp": "porsche-marque-trademark.small.min.1726036a7829347e1e24d1eb54fc0d64@3x.webp" } } }, "porscheMarque": { "medium": { "1x": { "png": "porsche-marque.medium.min.a98627440b05154565f9f9dfc1ad6187@1x.png", "webp": "porsche-marque.medium.min.fa908e4dfdc5536b0e933e1670d20e1f@1x.webp" }, "2x": { "png": "porsche-marque.medium.min.089d6dd560fff7a2bf613ae6d528990e@2x.png", "webp": "porsche-marque.medium.min.7f0893dc57f2607a2cb0b817d96cb985@2x.webp" }, "3x": { "png": "porsche-marque.medium.min.2cb874345ef290831c929f6caabfeef8@3x.png", "webp": "porsche-marque.medium.min.3534cf066b4e2e737dca62de495f9616@3x.webp" } }, "small": { "1x": { "png": "porsche-marque.small.min.ac2042736af5512cf547c89fa7924c4f@1x.png", "webp": "porsche-marque.small.min.005debed5bf72cf0a9a791b1521f5e1d@1x.webp" }, "2x": { "png": "porsche-marque.small.min.22f1e9dc90399d9a5287eda689b60dba@2x.png", "webp": "porsche-marque.small.min.df4317325d04ffef28c7839aa6d499a0@2x.webp" }, "3x": { "png": "porsche-marque.small.min.49209245f04eadef8817b9bbae80d3e1@3x.png", "webp": "porsche-marque.small.min.cfd6149aaa3bc5b3b522538e5f650890@3x.webp" } } }, "porscheMarque75": { "medium": { "1x": { "png": "porsche-marque75.medium.min.0a02e2256062de963f2fef2c02d20200@1x.png", "webp": "porsche-marque75.medium.min.99b2d657558f0531d639782974e8fd06@1x.webp" }, "2x": { "png": "porsche-marque75.medium.min.1d41ecfb8f5277d3f4bd65d25d22eea3@2x.png", "webp": "porsche-marque75.medium.min.e32580cd1ac179e354ed8fcb31694168@2x.webp" }, "3x": { "png": "porsche-marque75.medium.min.373bcb5f89d31c8b6084e66e902b9f4c@3x.png", "webp": "porsche-marque75.medium.min.4a003d1e5e81db062bf92d52ba797087@3x.webp" } }, "small": { "1x": { "png": "porsche-marque75.small.min.f5b37fe12cd4487432ff77fdd8469f7d@1x.png", "webp": "porsche-marque75.small.min.146b06cffe2b11c07f3113a51f337b98@1x.webp" }, "2x": { "png": "porsche-marque75.small.min.20d86908f2190640a6f24fce1ee49035@2x.png", "webp": "porsche-marque75.small.min.025770f8db54857874c130999b370ed8@2x.webp" }, "3x": { "png": "porsche-marque75.small.min.e89b13e14a088a273107bf1057f7f67d@3x.png", "webp": "porsche-marque75.small.min.a725d2ec7bd07be17afd8feb2589b156@3x.webp" } } } };
3546
3546
 
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/multi-select.mjs CHANGED
@@ -90,6 +90,9 @@ class DSRMultiSelect extends Component {
90
90
  form;
91
91
  isWithinForm;
92
92
  preventOptionUpdate = false; // Used to prevent value watcher from updating options when options are already updated
93
+ isNativePopoverCase = false;
94
+ parentTableElement;
95
+ popoverElement;
93
96
  get currentValue() {
94
97
  return getSelectedOptionValues(this.props.multiSelectOptions);
95
98
  }
@@ -98,8 +101,14 @@ class DSRMultiSelect extends Component {
98
101
  const optionsSelectedId = 'options-selected';
99
102
  const dropdownId = 'list';
100
103
  const inputId = 'filter';
101
- const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$z('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.theme)));
102
- return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("div", { className: "root", children: [jsx(Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: inputId, isRequired: this.props.required, isDisabled: this.props.disabled }), this.props.currentValue && (jsxs("span", { id: optionsSelectedId, className: "sr-only", children: [getSelectedOptions(this.props.multiSelectOptions).length, " options selected"] })), jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsx("input", { id: inputId, role: "combobox", autoComplete: "off", disabled: this.props.disabled, required: this.props.required, "aria-invalid": this.props.state === 'error' ? 'true' : null }), jsx(PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, "aria-hidden": "true" }), this.props.currentValue && (jsx(PButtonPure, { className: "button", icon: "close", hideLabel: "true", theme: this.props.theme, disabled: this.props.disabled, children: "Reset selection" })), jsxs("div", { id: dropdownId, className: "listbox", children: [!this.props.hasFilterResults && (jsxs("div", { className: "no-results", "aria-live": "polite", role: "status", children: [jsx("span", { "aria-hidden": "true", children: "---" }), jsx("span", { className: "sr-only", children: "No results found" })] })), jsx("slot", {})] })] }), jsx(StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsx("slot", { name: INTERNAL_MULTI_SELECT_SLOT })] })] }), this.props.children] }));
104
+ const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$z('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.isNativePopoverCase, this.props.theme)));
105
+ return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("div", { className: "root", children: [jsx(Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: inputId, isRequired: this.props.required, isDisabled: this.props.disabled }), this.props.currentValue && (jsxs("span", { id: optionsSelectedId, className: "sr-only", children: [getSelectedOptions(this.props.multiSelectOptions).length, " options selected"] })), jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsx("input", { id: inputId, role: "combobox", autoComplete: "off", disabled: this.props.disabled, required: this.props.required, "aria-invalid": this.props.state === 'error' ? 'true' : null }), jsx(PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, "aria-hidden": "true" }), this.props.currentValue && (jsx(PButtonPure, { className: "button", icon: "close", hideLabel: "true", theme: this.props.theme, disabled: this.props.disabled, children: "Reset selection" })), jsx("div", { ...(this.props.isNativePopoverCase && {
106
+ popover: 'auto',
107
+ className: 'popover',
108
+ ...(this.props.popoverElement?.matches(':popover-open') && {
109
+ 'popover-open': true,
110
+ }),
111
+ }), children: jsxs("div", { id: dropdownId, className: "listbox", children: [!this.props.hasFilterResults && (jsxs("div", { className: "no-results", "aria-live": "polite", role: "status", children: [jsx("span", { "aria-hidden": "true", children: "---" }), jsx("span", { className: "sr-only", children: "No results found" })] })), jsx("slot", {})] }) })] }), jsx(StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsx("slot", { name: INTERNAL_MULTI_SELECT_SLOT })] })] }), this.props.children] }));
103
112
  }
104
113
  }
105
114
 
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs CHANGED
@@ -80,13 +80,13 @@ class DSRPopover extends Component {
80
80
  spacer;
81
81
  popover;
82
82
  button;
83
- isNative = false;
83
+ isNativePopoverCase = false;
84
84
  parentTableElement;
85
85
  render() {
86
86
  splitChildren(this.props.children);
87
- const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$w(this.props.direction, this.props.isNative, this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4')));
88
- return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("button", { type: "button", ...(this.props.isNative ? { popoverTarget: 'spacer' } : { ...(!this.props.isNative && { 'aria-expanded': this.props.open }),
89
- }), children: [jsx(PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsx("span", { className: "label", children: "More information" })] }), (this.props.open || this.props.isNative) && (jsx("div", { className: "spacer", ...(this.props.isNative && { popover: 'auto', id: 'spacer', onToggle: this.props.onToggle }), children: jsx("div", { className: "popover", children: this.props.description ? jsx("p", { children: this.props.description }) : jsx("slot", {}) }) }))] })] }), this.props.children] }));
87
+ const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$w(this.props.direction, this.props.isNativePopoverCase, this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4')));
88
+ return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", shadowrootdelegatesfocus: "true", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("button", { type: "button", ...(this.props.isNativePopoverCase ? { popoverTarget: 'spacer' } : { ...(!this.props.isNativePopoverCase && { 'aria-expanded': this.props.open }),
89
+ }), children: [jsx(PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsx("span", { className: "label", children: "More information" })] }), (this.props.open || this.props.isNativePopoverCase) && (jsx("div", { className: "spacer", ...(this.props.isNativePopoverCase && { popover: 'auto', id: 'spacer', onToggle: this.props.onToggle }), children: jsx("div", { className: "popover", children: this.props.description ? jsx("p", { children: this.props.description }) : jsx("slot", {}) }) }))] })] }), this.props.children] }));
90
90
  }
91
91
  }
92
92
 
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper-dropdown.mjs CHANGED
@@ -81,7 +81,7 @@ class DSRSelectWrapperDropdown extends Component {
81
81
  searchString = '';
82
82
  inputElement;
83
83
  listElement;
84
- isNativePopover = false;
84
+ isNativePopoverCase = false;
85
85
  parentTableElement;
86
86
  popoverElement;
87
87
  get selectedIndex() {
@@ -94,7 +94,7 @@ class DSRSelectWrapperDropdown extends Component {
94
94
  const buttonId = 'value';
95
95
  const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$r(this.props.direction === 'auto'
96
96
  ? 'down'
97
- : this.props.direction, this.isOpen, this.props.state, this.props.disabled, this.props.filter, this.props.isNativePopover, this.props.theme)));
97
+ : this.props.direction, this.isOpen, this.props.state, this.props.disabled, this.props.filter, this.props.isNativePopoverCase, this.props.theme)));
98
98
  return (jsx(Fragment, { children: jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(Fragment, { children: this.props.filter ? ([
99
99
  jsx("input", { type: "text", role: "combobox", disabled: this.props.disabled, placeholder: getSelectedOptionMap(this.optionMaps)?.value || null, autoComplete: "off", defaultValue: this.searchString }, "input"),
100
100
  jsx("span", {
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select.mjs CHANGED
@@ -91,6 +91,9 @@ class DSRSelect extends Component {
91
91
  preventOptionUpdate = false; // Used to prevent value watcher from updating options when options are already updated
92
92
  searchString = '';
93
93
  searchTimeout = null;
94
+ isNativePopoverCase = false;
95
+ parentTableElement;
96
+ popoverElement;
94
97
  render() {
95
98
  const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
96
99
  const buttonId = 'value';
@@ -100,8 +103,14 @@ class DSRSelect extends Component {
100
103
  const ariaDescribedBy = descriptionId && selectMessageId
101
104
  ? `${descriptionId} ${selectMessageId}`
102
105
  : descriptionId || selectMessageId || undefined;
103
- const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$o('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.theme)));
104
- return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("div", { className: "root", children: [jsx(Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: buttonId, isRequired: this.props.required, isDisabled: this.props.disabled }), jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsx("button", { type: "button", role: "combobox", id: buttonId, ...getComboboxAriaAttributes(this.props.isOpen, this.props.required, labelId, ariaDescribedBy, dropdownId), disabled: this.props.disabled, children: getSelectedOptionString(otherChildren) }), jsx(PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, color: this.props.disabled ? 'state-disabled' : 'primary', "aria-hidden": "true" }), jsx("div", { id: dropdownId, className: "listbox", ...getListAriaAttributes(this.props.label, this.props.required, false, this.props.isOpen), children: jsx("slot", {}) })] }), jsx(StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsx("slot", { name: INTERNAL_SELECT_SLOT })] })] }), this.props.children] }));
106
+ const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$o('down', this.props.isOpen, this.props.disabled, this.props.hideLabel, this.props.state, this.props.isWithinForm, this.props.isNativePopoverCase, this.props.theme)));
107
+ return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("div", { className: "root", children: [jsx(Label, { hasLabel: this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0, hasDescription: this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0, host: null, label: this.props.label, description: this.props.description, htmlFor: buttonId, isRequired: this.props.required, isDisabled: this.props.disabled }), jsxs("div", { className: `wrapper${this.props.disabled ? ' disabled' : ''}`, children: [jsx("button", { type: "button", role: "combobox", id: buttonId, ...getComboboxAriaAttributes(this.props.isOpen, this.props.required, labelId, ariaDescribedBy, dropdownId), disabled: this.props.disabled, children: getSelectedOptionString(otherChildren) }), jsx(PIcon, { className: "icon", name: "arrow-head-down", theme: this.props.theme, color: this.props.disabled ? 'state-disabled' : 'primary', "aria-hidden": "true" }), jsx("div", { ...(this.props.isNativePopoverCase && {
108
+ popover: 'auto',
109
+ className: 'popover',
110
+ ...(this.props.popoverElement?.matches(':popover-open') && {
111
+ 'popover-open': true,
112
+ }),
113
+ }), children: jsx("div", { id: dropdownId, className: "listbox", ...getListAriaAttributes(this.props.label, this.props.required, false, this.props.isOpen), children: jsx("slot", {}) }) })] }), jsx(StateMessage, { hasMessage: (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state), state: this.props.state, message: this.props.message, theme: this.props.theme, host: null }), jsx("span", { className: "sr-only", role: "status", "aria-live": "assertive", "aria-relevant": "additions text", children: this.props.srHighlightedOptionText }), this.props.isWithinForm && jsx("slot", { name: INTERNAL_SELECT_SLOT })] })] }), this.props.children] }));
105
114
  }
106
115
  }
107
116
 
package/ssr/esm/lib/dsr-components/multi-select.d.ts CHANGED
@@ -12,6 +12,9 @@ export declare class DSRMultiSelect extends Component<any> {
12
12
  private form;
13
13
  private isWithinForm;
14
14
  private preventOptionUpdate;
15
+ private isNativePopoverCase;
16
+ private parentTableElement;
17
+ private popoverElement;
15
18
  private get currentValue();
16
19
  render(): JSX.Element;
17
20
  }
package/ssr/esm/lib/dsr-components/popover.d.ts CHANGED
@@ -5,7 +5,7 @@ export declare class DSRPopover extends Component<any> {
5
5
  private spacer;
6
6
  private popover;
7
7
  private button;
8
- private isNative;
8
+ private isNativePopoverCase;
9
9
  private parentTableElement;
10
10
  render(): JSX.Element;
11
11
  }
package/ssr/esm/lib/dsr-components/select-wrapper-dropdown.d.ts CHANGED
@@ -6,7 +6,7 @@ export declare class DSRSelectWrapperDropdown extends Component<any> {
6
6
  private searchString;
7
7
  private inputElement;
8
8
  private listElement;
9
- private isNativePopover;
9
+ private isNativePopoverCase;
10
10
  private parentTableElement;
11
11
  private popoverElement;
12
12
  private get selectedIndex();
package/ssr/esm/lib/dsr-components/select.d.ts CHANGED
@@ -13,5 +13,8 @@ export declare class DSRSelect extends Component<any> {
13
13
  private preventOptionUpdate;
14
14
  private searchString;
15
15
  private searchTimeout;
16
+ private isNativePopoverCase;
17
+ private parentTableElement;
18
+ private popoverElement;
16
19
  render(): JSX.Element;
17
20
  }
package/ssr/esm/lib/types.d.ts CHANGED
@@ -236,6 +236,7 @@ declare const ICON_NAMES: readonly [
236
236
  "augmented-reality",
237
237
  "battery-empty",
238
238
  "battery-empty-co2",
239
+ "battery-empty-fuel",
239
240
  "battery-full",
240
241
  "bell",
241
242
  "bookmark",