@roadtrip/components 3.51.0 → 3.51.1
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/road-badge_14.cjs.entry.js +2 -1
- package/dist/cjs/road-badge_14.cjs.entry.js.map +1 -1
- package/dist/collection/components/drawer/drawer.js +2 -1
- package/dist/collection/components/drawer/drawer.js.map +1 -1
- package/dist/collection/components/drawer/drawer.stories.js +1 -1
- package/dist/esm/road-badge_14.entry.js +2 -1
- package/dist/esm/road-badge_14.entry.js.map +1 -1
- package/dist/roadtrip/{p-b2df7b64.entry.js → p-6a8da86b.entry.js} +2 -2
- package/dist/roadtrip/p-6a8da86b.entry.js.map +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/hydrate/index.js +2 -1
- package/hydrate/index.mjs +2 -1
- package/package.json +1 -1
- package/dist/roadtrip/p-b2df7b64.entry.js.map +0 -1
|
@@ -2049,6 +2049,7 @@ const Drawer = class {
|
|
|
2049
2049
|
tabbableOptions: {
|
|
2050
2050
|
getShadowRoot: true,
|
|
2051
2051
|
},
|
|
2052
|
+
preventScroll: true,
|
|
2052
2053
|
});
|
|
2053
2054
|
}
|
|
2054
2055
|
return this.focusTrap;
|
|
@@ -2067,7 +2068,7 @@ const Drawer = class {
|
|
|
2067
2068
|
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;
|
|
2068
2069
|
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;
|
|
2069
2070
|
const drawerWidthValue = this.position === "bottom" ? "100%" : `${this.drawerWidth}px`;
|
|
2070
|
-
return (index.h(index.Host, { key: '
|
|
2071
|
+
return (index.h(index.Host, { key: 'f3f7bb36db4476325b4e7a879a739529bc79d964', class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": ariaLabel }, index.h("div", { key: '407cd4cc74d0f94f43cb306e8e7c819b771493dd', class: "road-drawer-wrapper" }, index.h("div", { key: '2f09ca1bfff5bf81ed94a277910dbb6017d0b984', class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), index.h("div", { key: 'ae71f5011512dd1dd2a3cdd69b7ca6c8838b787f', class: "drawer-dialog", style: { maxWidth: drawerWidthValue }, role: "document" }, index.h("div", { key: '94cf3ed5d1a5e62cf15ec3a20a6bb786a240d61a', class: "drawer-content" }, index.h("header", { key: '58c9716838a98d57a0f147aed96c7b06d98ac9cf', 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: '5d97f008d5514de90fac3c7d6c517882216aee00', class: `drawer-body ${removePaddingClass}` }, index.h("slot", { key: '53a401cd8b6295017d4903e7626d2ab643ad8b26' })), index.h("footer", { key: 'e1c65d15af977b46484d35c6b93def36c3523fdb', class: `drawer-footer ${removePaddingClass}`, hidden: !this.hasFooterContent }, index.h("slot", { key: 'c7b7694a70fb98a9057d5292acbf6bdda42267c5', name: "footer", onSlotchange: this.onFooterSlotChange })))))));
|
|
2071
2072
|
}
|
|
2072
2073
|
get el() { return index.getElement(this); }
|
|
2073
2074
|
static get watchers() { return {
|