@porsche-design-system/components-react 3.10.0-rc.2 → 3.10.0-rc.4

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 (75) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/cjs/lib/components/carousel.wrapper.cjs +3 -3
  3. package/cjs/public-api.cjs +1 -1
  4. package/esm/lib/components/accordion.wrapper.d.ts +5 -5
  5. package/esm/lib/components/button-pure.wrapper.d.ts +1 -1
  6. package/esm/lib/components/carousel.wrapper.d.ts +21 -5
  7. package/esm/lib/components/carousel.wrapper.mjs +3 -3
  8. package/esm/lib/components/checkbox-wrapper.wrapper.d.ts +2 -2
  9. package/esm/lib/components/flyout-navigation-item.wrapper.d.ts +12 -0
  10. package/esm/lib/components/flyout-navigation.wrapper.d.ts +3 -3
  11. package/esm/lib/components/icon.wrapper.d.ts +1 -1
  12. package/esm/lib/components/link-pure.wrapper.d.ts +1 -1
  13. package/esm/lib/components/link-tile-product.wrapper.d.ts +3 -3
  14. package/esm/lib/components/multi-select.wrapper.d.ts +3 -3
  15. package/esm/lib/components/pagination.wrapper.d.ts +5 -5
  16. package/esm/lib/components/pin-code.wrapper.d.ts +3 -3
  17. package/esm/lib/components/radio-button-wrapper.wrapper.d.ts +2 -2
  18. package/esm/lib/components/segmented-control.wrapper.d.ts +5 -5
  19. package/esm/lib/components/stepper-horizontal.wrapper.d.ts +5 -5
  20. package/esm/lib/components/switch.wrapper.d.ts +5 -5
  21. package/esm/lib/components/table.wrapper.d.ts +5 -5
  22. package/esm/lib/components/tabs-bar.wrapper.d.ts +5 -5
  23. package/esm/lib/components/tabs.wrapper.d.ts +5 -5
  24. package/esm/lib/components/text-field-wrapper.wrapper.d.ts +2 -2
  25. package/esm/lib/components/text.wrapper.d.ts +1 -1
  26. package/esm/lib/types.d.ts +88 -55
  27. package/jsdom-polyfill/index.d.ts +1 -0
  28. package/package.json +2 -2
  29. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +328 -329
  30. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +41 -24
  31. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/carousel.wrapper.cjs +4 -4
  32. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.cjs +9 -4
  33. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation-item.cjs +1 -0
  34. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation.cjs +2 -2
  35. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/icon.cjs +1 -1
  36. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.cjs +1 -1
  37. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.cjs +12 -11
  38. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.cjs +2 -1
  39. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.cjs +1 -1
  40. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/minifyCss.cjs +4 -4
  41. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/public-api.cjs +1 -1
  42. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +328 -329
  43. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +40 -24
  44. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/carousel.wrapper.mjs +4 -4
  45. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs +10 -5
  46. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation-item.mjs +1 -0
  47. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation.mjs +2 -2
  48. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/icon.mjs +1 -1
  49. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.mjs +1 -1
  50. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs +12 -11
  51. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs +2 -1
  52. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.mjs +1 -1
  53. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/minifyCss.mjs +4 -4
  54. package/ssr/esm/lib/components/accordion.wrapper.d.ts +5 -5
  55. package/ssr/esm/lib/components/carousel.wrapper.d.ts +21 -5
  56. package/ssr/esm/lib/components/checkbox-wrapper.wrapper.d.ts +2 -2
  57. package/ssr/esm/lib/components/flyout-navigation-item.wrapper.d.ts +12 -0
  58. package/ssr/esm/lib/components/flyout-navigation.wrapper.d.ts +3 -3
  59. package/ssr/esm/lib/components/link-tile-product.wrapper.d.ts +3 -3
  60. package/ssr/esm/lib/components/multi-select.wrapper.d.ts +3 -3
  61. package/ssr/esm/lib/components/pagination.wrapper.d.ts +5 -5
  62. package/ssr/esm/lib/components/pin-code.wrapper.d.ts +3 -3
  63. package/ssr/esm/lib/components/radio-button-wrapper.wrapper.d.ts +2 -2
  64. package/ssr/esm/lib/components/segmented-control.wrapper.d.ts +5 -5
  65. package/ssr/esm/lib/components/stepper-horizontal.wrapper.d.ts +5 -5
  66. package/ssr/esm/lib/components/switch.wrapper.d.ts +5 -5
  67. package/ssr/esm/lib/components/table.wrapper.d.ts +5 -5
  68. package/ssr/esm/lib/components/tabs-bar.wrapper.d.ts +5 -5
  69. package/ssr/esm/lib/components/tabs.wrapper.d.ts +5 -5
  70. package/ssr/esm/lib/components/text-field-wrapper.wrapper.d.ts +2 -2
  71. package/ssr/esm/lib/dsr-components/flyout-navigation-item.d.ts +1 -0
  72. package/ssr/esm/lib/dsr-components/flyout-navigation.d.ts +2 -2
  73. package/ssr/esm/lib/dsr-components/link-tile-product.d.ts +1 -1
  74. package/ssr/esm/lib/dsr-components/modal.d.ts +1 -0
  75. package/ssr/esm/lib/types.d.ts +88 -55
package/ssr/esm/components/dist/utils/esm/utils-entry.mjs CHANGED
@@ -27,20 +27,20 @@ function _typeof(o) {
27
27
  }, _typeof(o);
28
28
  }
29
29
 
