@roadtrip/components 3.33.4 → 3.33.5

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.
@@ -419,7 +419,7 @@ const Drawer = class {
419
419
  });
420
420
  }
421
421
  render() {
422
- var _a, _b, _c;
422
+ var _a, _b, _c, _d;
423
423
  const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
424
424
  const removePaddingClass = this.removePadding ? 'remove-padding' : '';
425
425
  const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
@@ -430,7 +430,9 @@ const Drawer = class {
430
430
  const backIconElement = this.hasBackIcon ? (h("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, h("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText)) : null;
431
431
  const closeIconElement = this.hasCloseIcon ? (h("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, h("road-icon", { icon: navigationClose, "aria-hidden": "true" }))) : null;
432
432
  const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
433
- return (h(Host, { key: '803e9ce30d1511c6714bcf3eae6cf482ab910483', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, h("div", { key: 'e57c395fee5c6f507623221567aa8944225e077f', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), h("div", { key: '13d65e0346da78e8d305e8ec367e1a425a64df42', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, h("div", { key: '3a9b0175243b9a330155a26155e19f288822a2ea', class: "drawer-content" }, h("header", { key: '22f1f8fece85ce1e1d998b876fd83c7854c59ac1', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (h("h2", { class: "drawer-title" }, this.drawerTitle)) : (h("div", { class: "drawer-title" }, h("slot", { name: "title" }))), closeIconElement), h("div", { key: '8d4c6ce1183733fbb7b22e96e2c8cd81c687cf3a', class: `drawer-body ${removePaddingClass}` }, h("slot", { key: 'd8185e9a322bd64833b6ce2ce57807ce27a75dbd' })), h("footer", { key: '8c3345df320d569fe9b8472faba3f4204750c903', class: `drawer-footer ${removePaddingClass}` }, h("slot", { key: '716055f5fc9792510ed43f77cbd81f9b2a039002', name: "footer" }))))));
433
+ const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
434
+ const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
435
+ return (h(Host, { key: 'ba990bd447f7c8eb35e7cad402f7f4154a84a8d9', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, h("div", { key: 'f32e6d1a0924f48e0610df3d800ce5d6eba9a296', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), h("div", { key: '41f2848256ecaf5563a33ce230a25a8c6b8e564a', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, h("div", { key: '342dae28d3322659f296027cda7efcc40efc96a4', class: "drawer-content" }, h("header", { key: '018d2bd85e27456281fd94658bf264a45516c350', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (h("h2", { class: "drawer-title" }, this.drawerTitle)) : (h("div", { class: "drawer-title" }, h("slot", { name: "title" }))), closeIconElement), h("div", { key: '93f188c1c870bef15804884d67d30d37ece4fe94', class: `drawer-body ${removePaddingClass}` }, h("slot", { key: '6eea3bb0fcfba515561ec38d1a7602c06584e285' })), h("footer", { key: 'a068ef915c86f1bb446a29b38e8cb30e77599d3f', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, h("slot", { key: '4983c11aedb830637585a978868680e30f7d8dc6', name: "footer" }))))));
434
436
  }
435
437
  get el() { return getElement(this); }
436
438
  static get watchers() { return {
@@ -18060,12 +18062,20 @@ const InputGroup = class {
18060
18062
  const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
18061
18063
  const formControl = this.el.querySelector('.form-control');
18062
18064
  const formLabel = this.el.querySelector('.form-label');
18065
+ const formSelect = this.el.querySelector('.form-select');
18066
+ const formSelectLabel = this.el.querySelector('.form-select-label');
18063
18067
  if (formControl) {
18064
18068
  formControl.style.textIndent = hasPrepend ? '2rem' : '';
18065
18069
  }
18070
+ if (formSelect) {
18071
+ formSelect.style.textIndent = hasPrepend ? '2rem' : '';
18072
+ }
18066
18073
  if (formLabel) {
18067
18074
  formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
18068
18075
  }
18076
+ if (formSelectLabel) {
18077
+ formSelectLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
18078
+ }
18069
18079
  }
18070
18080
  componentDidLoad() {
18071
18081
  this.updateDisabledState(this.disabled);
@@ -18080,7 +18090,7 @@ const InputGroup = class {
18080
18090
  ? `size-${this.el.querySelector('road-input').sizes}`
18081
18091
  : '';
18082
18092
  const disabledClass = this.disabled ? 'is-disabled' : '';
18083
- return (h("div", { key: 'd820b7eee7e4199722474ddb8a7e6dea5f3c1232', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, h("div", { key: 'ca3a4babe8c43a9d105bce56ff4d34bab501d916', class: "input-group-prepend" }, h("slot", { key: '85f0e1dacfa39a5e075edc6af93ad6b8233d55e3', name: "prepend" })), h("slot", { key: 'd1b3bc429d1388db53b32fabf24f9a8d3c24f1cd' }), h("div", { key: '557aff92ba2225803c997de830d60027e635be1a', class: "input-group-append" }, h("slot", { key: 'c4e7a0ba1ff5a766ba3d0683c6cfefd8e31afef9', name: "append" }))));
18093
+ return (h("div", { key: '99a512f367c7dfb57297073d05d3e341df818ab3', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, h("div", { key: '9e89c27036e321223513c99d3f399694008a4b99', class: "input-group-prepend" }, h("slot", { key: 'f448db90587308448b33aeeff57e26f9943c836c', name: "prepend" })), h("slot", { key: '67214bd2d0fed61ae080aa10306b98bb376f8f7d' }), h("div", { key: '152a4f643d38c0b443a39d3cc8fa781c9b99f87b', class: "input-group-append" }, h("slot", { key: '549c3c8f388cf6f26c1080da788a9aadf53ac61b', name: "append" }))));
18084
18094
  }
18085
18095
  get el() { return getElement(this); }
18086
18096
  static get watchers() { return {