@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
|
@@ -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
|
-
|
|
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: '
|
|
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 {
|