30
- function _toPrimitive(input, hint) {
31
- if (_typeof(input) !== "object" || input === null) return input;
32
- var prim = input[Symbol.toPrimitive];
33
- if (prim !== undefined) {
34
- var res = prim.call(input, hint || "default");
35
- if (_typeof(res) !== "object") return res;
30
+ function toPrimitive(t, r) {
31
+ if ("object" != _typeof(t) || !t) return t;
32
+ var e = t[Symbol.toPrimitive];
33
+ if (void 0 !== e) {
34
+ var i = e.call(t, r || "default");
35
+ if ("object" != _typeof(i)) return i;
36
36
  throw new TypeError("@@toPrimitive must return a primitive value.");
37
37
  }
38
- return (hint === "string" ? String : Number)(input);
38
+ return ("string" === r ? String : Number)(t);
39
39
  }
40
40
 
41
- function _toPropertyKey(arg) {
42
- var key = _toPrimitive(arg, "string");
43
- return _typeof(key) === "symbol" ? key : String(key);
41
+ function toPropertyKey(t) {
42
+ var i = toPrimitive(t, "string");
43
+ return "symbol" == _typeof(i) ? i : String(i);
44
44
  }
45
45
 
46
46
  function _defineProperties(target, props) {
@@ -49,7 +49,7 @@ function _defineProperties(target, props) {
49
49
  descriptor.enumerable = descriptor.enumerable || false;
50
50
  descriptor.configurable = true;
51
51
  if ("value" in descriptor) descriptor.writable = true;
52
- Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
52
+ Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
53
53
  }
54
54
  }
55
55
  function _createClass(Constructor, protoProps, staticProps) {
@@ -3180,11 +3180,9 @@ function getDirectChildHTMLElement(element, selector) {
3180
3180
  );
3181
3181
  }
3182
3182
 
3183
- // TODO: unit test is missing
3184
- const hasSpecificSlottedTag = (host, tags) => {
3185
- // TODO: needs to be direct and only child
3186
- const el = getHTMLElement(host, ':first-child');
3187
- return el?.matches(tags);
3183
+ const hasSpecificDirectChildTag = (host, tag) => {
3184
+ const el = getDirectChildHTMLElement(host, ':only-child');
3185
+ return !!(el?.matches(tag));
3188
3186
  };
3189
3187
 
3190
3188
  const isDisabledOrLoading = (disabled, loading) => {
@@ -3515,11 +3513,11 @@ const getCDNBaseURL = () => global.PORSCHE_DESIGN_SYSTEM_CDN_URL + "/porsche-des
3515
3513
 
3516
3514
  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" } } };
3517
3515
 
3518
- const ICONS_MANIFEST = { "360": "360.min.5f2fcac02969bc425484fe8d80e5a1c9.svg", "accessibility": "accessibility.min.295a9d53a11c42212b8cce594982dfd2.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.030c46def7a7397091d920b65bc0da3c.svg", "add": "add.min.8578a2d10c79a78e398e963b506b6cb5.svg", "adjust": "adjust.min.cdb89f5c161a4c82328fe60e72a88c59.svg", "arrow-double-down": "arrow-double-down.min.3b17923187ef2114d1f17da042fc97ca.svg", "arrow-double-left": "arrow-double-left.min.bba22e26f025c439b600bf74f0566465.svg", "arrow-double-right": "arrow-double-right.min.14f743d4adb5467fc0e95ac7f6426e1f.svg", "arrow-double-up": "arrow-double-up.min.8e3b3e31d227366f916c91dcb6e1b466.svg", "arrow-down": "arrow-down.min.84e69acc6554637cc373b8a4f50ba991.svg", "arrow-first": "arrow-first.min.bc51317ecf4953a664870ebab5059775.svg", "arrow-head-down": "arrow-head-down.min.454c189f4914925447670d0ae9bd2043.svg", "arrow-head-left": "arrow-head-left.min.aa2da7b4dbbb8a28c046592290054e94.svg", "arrow-head-right": "arrow-head-right.min.fb602ae5cb51970770570a70287e77e9.svg", "arrow-head-up": "arrow-head-up.min.2c282619214e4f998e1ac64a61b5545b.svg", "arrow-last": "arrow-last.min.72553c4284717d4961f8bcf8d51e0303.svg", "arrow-left": "arrow-left.min.24e8467ef0f8f206f228a3d8d443d70b.svg", "arrow-right": "arrow-right.min.8fb7b42d2d08d60f918602aa28475c0b.svg", "arrow-up": "arrow-up.min.0bc737f7f2cc56ef65c5d33472e014b0.svg", "augmented-reality": "augmented-reality.min.290ff033e35774fd093e1ab8ed07e10f.svg", "battery-empty": "battery-empty.min.8594e37d3e67a95b85eb9935f02e69cf.svg", "battery-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.d69dc9a220dec323e758ccbff756b5b5.svg", "bookmark": "bookmark.min.0cb177c79674593133f6d3d384c5df4b.svg", "broadcast": "broadcast.min.edbfac03d4afdc964d350f54df79c6f3.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.588fabe880634ece974291f5adfee50d.svg", "camera": "camera.min.10af3a4fac8c289775390534a50606d0.svg", "car": "car.min.4eeec04c87a14bb5d3d316eeeee0185b.svg", "car-battery": "car-battery.min.2a619bbd456ad531c922bf8f51b70977.svg", "card": "card.min.06394222c7ca5d6c7e783d6f86f030a6.svg", "charging-active": "charging-active.min.915410d626a52a3a76b6bf498491c255.svg", "charging-state": "charging-state.min.c5cb87ef2808f824f352a6ebd9b9d4a9.svg", "charging-station": "charging-station.min.211fcf0f9a9bb50b6e83482ee588dda9.svg", "chart": "chart.min.267e23c07f47784c186c5119b870df76.svg", "chat": "chat.min.a8a52d1b8b463ee0e5a3b0d812c9a40c.svg", "check": "check.min.0cb26d9a5ee1d217e5054f1ad60ae3b4.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.152235d2bf2b7ec6e1a3c40e6971c446.svg", "clock": "clock.min.bcea9f182e1fe861ea6e765650f79b38.svg", "close": "close.min.eefab6ef191882058f9ed548bd5a467e.svg", "closed-caption": "closed-caption.min.b93ac43c07223fda14249d2279823f6a.svg", "co2-emission": "co2-emission.min.788590454baa0f6c52dfc99a55fe0b85.svg", "compare": "compare.min.657a924ca48bf93d200d2e6539fa8050.svg", "configurate": "configurate.min.2d137bc6f43ee03587188b571c97aacd.svg", "copy": "copy.min.b47f2ffbfefd05782509bb83951c6577.svg", "country-road": "country-road.min.3ee2c1be9d063f5d7c5772fcc7ae2568.svg", "cubic-capacity": "cubic-capacity.min.b5df863671bdf059bce19eddc2990698.svg", "delete": "delete.min.fd9788c3a0842a7bb1d737c6de1969d1.svg", "disable": "disable.min.c3d85d4ed9738c077d19e524775dbd56.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.d7c63bcbadf4dd5b14c3c79a438d93f3.svg", "duration": "duration.min.9405be759f64c8253076f7e55c80c336.svg", "edit": "edit.min.06bde2175fafb58233fa1ce6d3d00f83.svg", "email": "email.min.eb8ff02812a48c5098d3c40614e8d9d7.svg", "error-filled": "error-filled.min.35d7da7cb866bcfd3a25859f8cd2246b.svg", "exclamation": "exclamation.min.6ca46945978bd4eb2a40dc29766b1882.svg", "external": "external.min.b804bef35446f6b3cb379c121de3f13d.svg", "filter": "filter.min.60f168332c7550dfdf714ed0507877b0.svg", "fingerprint": "fingerprint.min.edc52a4b691f8495ef0ca66184f62544.svg", "flash": "flash.min.e5a6de1239300a6104076ee67aec42ca.svg", "fuel-station": "fuel-station.min.0155159076984cccdbfe854eb4da3720.svg", "garage": "garage.min.463577e6a1ffac592b5aa7bec9a82d39.svg", "gift": "gift.min.eeb1a5871a4008bcafd9495fe11ec9bc.svg", "globe": "globe.min.50fd2c886a822673902bd106efc73c3f.svg", "grid": "grid.min.c36c5015115005dcb9c948f07af0be80.svg", "heart": "heart.min.7c25821e7db007879ef53b83c116fc37.svg", "heart-filled": "heart-filled.min.4d48b6bb07a6a2159e765d0c621543a0.svg", "highway": "highway.min.ea773dcf33a43fa8e82beae96c1222b7.svg", "home": "home.min.2bdc01bb7c9b39fa5ef5a81c8c3f9f49.svg", "horn": "horn.min.77105eb430a033a3ffdf21f9fecd32de.svg", "image": "image.min.851c64681e1950312a934a723ca04a85.svg", "increase": "increase.min.45bfe421e86192da37c8cca4917c10c2.svg", "information": "information.min.d387e44cc786ca3df3702f429518a1d9.svg", "information-filled": "information-filled.min.1055e842bb7d89c061ff1b5f47ed6169.svg", "key": "key.min.37b5e8ff9fda430f855f4b82bfd03485.svg", "leaf": "leaf.min.ea91b1d04ade4c49640e89ade35c9d90.svg", "leather": "leather.min.ef9e664d2fc3c28171fbd3d93b079503.svg", "light": "light.min.5fa3dd77ee9c63e28614c4c7c4a6d39c.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.c28bdf292bbf297eb8109a272e2ffb91.svg", "lock": "lock.min.d258c21c7217cd1342307c45ecd5176e.svg", "lock-open": "lock-open.min.2ef427e273635e3aab7601b0fe92e86e.svg", "logo-apple-podcast": "logo-apple-podcast.min.af7a1f162ae9d6dba90fe155d8688b9c.svg", "logo-baidu": "logo-baidu.min.a8eb57b32e616b21820d86882835fe20.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.0c2e020d0b61d37e76e6bab67e4d149e.svg", "logo-foursquare": "logo-foursquare.min.b2699d993d9d731892ba01874c0e023d.svg", "logo-gmail": "logo-gmail.min.0c14069d86c2ba0a42c726d96f0cae9c.svg", "logo-google": "logo-google.min.c1f3931d74e40e5cdc875236b7e674a1.svg", "logo-hatena": "logo-hatena.min.021834899da6e6f6a9dd963f4fc3337c.svg", "logo-instagram": "logo-instagram.min.2f8c578e2472dc13b2f0ec8d1b936442.svg", "logo-kaixin": "logo-kaixin.min.8fb995689a3442669df37b5f375922fc.svg", "logo-kakaotalk": "logo-kakaotalk.min.988146b4cd8bced103fd8b5a9be064d8.svg", "logo-linkedin": "logo-linkedin.min.e4848fd4b74404e504fd1a4d5a25b960.svg", "logo-naver": "logo-naver.min.13f97e4c3ad4898d169904caa609f2d0.svg", "logo-pinterest": "logo-pinterest.min.101284bac1d7cf468719fccf416069df.svg", "logo-qq": "logo-qq.min.5d89ab35e4e00e81deadaa2fe0d51a5d.svg", "logo-qq-share": "logo-qq-share.min.01da8f9d6665f4529f349f88b4fb0cfc.svg", "logo-reddit": "logo-reddit.min.40dd42ee1368dbc74611afee4d3c9850.svg", "logo-skyrock": "logo-skyrock.min.9440a0e4a088cdfbfcc99bc91010768a.svg", "logo-sohu": "logo-sohu.min.d7a030336d712a2b44982e65071cd2bc.svg", "logo-spotify": "logo-spotify.min.c5c5debf708f4bc9ae36cbac5a1723e5.svg", "logo-tecent": "logo-tecent.min.fd1ec329327f4cbf5706c393df66af9d.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.9c5ffad4c76353afaa99feca9e4f2f0a.svg", "logo-tumblr": "logo-tumblr.min.9b77d06b659cee9d5f45015c33c23967.svg", "logo-twitter": "logo-twitter.min.a6a1098cf290c07051a53f14a4efe1b0.svg", "logo-viber": "logo-viber.min.330fbae7d2683b7910d828cbe864f738.svg", "logo-vk": "logo-vk.min.727ba204a194c8cf1b7fc389ac1db14b.svg", "logo-wechat": "logo-wechat.min.0392ff30f188aa9f52480e965142474a.svg", "logo-weibo": "logo-weibo.min.3ded49004baea42d85fa6fcb9d79ccb1.svg", "logo-whatsapp": "logo-whatsapp.min.02c83d3cbde89763eee8fc3bcab02257.svg", "logo-xing": "logo-xing.min.6a5f5fde119a841823d0ef05293b3454.svg", "logo-yahoo": "logo-yahoo.min.622e886e777c08cf80c31dc99ca13f1a.svg", "logo-youku": "logo-youku.min.d35a5283c6d3094748f565c729f56d9f.svg", "logo-youtube": "logo-youtube.min.59c939904cbec0c7793289eb5e68cb99.svg", "logout": "logout.min.aa54756e3aec12f347fdec0a2905a232.svg", "map": "map.min.643551801bfc27a93438c30ebe1d1387.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.30ff09f6e2ce846286dd136279636097.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.71d3c0d7fb4349383562cc233478f7fb.svg", "moon": "moon.min.5c447b4013210e7c7723ca4b6fdbfa9f.svg", "oil-can": "oil-can.min.31978141ee5529f97833027b1e03294a.svg", "parking-brake": "parking-brake.min.f03105e84898f1db02c6fcbdd008bfcf.svg", "parking-light": "parking-light.min.968af68684df1220b15cff6616e8376e.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.e1a58c454ffe074b30a5bb16c75ff23f.svg", "pin": "pin.min.c6ce5ea394fd9cf9dca80a592e2aeae4.svg", "pin-filled": "pin-filled.min.e47cf748ce9a27ced935c6b6cf4c59f1.svg", "play": "play.min.703fb2dbebac16ea91a6524914626ae2.svg", "plug": "plug.min.02d79b2702ac5c41020b54bd9eedf523.svg", "plus": "plus.min.dd34f71292a547080b9247a72c1adda2.svg", "preheating": "preheating.min.96ccdd3d24b0634ca820dc894894a34d.svg", "printer": "printer.min.bcd50214772a8fcc1d0f0ae1205610bf.svg", "purchase": "purchase.min.70535cff1a085154ab49ab958fe91aae.svg", "push-pin": "push-pin.min.7cec1084d78eb838957424d8ed62ecf5.svg", "push-pin-off": "push-pin-off.min.de81e394f6d02de580d4408070986097.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.df469b72598d2dbfb458c46430c0690a.svg", "racing-flag": "racing-flag.min.1aee1d177d44aaaca113a8b7a81db573.svg", "refresh": "refresh.min.36ced59c8e8d06980d6ac20cca8a9057.svg", "replay": "replay.min.d4f212bf3d5f8fe166d78dba57eeacde.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.12c12819a41ecfa4d6399016413c8ed7.svg", "roof-open": "roof-open.min.6f33c5ad1c34706c751e66f4b357a6b3.svg", "route": "route.min.49f1935d2a563b150bb382eb56a04972.svg", "rss": "rss.min.eaf3873673fcbff72833e7a77f9510f8.svg", "save": "save.min.6506e50ad89aee223e85fe52242c232e.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.f2755d61c24b6ad037f51d65588be308.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.b7b59aa7085cc865735acfd940480234.svg", "shopping-bag": "shopping-bag.min.9d99682e614f5bbb9760c1a0272bd1e0.svg", "shopping-bag-filled": "shopping-bag-filled.min.566efdc835446512c426a9ef5e3badb0.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.c166601be618e0aadd596b54785f18f2.svg", "sidelights": "sidelights.min.996d591ee87247eae32968bf0b588d1e.svg", "snowflake": "snowflake.min.cf85d1b3c62e223ffb80d8c838d4f0b8.svg", "sort": "sort.min.d90a6657569305b9b09b0c6997b5b915.svg", "stack": "stack.min.d36295767f8e2540bbbf60278114ca09.svg", "star": "star.min.d7445429f599f915661e6c57841ae339.svg", "steering-wheel": "steering-wheel.min.c632bf7d06f41d68f0a95d76615f3981.svg", "stopwatch": "stopwatch.min.c90f1fde0961349fe79c0b077f7b0d41.svg", "subtract": "subtract.min.bb9f2dcb0c81ac7f216f6fe2ba916c09.svg", "success": "success.min.4401a4715549bd7dfaaa4f54684b2088.svg", "success-filled": "success-filled.min.c9cb3c66aebf9c4f40b897064f901335.svg", "sun": "sun.min.a68eb6225965558e4498d3d38c33d52a.svg", "switch": "switch.min.ab6c8b55ab119d9bd5170a1893a75ed2.svg", "tablet": "tablet.min.60e7c4ef821bf610d2b2d5b06c7e88b7.svg", "tachometer": "tachometer.min.348f8c5eed7c61993a864ebcffee98bd.svg", "tire": "tire.min.ec215e48e0111c2ac0d219bd93af6d02.svg", "truck": "truck.min.43f91b0320003695d8804cf6a8a86da4.svg", "upload": "upload.min.cf3aaf8fb27e339d26133cbd6a5332ca.svg", "user": "user.min.0f8dcfbe34322e7968b4b23e11d963f0.svg", "user-filled": "user-filled.min.aa7b4c61ce78e08ba35fb513ff9e19dd.svg", "user-group": "user-group.min.87f6ca16e7174b9a8d1894283a8ff1d4.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.107dfd64c6fd7398dd48b94d61b2fe11.svg", "view": "view.min.cd78cae7309f44d941e9264047e3efa0.svg", "view-off": "view-off.min.e27746517bdb4c2c9ae5f025c7e74991.svg", "volume-off": "volume-off.min.711d24824df04d61c3129bbdcdbfa083.svg", "volume-up": "volume-up.min.0a2ebc984c6b9d2f53c747f9ba2028f1.svg", "warning": "warning.min.04529c502dddce98f0ae2eec0bfb3432.svg", "warning-filled": "warning-filled.min.ee8effcdc653f660043f909b6f0c938b.svg", "weight": "weight.min.47ef0b98ca8ed590dd7d6e6c3f1bcd46.svg", "wifi": "wifi.min.14540859e9241374bd9d0c89eb85667b.svg", "work": "work.min.d17986d8fcff6a5fcd5e9925e838fade.svg", "wrench": "wrench.min.90e402dc170fe83de23e2c11588ba037.svg", "wrenches": "wrenches.min.990b074555825a218e86fd35397fc88c.svg", "zoom-in": "zoom-in.min.22fa9d7ee8748debc801fe910f2d3d01.svg", "zoom-out": "zoom-out.min.9408a4dc5786ed5a783a729e58ab3d6d.svg" };
3516
+ const ICONS_MANIFEST = { "360": "360.min.76efdbb33df88a50688714633a0418d7.svg", "accessibility": "accessibility.min.39472992434d3aae116c950714e80d26.svg", "active-cabin-ventilation": "active-cabin-ventilation.min.b1cd81fa0db665340febd5fa5e221f09.svg", "add": "add.min.c7f2a02da3c3cff7ef6f5176a76ba6cb.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-full": "battery-full.min.4c75acb5a64a6dd3116ede7b1859a6d6.svg", "bell": "bell.min.bd531bb005a60118bf5469cc57879ab6.svg", "bookmark": "bookmark.min.0cb177c79674593133f6d3d384c5df4b.svg", "broadcast": "broadcast.min.82ff8342b5e8dd0fa8b078d834020ec1.svg", "calculator": "calculator.min.2518729352d3709e488e71dcbf449247.svg", "calendar": "calendar.min.bc89af56fd76ad2e64d30dfc6f385cf4.svg", "camera": "camera.min.c54204c4294683703245cd4ffff8aac4.svg", "car": "car.min.29104e0830da458dba2e895cbd61b99a.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.2386b85a6489f7536d1ab777e6f49288.svg", "chart": "chart.min.fef87221f35a78ff17bbc3d96b773e33.svg", "chat": "chat.min.b84b7eb8f5c97b322d365f6501961239.svg", "check": "check.min.e1930a3d5427c6e8e41af7bf8edec8bb.svg", "city": "city.min.a99b88b51adda8244a2c72953a2f4ab4.svg", "climate": "climate.min.5d52b2880552275d9032afc0fa2b7296.svg", "climate-control": "climate-control.min.e88483b7a0a5aebac4aa8622e881a3f6.svg", "clock": "clock.min.04a827c1f9bb35bedaacc7eeb82d03fc.svg", "close": "close.min.565f6a718b632a173b7a74eb9cb84378.svg", "closed-caption": "closed-caption.min.e7b74862b113c39c5d5f8457a22f4540.svg", "co2-emission": "co2-emission.min.6b13f37ccbf33ae20b21e3944991728c.svg", "compare": "compare.min.8f52ed2bfcb39674cb1f1b18d2ee5161.svg", "configurate": "configurate.min.51d072363665843f1e1caccc1626c57b.svg", "copy": "copy.min.b937e66b2126b3e64cc030abef90030d.svg", "country-road": "country-road.min.46dfca8165710e23289867eee8a8e617.svg", "cubic-capacity": "cubic-capacity.min.553438f5f885ea6595d226b840db3308.svg", "delete": "delete.min.65becfbcc48b9492a58f4d3897dec899.svg", "disable": "disable.min.9ed4dbd5a19bb73f7c8571d8542869bd.svg", "document": "document.min.d2db26d7049ab2180361c7ce40f52d57.svg", "download": "download.min.052783a619244de5e2f34e6300182f54.svg", "duration": "duration.min.dcdd24e1cdee2e3d22d6cb890aa1355c.svg", "edit": "edit.min.ebd746e6f83ae3338bbf9dcfe1f53ec2.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.7795e5ed75fb1e95d0365a9b2685a7ee.svg", "flash": "flash.min.e1ed63ec33d28aaa9cdf78d45df1eb8e.svg", "fuel-station": "fuel-station.min.0155159076984cccdbfe854eb4da3720.svg", "garage": "garage.min.c4267560e98eca8ab1a51603aa8a7915.svg", "gift": "gift.min.091131a27cb0703b194952a6a6208548.svg", "globe": "globe.min.5218179c7caabba455386052a99a9a68.svg", "grid": "grid.min.b0e7e65e6beb920e446c5fcbe8f98f58.svg", "heart": "heart.min.ac97f7194f77906671001ee08b9ed2a8.svg", "heart-filled": "heart-filled.min.c6eb63c0dc3c843599363704f6c2f831.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.6133967342679be0bee7a36a5a3659e9.svg", "information-filled": "information-filled.min.94c4e0947b6b345035405fb4523d9798.svg", "key": "key.min.e9231c8ad2bfc356d90c85a60f63c148.svg", "leaf": "leaf.min.d6ff049daec148c2bdae6b665afb6601.svg", "leather": "leather.min.f69348a7f6b549b27b3f1f2a184a54c9.svg", "light": "light.min.a8f1b58ebc0819371f18ea4e7d5532d6.svg", "list": "list.min.ecaeee96ec6cf2f8c9028ea404113a9e.svg", "locate": "locate.min.ed9ff557326ff844c5072d7b49f27725.svg", "lock": "lock.min.c9bd1029c6fc9bfa37dbcaa1de314151.svg", "lock-open": "lock-open.min.ebce0c0023d1761620e5a9ec86d5f19c.svg", "logo-apple-podcast": "logo-apple-podcast.min.532a4a0c4fead63345545a33118da558.svg", "logo-baidu": "logo-baidu.min.c68e5ecdf38d6e8670993286645323f5.svg", "logo-delicious": "logo-delicious.min.fc2927d4979ffaed1f23160091e0975e.svg", "logo-digg": "logo-digg.min.d7340b3f22cf4a22a8ac3b472c16e0e2.svg", "logo-facebook": "logo-facebook.min.ded4259e8907ce205e4621c6233f664b.svg", "logo-foursquare": "logo-foursquare.min.f1797002602cefd3264bde61b50c139b.svg", "logo-gmail": "logo-gmail.min.adfa4976a690779760813b2d6233044c.svg", "logo-google": "logo-google.min.16e6ba1675836c037a8b45873ebe9ad4.svg", "logo-hatena": "logo-hatena.min.4318b380a28bcab82064badbddf0640e.svg", "logo-instagram": "logo-instagram.min.eb72dbbd85c09193fc39f9e76efda3a4.svg", "logo-kaixin": "logo-kaixin.min.eb0b64ad9852e057028befa9c9b50e57.svg", "logo-kakaotalk": "logo-kakaotalk.min.efed5811dd9afd5e70d5774b83a1c356.svg", "logo-linkedin": "logo-linkedin.min.bb82b9e713c186ac8e5e6c16b41256cb.svg", "logo-naver": "logo-naver.min.3fb9362b5d870bfa2b4828d3ed8f0908.svg", "logo-pinterest": "logo-pinterest.min.c6498475d39d7b3703a24e77893c4c43.svg", "logo-qq": "logo-qq.min.5d89ab35e4e00e81deadaa2fe0d51a5d.svg", "logo-qq-share": "logo-qq-share.min.01da8f9d6665f4529f349f88b4fb0cfc.svg", "logo-reddit": "logo-reddit.min.e6aa34ea246b104e471289e3766b6729.svg", "logo-skyrock": "logo-skyrock.min.ec0dd61ea7a41062f0bb9a5cd236a7f8.svg", "logo-sohu": "logo-sohu.min.d7a030336d712a2b44982e65071cd2bc.svg", "logo-spotify": "logo-spotify.min.cdbb6e318ba0cf01d96b93348c2ded75.svg", "logo-tecent": "logo-tecent.min.ecc8db56a6c2e57b0286e39070faed4f.svg", "logo-telegram": "logo-telegram.min.624fca36dd6f6c5b64bce6e617372d77.svg", "logo-tiktok": "logo-tiktok.min.9c5ffad4c76353afaa99feca9e4f2f0a.svg", "logo-tumblr": "logo-tumblr.min.9b77d06b659cee9d5f45015c33c23967.svg", "logo-twitter": "logo-twitter.min.5f2490acc4b03eea7f270a750595de71.svg", "logo-viber": "logo-viber.min.330fbae7d2683b7910d828cbe864f738.svg", "logo-vk": "logo-vk.min.727ba204a194c8cf1b7fc389ac1db14b.svg", "logo-wechat": "logo-wechat.min.8426057ba1de1e98d00ccb5a3fa68582.svg", "logo-weibo": "logo-weibo.min.6658a80b03c4a97bf4e5cad176562bf1.svg", "logo-whatsapp": "logo-whatsapp.min.d89e3242e8c70daa3d7cb6c35e54699b.svg", "logo-xing": "logo-xing.min.a54d42d8952befe70c0bbe4a88f18875.svg", "logo-yahoo": "logo-yahoo.min.622e886e777c08cf80c31dc99ca13f1a.svg", "logo-youku": "logo-youku.min.11d99a9dcef260fded219f70af123d7a.svg", "logo-youtube": "logo-youtube.min.d1ede18f2449848bde765f5253496a7c.svg", "logout": "logout.min.e72a7a91b4d0ac29a5fcd88d39e2ab6f.svg", "map": "map.min.f57a1a663f68331dfe428cbf4284b5da.svg", "menu-dots-horizontal": "menu-dots-horizontal.min.94e0804e3a5a30a577cab6296ad8d15d.svg", "menu-dots-vertical": "menu-dots-vertical.min.7ec3f5be33dd3459d7a9bed9fdbe22d3.svg", "menu-lines": "menu-lines.min.30ff09f6e2ce846286dd136279636097.svg", "minus": "minus.min.00cca11ec9ce4bd913abba2059c3f10b.svg", "mobile": "mobile.min.00021b016be7e9f085c9a674b00228af.svg", "moon": "moon.min.bd7d13b5d9bb05bdac97a21511f75dfd.svg", "oil-can": "oil-can.min.4cc2d96f9754e9f708a07836eba07d03.svg", "parking-brake": "parking-brake.min.285b4ba85166dd00b8a6c2e6833e5c88.svg", "parking-light": "parking-light.min.a742815b16a33a73c8e23ab6ae246388.svg", "pause": "pause.min.dd29b256b73311abf1549ed16fe7a47b.svg", "phone": "phone.min.48d0b6d56c909b508c272dad0281af18.svg", "pin": "pin.min.e5b66a98d95ab95e8f6b1cd4a378f574.svg", "pin-filled": "pin-filled.min.e3a46a4efb0d4041ebafff08ecbdca59.svg", "play": "play.min.65ffffba05432a3f804eb6c537fb71ef.svg", "plug": "plug.min.6bc032b836484ea47f33379a38a9d2a1.svg", "plus": "plus.min.3fbdce4b03fe2c2d1ae489f0dd916f7b.svg", "preheating": "preheating.min.96ccdd3d24b0634ca820dc894894a34d.svg", "printer": "printer.min.b3f75c64f0fd98c8c7e689c49833b26d.svg", "purchase": "purchase.min.6b8c20d73c559588bb01dd477524dca3.svg", "push-pin": "push-pin.min.9769732f138f2f924f15772930cbc3bf.svg", "push-pin-off": "push-pin-off.min.c2d4133389c2ce777fc87731ef256e95.svg", "qr": "qr.min.1facfc2c9b70057552904fe123674746.svg", "question": "question.min.34a20d76e4f1f1cb6506601e49b4870b.svg", "racing-flag": "racing-flag.min.8d2ecf9f0bb911f13fd668468aabba70.svg", "refresh": "refresh.min.a4f5aa8ce043a9647b6f35443ae82e37.svg", "replay": "replay.min.a3e6361394e1c9432bfb5f9a4b5833ca.svg", "reset": "reset.min.e1ce71f684b6e83b9ed8182389bd407f.svg", "roof-closed": "roof-closed.min.3102ab041817cb98b163b178e72fabfa.svg", "roof-open": "roof-open.min.f0e6eb3cb84ab6752f9819905a894eb2.svg", "route": "route.min.79c957e6d1a1a18164e8dbd49b50620c.svg", "rss": "rss.min.02990bf42526a39ebf9a3fd0bce83bdd.svg", "save": "save.min.2481cb4d8d04b3ee6b26547a4b8b57ac.svg", "screen": "screen.min.c17978f44a7bf9f7d80f178fd2b7d116.svg", "search": "search.min.55be3fdc01f61752b7b32691f8b29f3d.svg", "send": "send.min.544f2b90e562b8582808f735846b1351.svg", "share": "share.min.4b89eca695e929bf01110ff4a84b6fb7.svg", "shopping-bag": "shopping-bag.min.9d99682e614f5bbb9760c1a0272bd1e0.svg", "shopping-bag-filled": "shopping-bag-filled.min.566efdc835446512c426a9ef5e3badb0.svg", "shopping-cart": "shopping-cart.min.05a6c651afb21246daba2e941e8366cc.svg", "shopping-cart-filled": "shopping-cart-filled.min.0e5a79dd87cc0ea1f4c72d5b04aa505e.svg", "sidelights": "sidelights.min.7d7758027cce8f5aff690d33e84f9ddd.svg", "snowflake": "snowflake.min.889d8b279ac98abfd0c74cf90b9e3c68.svg", "sort": "sort.min.1629148e7e80ced04d9615b51664e07b.svg", "stack": "stack.min.5e7616e8ef6099787362dba63da6b511.svg", "star": "star.min.81021df8514a52bb0079bbf4f605842a.svg", "steering-wheel": "steering-wheel.min.2f4db7a056d8ae2864262556c2c9ac7a.svg", "stopwatch": "stopwatch.min.b64e06dc7c78751d2e0bcfea791e4164.svg", "subtract": "subtract.min.b1c662450ff4d842751351436c9cc167.svg", "success": "success.min.e9a54ac60e1aebdfc44e5aead10e15d9.svg", "success-filled": "success-filled.min.2d87c4dad542ad75862ec04e8237e0ff.svg", "sun": "sun.min.edd9e6708180fcfdeee9ebfc6a791b5d.svg", "switch": "switch.min.bbaf816c7c6982a3714f6e121266dd44.svg", "tablet": "tablet.min.a5e47c3362c7d22fcb44d8cd99f89793.svg", "tachometer": "tachometer.min.635bf082630f4c4d7d42764d0c223c6e.svg", "tire": "tire.min.5308bdff0ec02a19e568c7c6c0fb0e22.svg", "truck": "truck.min.11be76b937a29a89140bf40d9806a232.svg", "upload": "upload.min.7b886aa894be24d3549089563361a008.svg", "user": "user.min.6ec2adb335301d2b30f2c82b4307d28e.svg", "user-filled": "user-filled.min.433c2597e10bb6f03947b12e023187f4.svg", "user-group": "user-group.min.0b702f7e13ee3537bdde32d2ad28138b.svg", "user-manual": "user-manual.min.0b87e500e3d747e67be964c47a3ae312.svg", "video": "video.min.3725461133a7f2a081a5aa4d27b96921.svg", "view": "view.min.d67598610da0a07bcd0c3b16b4a88d2e.svg", "view-off": "view-off.min.11450c8c737d007fc7dba5e33aa71ba6.svg", "volume-off": "volume-off.min.1bedd2b4a901feda38454b1d495f84e7.svg", "volume-up": "volume-up.min.f4732ebe6bbeecc6464468c7343a6c1e.svg", "warning": "warning.min.471ca57c6eef0711bfaa40a6791297ee.svg", "warning-filled": "warning-filled.min.0e22f50b6918ed7a8a8fbebadba7e4e4.svg", "weight": "weight.min.4f0f06e26c83b4fa29e82e0de9153775.svg", "wifi": "wifi.min.9a8427be8c545413aee85ed5460893b0.svg", "work": "work.min.03762add9b320f92032f266a804ebf3d.svg", "wrench": "wrench.min.745dd5345d77df9747b2f06043e15a17.svg", "wrenches": "wrenches.min.990b074555825a218e86fd35397fc88c.svg", "zoom-in": "zoom-in.min.38a97db3e6a00ce671ee7643679793be.svg", "zoom-out": "zoom-out.min.488f64b75948b369fc0ece159e18d0f6.svg" };
3519
3517
 
3520
3518
  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" } } } };
3521
3519
 
3522
- const MODEL_SIGNATURES_MANIFEST = { "718": "718.min.d92dc0fe91e67bd51120d91c5cd1eb2f.svg", "911": "911.min.5c462658f9d472e90a139173414e8fdd.svg", "boxster": "boxster.min.5e7b22a1fa25004a4f97807d57f32b21.svg", "cayenne": "cayenne.min.4026ba6b335cc98e10592f900cf731e1.svg", "cayman": "cayman.min.c634f6f3de1d67610b2e4230e60337fb.svg", "macan": "macan.min.73d9f9fa26bfe37f924d9986aec9ce5a.svg", "panamera": "panamera.min.d35913b252657f7c5cfcae74cfd61b26.svg", "taycan": "taycan.min.ba4e7c3cb86a78d626d4463b81be0f23.svg", "turbo-s": "turbo-s.min.8201d60c1b5e00daf9e23784fd199111.svg", "turbo": "turbo.min.cfde5de85fdc84be597dfad4402c5f6f.svg" };
3520
+ const MODEL_SIGNATURES_MANIFEST = { "718": "718.min.d92dc0fe91e67bd51120d91c5cd1eb2f.svg", "911": "911.min.5c462658f9d472e90a139173414e8fdd.svg", "boxster": "boxster.min.5e7b22a1fa25004a4f97807d57f32b21.svg", "cayenne": "cayenne.min.4026ba6b335cc98e10592f900cf731e1.svg", "cayman": "cayman.min.c634f6f3de1d67610b2e4230e60337fb.svg", "macan": "macan.min.e38fbf34ed4f00066620901babd99af0.svg", "panamera": "panamera.min.d35913b252657f7c5cfcae74cfd61b26.svg", "taycan": "taycan.min.ba4e7c3cb86a78d626d4463b81be0f23.svg", "turbo-s": "turbo-s.min.8201d60c1b5e00daf9e23784fd199111.svg", "turbo": "turbo.min.cfde5de85fdc84be597dfad4402c5f6f.svg" };
3523
3521
  const pxToRemWithUnit = (px) => `${px / 16}rem`;
3524
3522
 
3525
3523
  // NOTE: handpicked selection of plugins from jss-preset-default
@@ -3618,7 +3616,7 @@ const displaySizeToTagMap = {
3618
3616
  inherit: 'h1',
3619
3617
  };
3620
3618
  const getDisplayTagType = (host, size, tag) => {
3621
- if (hasSpecificSlottedTag(host, DISPLAY_TAGS.join())) {
3619
+ if (hasSpecificDirectChildTag(host, DISPLAY_TAGS.join())) {
3622
3620
  return 'div';
3623
3621
  }
3624
3622
  else if (tag) {
@@ -3637,7 +3635,7 @@ const headingSizeToTagMap = {
3637
3635
  inherit: 'h2',
3638
3636
  };
3639
3637
  const getHeadingTagType = (host, size, tag) => {
3640
- if (hasSpecificSlottedTag(host, HEADING_TAGS.join())) {
3638
+ if (hasSpecificDirectChildTag(host, HEADING_TAGS.join())) {
3641
3639
  return 'div';
3642
3640
  }
3643
3641
  else if (tag) {
@@ -3657,7 +3655,7 @@ const variantToTagMap = {
3657
3655
  'headline-5': 'h5',
3658
3656
  };
3659
3657
  const getHeadlineTagType = (host, variant, tag) => {
3660
- if (hasSpecificSlottedTag(host, HEADLINE_TAGS.join())) {
3658
+ if (hasSpecificDirectChildTag(host, HEADLINE_TAGS.join())) {
3661
3659
  return 'div';
3662
3660
  }
3663
3661
  else if (tag) {
@@ -3684,7 +3682,7 @@ const buildIconUrl = (iconNameOrSource = DEFAULT_ICON_NAME) => {
3684
3682
  };
3685
3683
  const getInlineNotificationIconName = (state) => {
3686
3684
  const stateToIconMap = {
3687
- neutral: 'information-filled',
3685
+ neutral: 'information-filled', // deprecated
3688
3686
  info: 'information-filled',
3689
3687
  warning: 'warning-filled',
3690
3688
  success: 'success-filled',
@@ -3818,6 +3816,24 @@ const getTotalPages = (totalItemsCount, itemsPerPage) => {
3818
3816
  }
3819
3817
  return Math.ceil(totalItemsCount / itemsPerPage);
3820
3818
  };
3819
+ /**
3820
+ * Determines if the current input element corresponds to the first non-filled input
3821
+ *
3822
+ * @param {number} index - The index of the current input element.
3823
+ * @param {string} value - The input value.
3824
+ * @param {number} length - The total number of input elements.
3825
+ * @returns {boolean} - True if the current input should have a specific identifier, indicating it corresponds to the first non-filled input; otherwise, false.
3826
+ */
3827
+ const isCurrentInput = (index, value, length) => {
3828
+ if (!value) {
3829
+ return index === 0; // No value entered at all: set current-input id on the first input element
3830
+ }
3831
+ const firstWhitespaceIndex = value.indexOf(' ');
3832
+ if (firstWhitespaceIndex === -1) {
3833
+ return index === length - 1; // All inputs have a value: set current-input id on the last input element
3834
+ }
3835
+ return index === firstWhitespaceIndex; // Some value is entered: set current-input id on the first input element which does not have a value
3836
+ };
3821
3837
 
3822
3838
  const getButtonAttributes = (isSelected, isDisabled) => ({
3823
3839
  ...getButtonBaseAriaAttributes(isDisabled, false),
@@ -3905,7 +3921,7 @@ const isListTypeOrdered = (type) => type !== 'unordered';
3905
3921
 
3906
3922
  const TEXT_TAGS = ['p', 'span', 'div', 'address', 'blockquote', 'figcaption', 'cite', 'time', 'legend'];
3907
3923
  const getTextTagType = (host, tag) => {
3908
- if (hasSpecificSlottedTag(host, TEXT_TAGS.join())) {
3924
+ if (hasSpecificDirectChildTag(host, TEXT_TAGS.join())) {
3909
3925
  return 'div';
3910
3926
  }
3911
3927
  else {
@@ -3913,4 +3929,4 @@ const getTextTagType = (host, tag) => {
3913
3929
  }
3914
3930
  };
3915
3931
 
3916
- export { DISPLAY_TAGS, HEADING_TAGS, HEADLINE_TAGS, ItemType, TEXT_TAGS, _hasShowPickerSupport, anchorSlot, attributeMutationMap, buildCrestImgSrc, buildCrestSrcSet, buildIconUrl, buildImgSrc, buildSrcSet, createPaginationItems, createRange, crestSize, displaySizeToTagMap, getButtonAriaAttributes, getButtonAttributes, getButtonBaseAriaAttributes, getButtonPureAriaAttributes, getCDNBaseURL, getClosestHTMLElement, getContentAriaAttributes, getCurrentActivePage, getDirectChildHTMLElement, getDisplayTagType, getHTMLElement, getHeadingTagType, getHeadlineTagType, getIconColor, getInlineNotificationIconName, getInnerManifest, getRole, getSelectedOptionMap, getSelectedOptionValues, getSelectedOptions, getStepperHorizontalIconName, getSvgUrl, getSwitchButtonAriaAttributes, getTextTagType, getThemeForIcon, getTotalPages, hasDocument, hasLocateAction, hasSpecificSlottedTag, hasVisibleIcon, hasWindow, headerSlot, isCustomDropdown, isDisabledOrLoading, isInfinitePagination, isListTypeOrdered, isScrollable, isSortable, isStateCompleteOrWarning, isThemeDark, isTouchDevice, isType, isUrl, isWithinForm, modelSignatureHeight, observedNodesMap, parseAndGetAriaAttributes, parseJSONAttribute, scrollAreaClass, showCustomCalendarOrTimeIndicator, supportsConstructableStylesheets, supportsNativePopover, tempDiv, tempIcon, tempLabel };
3932
+ export { DISPLAY_TAGS, HEADING_TAGS, HEADLINE_TAGS, ItemType, TEXT_TAGS, _hasShowPickerSupport, anchorSlot, attributeMutationMap, buildCrestImgSrc, buildCrestSrcSet, buildIconUrl, buildImgSrc, buildSrcSet, createPaginationItems, createRange, crestSize, displaySizeToTagMap, getButtonAriaAttributes, getButtonAttributes, getButtonBaseAriaAttributes, getButtonPureAriaAttributes, getCDNBaseURL, getClosestHTMLElement, getContentAriaAttributes, getCurrentActivePage, getDirectChildHTMLElement, getDisplayTagType, getHTMLElement, getHeadingTagType, getHeadlineTagType, getIconColor, getInlineNotificationIconName, getInnerManifest, getRole, getSelectedOptionMap, getSelectedOptionValues, getSelectedOptions, getStepperHorizontalIconName, getSvgUrl, getSwitchButtonAriaAttributes, getTextTagType, getThemeForIcon, getTotalPages, hasDocument, hasLocateAction, hasSpecificDirectChildTag, hasVisibleIcon, hasWindow, headerSlot, isCurrentInput, isCustomDropdown, isDisabledOrLoading, isInfinitePagination, isListTypeOrdered, isScrollable, isSortable, isStateCompleteOrWarning, isThemeDark, isTouchDevice, isType, isUrl, isWithinForm, modelSignatureHeight, observedNodesMap, parseAndGetAriaAttributes, parseJSONAttribute, scrollAreaClass, showCustomCalendarOrTimeIndicator, supportsConstructableStylesheets, supportsNativePopover, tempDiv, tempIcon, tempLabel };
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/carousel.wrapper.mjs CHANGED
@@ -5,15 +5,15 @@ import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMerge
5
5
  import { syncRef } from '../../utils.mjs';
6
6
  import { DSRCarousel } from '../dsr-components/carousel.mjs';
7
7
 
8
- const PCarousel = forwardRef(({ activeSlideIndex = 0, alignHeader = 'start', description, disablePagination, heading, intl, onCarouselChange, onUpdate, pagination = true, rewind = true, skipLinkTarget, slidesPerPage = 1, theme, width = 'basic', wrapContent, className, children, ...rest }, ref) => {
8
+ const PCarousel = forwardRef(({ activeSlideIndex = 0, alignHeader = 'start', aria, description, disablePagination, heading, headingSize = 'x-large', intl, onCarouselChange, onUpdate, pagination = true, rewind = true, skipLinkTarget, slidesPerPage = 1, theme, width = 'basic', wrapContent, className, children, ...rest }, ref) => {
9
9
  const elementRef = useRef();
10
10
  useEventCallback(elementRef, 'carouselChange', onCarouselChange);
11
11
  useEventCallback(elementRef, 'update', onUpdate);
12
12
  const WebComponentTag = usePrefix('p-carousel');
13
- const propsToSync = [activeSlideIndex, alignHeader, description, disablePagination, heading, intl, pagination, rewind, skipLinkTarget, slidesPerPage, theme || useTheme(), width, wrapContent];
13
+ const propsToSync = [activeSlideIndex, alignHeader, aria, description, disablePagination, heading, headingSize, intl, pagination, rewind, skipLinkTarget, slidesPerPage, theme || useTheme(), width, wrapContent];
14
14
  useBrowserLayoutEffect(() => {
15
15
  const { current } = elementRef;
16
- ['activeSlideIndex', 'alignHeader', 'description', 'disablePagination', 'heading', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'theme', 'width', 'wrapContent'].forEach((propName, i) => (current[propName] = propsToSync[i]));
16
+ ['activeSlideIndex', 'alignHeader', 'aria', 'description', 'disablePagination', 'heading', 'headingSize', 'intl', 'pagination', 'rewind', 'skipLinkTarget', 'slidesPerPage', 'theme', 'width', 'wrapContent'].forEach((propName, i) => (current[propName] = propsToSync[i]));
17
17
  }, propsToSync);
18
18
  // @ts-ignore
19
19
  if (!process.browser) {
@@ -24,7 +24,7 @@ const PCarousel = forwardRef(({ activeSlideIndex = 0, alignHeader = 'start', des
24
24
  // @ts-ignore
25
25
  ...(!process.browser
26
26
  ? {
27
- children: (jsx(DSRCarousel, { activeSlideIndex, alignHeader, description, disablePagination, heading, intl, pagination, rewind, skipLinkTarget, slidesPerPage, theme: theme || useTheme(), width, wrapContent, children })),
27
+ children: (jsx(DSRCarousel, { activeSlideIndex, alignHeader, aria, description, disablePagination, heading, headingSize, intl, pagination, rewind, skipLinkTarget, slidesPerPage, theme: theme || useTheme(), width, wrapContent, children })),
28
28
  }
29
29
  : {
30
30
  children,
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/carousel.mjs CHANGED
@@ -71,7 +71,7 @@ import { Component } from 'react';
71
71
  import { minifyCss } from '../../minifyCss.mjs';
72
72
  import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
73
73
  import { getCarouselCss as getComponentCss$Z } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
74
- import { isInfinitePagination } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
74
+ import { isInfinitePagination, parseAndGetAriaAttributes } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
75
75
 
76
76
  class DSRCarousel extends Component {
77
77
  host;
@@ -90,6 +90,9 @@ class DSRCarousel extends Component {
90
90
  const alignHeaderDeprecationMap = {
91
91
  left: 'start',
92
92
  };
93
+ const hasHeadingPropOrSlot = (this.props.heading || namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0);
94
+ const hasDescriptionPropOrSlot = (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0);
95
+ const hasHeaderSlot = namedSlotChildren.filter(({ props: { slot } }) => slot === 'header').length > 0;
93
96
  const btnProps = {
94
97
  className: 'btn',
95
98
  type: 'button',
@@ -97,18 +100,20 @@ class DSRCarousel extends Component {
97
100
  theme: this.props.theme,
98
101
  // 'aria-controls': 'splide-track', // TODO: cross shadow dom? use native button tag instead of p-button-pure?
99
102
  };
100
- const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$Z(this.props.width,
103
+ const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$Z(hasHeadingPropOrSlot, hasDescriptionPropOrSlot, hasHeaderSlot, this.props.headingSize, this.props.width,
101
104
  // flip boolean values of disablePagination since it is the inverse of pagination
102
105
  this.props.disablePagination
103
106
  ? typeof this.props.disablePagination === 'object'
104
107
  ? Object.fromEntries(Object.entries(this.props.disablePagination).map(([key, value]) => [key, !value]))
105
108
  : !this.props.disablePagination
106
109
  : this.props.pagination, isInfinitePagination(this.props.amountOfPages), (alignHeaderDeprecationMap[this.props.alignHeader] || this.props.alignHeader), this.props.theme)));
107
- return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "header", children: [this.props.heading ? jsx("h2", { id: "heading", children: this.props.heading }) : jsx("slot", { name: "heading" }), (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) &&
108
- ((this.props.description && jsx("p", { children: this.props.description })) || jsx("slot", { name: "description" })), jsxs("div", { className: "nav", children: [this.props.skipLinkTarget && (jsx(PLinkPure, { href: this.props.skipLinkTarget, theme: this.props.theme, icon: "arrow-last", className: "btn skip-link", alignLabel: "start", hideLabel: true, "aria-describedby": this.props.heading ? 'heading' : null, children: "Skip carousel entries" })), (this.props.slidesPerPage === 'auto' || typeof this.props.slidesPerPage === 'object' || this.props.slidesPerPage < otherChildren.length) && [
110
+ return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "header", children: [hasHeadingPropOrSlot && (this.props.heading ? jsx("h2", { id: "heading", children: this.props.heading }) : jsx("slot", { name: "heading" })), hasDescriptionPropOrSlot && (this.props.description ? jsx("p", { children: this.props.description }) : jsx("slot", { name: "description" })), hasHeaderSlot && jsx("slot", { name: "header" }), jsxs("div", { className: "nav", children: [this.props.skipLinkTarget && (jsx(PLinkPure, { href: this.props.skipLinkTarget, theme: this.props.theme, icon: "arrow-last", className: "btn skip-link", alignLabel: "start", hideLabel: true, "aria-describedby": this.props.heading ? 'heading' : null, children: "Skip carousel entries" })), (this.props.slidesPerPage === 'auto' || typeof this.props.slidesPerPage === 'object' || this.props.slidesPerPage < otherChildren.length) && [
109
111
  jsx(PButtonPure, { ...btnProps, icon: "arrow-left" }),
110
112
  jsx(PButtonPure, { ...btnProps, icon: "arrow-right" }),
111
- ]] })] }), jsx("div", { id: "splide", className: "splide", "aria-label": this.props.heading || namedSlotChildren.find(({ props: { slot } }) => slot === 'heading')?.props.children, children: jsx("div", { className: "splide__track", children: jsx("div", { className: "splide__list", children: otherChildren.map((_, i) => (jsx("div", { className: "splide__slide", children: jsx("slot", { name: `slide-${i}` }) }, i))) }) }) }), (this.props.disablePagination ? this.props.disablePagination !== true : this.props.pagination) && (this.props.slidesPerPage === 'auto' || typeof this.props.slidesPerPage === 'object' || this.props.slidesPerPage < otherChildren.length) && (jsx("div", { className: "pagination-container", children: jsx("div", { className: "pagination" }) }))] })] }), this.props.children] }));
113
+ ]] })] }), jsx("div", { id: "splide", className: "splide", ...parseAndGetAriaAttributes({
114
+ 'aria-label': this.props.heading,
115
+ ...parseAndGetAriaAttributes(this.props.aria),
116
+ }), children: jsx("div", { className: "splide__track", children: jsx("div", { className: "splide__list", children: otherChildren.map((_, i) => (jsx("div", { className: "splide__slide", children: jsx("slot", { name: `slide-${i}` }) }, i))) }) }) }), (this.props.disablePagination ? this.props.disablePagination !== true : this.props.pagination) && (this.props.slidesPerPage === 'auto' || typeof this.props.slidesPerPage === 'object' || this.props.slidesPerPage < otherChildren.length) && (jsx("div", { className: "pagination-container", children: jsx("div", { className: "pagination" }) }))] })] }), this.props.children] }));
112
117
  }
113
118
  }
114
119
 
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation-item.mjs CHANGED
@@ -72,6 +72,7 @@ import { minifyCss } from '../../minifyCss.mjs';
72
72
  import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
73
73
  import { getFlyoutNavigationItemCss as getComponentCss$O } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
74
74
 
75
+ /** @experimental */
75
76
  class DSRFlyoutNavigationItem extends Component {
76
77
  host;
77
78
  get theme() {
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-navigation.mjs CHANGED
@@ -73,12 +73,12 @@ import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
73
73
  import { getFlyoutNavigationCss as getComponentCss$P } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
74
74
  import { parseAndGetAriaAttributes } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
75
75
 
76
- /** __Experimental__ */
76
+ /** @experimental */
77
77
  class DSRFlyoutNavigation extends Component {
78
78
  host;
79
79
  // TODO: shouldn't open prop be changed internally too?
80
- dialog;
81
80
  flyoutNavigationItemElements = [];
81
+ dialog;
82
82
  render() {
83
83
  splitChildren(this.props.children);
84
84
  const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$P(this.props.open, !!this.props.activeIdentifier, this.props.theme)));
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/icon.mjs CHANGED
@@ -16,7 +16,7 @@ class DSRIcon extends Component {
16
16
  'neutral-contrast-high': 'contrast-high',
17
17
  'notification-neutral': 'notification-info',
18
18
  };
19
- const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$I((deprecationMap[this.props.color] || this.props.color), this.props.size, this.props.theme)));
19
+ const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$I(this.props.name, this.props.source, (deprecationMap[this.props.color] || this.props.color), this.props.size, this.props.theme)));
20
20
  return (jsx(Fragment, { children: jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("img", { src: buildIconUrl(this.props.source || this.props.name), width: 24, height: 24, loading: "lazy", alt: parseAndGetAriaAttributes(this.props.aria)?.['aria-label'] ?? '' })] }) }));
