@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.
- 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.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/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
|
@@ -423,7 +423,7 @@ const Drawer = class {
|
|
|
423
423
|
});
|
|
424
424
|
}
|
|
425
425
|
render() {
|
|
426
|
-
var _a, _b, _c;
|
|
426
|
+
var _a, _b, _c, _d;
|
|
427
427
|
const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
|
|
428
428
|
const removePaddingClass = this.removePadding ? 'remove-padding' : '';
|
|
429
429
|
const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
|
|
@@ -434,7 +434,9 @@ const Drawer = class {
|
|
|
434
434
|
const backIconElement = this.hasBackIcon ? (index.h("button", { type: "button", class: "drawer-action", "aria-label": ariaLabelBack, onClick: this.onClickBack }, index.h("road-icon", { icon: index$1.navigationChevron, rotate: "180" }), this.backText)) : null;
|
|
435
435
|
const closeIconElement = this.hasCloseIcon ? (index.h("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": ariaLabelClose }, index.h("road-icon", { icon: index$1.navigationClose, "aria-hidden": "true" }))) : null;
|
|
436
436
|
const drawerWidthValue = this.position === 'bottom' ? '100%' : `${this.drawerWidth}px`;
|
|
437
|
-
|
|
437
|
+
const footerSlotElement = (_d = this.el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('slot[name="footer"]');
|
|
438
|
+
const hasFooterContent = footerSlotElement instanceof HTMLSlotElement && footerSlotElement.assignedNodes().length > 0;
|
|
439
|
+
return (index.h(index.Host, { key: 'ba990bd447f7c8eb35e7cad402f7f4154a84a8d9', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, index.h("div", { key: 'f32e6d1a0924f48e0610df3d800ce5d6eba9a296', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), index.h("div", { key: '41f2848256ecaf5563a33ce230a25a8c6b8e564a', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document", tabindex: "0" }, index.h("div", { key: '342dae28d3322659f296027cda7efcc40efc96a4', class: "drawer-content" }, index.h("header", { key: '018d2bd85e27456281fd94658bf264a45516c350', class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle ? (index.h("h2", { class: "drawer-title" }, this.drawerTitle)) : (index.h("div", { class: "drawer-title" }, index.h("slot", { name: "title" }))), closeIconElement), index.h("div", { key: '93f188c1c870bef15804884d67d30d37ece4fe94', class: `drawer-body ${removePaddingClass}` }, index.h("slot", { key: '6eea3bb0fcfba515561ec38d1a7602c06584e285' })), index.h("footer", { key: 'a068ef915c86f1bb446a29b38e8cb30e77599d3f', class: `drawer-footer ${removePaddingClass}`, style: { display: hasFooterContent ? 'block' : 'none' } }, index.h("slot", { key: '4983c11aedb830637585a978868680e30f7d8dc6', name: "footer" }))))));
|
|
438
440
|
}
|
|
439
441
|
get el() { return index.getElement(this); }
|
|
440
442
|
static get watchers() { return {
|
|
@@ -18064,12 +18066,20 @@ const InputGroup = class {
|
|
|
18064
18066
|
const hasPrepend = !!this.el.querySelector('[slot="prepend"]');
|
|
18065
18067
|
const formControl = this.el.querySelector('.form-control');
|
|
18066
18068
|
const formLabel = this.el.querySelector('.form-label');
|
|
18069
|
+
const formSelect = this.el.querySelector('.form-select');
|
|
18070
|
+
const formSelectLabel = this.el.querySelector('.form-select-label');
|
|
18067
18071
|
if (formControl) {
|
|
18068
18072
|
formControl.style.textIndent = hasPrepend ? '2rem' : '';
|
|
18069
18073
|
}
|
|
18074
|
+
if (formSelect) {
|
|
18075
|
+
formSelect.style.textIndent = hasPrepend ? '2rem' : '';
|
|
18076
|
+
}
|
|
18070
18077
|
if (formLabel) {
|
|
18071
18078
|
formLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
|
|
18072
18079
|
}
|
|
18080
|
+
if (formSelectLabel) {
|
|
18081
|
+
formSelectLabel.style.textIndent = hasPrepend ? '2.7rem' : '';
|
|
18082
|
+
}
|
|
18073
18083
|
}
|
|
18074
18084
|
componentDidLoad() {
|
|
18075
18085
|
this.updateDisabledState(this.disabled);
|
|
@@ -18084,7 +18094,7 @@ const InputGroup = class {
|
|
|
18084
18094
|
? `size-${this.el.querySelector('road-input').sizes}`
|
|
18085
18095
|
: '';
|
|
18086
18096
|
const disabledClass = this.disabled ? 'is-disabled' : '';
|
|
18087
|
-
return (index.h("div", { key: '
|
|
18097
|
+
return (index.h("div", { key: '99a512f367c7dfb57297073d05d3e341df818ab3', class: `input-group ${errorClass} ${disabledClass} ${sizeClass}` }, index.h("div", { key: '9e89c27036e321223513c99d3f399694008a4b99', class: "input-group-prepend" }, index.h("slot", { key: 'f448db90587308448b33aeeff57e26f9943c836c', name: "prepend" })), index.h("slot", { key: '67214bd2d0fed61ae080aa10306b98bb376f8f7d' }), index.h("div", { key: '152a4f643d38c0b443a39d3cc8fa781c9b99f87b', class: "input-group-append" }, index.h("slot", { key: '549c3c8f388cf6f26c1080da788a9aadf53ac61b', name: "append" }))));
|
|
18088
18098
|
}
|
|
18089
18099
|
get el() { return index.getElement(this); }
|
|
18090
18100
|
static get watchers() { return {
|