@roadtrip/components 3.33.4 → 3.33.6

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 (30) hide show
  1. package/dist/cjs/index-bf8a763e.js.map +1 -1
  2. package/dist/cjs/road-badge_14.cjs.entry.js +13 -3
  3. package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
  4. package/dist/collection/components/drawer/drawer.js +4 -2
  5. package/dist/collection/components/drawer/drawer.js.map +1 -1
  6. package/dist/collection/components/icon/svg/flag-luxembourg-color.svg +1 -0
  7. package/dist/collection/components/icon/svg/vehicle-5-doors-hatchback-color.svg +1 -1
  8. package/dist/collection/components/input-group/input-group.js +9 -1
  9. package/dist/collection/components/input-group/input-group.js.map +1 -1
  10. package/dist/esm/index-f1358629.js.map +1 -1
  11. package/dist/esm/road-badge_14.entry.js +13 -3
  12. package/dist/esm/road-badge_14.entry.js.map +1 -1
  13. package/dist/icons/icons.svg +1 -1
  14. package/dist/icons/index.d.ts +1 -0
  15. package/dist/icons/index.js +2 -1
  16. package/dist/roadtrip/{p-678b1218.entry.js → p-42c0e1a9.entry.js} +3 -3
  17. package/dist/roadtrip/p-42c0e1a9.entry.js.map +1 -0
  18. package/dist/roadtrip/p-db82e012.js.map +1 -1
  19. package/dist/roadtrip/roadtrip.css +1 -1
  20. package/dist/roadtrip/roadtrip.esm.js +1 -1
  21. package/dist/roadtrip/svg/flag-luxembourg-color.svg +1 -0
  22. package/dist/roadtrip/svg/vehicle-5-doors-hatchback-color.svg +1 -1
  23. package/dist/types/components-react.d.ts +4 -0
  24. package/hydrate/index.js +13 -3
  25. package/hydrate/index.mjs +13 -3
  26. package/icons/icons.svg +1 -1
  27. package/icons/index.d.ts +1 -0
  28. package/icons/index.js +2 -1
  29. package/package.json +1 -1
  30. package/dist/roadtrip/p-678b1218.entry.js.map +0 -1
package/hydrate/index.mjs CHANGED
@@ -11359,7 +11359,7 @@ class Drawer {
11359
11359
  });
11360
11360
  }