21
21
  }
22
22
  }
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile-product.mjs CHANGED
@@ -73,7 +73,7 @@ import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
73
73
  import { getLinkTileProductCss as getComponentCss$D } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
74
74
  import { anchorSlot, headerSlot } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
75
75
 
76
- /** __Experimental__ */
76
+ /** @experimental */
77
77
  class DSRLinkTileProduct extends Component {
78
78
  host;
79
79
  render() {
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/modal.mjs CHANGED
@@ -75,6 +75,7 @@ import { parseAndGetAriaAttributes } from '../../../../../../components/dist/uti
75
75
 
76
76
  class DSRModal extends Component {
77
77
  host;
78
+ scrollContainerEl; // Necessary to avoid stacking background bug in safari
78
79
  focusedElBeforeOpen;
79
80
  dismissBtn;
80
81
  hasHeader;
@@ -86,20 +87,20 @@ class DSRModal extends Component {
86
87
  }
87
88
  render() {
88
89
  const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
89
- if (this.props.open) ;
90
- const hasHeader = !!this.props.heading || namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0;
90
+ const hasHeader = (this.props.heading || namedSlotChildren.filter(({ props: { slot } }) => slot === 'heading').length > 0);
91
91
  const hasFooter = namedSlotChildren.filter(({ props: { slot } }) => slot === 'footer').length > 0;
92
92
  const hasDismissButton = this.props.disableCloseButton ? false : this.props.dismissButton;
93
+ if (this.props.open) ;
93
94
  const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$A(this.props.open, this.props.fullscreen, hasDismissButton, hasHeader, hasFooter, this.props.theme)));
94
- return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(Fragment, { children: jsxs("div", { className: "root", role: "dialog", ...parseAndGetAriaAttributes({
95
- 'aria-modal': true,
96
- 'aria-label': this.props.heading,
97
- 'aria-hidden': !this.props.open,
98
- ...parseAndGetAriaAttributes(this.props.aria),
99
- }), tabIndex: -1,
100
- // eslint-disable-next-line @typescript-eslint/ban-ts-comment
101
- /* @ts-ignore */
102
- inert: this.props.open ? null : '', children: [hasDismissButton && (jsx("div", { className: "controls", children: jsx(PButtonPure, { className: "dismiss", type: "button", hideLabel: true, icon: "close", theme: this.props.theme, children: "Dismiss modal" }) })), hasHeader && (jsx("div", { className: "header", children: this.props.heading ? jsx("h2", { children: this.props.heading }) : jsx("slot", { name: "heading" }) })), jsx("div", { className: "content", children: jsx("slot", {}) }), hasFooter && (jsx("div", { className: "footer", children: jsx("slot", { name: "footer" }) }))] }) })] }), this.props.children] }));
95
+ return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(Fragment, { children: jsx("div", { className: "scroll-container", children: jsxs("div", { className: "root", role: "dialog", ...parseAndGetAriaAttributes({
96
+ 'aria-modal': true,
97
+ 'aria-label': this.props.heading,
98
+ 'aria-hidden': !this.props.open,
99
+ ...parseAndGetAriaAttributes(this.props.aria),
100
+ }), tabIndex: -1,
101
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
102
+ /* @ts-ignore */
103
+ inert: this.props.open ? null : '', children: [hasDismissButton && (jsx("div", { className: "controls", children: jsx(PButtonPure, { className: "dismiss", type: "button", hideLabel: true, icon: "close", theme: this.props.theme, children: "Dismiss modal" }) })), hasHeader && (jsx("div", { className: "header", children: this.props.heading ? jsx("h2", { children: this.props.heading }) : jsx("slot", { name: "heading" }) })), jsx("div", { className: "content", children: jsx("slot", {}) }), hasFooter && (jsx("div", { className: "footer", children: jsx("slot", { name: "footer" }) }))] }) }) })] }), this.props.children] }));
103
104
  }
