@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.
- package/dist/cjs/index-bf8a763e.js.map +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +13 -3
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/collection/components/drawer/drawer.js +4 -2
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/icon/svg/flag-luxembourg-color.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-5-doors-hatchback-color.svg +1 -1
- package/dist/collection/components/input-group/input-group.js +9 -1
- package/dist/collection/components/input-group/input-group.js.map +1 -1
- package/dist/esm/index-f1358629.js.map +1 -1
- package/dist/esm/road-badge_14.entry.js +13 -3
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +2 -1
- package/dist/roadtrip/{p-678b1218.entry.js → p-42c0e1a9.entry.js} +3 -3
- package/dist/roadtrip/p-42c0e1a9.entry.js.map +1 -0
- package/dist/roadtrip/p-db82e012.js.map +1 -1
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/flag-luxembourg-color.svg +1 -0
- package/dist/roadtrip/svg/vehicle-5-doors-hatchback-color.svg +1 -1
- package/dist/types/components-react.d.ts +4 -0
- package/hydrate/index.js +13 -3
- package/hydrate/index.mjs +13 -3
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +1 -0
- package/icons/index.js +2 -1
- package/package.json +1 -1
- 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
|
-
|
|
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: '
|
|
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 {
|