11361
11361
  render() {
11362
- var _a, _b, _c;
11362
+ var _a, _b, _c, _d;
11363
11363
  const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
11364
11364
  const removePaddingClass = this.removePadding ? 'remove-padding' : '';
11365
11365
  const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
@@ -11370,7 +11370,9 @@ class Drawer {
11370
11370
  const backIconElement = this.hasBackIcon ? (hAsync("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
11371
11371
  const closeIconElement = this.hasCloseIcon ? (hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
11372
11372
  const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
11373
- return (hAsync(Host, { key: '803e9ce30d1511c6714bcf3eae6cf482ab910483', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'e57c395fee5c6f507623221567aa8944225e077f', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '13d65e0346da78e8d305e8ec367e1a425a64df42', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '3a9b0175243b9a330155a26155e19f288822a2ea', class: "drawer-content" }, hAsync("header", { key: '22f1f8fece85ce1e1d998b876fd83c7854c59ac1', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '8d4c6ce1183733fbb7b22e96e2c8cd81c687cf3a', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: 'd8185e9a322bd64833b6ce2ce57807ce27a75dbd' })), hAsync("footer", { key: '8c3345df320d569fe9b8472faba3f4204750c903', class: `drawer-footer ${removePaddingClass}` }, hAsync("slot", { key: '716055f5fc9792510ed43f77cbd81f9b2a039002', name: "footer" }))))));
11373
+ const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
11374
+ const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
11375
+ return (hAsync(Host, { key: 'ba990bd447f7c8eb35e7cad402f7f4154a84a8d9', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, hAsync("div", { key: 'f32e6d1a0924f48e0610df3d800ce5d6eba9a296', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { key: '41f2848256ecaf5563a33ce230a25a8c6b8e564a', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, hAsync("div", { key: '342dae28d3322659f296027cda7efcc40efc96a4', class: "drawer-content" }, hAsync("header", { key: '018d2bd85e27456281fd94658bf264a45516c350', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (hAsync("h2", { class: "drawer-title" }, this.drawerTitle)) : (hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" }))), closeIconElement), hAsync("div", { key: '93f188c1c870bef15804884d67d30d37ece4fe94', class: `drawer-body ${removePaddingClass}` }, hAsync("slot", { key: '6eea3bb0fcfba515561ec38d1a7602c06584e285' })), hAsync("footer", { key: 'a068ef915c86f1bb446a29b38e8cb30e77599d3f', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, hAsync("slot", { key: '4983c11aedb830637585a978868680e30f7d8dc6', name: "footer" }))))));
11374
11376
  }
11375
11377
  get el() { return getElement(this); }
11376
11378
  static get watchers() { return {
@@ -29670,12 +29672,20 @@ class InputGroup {
29670
29672
  const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
29671
29673
  const formControl = this.el.querySelector('.form-control');
29672
29674
  const formLabel = this.el.querySelector('.form-label');
29675
+ const formSelect = this.el.querySelector('.form-select');
29676
+ const formSelectLabel = this.el.querySelector('.form-select-label');
29673
29677
  if (formControl) {
29674
29678
  formControl.style.textIndent = hasPrepend ? '2rem' : '';
29675
29679
  }
29680
+ if (formSelect) {
29681
+ formSelect.style.textIndent = hasPrepend ? '2rem' : '';
29682
+ }
29676
29683
  if (formLabel) {
29677
29684
  formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
29678
29685
  }
29686
+ if (formSelectLabel) {
29687
+ formSelectLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
29688
+ }
29679
29689
  }
29680
29690
  componentDidLoad() {
29681
29691
  this.updateDisabledState(this.disabled);
@@ -29690,7 +29700,7 @@ class InputGroup {
29690
29700
  ? `size-${this.el.querySelector('road-input').sizes}`
29691
29701
  : '';
29692
29702
  const disabledClass = this.disabled ? 'is-disabled' : '';
29693
- return (hAsync("div", { key: 'd820b7eee7e4199722474ddb8a7e6dea5f3c1232', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: 'ca3a4babe8c43a9d105bce56ff4d34bab501d916', class: "input-group-prepend" }, hAsync("slot", { key: '85f0e1dacfa39a5e075edc6af93ad6b8233d55e3', name: "prepend" })), hAsync("slot", { key: 'd1b3bc429d1388db53b32fabf24f9a8d3c24f1cd' }), hAsync("div", { key: '557aff92ba2225803c997de830d60027e635be1a', class: "input-group-append" }, hAsync("slot", { key: 'c4e7a0ba1ff5a766ba3d0683c6cfefd8e31afef9', name: "append" }))));
29703
+ return (hAsync("div", { key: '99a512f367c7dfb57297073d05d3e341df818ab3', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, hAsync("div", { key: '9e89c27036e321223513c99d3f399694008a4b99', class: "input-group-prepend" }, hAsync("slot", { key: 'f448db90587308448b33aeeff57e26f9943c836c', name: "prepend" })), hAsync("slot", { key: '67214bd2d0fed61ae080aa10306b98bb376f8f7d' }), hAsync("div", { key: '152a4f643d38c0b443a39d3cc8fa781c9b99f87b', class: "input-group-append" }, hAsync("slot", { key: '549c3c8f388cf6f26c1080da788a9aadf53ac61b', name: "append" }))));
29694
29704
  }
29695
29705
  get el() { return getElement(this); }
29696
29706
  static get watchers() { return {