104
105
  }
105
106
 
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/pin-code.mjs CHANGED
@@ -71,6 +71,7 @@ import { Component } from 'react';
71
71
  import { minifyCss } from '../../minifyCss.mjs';
72
72
  import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
73
73
  import { getPinCodeCss as getComponentCss$v } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
74
+ import { isCurrentInput } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
74
75
  import { messageId, StateMessage } from './state-message.mjs';
75
76
  import { Label, labelId, descriptionId } from './label.mjs';
76
77
 
@@ -86,7 +87,7 @@ class DSRPinCode extends Component {
86
87
  this.inputElements = [];
87
88
  const currentInputId = 'current-input';
88
89
  const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$v(this.props.hideLabel, this.props.state, this.props.disabled, this.props.loading, this.props.isWithinForm, this.props.length, this.props.theme)));
89
- 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: currentInputId, isRequired: this.props.required, isLoading: this.props.loading, isDisabled: this.props.disabled }), jsxs("div", { className: "wrapper", children: [Array.from(Array(this.props.length), (_, index) => (jsx("input", { id: index === this.props.value.length ? currentInputId : null, type: this.props.type === 'number' ? 'text' : this.props.type, "aria-label": `${index + 1}-${this.props.length}`, "aria-describedby": `${labelId} ${descriptionId} ${messageId}`, "aria-invalid": this.props.state === 'error' ? 'true' : null, "aria-busy": this.props.loading ? 'true' : null, "aria-disabled": this.props.loading ? 'true' : null, autoComplete: "one-time-code", pattern: "\\d*", inputMode: "numeric" // get numeric keyboard on mobile
90
+ 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: currentInputId, isRequired: this.props.required, isLoading: this.props.loading, isDisabled: this.props.disabled }), jsxs("div", { className: "wrapper", children: [Array.from(Array(this.props.length), (_, index) => (jsx("input", { ...(isCurrentInput(index, this.props.value, this.props.length) && { id: currentInputId }), type: this.props.type === 'number' ? 'text' : this.props.type, "aria-label": `${index + 1}-${this.props.length}`, "aria-describedby": `${labelId} ${descriptionId} ${messageId}`, "aria-invalid": this.props.state === 'error' ? 'true' : null, "aria-busy": this.props.loading ? 'true' : null, "aria-disabled": this.props.loading ? 'true' : null, autoComplete: "one-time-code", pattern: "\\d*", inputMode: "numeric" // get numeric keyboard on mobile
90
91
  , defaultValue: this.props.value[index] === ' ' ? null : this.props.value[index], disabled: this.props.disabled, required: this.props.required }, index))), this.props.loading && (jsx(PSpinner, { className: "spinner", size: "inherit", theme: this.props.theme, aria: { 'aria-label': 'Loading state' } }))] }), 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 }), this.props.isWithinForm && jsx("slot", { name: "internal-input" })] })] }), this.props.children] }));
91
92
  }
92
93
  }
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.mjs CHANGED
@@ -109,7 +109,7 @@ class DSRTextFieldWrapper extends Component {
109
109
  const hasCounter = false; // hasCounterAndIsTypeText(otherChildren[0]?.props);
110
110
  const isClearable = typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && !!otherChildren[0]?.props.value;
111
111
  const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$7(disabled, this.props.hideLabel, this.props.state, this.props.isCounterVisible, this.props.isCounterVisible ? 'suffix' : this.props.unitPosition, isPassword ? 'password' : type, this.props.showPasswordToggle, this.props.isWithinForm, this.props.submitButton, this.props.theme)));
112
- 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, formElement: typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props, isDisabled: disabled }), jsxs("div", { className: "wrapper", children: [jsx("slot", {}), hasCounter , (this.props.isCounterVisible) && (jsx("span", { className: "unit", "aria-hidden": "true", children: this.props.unit })), isPassword && this.props.showPasswordToggle ? (jsx(PButtonPure, { ...buttonProps, type: "button", icon: this.props.showPassword ? 'view-off' : 'view', disabled: disabled, aria: { 'aria-pressed': this.props.showPassword ? 'true' : 'false' }, children: "Toggle password visibility" })) : showCustomCalendarOrTimeIndicator(isCalendar, isTime) ? (jsxs(PButtonPure, { ...buttonProps, type: "button", icon: isCalendar ? 'calendar' : 'clock', disabled: disabled, children: ["Show $", isCalendar ? 'date' : 'time', " picker"] })) : (isSearch && [
112
+ 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, formElement: typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && otherChildren[0]?.props, isDisabled: disabled }), jsxs("div", { className: "wrapper", children: [jsx("slot", {}), hasCounter , (this.props.isCounterVisible) && (jsx("span", { className: "unit-counter", "aria-hidden": "true", children: this.props.unit })), isPassword && this.props.showPasswordToggle ? (jsx(PButtonPure, { ...buttonProps, type: "button", icon: this.props.showPassword ? 'view-off' : 'view', disabled: disabled, aria: { 'aria-pressed': this.props.showPassword ? 'true' : 'false' }, children: "Toggle password visibility" })) : showCustomCalendarOrTimeIndicator(isCalendar, isTime) ? (jsxs(PButtonPure, { ...buttonProps, type: "button", icon: isCalendar ? 'calendar' : 'clock', disabled: disabled, children: ["Show $", isCalendar ? 'date' : 'time', " picker"] })) : (isSearch && [
113
113
  // TODO: create an own component, which would fix SSR support too
114
114
  this.props.isWithinForm && this.props.submitButton ? (createElement(PButtonPure, { ...buttonProps, key: "btn-submit", type: "submit", icon: "search", disabled: disabledOrReadOnly }, "Search")) : (jsx(PIcon, { className: "icon", name: "search", color: "state-disabled", theme: this.props.theme, "aria-hidden": "true" }, "icon")),
115
115
  createElement(PButtonPure, { ...buttonProps, key: "btn-clear", type: "button", icon: "close", tabIndex: -1, hidden: !isClearable, disabled: disabledOrReadOnly }, "Clear field"),
package/ssr/esm/components-react/projects/react-ssr-wrapper/src/minifyCss.mjs CHANGED
@@ -1,9 +1,9 @@
1
1
  const minifyCss = (css) => {
2
2
  // TODO: could remove whitespace in selectors following
3
- // - commas: e.g. `, `
4
- // - before/after + combinator, e.g. ` + `
5
- // - and potentially other combinators
6
- return css.replace(/\s\s+|\.\\(?=:)|[\n\\]+(?!\+)| (?={)|;(?=\s+})|(:|media)\s(?=.*;?)/g, '$1');
3
+ // - before/after + combinator, e.g. ` + ` -> should not be removed within calc()
4
+ return css
5
+ .replace(/\s\s+|\.\\(?=:)|[\n\\]+(?!\+)| (?={)|;(?=\s+})|(:|media)\s(?=.*;?)/g, '$1')
6
+ .replace(/\s?(,|>|~)\s/g, '$1');
7
7
  };
8
8
 
9
9
  export { minifyCss };
package/ssr/esm/lib/components/accordion.wrapper.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type HTMLAttributes } from 'react';
2
- import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
2
+ import type { AccordionUpdateEventDetail, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
3
3
  export type PAccordionProps = Omit<HTMLAttributes<{}>, 'color'> & {
4
4
  /**
5
5
  * Displays the Accordion as compact version with thinner border and smaller paddings.
@@ -12,11 +12,11 @@ export type PAccordionProps = Omit<HTMLAttributes<{}>, 'color'> & {
12
12
  /**
13
13
  * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when accordion state is changed.
14
14
  */
15
- onAccordionChange?: (event: CustomEvent<AccordionUpdateEvent>) => void;
15
+ onAccordionChange?: (event: CustomEvent<AccordionUpdateEventDetail>) => void;
16
16
  /**
17
17
  * Emitted when accordion state is changed.
18
18
  */
19
- onUpdate?: (event: CustomEvent<AccordionUpdateEvent>) => void;
19
+ onUpdate?: (event: CustomEvent<AccordionUpdateEventDetail>) => void;
20
20
  /**
21
21
  * Defines if accordion is open.
22
22
  */
@@ -46,11 +46,11 @@ export declare const PAccordion: import("react").ForwardRefExoticComponent<Omit<
46
46
  /**
47
47
  * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when accordion state is changed.
48
48
  */
49
- onAccordionChange?: (event: CustomEvent<AccordionUpdateEvent>) => void;
49
+ onAccordionChange?: (event: CustomEvent<AccordionUpdateEventDetail>) => void;
50
50
  /**
51
51
  * Emitted when accordion state is changed.
52
52
  */
53
- onUpdate?: (event: CustomEvent<AccordionUpdateEvent>) => void;
53
+ onUpdate?: (event: CustomEvent<AccordionUpdateEventDetail>) => void;
54
54
  /**
55
55
  * Defines if accordion is open.
56
56
  */
package/ssr/esm/lib/components/carousel.wrapper.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { type HTMLAttributes } from 'react';
2
- import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
2
+ import type { CarouselAlignHeader, SelectedAriaAttributes, CarouselAriaAttribute, BreakpointCustomizable, CarouselHeadingSize, CarouselInternationalization, CarouselUpdateEventDetail, Theme, CarouselWidth } from '../types';
3
3
  export type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
4
4
  /**
5
5
  * Defines which slide to be active (zero-based numbering).
@@ -9,6 +9,10 @@ export type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
9
9
  * Alignment of heading and description
10
10
  */
11
11
  alignHeader?: CarouselAlignHeader;
12
+ /**
13
+ * Add ARIA attributes.
14
+ */
15
+ aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
12
16
  /**
13
17
  * Defines the description used in the carousel.
14
18
  */
@@ -21,6 +25,10 @@ export type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
21
25
  * Defines the heading used in the carousel.
22
26
  */
23
27
  heading?: string;
28
+ /**
29
+ * Defines the heading size used in the carousel.
30
+ */
31
+ headingSize?: CarouselHeadingSize;
24
32
  /**
25
33
  * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
26
34
  */
@@ -28,11 +36,11 @@ export type PCarouselProps = Omit<HTMLAttributes<{}>, 'color'> & {
28
36
  /**
29
37
  * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when carousel's content slides.
30
38
  */
31
- onCarouselChange?: (event: CustomEvent<CarouselUpdateEvent>) => void;
39
+ onCarouselChange?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
32
40
  /**
33
41
  * Emitted when carousel's content slides.
34
42
  */
35
- onUpdate?: (event: CustomEvent<CarouselUpdateEvent>) => void;
43
+ onUpdate?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
36
44
  /**
37
45
  * If false, the carousel will not show pagination bullets at the bottom.
38
46
  */
@@ -72,6 +80,10 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<H
72
80
  * Alignment of heading and description
73
81
  */
74
82
  alignHeader?: CarouselAlignHeader;
83
+ /**
84
+ * Add ARIA attributes.
85
+ */
86
+ aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
75
87
  /**
76
88
  * Defines the description used in the carousel.
77
89
  */
@@ -84,6 +96,10 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<H
84
96
  * Defines the heading used in the carousel.
85
97
  */
86
98
  heading?: string;
99
+ /**
100
+ * Defines the heading size used in the carousel.
101
+ */
102
+ headingSize?: CarouselHeadingSize;
87
103
  /**
88
104
  * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
89
105
  */
@@ -91,11 +107,11 @@ export declare const PCarousel: import("react").ForwardRefExoticComponent<Omit<H
91
107
  /**
92
108
  * @deprecated since v3.0.0, will be removed with next major release, use `update` event instead. Emitted when carousel's content slides.
93
109
  */
94
- onCarouselChange?: (event: CustomEvent<CarouselUpdateEvent>) => void;
110
+ onCarouselChange?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
95
111
  /**
96
112
  * Emitted when carousel's content slides.
97
113
  */
98
- onUpdate?: (event: CustomEvent<CarouselUpdateEvent>) => void;
114
+ onUpdate?: (event: CustomEvent<CarouselUpdateEventDetail>) => void;
99
115
  /**
100
116
  * If false, the carousel will not show pagination bullets at the bottom.
101
117
  */
package/ssr/esm/lib/components/checkbox-wrapper.wrapper.d.ts CHANGED
@@ -10,7 +10,7 @@ export type PCheckboxWrapperProps = Omit<HTMLAttributes<{}>, 'color'> & {
10
10
  */
11
11
  label?: string;
12
12
  /**
13
- * __Experimental__: Disables the checkbox and shows a loading indicator.
13
+ * @experimental Disables the checkbox and shows a loading indicator.
14
14
  */
15
15
  loading?: boolean;
16
16
  /**
@@ -36,7 +36,7 @@ export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent
36
36
  */
37
37
  label?: string;
38
38
  /**
39
- * __Experimental__: Disables the checkbox and shows a loading indicator.
39
+ * @experimental Disables the checkbox and shows a loading indicator.
40
40
  */
41
41
  loading?: boolean;
42
42
  /**