@roadtrip/components 3.23.1 → 3.25.0

package/hydrate/index.js

@@ -5839,7 +5839,7 @@ if (window.applyFocusVisiblePolyfill == null) {
   Promise.resolve().then(function () { return focusVisible$1; });
 }
 
-const accordionCss = "/*!@:host*/.sc-road-accordion-h{--accordion-header-border:1px;--content-margin:0 var(--road-spacing-05) var(--road-spacing-04);--content-padding:var(--road-spacing-04) 0 0;--header-padding:var(--road-spacing-04) var(--road-spacing-05);--icon-color:var(--road-icon);--max-height:none;display:block;margin-bottom:1rem}/*!@:host(.focus-visible)*/.focus-visible.sc-road-accordion-h{border:1px solid var(--road-primary)}/*!@.accordion*/.accordion.sc-road-accordion{--max-height:none;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;transition:max-height 0.3s ease-in-out}/*!@.accordion.accordion-light*/.accordion.accordion-light.sc-road-accordion{background:none;border:0}/*!@.accordion[open]*/.accordion[open].sc-road-accordion{max-height:var(--max-height)}/*!@.accordion[open] .accordion-arrow*/.accordion[open].sc-road-accordion .accordion-arrow.sc-road-accordion{transform:rotate(-90deg)}/*!@.accordion[open] .accordion-content*/.accordion[open].sc-road-accordion .accordion-content.sc-road-accordion{padding:var(--content-padding);margin:var(--content-margin)}/*!@.accordion-light[open] .accordion-light-content*/.accordion-light[open].sc-road-accordion .accordion-light-content.sc-road-accordion{margin:0 0 var(--road-spacing-04)}/*!@.accordion-light[open] .accordion-light-header::after*/.accordion-light[open].sc-road-accordion .accordion-light-header.sc-road-accordion::after{display:none}/*!@.accordion-trigger*/.accordion-trigger.sc-road-accordion{box-sizing:border-box;display:block;border:1px solid transparent;border-radius:0.25rem;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.accordion-light .accordion-trigger:active*/.accordion-light.sc-road-accordion .accordion-trigger.sc-road-accordion:active{background:none}/*!@.accordion-trigger::-webkit-details-marker*/.accordion-trigger.sc-road-accordion::-webkit-details-marker{display:none}/*!@.accordion-trigger.focus-visible*/.accordion-trigger.focus-visible.sc-road-accordion{border-color:var(--road-primary)}/*!@.accordion-trigger:active*/.accordion-trigger.sc-road-accordion:active{background:var(--road-surface-inverse)}/*!@.accordion-header*/.accordion-header.sc-road-accordion{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--header-padding);font-size:var(--road-body-medium);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}/*!@.accordion-light-header*/.accordion-light-header.sc-road-accordion{position:relative;padding:var(--road-spacing-04) 0;font-size:var(--road-body-large)}/*!@.accordion-light--small .accordion-light-header*/.accordion-light--small.sc-road-accordion .accordion-light-header.sc-road-accordion{font-size:var(--road-body-medium)}/*!@.accordion-light--border .accordion-light-header::after*/.accordion-light--border.sc-road-accordion .accordion-light-header.sc-road-accordion::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:\"\";background:var(--road-outline-weak)}/*!@.accordion-arrow*/.accordion-arrow.sc-road-accordion{margin-left:auto;color:var(--icon-color);transform:rotate(90deg)}/*!@.accordion-light--small .accordion-arrow*/.accordion-light--small.sc-road-accordion .accordion-arrow.sc-road-accordion{width:1.5rem;height:1.5rem}/*!@::slotted([slot=\"header\"])*/.sc-road-accordion-s>[slot=\"header\"]{display:flex;align-items:center}/*!@:host(.accordion-icon-left)*/.accordion-icon-left.sc-road-accordion-h{width:1.5rem;height:1.5rem;margin-right:1rem}/*!@.accordion-content*/.accordion-content.sc-road-accordion{padding:0 0.5rem;margin:0 1rem;overflow:hidden;font-size:var(--road-body-medium);border-top:var(--accordion-header-border) solid var(--road-outline-weak)}/*!@.accordion-light-content*/.accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak)}/*!@.accordion-light--border .accordion-light-content*/.accordion-light--border.sc-road-accordion .accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak);border-bottom:1px solid var(--road-outline-weak)}";
+const accordionCss = "/*!@:host*/.sc-road-accordion-h{--accordion-header-border:1px;--content-margin:0 var(--road-spacing-05) var(--road-spacing-04);--content-padding:var(--road-spacing-04) 0 0;--header-padding:var(--road-spacing-04) var(--road-spacing-05);--header-padding-vertical:var(--road-spacing-04);--icon-color:var(--road-icon);--max-height:none;display:block}/*!@.accordion*/.accordion.sc-road-accordion{--max-height:none;overflow:hidden;font-family:var(--road-font, sans-serif);font-size:var(--road-body-small);line-height:1.5;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;transition:max-height 0.3s ease-in-out}/*!@.accordion.accordion-light*/.accordion.accordion-light.sc-road-accordion{background:none;border:0}/*!@.accordion[open]*/.accordion[open].sc-road-accordion{max-height:var(--max-height)}/*!@.accordion[open] .accordion-arrow*/.accordion[open].sc-road-accordion .accordion-arrow.sc-road-accordion{transform:rotate(-90deg)}/*!@.accordion[open] .accordion-content*/.accordion[open].sc-road-accordion .accordion-content.sc-road-accordion{padding:var(--content-padding);margin:var(--content-margin)}/*!@.accordion-light[open] .accordion-light-content*/.accordion-light[open].sc-road-accordion .accordion-light-content.sc-road-accordion{margin:0 0 var(--road-spacing-04)}/*!@.accordion-light[open] .accordion-light-header::after*/.accordion-light[open].sc-road-accordion .accordion-light-header.sc-road-accordion::after{display:none}/*!@.accordion-trigger*/.accordion-trigger.sc-road-accordion{box-sizing:border-box;display:block;border:1px solid transparent;border-radius:0.25rem;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.accordion-light .accordion-trigger:active*/.accordion-light.sc-road-accordion .accordion-trigger.sc-road-accordion:active{background:none}/*!@.accordion-trigger::-webkit-details-marker*/.accordion-trigger.sc-road-accordion::-webkit-details-marker{display:none}/*!@.accordion-trigger.focus-visible*/.accordion-trigger.focus-visible.sc-road-accordion{border-color:var(--road-primary)}/*!@.accordion-trigger:active*/.accordion-trigger.sc-road-accordion:active{background:var(--road-surface-inverse)}/*!@.accordion-header*/.accordion-header.sc-road-accordion{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--header-padding);font-size:var(--road-body-medium);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}/*!@.accordion-light-header*/.accordion-light-header.sc-road-accordion{position:relative;padding:var(--header-padding-vertical) 0;font-size:var(--road-body-large)}/*!@.accordion-light--small .accordion-light-header*/.accordion-light--small.sc-road-accordion .accordion-light-header.sc-road-accordion{font-size:var(--road-body-medium)}/*!@.accordion-light--border .accordion-light-header::after*/.accordion-light--border.sc-road-accordion .accordion-light-header.sc-road-accordion::after{position:absolute;bottom:1px;width:98.3%;height:1px;content:\"\";background:var(--road-outline-weak)}/*!@.accordion-arrow*/.accordion-arrow.sc-road-accordion{margin-left:auto;color:var(--icon-color);transform:rotate(90deg)}/*!@.accordion-light--small .accordion-arrow*/.accordion-light--small.sc-road-accordion .accordion-arrow.sc-road-accordion{width:1.5rem;height:1.5rem}/*!@::slotted([slot=\"header\"])*/.sc-road-accordion-s>[slot=\"header\"]{display:flex;align-items:center}/*!@:host(.accordion-icon-left)*/.accordion-icon-left.sc-road-accordion-h{width:1.5rem;height:1.5rem;margin-right:1rem}/*!@.accordion-content*/.accordion-content.sc-road-accordion{padding:0 0.5rem;margin:0 1rem;overflow:hidden;font-size:var(--road-body-medium);border-top:var(--accordion-header-border) solid var(--road-outline-weak)}/*!@.accordion-light-content*/.accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak)}/*!@.accordion-light--border .accordion-light-content*/.accordion-light--border.sc-road-accordion .accordion-light-content.sc-road-accordion{border-top:1px solid var(--road-outline-weak);border-bottom:1px solid var(--road-outline-weak)}";
 
 /**
  * @slot header - Content of the header.
@@ -5922,6 +5922,114 @@ class Alert {
   }; }
 }
 
+const getName$2 = (assetName, asset) => {
+  if (!assetName && asset && !isSrc$2(asset)) {
+    assetName = asset;
+  }
+  if (isStr$2(assetName)) {
+    assetName = toLower$2(assetName);
+  }
+  if (!isStr$2(assetName) || assetName.trim() === '') {
+    return null;
+  }
+  // only allow alpha characters and dash
+  const invalidChars = assetName.replace(/[a-z]|-|\d/gi, '');
+  if (invalidChars !== '') {
+    return null;
+  }
+  return assetName;
+};
+const isSrc$2 = (str) => str.length > 0 && /(\/|\.)/.test(str);
+const isStr$2 = (val) => typeof val === 'string';
+const toLower$2 = (val) => val.toLowerCase();
+
+const assetCss = "/*!@:host*/.sc-road-asset-h{box-sizing:content-box;contain:strict;display:table}/*!@.icon-inner*/.icon-inner.sc-road-asset{width:-moz-fit-content;width:fit-content}/*!@:host svg*/.sc-road-asset-h svg.sc-road-asset{display:block;width:100%;height:100%}";
+
+class Asset {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.assetSvgContent = undefined;
+    this.isVisible = false;
+    this.ariaLabel = undefined;
+    this.ariaHidden = undefined;
+    this.name = undefined;
+    this.src = undefined;
+    this.asset = undefined;
+    this.lazy = false;
+    this.sanitize = true;
+  }
+  componentWillLoad() {
+    this.waitUntilVisible(this.el, '50px', () => {
+      this.isVisible = true;
+      this.loadAsset();
+    });
+  }
+  disconnectedCallback() {
+    if (this.io) {
+      this.io.disconnect();
+      this.io = undefined;
+    }
+  }
+  waitUntilVisible(el, rootMargin, cb) {
+    if (this.lazy && window.IntersectionObserver) {
+      const io = this.io = new window.IntersectionObserver((data) => {
+        if (data[0].isIntersecting) {
+          io.disconnect();
+          this.io = undefined;
+          cb();
+        }
+      }, { rootMargin });
+      io.observe(el);
+    }
+    else {
+      // browser doesn't support IntersectionObserver
+      // so just fallback to always show it
+      cb();
+    }
+  }
+  loadAsset() {
+    if (!this.ariaLabel && this.ariaHidden !== 'true') {
+      const label = getName$2(this.name, this.asset);
+      // user did not provide a label
+      // come up with the label based on the icon name
+      if (label) {
+        this.ariaLabel = label.replace(/-/g, ' ');
+      }
+    }
+  }
+  render() {
+    return (hAsync(Host, { "aria-hidden": "true", role: "img" }, ((this.assetSvgContent !== '')
+      ? hAsync("div", { class: "icon-inner", innerHTML: this.assetSvgContent })
+      : hAsync("div", { class: "icon-inner" }))));
+  }
+  static get assetsDirs() { return ["svg"]; }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "name": ["loadAsset"],
+    "src": ["loadAsset"],
+    "asset": ["loadAsset"]
+  }; }
+  static get style() { return assetCss; }
+  static get cmpMeta() { return {
+    "$flags$": 9,
+    "$tagName$": "road-asset",
+    "$members$": {
+      "ariaLabel": [1537, "aria-label"],
+      "ariaHidden": [513, "aria-hidden"],
+      "name": [1],
+      "src": [1],
+      "asset": [8],
+      "lazy": [4],
+      "sanitize": [4],
+      "assetSvgContent": [32],
+      "isVisible": [32]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": [["ariaLabel", "aria-label"], ["ariaHidden", "aria-hidden"]]
+  }; }
+}
+
 const autocompleteCss = ".sc-road-autocomplete-h{position:relative;display:block}.sc-road-autocomplete-s>road-input-group,.sc-road-autocomplete-s>road-input{position:relative;z-index:2}.sc-road-autocomplete-s>road-button{position:absolute;right:0;height:100%;background-color:var(--road-surface)}.autocomplete-list.sc-road-autocomplete{position:absolute;top:3rem;z-index:1;width:100%;max-height:16rem;padding:0.5rem 0;margin:0;overflow-y:scroll;font-family:var(--road-font, sans-serif);font-size:var(--road-font-size-14);color:var(--road-on-surface);list-style-type:none;background:var(--road-surface);border-radius:0 0 0.25rem 0.25rem;box-shadow:var(--road-elevation-low)}.autocomplete-item.sc-road-autocomplete{padding:0.75rem 1rem;cursor:pointer}.autocomplete-item.sc-road-autocomplete:hover,.autocomplete-item.focus.sc-road-autocomplete{color:var(--road-on-primary);background:var(--road-primary)}";
 
 /**
@@ -5974,7 +6082,7 @@ class Autocomplete {
   }; }
 }
 
-const avatarCss = "/*!@:host*/.sc-road-avatar-h{--avatar-background:var(--road-primary);--avatar-width:3rem;--avatar-color:var(--road-grey-100-new);position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-width);font-weight:700;color:var(--avatar-color);background:var(--avatar-background);border-radius:var(--avatar-width);transition:box-shadow 0.5s}/*!@:host(:hover),\n:host(.focus-visible),\n:host(:focus)*/.sc-road-avatar-h:hover,.focus-visible.sc-road-avatar-h,.sc-road-avatar-h:focus{box-shadow:0 0 0 4px var(--road-primary-80)}/*!@:host ::slotted(road-icon)*/.sc-road-avatar-h .sc-road-avatar-s>road-icon{fill:var(--road-icon-inverse)}/*!@:host(.avatar-sm)*/.avatar-sm.sc-road-avatar-h{width:2.625rem;height:2.625rem;font-size:1.25rem}/*!@:host(.avatar-md)*/.avatar-md.sc-road-avatar-h{width:3.5rem;height:3.5rem;font-size:var(--road-font-size-32)}/*!@:host(.avatar-lg)*/.avatar-lg.sc-road-avatar-h{width:4rem;height:4rem;font-size:2.375rem}/*!@::slotted(road-img),\n::slotted(img)*/.sc-road-avatar-s>road-img,.sc-road-avatar-s>img{width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:var(--avatar-width)}/*!@::slotted(road-badge)*/.sc-road-avatar-s>road-badge{position:absolute;top:0;right:0}";
+const avatarCss = "/*!@:host*/.sc-road-avatar-h{--avatar-background:var(--road-primary);--avatar-width:3rem;--avatar-color:var(--road-grey-100-new);position:relative;display:flex;align-items:center;justify-content:center;width:var(--avatar-width);height:var(--avatar-width);font-weight:700;color:var(--avatar-color);background:var(--avatar-background);border-radius:var(--avatar-width);transition:box-shadow 0.5s}/*!@:host(:hover)*/.sc-road-avatar-h:hover{box-shadow:0 0 0 4px var(--road-primary-80)}/*!@:host(.focus-visible),\n:host(:focus)*/.focus-visible.sc-road-avatar-h,.sc-road-avatar-h:focus{outline:auto}/*!@:host ::slotted(road-icon)*/.sc-road-avatar-h .sc-road-avatar-s>road-icon{fill:var(--road-icon-inverse)}/*!@:host(.avatar-sm)*/.avatar-sm.sc-road-avatar-h{width:2.625rem;height:2.625rem;font-size:1.25rem}/*!@:host(.avatar-md)*/.avatar-md.sc-road-avatar-h{width:3.5rem;height:3.5rem;font-size:var(--road-font-size-32)}/*!@:host(.avatar-lg)*/.avatar-lg.sc-road-avatar-h{width:4rem;height:4rem;font-size:2.375rem}/*!@::slotted(road-img),\n::slotted(img)*/.sc-road-avatar-s>road-img,.sc-road-avatar-s>img{width:100%;height:100%;object-fit:cover;overflow:hidden;border-radius:var(--avatar-width)}/*!@::slotted(road-badge)*/.sc-road-avatar-s>road-badge{position:absolute;top:0;right:0}";
 
 /**
  * @slot  - Image of the avatar.
@@ -6078,7 +6186,7 @@ class Banner {
   }; }
 }
 
-const buttonCss = "/*!@:host*/.sc-road-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:hover)*/.sc-road-button-h:hover{text-decoration:none}/*!@:host(.focus-visible)*/.focus-visible.sc-road-button-h{outline:0}/*!@.button-native*/.button-native.sc-road-button{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host(.btn-default:not([disabled]).focus-visible)*/.btn-default.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-grey-80)}/*!@:host(.btn-primary)*/.btn-primary.sc-road-button-h{color:var(--road-on-button-primary);background:var(--road-button-primary)}/*!@:host(.btn-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-primary .sc-road-button-s>road-icon{color:var(--road-on-button-primary)}/*!@:host(.btn-primary:not([disabled]):hover),\n:host(.btn-primary:not([disabled]).focus-visible)*/.btn-primary.sc-road-button-h:not([disabled]):hover,.btn-primary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-primary-variant)}/*!@:host(.btn-secondary)*/.btn-secondary.sc-road-button-h{color:var(--road-on-button-secondary);background:var(--road-button-secondary)}/*!@:host(.btn-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-secondary .sc-road-button-s>road-icon{color:var(--road-on-button-secondary)}/*!@:host(.btn-secondary:not([disabled]):hover),\n:host(.btn-secondary:not([disabled]).focus-visible)*/.btn-secondary.sc-road-button-h:not([disabled]):hover,.btn-secondary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-secondary-variant)}/*!@:host(.btn-link)*/.btn-link.sc-road-button-h{font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}/*!@:host(.btn-link:not([disabled]):hover),\n:host(.btn-link:not([disabled]).focus-visible)*/.btn-link.sc-road-button-h:not([disabled]):hover,.btn-link.sc-road-button-h:not([disabled]).focus-visible{color:var(--road-primary-30)}/*!@:host(.btn-outline-primary),\n:host(.btn-outline-secondary),\n:host(.btn-outline-default)*/.btn-outline-primary.sc-road-button-h,.btn-outline-secondary.sc-road-button-h,.btn-outline-default.sc-road-button-h{background:transparent}/*!@:host(.btn-outline-default)*/.btn-outline-default.sc-road-button-h{color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.btn-outline-default) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-default .sc-road-button-s>road-icon{color:var(--road-on-surface-weak)}/*!@:host(.btn-outline-default:hover),\n:host(.btn-outline-default.focus-visible)*/.btn-outline-default.sc-road-button-h:hover,.btn-outline-default.focus-visible.sc-road-button-h{background:var(--road-grey-80)}/*!@:host(.btn-ghost) ::slotted(road-icon)*/.sc-road-button-h.btn-ghost .sc-road-button-s>road-icon{color:var(--road-icon)}/*!@:host(.btn-ghost:hover),\n:host(.btn-ghost.focus-visible)*/.btn-ghost.sc-road-button-h:hover,.btn-ghost.focus-visible.sc-road-button-h{background:var(--road-button-ghost-variant)}/*!@:host([aria-disabled].btn-outline-primary)*/[aria-disabled].btn-outline-primary.sc-road-button-h{background:none}/*!@:host(.btn-outline-primary)*/.btn-outline-primary.sc-road-button-h{color:var(--road-button-primary);border-color:var(--road-button-primary)}/*!@:host(.btn-outline-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-primary .sc-road-button-s>road-icon{color:var(--road-button-primary)}/*!@:host(.btn-outline-primary:hover),\n:host(.btn-outline-primary.focus-visible)*/.btn-outline-primary.sc-road-button-h:hover,.btn-outline-primary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host(.btn-outline-secondary)*/.btn-outline-secondary.sc-road-button-h{color:var(--road-button-secondary);border-color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-secondary .sc-road-button-s>road-icon{color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary:hover),\n:host(.btn-outline-secondary.focus-visible)*/.btn-outline-secondary.sc-road-button-h:hover,.btn-outline-secondary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-h{color:var(--road-on-surface-disabled);pointer-events:none;cursor:not-allowed;background-color:var(--road-surface-disabled);border-color:1px solid var(--road-surface-disabled)}/*!@:host([aria-disabled]) ::slotted(road-icon)*/.sc-road-button-h[aria-disabled] .sc-road-button-s>road-icon{color:var(--road-on-surface-disabled)}/*!@.button-native:disabled*/.button-native.sc-road-button:disabled{cursor:not-allowed}/*!@::slotted([slot=\"start\"])*/.sc-road-button-s>[slot=\"start\"]{margin-right:0.5rem}/*!@::slotted([slot=\"end\"])*/.sc-road-button-s>[slot=\"end\"]{margin-left:0.5rem}/*!@:host(.btn-xl)*/.btn-xl.sc-road-button-h{height:3.5rem}/*!@:host(.btn-xl) ::slotted(road-icon)*/.sc-road-button-h.btn-xl .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-xl)*/.btn-icon.btn-xl.sc-road-button-h{width:56px}/*!@:host(.btn-lg)*/.btn-lg.sc-road-button-h{height:3rem}/*!@:host(.btn-lg) ::slotted(road-icon)*/.sc-road-button-h.btn-lg .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-lg)*/.btn-icon.btn-lg.sc-road-button-h{width:48px}/*!@:host(.btn-md)*/.btn-md.sc-road-button-h{--font-size:var(--road-font-size-14);height:2.5rem}/*!@:host(.btn-md) ::slotted(road-icon)*/.sc-road-button-h.btn-md .sc-road-button-s>road-icon{width:1.5rem;height:1.5rem}/*!@:host(.btn-icon.btn-md)*/.btn-icon.btn-md.sc-road-button-h{width:40px}/*!@:host(.btn-sm)*/.btn-sm.sc-road-button-h{--font-size:var(--road-font-size-14);height:2rem}/*!@:host(.btn-sm) ::slotted(road-icon)*/.sc-road-button-h.btn-sm .sc-road-button-s>road-icon{width:1.25rem;height:1.25rem}/*!@:host(.btn-icon.btn-sm)*/.btn-icon.btn-sm.sc-road-button-h{width:32px}/*!@:host(.btn-block)*/.btn-block.sc-road-button-h{width:100%}/*!@:host(.btn-icon) .button-native*/.btn-icon.sc-road-button-h .button-native.sc-road-button{padding:0}/*!@::slotted(road-badge)*/.sc-road-button-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
+const buttonCss = "/*!@:host*/.sc-road-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:hover)*/.sc-road-button-h:hover{text-decoration:none}/*!@:host(.focus-visible)*/.focus-visible.sc-road-button-h{text-decoration:underline;outline:auto}/*!@.button-native*/.button-native.sc-road-button{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@:host(.btn-default:not([disabled]).focus-visible)*/.btn-default.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-grey-80)}/*!@:host(.btn-primary)*/.btn-primary.sc-road-button-h{color:var(--road-on-button-primary);background:var(--road-button-primary)}/*!@:host(.btn-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-primary .sc-road-button-s>road-icon{color:var(--road-on-button-primary)}/*!@:host(.btn-primary:not([disabled]):hover),\n:host(.btn-primary:not([disabled]).focus-visible)*/.btn-primary.sc-road-button-h:not([disabled]):hover,.btn-primary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-primary-variant);outline:0}/*!@:host(.btn-secondary)*/.btn-secondary.sc-road-button-h{color:var(--road-on-button-secondary);background:var(--road-button-secondary)}/*!@:host(.btn-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-secondary .sc-road-button-s>road-icon{color:var(--road-on-button-secondary)}/*!@:host(.btn-secondary:not([disabled]):hover),\n:host(.btn-secondary:not([disabled]).focus-visible)*/.btn-secondary.sc-road-button-h:not([disabled]):hover,.btn-secondary.sc-road-button-h:not([disabled]).focus-visible{background:var(--road-button-secondary-variant)}/*!@:host(.btn-link)*/.btn-link.sc-road-button-h{font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}/*!@:host(.btn-link:not([disabled]):hover),\n:host(.btn-link:not([disabled]).focus-visible)*/.btn-link.sc-road-button-h:not([disabled]):hover,.btn-link.sc-road-button-h:not([disabled]).focus-visible{color:var(--road-primary-30)}/*!@:host(.btn-outline-primary),\n:host(.btn-outline-secondary),\n:host(.btn-outline-default)*/.btn-outline-primary.sc-road-button-h,.btn-outline-secondary.sc-road-button-h,.btn-outline-default.sc-road-button-h{background:transparent}/*!@:host(.btn-outline-default)*/.btn-outline-default.sc-road-button-h{color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.btn-outline-default) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-default .sc-road-button-s>road-icon{color:var(--road-on-surface-weak)}/*!@:host(.btn-outline-default:hover),\n:host(.btn-outline-default.focus-visible)*/.btn-outline-default.sc-road-button-h:hover,.btn-outline-default.focus-visible.sc-road-button-h{background:var(--road-grey-80)}/*!@:host(.btn-ghost) ::slotted(road-icon)*/.sc-road-button-h.btn-ghost .sc-road-button-s>road-icon{color:var(--road-icon)}/*!@:host(.btn-ghost:hover),\n:host(.btn-ghost.focus-visible)*/.btn-ghost.sc-road-button-h:hover,.btn-ghost.focus-visible.sc-road-button-h{background:var(--road-button-ghost-variant)}/*!@:host([aria-disabled].btn-outline-primary)*/[aria-disabled].btn-outline-primary.sc-road-button-h{background:none}/*!@:host(.btn-outline-primary)*/.btn-outline-primary.sc-road-button-h{color:var(--road-button-primary);border-color:var(--road-button-tertiary-outline)}/*!@:host(.btn-outline-primary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-primary .sc-road-button-s>road-icon{color:var(--road-button-primary)}/*!@:host(.btn-outline-primary:hover),\n:host(.btn-outline-primary.focus-visible)*/.btn-outline-primary.sc-road-button-h:hover,.btn-outline-primary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host(.btn-outline-secondary)*/.btn-outline-secondary.sc-road-button-h{color:var(--road-button-secondary);border-color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary) ::slotted(road-icon)*/.sc-road-button-h.btn-outline-secondary .sc-road-button-s>road-icon{color:var(--road-button-secondary)}/*!@:host(.btn-outline-secondary:hover),\n:host(.btn-outline-secondary.focus-visible)*/.btn-outline-secondary.sc-road-button-h:hover,.btn-outline-secondary.focus-visible.sc-road-button-h{background:var(--road-button-tertiary-variant)}/*!@:host([aria-disabled])*/[aria-disabled].sc-road-button-h{color:var(--road-on-surface-disabled);pointer-events:none;cursor:not-allowed;background-color:var(--road-surface-disabled);border-color:1px solid var(--road-surface-disabled)}/*!@:host([aria-disabled]) ::slotted(road-icon)*/.sc-road-button-h[aria-disabled] .sc-road-button-s>road-icon{color:var(--road-on-surface-disabled)}/*!@.button-native:disabled*/.button-native.sc-road-button:disabled{cursor:not-allowed}/*!@::slotted([slot=\"start\"])*/.sc-road-button-s>[slot=\"start\"]{margin-right:0.5rem}/*!@::slotted([slot=\"end\"])*/.sc-road-button-s>[slot=\"end\"]{margin-left:0.5rem}/*!@:host(.btn-xl)*/.btn-xl.sc-road-button-h{height:3.5rem}/*!@:host(.btn-xl) ::slotted(road-icon)*/.sc-road-button-h.btn-xl .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-xl)*/.btn-icon.btn-xl.sc-road-button-h{width:56px}/*!@:host(.btn-lg)*/.btn-lg.sc-road-button-h{height:3rem}/*!@:host(.btn-lg) ::slotted(road-icon)*/.sc-road-button-h.btn-lg .sc-road-button-s>road-icon{width:2rem;height:2rem}/*!@:host(.btn-icon.btn-lg)*/.btn-icon.btn-lg.sc-road-button-h{width:48px}/*!@:host(.btn-md)*/.btn-md.sc-road-button-h{--font-size:var(--road-font-size-14);height:2.5rem}/*!@:host(.btn-md) ::slotted(road-icon)*/.sc-road-button-h.btn-md .sc-road-button-s>road-icon{width:1.5rem;height:1.5rem}/*!@:host(.btn-icon.btn-md)*/.btn-icon.btn-md.sc-road-button-h{width:40px}/*!@:host(.btn-sm)*/.btn-sm.sc-road-button-h{--font-size:var(--road-font-size-14);height:2rem}/*!@:host(.btn-sm) ::slotted(road-icon)*/.sc-road-button-h.btn-sm .sc-road-button-s>road-icon{width:1.25rem;height:1.25rem}/*!@:host(.btn-icon.btn-sm)*/.btn-icon.btn-sm.sc-road-button-h{width:32px}/*!@:host(.btn-block)*/.btn-block.sc-road-button-h{width:100%}/*!@:host(.btn-icon) .button-native*/.btn-icon.sc-road-button-h .button-native.sc-road-button{padding:0}/*!@::slotted(road-badge)*/.sc-road-button-s>road-badge{position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
 
 /**
  * @slot - Content of the button.
@@ -13243,7 +13351,7 @@ class Checkbox {
 }
 let checkboxIds = 0;
 
-const chipCss = "/*!@:host*/.sc-road-chip-h{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;padding:0.25rem 0.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@.chip-description*/.chip-description.sc-road-chip{display:inline-flex;align-items:center;padding:0 0.5rem}/*!@:host(.chip-outline)*/.chip-outline.sc-road-chip-h{border-style:solid;border-width:1px}/*!@::slotted(road-icon)*/.sc-road-chip-s>road-icon{width:1.25rem;height:1.25rem;margin-right:0.5rem;margin-left:-0.5rem}/*!@.chip-close*/.chip-close.sc-road-chip{width:1rem;height:1rem;margin-right:-0.25rem;color:var(--road-surface);background:var(--road-on-surface-weak);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.chip-lg)*/.chip-lg.sc-road-chip-h{height:2.5rem;padding:0 0.75rem;font-size:var(--road-font-size-16)}/*!@:host(.chip-lg) ::slotted(road-icon)*/.sc-road-chip-h.chip-lg .sc-road-chip-s>road-icon{width:1.5rem;height:1.5rem;margin-right:0.75rem;margin-left:-0.75rem}/*!@:host(.chip-lg) .chip-description*/.chip-lg.sc-road-chip-h .chip-description.sc-road-chip{padding:0 0.75rem}/*!@:host(.chip-lg) .chip-close*/.chip-lg.sc-road-chip-h .chip-close.sc-road-chip{width:1.5rem;height:1.5rem}/*!@:host(.chip-default)*/.chip-default.sc-road-chip-h{color:var(--road-on-surface);background:var(--road-grey-200)}/*!@:host(.chip-outline.chip-default)*/.chip-outline.chip-default.sc-road-chip-h{background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.chip-secondary)*/.chip-secondary.sc-road-chip-h{color:var(--road-on-button-primary);background:var(--road-button-primary);border-color:transparent}/*!@:host(.chip-secondary) .chip-close*/.chip-secondary.sc-road-chip-h .chip-close.sc-road-chip{color:var(--road-primary);background:var(--road-surface)}@media (any-hover: hover){/*!@:host(.chip-outline:hover)*/.chip-outline.sc-road-chip-h:hover{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary:hover)*/.chip-secondary.sc-road-chip-h:hover{background:var(--road-button-primary-variant)}/*!@:host(.chip-secondary:hover) .chip-close*/.chip-secondary.sc-road-chip-h:hover .chip-close.sc-road-chip{color:var(--road-primary)}}/*!@:host(.chip-outline:focus-visible)*/.chip-outline.sc-road-chip-h:focus-visible{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary.focus-visible)*/.chip-secondary.focus-visible.sc-road-chip-h{background:var(--road-button-primary-variant)}";
+const chipCss = "/*!@:host*/.sc-road-chip-h{box-sizing:border-box;display:inline-flex;align-items:center;height:1.5rem;padding:0.25rem 0.5rem;margin-bottom:0.5rem;font-size:var(--road-font-size-14);cursor:pointer;border:0;border-radius:1.625rem;outline:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@.chip-description*/.chip-description.sc-road-chip{display:inline-flex;align-items:center;padding:0 0.5rem}/*!@:host(.chip-outline)*/.chip-outline.sc-road-chip-h{border-style:solid;border-width:1px}/*!@::slotted(road-icon)*/.sc-road-chip-s>road-icon{width:1.25rem;height:1.25rem;margin-right:0.5rem;margin-left:-0.5rem}/*!@.chip-close*/.chip-close.sc-road-chip{width:1rem;height:1rem;margin-right:-0.25rem;color:var(--road-surface);background:var(--road-on-surface-weak);border-radius:50%;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(.chip-lg)*/.chip-lg.sc-road-chip-h{height:2.5rem;padding:0 0.75rem;font-size:var(--road-font-size-16)}/*!@:host(.chip-lg) ::slotted(road-icon)*/.sc-road-chip-h.chip-lg .sc-road-chip-s>road-icon{width:1.5rem;height:1.5rem;margin-right:0.75rem;margin-left:-0.75rem}/*!@:host(.chip-lg) .chip-description*/.chip-lg.sc-road-chip-h .chip-description.sc-road-chip{padding:0 0.75rem}/*!@:host(.chip-lg) .chip-close*/.chip-lg.sc-road-chip-h .chip-close.sc-road-chip{width:1.5rem;height:1.5rem}/*!@:host(.chip-default)*/.chip-default.sc-road-chip-h{color:var(--road-on-surface);background:var(--road-grey-200)}/*!@:host(.chip-outline.chip-default)*/.chip-outline.chip-default.sc-road-chip-h{background:var(--road-surface);border-color:var(--road-outline)}/*!@:host(.chip-secondary)*/.chip-secondary.sc-road-chip-h{color:var(--road-on-button-primary);background:var(--road-button-primary);border-color:transparent}/*!@:host(.chip-secondary) .chip-close*/.chip-secondary.sc-road-chip-h .chip-close.sc-road-chip{color:var(--road-primary);background:var(--road-surface)}@media (any-hover: hover){/*!@:host(.chip-outline:hover)*/.chip-outline.sc-road-chip-h:hover{border-color:var(--road-outline-variant)}/*!@:host(.chip-secondary:hover)*/.chip-secondary.sc-road-chip-h:hover{background:var(--road-button-primary-variant)}/*!@:host(.chip-secondary:hover) .chip-close*/.chip-secondary.sc-road-chip-h:hover .chip-close.sc-road-chip{color:var(--road-primary)}}/*!@:host(.chip-outline:focus-visible)*/.chip-outline.sc-road-chip-h:focus-visible{border-color:var(--road-outline-variant);outline:auto}/*!@:host(.chip-secondary.focus-visible)*/.chip-secondary.focus-visible.sc-road-chip-h{background:var(--road-button-primary-variant);outline:auto}";
 
 /**
  * @slot - Content of the chip.
@@ -13371,7 +13479,7 @@ class ContentCard {
   }; }
 }
 
-const counterCss = ".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}.test.sc-road-counter{display:none}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
+const counterCss = ".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
 
 class Counter {
   constructor(hostRef) {
@@ -13470,7 +13578,17 @@ class Counter {
     this.onValueChange(this.value);
   }
   componentDidLoad() {
-    // Cacher le label pour accessibilité
+    const buttons = this.el.querySelectorAll('road-button');
+    // Ajouter les événements pour chaque road-button
+    buttons.forEach((btn) => {
+      btn.addEventListener('touchstart', () => {
+        btn.style.backgroundColor = 'var(--road-button-tertiary-variant)'; // Appliquer le style hover
+      });
+      btn.addEventListener('touchend', () => {
+        btn.style.backgroundColor = 'var(--road-surface)'; // Supprimer le style hover après touchend
+      });
+    });
+    // Accessibilité : Cacher le label
     const label = this.el.querySelector('.form-label');
     const input = this.el.querySelector('.form-control.sc-road-input');
     if (label) {
@@ -13670,6 +13788,8 @@ class Drawer {
     this.backText = undefined;
     this.drawerTitle = undefined;
     this.ariaLabel = undefined;
+    this.ariaLabelBack = undefined;
+    this.ariaLabelClose = undefined;
     this.hasCloseIcon = true;
   }
   /**
@@ -13690,9 +13810,22 @@ class Drawer {
   async back() {
     this.onBack.emit();
   }
+  // @Watch('isOpen')
+  // handleOpen(openValue: boolean) {
+  //   if(openValue === true) {
+  //     this.onOpen.emit();
+  //   } else {
+  //     this.el.addEventListener('transitionend', () => {
+  //       this.onClose.emit();
+  //       this.el.shadowRoot && ((this.el.shadowRoot.querySelector('.drawer-body') as HTMLElement).scrollTop = 0);
+  //     }, { once: true});
+  //   }
+  // }
   handleOpen(openValue) {
     if (openValue === true) {
       this.onOpen.emit();
+      // Focus the first button element after the drawer is opened
+      setTimeout(() => this.focusFirstButton(), 50); // Add a slight delay to ensure the element is rendered
     }
     else {
       this.el.addEventListener('transitionend', () => {
@@ -13701,6 +13834,16 @@ class Drawer {
       }, { once: true });
     }
   }
+  /**
+   * Find and focus the first button element in the drawer
+   */
+  focusFirstButton() {
+    var _a;
+    const buttonElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
+    if (buttonElement) {
+      buttonElement.focus(); // Focus the first button element
+    }
+  }
   /**
    * Close the dialog when press Escape key
    */
@@ -13725,9 +13868,11 @@ class Drawer {
     const drawerIsOpenClass = this.isOpen ? 'drawer-open' : '';
     const inverseHeaderClass = this.hasInverseHeader ? 'drawer-header-inverse' : '';
     const ariaLabel = this.ariaLabel !== undefined ? this.ariaLabel : 'drawer';
+    const ariaLabelBack = this.ariaLabelBack !== undefined ? this.ariaLabelBack : 'Back';
+    const ariaLabelClose = this.ariaLabelClose !== undefined ? this.ariaLabelClose : 'Close';
     const drawerDelimiterClass = this.drawerTitle !== undefined && !this.hasInverseHeader ? 'drawer-delimiter' : '';
-    const backIconElement = this.hasBackIcon ? hAsync("button", { type: "button", class: "drawer-action", "aria-label": "Back", onClick: this.onClickBack }, hAsync("road-icon", { icon: navigationChevron, rotate: "180" }), this.backText) : '';
-    const closeIconElement = this.hasCloseIcon ? hAsync("button", { type: "button", class: "drawer-close", onClick: this.onClick, "aria-label": "Close" }, hAsync("road-icon", { icon: navigationClose, "aria-hidden": "true" })) : '';
+    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) : '';
+    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" })) : '';
     const drawerWidthValue = this.position === 'bottom' ? '100%' : this.drawerWidth + 'px';
     return (hAsync(Host, { class: `${drawerIsOpenClass} drawer-${this.position}`, tabindex: "0", role: "dialog", "aria-label": `${ariaLabel}` }, hAsync("div", { class: "drawer-overlay", onClick: this.onClick, tabindex: "-1" }), hAsync("div", { class: "drawer-dialog", style: { maxWidth: `${drawerWidthValue}` }, role: "document", tabindex: "0" }, hAsync("div", { class: "drawer-content" }, hAsync("header", { class: `drawer-header ${inverseHeaderClass} ${drawerDelimiterClass}` }, backIconElement, this.drawerTitle !== undefined ? hAsync("h2", { class: "drawer-title" }, this.drawerTitle) : hAsync("div", { class: "drawer-title" }, hAsync("slot", { name: "title" })), closeIconElement), hAsync("div", { class: "drawer-body" }, hAsync("slot", null)), this.hasFooterContent() && (hAsync("footer", { class: "drawer-footer" }, hAsync("slot", { name: "footer" })))))));
   }
@@ -13748,6 +13893,8 @@ class Drawer {
       "backText": [1, "back-text"],
       "drawerTitle": [1, "drawer-title"],
       "ariaLabel": [1, "aria-label"],
+      "ariaLabelBack": [1, "aria-label-back"],
+      "ariaLabelClose": [1, "aria-label-close"],
       "hasCloseIcon": [4, "has-close-icon"],
       "open": [64],
       "close": [64],
@@ -13759,7 +13906,7 @@ class Drawer {
   }; }
 }
 
-const dropdownCss = "/*!@:host*/.sc-road-dropdown-h{--margin-top:0.5rem;display:block;width:max-content}/*!@.dropdown*/.dropdown.sc-road-dropdown{position:relative;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-dropdown summary.sc-road-dropdown{display:block;background-color:var(--road-surface);border-radius:0.25rem;outline:none}/*!@.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within*/.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus,.dropdown.sc-road-dropdown summary.focus-visible.sc-road-dropdown,.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus-within{background:var(--road-surface-inverse)}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-dropdown summary.sc-road-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-dropdown{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-medium-button*/.dropdown-medium-button.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.position-right*/.position-right.sc-road-dropdown{display:flex;justify-content:flex-end}/*!@.bg-white*/.bg-white.sc-road-dropdown{background:var(--road-grey-000)}/*!@.dropdown-button-icon*/.dropdown-button-icon.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.dropdown-medium-button .dropdown-button-icon*/.dropdown-medium-button.sc-road-dropdown .dropdown-button-icon.sc-road-dropdown{width:1.75rem;height:1.75rem}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-dropdown .dropdown-menu.sc-road-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-dropdown .dropdown-menu.direction-top.sc-road-dropdown{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-dropdown{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@.dropdown-left*/.dropdown-left.sc-road-dropdown{left:0}/*!@.dropdown-right*/.dropdown-right.sc-road-dropdown{right:0}/*!@.dropdown-item*/.dropdown-item.sc-road-dropdown{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-dropdown{border-color:var(--road-outline-weak);border-bottom:1px solid}/*!@.dropdown-item:hover,\n.dropdown-item.focus-visible*/.dropdown-item.sc-road-dropdown:hover,.dropdown-item.focus-visible.sc-road-dropdown{background:var(--road-surface-inverse)}";
+const dropdownCss = "/*!@:host*/.sc-road-dropdown-h{--margin-top:0.5rem;display:block;width:max-content}/*!@.dropdown*/.dropdown.sc-road-dropdown{position:relative;font-family:var(--road-font)}/*!@.dropdown summary*/.dropdown.sc-road-dropdown summary.sc-road-dropdown{display:block;background-color:var(--road-surface);border-radius:0.25rem}/*!@.dropdown summary:focus,\n.dropdown summary.focus-visible,\n.dropdown summary:focus-within*/.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus,.dropdown.sc-road-dropdown summary.focus-visible.sc-road-dropdown,.dropdown.sc-road-dropdown summary.sc-road-dropdown:focus-within{background:var(--road-surface-inverse)}/*!@.dropdown summary::-webkit-details-marker*/.dropdown.sc-road-dropdown summary.sc-road-dropdown::-webkit-details-marker{display:none}/*!@.dropdown-button*/.dropdown-button.sc-road-dropdown{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}/*!@.dropdown-medium-button*/.dropdown-medium-button.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.position-right*/.position-right.sc-road-dropdown{display:flex;justify-content:flex-end}/*!@.bg-white*/.bg-white.sc-road-dropdown{background:var(--road-grey-000)}/*!@.dropdown-button-icon*/.dropdown-button-icon.sc-road-dropdown{width:2.5rem;height:2.5rem}/*!@.dropdown-medium-button .dropdown-button-icon*/.dropdown-medium-button.sc-road-dropdown .dropdown-button-icon.sc-road-dropdown{width:1.75rem;height:1.75rem}/*!@.dropdown[open] .dropdown-menu*/.dropdown[open].sc-road-dropdown .dropdown-menu.sc-road-dropdown{transform:scaleY(1)}/*!@.dropdown[open] .dropdown-menu.direction-top*/.dropdown[open].sc-road-dropdown .dropdown-menu.direction-top.sc-road-dropdown{position:absolute;bottom:0;left:auto;transform:translate3d(0, -56px, 0);will-change:transform}/*!@.dropdown-menu*/.dropdown-menu.sc-road-dropdown{position:absolute;z-index:1;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}/*!@.dropdown-left*/.dropdown-left.sc-road-dropdown{left:0}/*!@.dropdown-right*/.dropdown-right.sc-road-dropdown{right:0}/*!@.dropdown-item*/.dropdown-item.sc-road-dropdown{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none}/*!@.dropdown-item-border*/.dropdown-item-border.sc-road-dropdown{border-color:var(--road-outline-weak);border-bottom:1px solid}/*!@.dropdown-item:hover*/.dropdown-item.sc-road-dropdown:hover{background:var(--road-surface-inverse)}/*!@.dropdown-item.focus-visible*/.dropdown-item.focus-visible.sc-road-dropdown{outline:auto}";
 
 class Dropdown$1 {
   constructor(hostRef) {
@@ -31541,7 +31688,7 @@ var lodash = createCommonjsModule(function (module, exports) {
 }.call(commonjsGlobal));
 });
 
-const inputCss = ".sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;appearance:none}.form-control[type=\"number\"].sc-road-input{appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:\" *\"}.sc-road-input-h:has([disabled]) .form-label.sc-road-input{color:var(--road-on-surface-disabled)}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.invalid-feedback.sc-road-input road-icon.sc-road-input{color:var(--road-danger-icon);margin-right:var(--road-spacing-02)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:flex}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type=\"password\"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}";
+const inputCss = ".sc-road-input-h{--height:3rem;--border-radius:0.25rem;--input-text-align:left;--margin-bottom:1rem;position:relative;display:block;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);color:var(--road-grey-10)}.form-control.sc-road-input{box-sizing:border-box;display:block;width:100%;height:var(--height);padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);text-align:var(--input-text-align);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:var(--border-radius);box-shadow:none;appearance:none}.form-control[type=\"number\"].sc-road-input{appearance:textfield}.form-control.sc-road-input::-webkit-calendar-picker-indicator{margin-top:-0.75rem}.form-control.sc-road-input::-webkit-date-and-time-value{padding-top:0.625rem}.form-control.sc-road-input::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-input:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-input:focus~.form-label.sc-road-input,.form-control[required].sc-road-input:valid~.form-label.sc-road-input,.form-control.has-value.sc-road-input~.form-label.sc-road-input,.form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:-ms-input-placeholder~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-input:not(:disabled):focus,.form-control[autofocus].sc-road-input,.form-control.sc-road-input:focus-visible{border-color:var(--road-input-outline-variant)}.form-control.sc-road-input:disabled,.form-control[readonly].sc-road-input{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.form-label.sc-road-input{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-control.sc-road-input:required~.form-label.sc-road-input::after{color:var(--road-danger-default);content:\" *\"}.sc-road-input-h:has([disabled]) .form-label.sc-road-input{color:var(--road-on-surface-disabled)}.less-label.sc-road-input{padding-top:0}.input-xl.sc-road-input-h{--height:3.5rem}.input-xl.sc-road-input-h .form-control.sc-road-input{padding:1rem 1rem 0}.phone-number.sc-road-input-h .form-control.sc-road-input{padding-left:2rem}.phone-number.sc-road-input-h .form-label.sc-road-input{left:2rem}.input-xl.sc-road-input-h .form-label.sc-road-input{top:1rem}.input-xl.sc-road-input-h .form-control.sc-road-input:focus~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[autofocus].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[required].sc-road-input:valid~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control.has-value.sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"date\"].sc-road-input~.form-label.sc-road-input,.input-xl.sc-road-input-h .form-control[type=\"time\"].sc-road-input~.form-label.sc-road-input{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-input-h .form-control.sc-road-input:placeholder-shown~.form-label.sc-road-input{transform:scale(0.625) translateY(-0.625rem)}.invalid-feedback.sc-road-input{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.invalid-feedback.sc-road-input road-icon.sc-road-input{color:var(--road-danger-icon);margin-right:var(--road-spacing-02)}.form-control.is-invalid.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-input~.invalid-feedback.sc-road-input,.was-validated.sc-road-input .form-control.sc-road-input:invalid~.invalid-feedback.sc-road-input{display:flex}.helper.sc-road-input{margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-surface-weak)}.form-control[type=\"password\"].sc-road-input~.checklist-password.sc-road-input .invalid.sc-road-input{color:var(--road-on-surface-weak)}";
 
 /**
  * @slot checklistPassword - Content the checklist Password exemple.
@@ -31952,7 +32099,7 @@ class Modal {
   }; }
 }
 
-const navbarCss = "/*!@:host*/.sc-road-navbar-h{--z-index:3;position:fixed;bottom:0;left:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;width:100%;height:5.125rem;padding-left:0;margin:0;text-align:center;-webkit-user-select:none;user-select:none;background-color:var(--road-surface);border-top:1px solid var(--road-outline)}@media (max-width: 576px){/*!@:host*/.sc-road-navbar-h{overflow-x:auto}}@media (min-width: 1200px){/*!@:host*/.sc-road-navbar-h{bottom:auto;flex-direction:column;width:104px;height:100%;border-top:0;border-right:1px solid var(--road-outline)}}/*!@::slotted(.drawer-button-save)*/.sc-road-navbar-s>.drawer-button-save{position:absolute;bottom:0;width:100%}";
+const navbarCss = "/*!@:host*/.sc-road-navbar-h{--z-index:3;position:fixed;bottom:0;left:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;width:100%;height:5.125rem;padding-left:0;margin:0;text-align:center;-webkit-user-select:none;user-select:none;background-color:var(--road-surface);border-top:1px solid var(--road-outline-weak)}@media (max-width: 576px){/*!@:host*/.sc-road-navbar-h{overflow-x:auto}}@media (min-width: 1200px){/*!@:host*/.sc-road-navbar-h{bottom:auto;flex-direction:column;width:104px;height:100%;border-top:0;border-right:1px solid var(--road-outline-weak)}}/*!@::slotted(.drawer-button-save)*/.sc-road-navbar-s>.drawer-button-save{position:absolute;bottom:0;width:100%}";
 
 /**
  * @slot  - Content of the navbar, it should be road-navbar-item elements. Max 5 items on Mobile
@@ -32083,7 +32230,7 @@ class NavbarItem {
   }; }
 }
 
-const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;outline:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{border-color:var(--road-input-outline-variant);outline:0}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";
+const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;box-shadow:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{outline:auto}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";
 
 class PlateNumber {
   constructor(hostRef) {
@@ -34221,7 +34368,7 @@ class Row {
   }; }
 }
 
-const segmentedButtonCss = "/*!@:host*/.sc-road-segmented-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:first-child)*/.sc-road-segmented-button-h:first-child{border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}/*!@:host(:last-child)*/.sc-road-segmented-button-h:last-child{border:1px solid var(--road-primary);border-radius:0 999em 999em 0}/*!@:host(.btn-sm)*/.btn-sm.sc-road-segmented-button-h{height:2rem;font-size:var(--road-button-small)}/*!@:host(.tab-selected)*/.tab-selected.sc-road-segmented-button-h{color:var(--road-primary-contrast);background-color:var(--road-primary)}/*!@:host(.tab-selected:hover)*/.tab-selected.sc-road-segmented-button-h:hover{background-color:var(--road-button-primary-variant)}/*!@:host(:hover)*/.sc-road-segmented-button-h:hover{background:var(--road-primary-90)}/*!@:host(.focus-visible)*/.focus-visible.sc-road-segmented-button-h{background:var(--road-primary-90);outline:0}/*!@:host(.tab-selected.focus-visible)*/.tab-selected.focus-visible.sc-road-segmented-button-h{background-color:var(--road-button-primary-variant)}/*!@.button-native*/.button-native.sc-road-segmented-button{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
+const segmentedButtonCss = "/*!@:host*/.sc-road-segmented-button-h{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}/*!@:host(:first-child)*/.sc-road-segmented-button-h:first-child{border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}/*!@:host(:last-child)*/.sc-road-segmented-button-h:last-child{border:1px solid var(--road-primary);border-radius:0 999em 999em 0}/*!@:host(.btn-sm)*/.btn-sm.sc-road-segmented-button-h{height:2rem;font-size:var(--road-button-small)}/*!@:host(.tab-selected)*/.tab-selected.sc-road-segmented-button-h{color:var(--road-primary-contrast);background-color:var(--road-primary)}/*!@:host(.tab-selected:hover)*/.tab-selected.sc-road-segmented-button-h:hover{background-color:var(--road-button-primary-variant)}/*!@:host(:hover)*/.sc-road-segmented-button-h:hover{background:var(--road-primary-90)}/*!@:host(.focus-visible)*/.focus-visible.sc-road-segmented-button-h{background:var(--road-primary-90);outline:auto}/*!@:host(.tab-selected.focus-visible)*/.tab-selected.focus-visible.sc-road-segmented-button-h{background-color:var(--road-button-primary-variant)}/*!@.button-native*/.button-native.sc-road-segmented-button{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";
 
 /**
  *
@@ -34295,7 +34442,7 @@ class SegmentedButton {
   }; }
 }
 
-const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
+const selectCss = ".sc-road-select-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-select.sc-road-select{box-sizing:border-box;display:block;width:100%;height:auto;padding:0.75rem 3rem 0 1rem;margin:0;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);background:url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0icmdiYSgyMywgMzAsIDUyLCAwLjcyKSI+PHBhdGggZD0iTTIzIDI2bDkgMTIgOS0xMnoiLz48L3N2Zz4=\") no-repeat right 1rem center/1.5rem 2rem;background-color:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-select.sc-road-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000000}.form-select.sc-road-select::-ms-expand{display:none}.form-select.sc-road-select::placeholder{color:var(--road-on-surface-extra-weak)}@media (hover: hover){.form-select.sc-road-select:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-select.sc-road-select:focus~.form-select-label.sc-road-select,.form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.form-select.has-value.sc-road-select~.form-select-label.sc-road-select{transform:scale(0.625) translateY(-0.625rem)}.form-select.sc-road-select:disabled,.form-select[readonly].sc-road-select{color:var(--road-on-surface-disabled);cursor:not-allowed;background-color:var(--road-surface-disabled);opacity:1}.form-select-label.sc-road-select{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-label-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.form-select.sc-road-select:required~.form-select-label.sc-road-select::after{color:var(--road-on-danger-surface);content:\" *\"}.select-xl.sc-road-select-h .form-select.sc-road-select{min-height:3.5rem;padding:1rem 1rem 0}.select-xl.sc-road-select-h .form-select-label.sc-road-select{top:1rem}.select-xl.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-xl.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-xl.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-lg.sc-road-select-h .form-select.sc-road-select{min-height:3rem}.select-md.sc-road-select-h .form-select.sc-road-select{min-height:2.5rem;padding:1rem 1rem 0;font-size:var(--road-body-small)}.select-md.sc-road-select-h .form-select-label.sc-road-select{top:0.5rem}.select-md.sc-road-select-h .form-select.sc-road-select:focus~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[required].sc-road-select:valid~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select.has-value.sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"date\"].sc-road-select~.form-select-label.sc-road-select,.select-md.sc-road-select-h .form-select[type=\"time\"].sc-road-select~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.select-md.sc-road-select-h .form-select.sc-road-select:placeholder-shown~.form-select-label.sc-road-select{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-select{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-body-small);color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid{border-color:var(--road-on-danger-surface)}.form-select.is-invalid.sc-road-select~.invalid-feedback.sc-road-select,.was-validated.sc-road-select .form-select.sc-road-select:invalid~.invalid-feedback.sc-road-select{display:block}";
 
 class Select {
   constructor(hostRef) {
@@ -36580,7 +36727,7 @@ class TabBar {
   }; }
 }
 
-const tabButtonCss = "/*!@:host*/.sc-road-tab-button-h{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}/*!@:host(.tab-secondary)*/.tab-secondary.sc-road-tab-button-h{--tab-underline-selected:var(--road-secondary-600)}/*!@:host(.tab-selected)*/.tab-selected.sc-road-tab-button-h{color:var(--tab-color-selected)}/*!@:host(.tab-selected) ::slotted(road-icon)*/.sc-road-tab-button-h.tab-selected .sc-road-tab-button-s>road-icon{color:var(--tab-color-selected)}/*!@:host(.tab-selected) .button-native::after*/.tab-selected.sc-road-tab-button-h .button-native.sc-road-tab-button::after{background:var(--tab-underline-selected);opacity:1;transform:none}/*!@:host(:hover)*/.sc-road-tab-button-h:hover{background:var(--tab-background-hover)}/*!@:host(.focus-visible)*/.focus-visible.sc-road-tab-button-h{background:var(--tab-background-focused)}/*!@.button-native*/.button-native.sc-road-tab-button{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.button-native::after*/.button-native.sc-road-tab-button::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";opacity:0;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:scaleX(0);transform-origin:center}/*!@.button-inner*/.button-inner.sc-road-tab-button{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}/*!@:host ::slotted(road-icon)*/.sc-road-tab-button-h .sc-road-tab-button-s>road-icon{color:var(--tab-color)}/*!@:host(.tab-layout-icon-start) ::slotted(road-icon)*/.sc-road-tab-button-h.tab-layout-icon-start .sc-road-tab-button-s>road-icon{margin-right:0.5rem}/*!@:host(.tab-layout-icon-top) .button-inner*/.tab-layout-icon-top.sc-road-tab-button-h .button-inner.sc-road-tab-button{flex-direction:column}/*!@:host ::slotted(road-label)*/.sc-road-tab-button-h .sc-road-tab-button-s>road-label{display:-webkit-box;font-size:1rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:inherit}/*!@:host(.tab-layout-icon-top) ::slotted(road-label)*/.sc-road-tab-button-h.tab-layout-icon-top .sc-road-tab-button-s>road-label{margin-top:0.25rem;font-size:1rem}";
+const tabButtonCss = "/*!@:host*/.sc-road-tab-button-h{box-sizing:border-box;font-weight:700;color:var(--tab-color);outline:0;transition:background 0.15s ease-in-out}/*!@:host(.tab-secondary)*/.tab-secondary.sc-road-tab-button-h{--tab-underline-selected:var(--road-secondary-600)}/*!@:host(.tab-selected)*/.tab-selected.sc-road-tab-button-h{color:var(--tab-color-selected)}/*!@:host(.tab-selected) ::slotted(road-icon)*/.sc-road-tab-button-h.tab-selected .sc-road-tab-button-s>road-icon{color:var(--tab-color-selected)}/*!@:host(.tab-selected) .button-native::after*/.tab-selected.sc-road-tab-button-h .button-native.sc-road-tab-button::after{background:var(--tab-underline-selected);opacity:1;transform:none}/*!@:host(:hover)*/.sc-road-tab-button-h:hover{background:var(--tab-background-hover)}/*!@:host(.focus-visible)*/.focus-visible.sc-road-tab-button-h{background:var(--tab-background-focused);outline:auto}/*!@.button-native*/.button-native.sc-road-tab-button{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;min-height:3.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}/*!@.button-native::after*/.button-native.sc-road-tab-button::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:2px;content:\"\";opacity:0;transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);transform:scaleX(0);transform-origin:center}/*!@.button-inner*/.button-inner.sc-road-tab-button{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:center;justify-content:center;width:100%;height:100%}/*!@:host ::slotted(road-icon)*/.sc-road-tab-button-h .sc-road-tab-button-s>road-icon{color:var(--tab-color)}/*!@:host(.tab-layout-icon-start) ::slotted(road-icon)*/.sc-road-tab-button-h.tab-layout-icon-start .sc-road-tab-button-s>road-icon{margin-right:0.5rem}/*!@:host(.tab-layout-icon-top) .button-inner*/.tab-layout-icon-top.sc-road-tab-button-h .button-inner.sc-road-tab-button{flex-direction:column}/*!@:host ::slotted(road-label)*/.sc-road-tab-button-h .sc-road-tab-button-s>road-label{display:-webkit-box;max-width:12.5rem;overflow:hidden;font-size:1rem;color:var(--road-on-surface);-webkit-line-clamp:1;-webkit-box-orient:vertical;text-align:center;text-overflow:ellipsis;white-space:inherit}/*!@:host(.tab-layout-icon-top) ::slotted(road-label)*/.sc-road-tab-button-h.tab-layout-icon-top .sc-road-tab-button-s>road-label{margin-top:0.25rem;font-size:1rem}";
 
 /**
  * @slot  - Content of the tab-button, it should be road-icon and road-label elements.
@@ -37018,7 +37165,7 @@ class Text {
   }; }
 }
 
-const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"date\"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"time\"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}";
+const textareaCss = ".sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant)}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.textarea-control.no-resize.sc-road-textarea{resize:none}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"date\"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type=\"time\"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-surface-weak)}";
 
 class Textarea {
   constructor(hostRef) {
@@ -37230,7 +37377,7 @@ class Toast {
   }; }
 }
 
-const toolbarCss = "/*!@:host*/.sc-road-toolbar-h{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline)}/*!@.toolbar-container*/.toolbar-container.sc-road-toolbar{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}/*!@.toolbar-title-container*/.toolbar-title-container.sc-road-toolbar{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{font-size:var(--road-font-size-21);text-align:center}}/*!@.toolbar-content*/.toolbar-content.sc-road-toolbar{flex:1 1 0%;min-width:0;max-width:100%}/*!@.toolbar .logo*/.toolbar.sc-road-toolbar .logo.sc-road-toolbar{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}/*!@.toolbar .app-name*/.toolbar.sc-road-toolbar .app-name.sc-road-toolbar{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}/*!@::slotted([slot=\"start\"])*/.sc-road-toolbar-s>[slot=\"start\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline);border-radius:0}/*!@::slotted([slot=\"end\"]),\n::slotted([slot=\"secondary\"])*/.sc-road-toolbar-s>[slot=\"end\"],.sc-road-toolbar-s>[slot=\"secondary\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline);border-radius:0}/*!@:host(.toolbar-primary)*/.toolbar-primary.sc-road-toolbar-h{color:var(--road-on-header-surface);background:var(--road-header-surface)}/*!@:host(.toolbar-secondary)*/.toolbar-secondary.sc-road-toolbar-h{color:var(--road-on-secondary);background:var(--road-secondary)}";
+const toolbarCss = "/*!@:host*/.sc-road-toolbar-h{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-on-surface);background:var(--road-surface);border-bottom:1px solid var(--road-outline-weak)}/*!@.toolbar-container*/.toolbar-container.sc-road-toolbar{position:relative;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:3.73rem;contain:content;overflow:hidden}/*!@.toolbar-title-container*/.toolbar-title-container.sc-road-toolbar{position:relative;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;text-align:center}/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{display:block;width:100%;font-size:var(--road-font-size-18);font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){/*!@.toolbar-title*/.toolbar-title.sc-road-toolbar{font-size:var(--road-font-size-21);text-align:center}}/*!@.toolbar-content*/.toolbar-content.sc-road-toolbar{flex:1 1 0%;min-width:0;max-width:100%}/*!@.toolbar .logo*/.toolbar.sc-road-toolbar .logo.sc-road-toolbar{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:var(--road-font-size-14);font-weight:400}/*!@.toolbar .app-name*/.toolbar.sc-road-toolbar .app-name.sc-road-toolbar{margin-left:1rem;font-size:var(--road-font-size-20);font-weight:700}/*!@::slotted([slot=\"start\"])*/.sc-road-toolbar-s>[slot=\"start\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:var(--road-font-size-14);font-weight:400;border-right:1px solid var(--road-outline-weak);border-radius:0}/*!@::slotted([slot=\"end\"]),\n::slotted([slot=\"secondary\"])*/.sc-road-toolbar-s>[slot=\"end\"],.sc-road-toolbar-s>[slot=\"secondary\"]{--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:var(--road-font-size-14);font-weight:400;border-left:1px solid var(--road-outline-weak);border-radius:0}/*!@:host(.toolbar-primary)*/.toolbar-primary.sc-road-toolbar-h{color:var(--road-on-header-surface);background:var(--road-header-surface)}/*!@:host(.toolbar-secondary)*/.toolbar-secondary.sc-road-toolbar-h{color:var(--road-on-secondary);background:var(--road-secondary)}";
 
 /**
  *
@@ -37308,7 +37455,7 @@ class ToolbarTitle {
   }; }
 }
 
-const tooltipCss = "/*!@:host*/.sc-road-tooltip-h{--max-width:100%;--z-index:1;--width:max-content;position:relative;display:inline-block}/*!@:host([trigger=\"hover\"]) .tooltip*/[trigger=\"hover\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{display:none}@media (min-width: 1200px){/*!@:host([trigger=\"hover\"]) .tooltip*/[trigger=\"hover\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{display:block}}/*!@.tooltip*/.tooltip.sc-road-tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:6rem;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}/*!@:host([contentalign=\"left\"]) .tooltip*/[contentalign=\"left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{text-align:left}/*!@.tooltip.tooltip-text-left::after*/.tooltip.tooltip-text-left.sc-road-tooltip::after{text-align:left}/*!@.tooltip-open*/.tooltip-open.sc-road-tooltip{opacity:1}/*!@:host([data-tooltip-position=\"top\"]) .tooltip*/[data-tooltip-position=\"top\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}/*!@:host([data-tooltip-position=\"top\"]) .tooltip-open*/[data-tooltip-position=\"top\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{left:50%;transform:translateX(-50%) translateY(-100%)}/*!@:host([data-tooltip-position=\"top-left\"]) .tooltip*/[data-tooltip-position=\"top-left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:0%;transform:translateY(-70%)}/*!@:host([data-tooltip-position=\"top-left\"]) .tooltip-open*/[data-tooltip-position=\"top-left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-100%)}/*!@:host([data-tooltip-position=\"top-right\"]) .tooltip*/[data-tooltip-position=\"top-right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:50%;transform:translateY(-70%)}/*!@:host([data-tooltip-position=\"top-right\"]) .tooltip-open*/[data-tooltip-position=\"top-right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{left:100%;transform:translateY(-100%)}/*!@:host([data-tooltip-position=\"left\"]) .tooltip*/[data-tooltip-position=\"left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}/*!@:host([data-tooltip-position=\"left\"]) .tooltip-open*/[data-tooltip-position=\"left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-103%) translateY(-55%)}/*!@:host([data-tooltip-position=\"bottom\"]) .tooltip*/[data-tooltip-position=\"bottom\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom\"]) .tooltip-open*/[data-tooltip-position=\"bottom\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-50%) translateY(-6%)}/*!@:host([data-tooltip-position=\"bottom-left\"]) .tooltip*/[data-tooltip-position=\"bottom-left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open*/[data-tooltip-position=\"bottom-left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-6%)}/*!@:host([data-tooltip-position=\"bottom-right\"]) .tooltip*/[data-tooltip-position=\"bottom-right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open*/[data-tooltip-position=\"bottom-right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-6%)}/*!@:host([data-tooltip-position=\"right\"]) .tooltip*/[data-tooltip-position=\"right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}/*!@:host([data-tooltip-position=\"right\"]) .tooltip-open*/[data-tooltip-position=\"right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-4%) translateY(-55%)}";
+const tooltipCss = "/*!@:host*/.sc-road-tooltip-h{--max-width:85vw;--z-index:1;--width:max-content;position:relative;display:inline-block}/*!@:host(:hover)*/.sc-road-tooltip-h:hover{cursor:pointer}/*!@:host([trigger=\"hover\"]) .tooltip*/[trigger=\"hover\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{display:none}@media (min-width: 1200px){/*!@:host([trigger=\"hover\"]) .tooltip*/[trigger=\"hover\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{display:block}}/*!@.tooltip*/.tooltip.sc-road-tooltip{position:absolute;top:-0.5rem;left:50%;z-index:1;width:var(--width);min-width:100%;max-width:var(--max-width);padding:0.5rem;font-family:var(--road-font);font-size:var(--road-body-small);color:var(--road-on-surface);text-align:center;pointer-events:none;background:var(--road-surface);border:1px solid var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);opacity:0;transition:opacity 0.2s ease-in-out, transform 0.2s ease-in-out;transform:translateX(-50%) translateY(-100%)}/*!@:host([contentalign=\"left\"]) .tooltip*/[contentalign=\"left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{text-align:left}/*!@.tooltip.tooltip-text-left::after*/.tooltip.tooltip-text-left.sc-road-tooltip::after{text-align:left}/*!@.tooltip-open*/.tooltip-open.sc-road-tooltip{opacity:1}/*!@:host([data-tooltip-position=\"top\"]) .tooltip*/[data-tooltip-position=\"top\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:50%;transform:translateX(-50%) translateY(-70%)}/*!@:host([data-tooltip-position=\"top\"]) .tooltip-open*/[data-tooltip-position=\"top\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{left:50%;transform:translateX(-50%) translateY(-100%)}/*!@:host([data-tooltip-position=\"top-left\"]) .tooltip*/[data-tooltip-position=\"top-left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:0%;transform:translateY(-70%)}/*!@:host([data-tooltip-position=\"top-left\"]) .tooltip-open*/[data-tooltip-position=\"top-left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-100%)}/*!@:host([data-tooltip-position=\"top-right\"]) .tooltip*/[data-tooltip-position=\"top-right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{left:50%;transform:translateY(-70%)}/*!@:host([data-tooltip-position=\"top-right\"]) .tooltip-open*/[data-tooltip-position=\"top-right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{left:100%;transform:translateY(-100%)}/*!@:host([data-tooltip-position=\"left\"]) .tooltip*/[data-tooltip-position=\"left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:50%;left:0%;margin-right:0.5rem;transform:translateX(-94%) translateY(-55%)}/*!@:host([data-tooltip-position=\"left\"]) .tooltip-open*/[data-tooltip-position=\"left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-103%) translateY(-55%)}/*!@:host([data-tooltip-position=\"bottom\"]) .tooltip*/[data-tooltip-position=\"bottom\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:50%;margin-top:0.5rem;transform:translateX(-50%) translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom\"]) .tooltip-open*/[data-tooltip-position=\"bottom\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-50%) translateY(-6%)}/*!@:host([data-tooltip-position=\"bottom-left\"]) .tooltip*/[data-tooltip-position=\"bottom-left\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:0;margin-top:0.5rem;transform:translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom-left\"]) .tooltip-open*/[data-tooltip-position=\"bottom-left\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-6%)}/*!@:host([data-tooltip-position=\"bottom-right\"]) .tooltip*/[data-tooltip-position=\"bottom-right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:100%;left:100%;margin-top:0.5rem;transform:translateY(-40%)}/*!@:host([data-tooltip-position=\"bottom-right\"]) .tooltip-open*/[data-tooltip-position=\"bottom-right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateY(-6%)}/*!@:host([data-tooltip-position=\"right\"]) .tooltip*/[data-tooltip-position=\"right\"].sc-road-tooltip-h .tooltip.sc-road-tooltip{top:50%;left:100%;margin-left:0.5rem;transform:translateX(-14%) translateY(-55%)}/*!@:host([data-tooltip-position=\"right\"]) .tooltip-open*/[data-tooltip-position=\"right\"].sc-road-tooltip-h .tooltip-open.sc-road-tooltip{transform:translateX(-4%) translateY(-55%)}";
 
 /**
  * @slot tooltip-content - content of the tooltip, if you need to add html content, use this slot, otherwise use directly the content prop.
@@ -37333,6 +37480,16 @@ class Tooltip {
         this.close();
       }
     };
+    this.onFocus = () => {
+      if (this.hasTrigger('focus') || this.hasTrigger('hover')) {
+        this.open();
+      }
+    };
+    this.onBlur = () => {
+      if (this.hasTrigger('focus') || this.hasTrigger('hover')) {
+        this.close();
+      }
+    };
     this.tooltipId = `road-tooltip-${++tooltipIds}`;
     this.content = '';
     this.position = 'top';
@@ -37357,7 +37514,9 @@ class Tooltip {
     return triggers.includes(triggerType);
   }
   render() {
-    return (hAsync(Host, { onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, "data-tooltip-position": this.position }, hAsync("slot", { "aria-describedby": this.tooltipId }), hAsync("div", { part: "tooltip", id: this.tooltipId, class: {
+    return (hAsync(Host, { onMouseOver: this.onMouseOver, onMouseOut: this.onMouseOut, onClick: this.onClick, onFocus: this.onFocus, onBlur: this.onBlur, tabindex: "0" // Makes the element focusable
+      ,
+      "data-tooltip-position": this.position }, hAsync("slot", { "aria-describedby": this.tooltipId }), hAsync("div", { part: "tooltip", id: this.tooltipId, class: {
         tooltip: true,
         'tooltip-open': this.isOpen,
       }, role: "tooltip", "aria-hidden": !this.isOpen ? 'true' : 'false' }, this.content, hAsync("slot", { name: "tooltip-content" }))));
@@ -37463,6 +37622,7 @@ let toggleIds = 0;
 registerComponents([
   Accordion,
   Alert,
+  Asset,
   Autocomplete,
   Avatar,
   Badge,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roadtrip/components",
-  "version": "3.23.1",
+  "version": "3.25.0",
   "description": "Web Component library for Roadtrip Design System",
   "license": "Apache-2.0",
   "homepage": "https://gitlab.com/mobivia-design/roadtrip/components",
@@ -25,6 +25,7 @@
     "loader/",
     "icons/",
     "illustrations/",
+    "assets/",
     "hydrate/"
   ],
   "scripts": {

package/dist/roadtrip/p-08b0be1b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as r,h as e,H as i,a as o}from"./p-f3d586b3.js";const a=":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;flex:1;align-items:center;justify-content:center;max-height:2.5rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-primary);text-decoration:none;white-space:nowrap;vertical-align:middle;background-color:var(--road-surface);border-top:1px solid var(--road-primary);border-bottom:1px solid var(--road-primary);border-left:1px solid var(--road-primary);border-radius:0;transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:first-child){border:1px solid var(--road-primary);border-right:0;border-radius:999em 0 0 999em}:host(:last-child){border:1px solid var(--road-primary);border-radius:0 999em 999em 0}:host(.btn-sm){height:2rem;font-size:var(--road-button-small)}:host(.tab-selected){color:var(--road-primary-contrast);background-color:var(--road-primary)}:host(.tab-selected:hover){background-color:var(--road-button-primary-variant)}:host(:hover){background:var(--road-primary-90)}:host(.focus-visible){background:var(--road-primary-90);outline:0}:host(.tab-selected.focus-visible){background-color:var(--road-button-primary-variant)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;max-height:2.5rem;padding:0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);margin:0;overflow:hidden;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;-webkit-user-drag:none;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}";const n=class{constructor(e){t(this,e);this.roadsegmentedbuttonclick=r(this,"roadsegmentedbuttonclick",7);this.roadSegmentedButtonClick=r(this,"roadSegmentedButtonClick",7);this.onKeyUp=t=>{if(t.key==="Enter"||t.key===" "){this.selectTab(t)}};this.onClick=t=>{this.selectTab(t)};this.size="md";this.selected=false;this.tab=undefined}onButtonBarChanged(t){const r=t.target;const e=this.el.parentElement;if(t.composedPath&&t.composedPath().includes(e)||r&&r.contains(this.el)){this.selected=this.tab===t.detail.tab}}selectTab(t){if(this.tab!==undefined){this.roadsegmentedbuttonclick.emit({tab:this.tab,selected:this.selected});this.roadSegmentedButtonClick.emit({tab:this.tab,selected:this.selected});t.preventDefault()}}get tabIndex(){const t=this.el.hasAttribute("tabindex");if(t){return this.el.getAttribute("tabindex")}return 0}render(){const{tabIndex:t,selected:r,tab:o}=this;const a=this.size!==undefined?`btn-${this.size}`:"";return e(i,{onClick:this.onClick,onKeyup:this.onKeyUp,role:"tab",tabindex:t,"aria-selected":r?"true":null,id:o!==undefined?`tab-button-${o}`:null,class:{"tab-selected":r,[`${a}`]:true}},e("span",{tabIndex:-1,class:"button-native",part:"native","aria-hidden":"true"},e("slot",null)))}get el(){return o(this)}};n.style=a;export{n as road_segmented_button};
-//# sourceMappingURL=p-08b0be1b.entry.js.map

package/dist/roadtrip/p-08b0be1b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["segmentedButtonCss","SegmentedButton","this","onKeyUp","ev","key","selectTab","onClick","onButtonBarChanged","dispatchedFrom","target","parent","el","parentElement","composedPath","includes","contains","selected","tab","detail","undefined","roadsegmentedbuttonclick","emit","roadSegmentedButtonClick","preventDefault","tabIndex","hasTabIndex","hasAttribute","getAttribute","render","sizeClass","size","h","Host","onKeyup","role","tabindex","id","class","part"],"sources":["src/components/segmented-button/segmented-button.css?tag=road-segmented-button&encapsulation=shadow","src/components/segmented-button/segmented-button.tsx"],"sourcesContent":["/*\n * Tab button\n */\n\n\n/* BUTTON\n -------------------- */\n\n\n:host {\n  --border-radius: 0.25rem;\n  --font-size: var(--road-button-medium);\n  --margin-bottom: 1rem;\n  --padding-start: 1.5rem;\n  --padding-end: 1.5rem;\n  box-sizing: border-box;\n  flex: 1;\n  align-items: center;\n  justify-content: center;\n  max-height: 2.5rem;\n  font-size: var(--road-button-medium);\n  font-weight: 700;\n  color: var(--road-primary);\n  text-decoration: none;\n  white-space: nowrap;\n  vertical-align: middle;\n  background-color: var(--road-surface);\n  border-top: 1px solid var(--road-primary);\n  border-bottom: 1px solid var(--road-primary);\n  border-left: 1px solid var(--road-primary);\n  border-radius: 0;\n  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n\n\n:host(:first-child){\n  border: 1px solid var(--road-primary);\n  border-right: 0;\n  border-radius: 999em 0 0 999em;\n}\n\n:host(:last-child){\n  border: 1px solid var(--road-primary);\n  border-radius: 0 999em 999em 0;\n}\n\n/**\n * Small\n */\n\n:host(.btn-sm) {\n  height: 2rem;\n  font-size: var(--road-button-small);\n}\n\n/**\n * Active state\n */\n\n:host(.tab-selected) {\n  color: var(--road-primary-contrast);\n  background-color: var(--road-primary);\n}\n\n:host(.tab-selected:hover) {\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/**\n * Hover state\n */\n\n:host(:hover) {\n  background: var(--road-primary-90);\n}\n\n/**\n * Focus state\n */\n\n\n:host(.focus-visible) {\n  background: var(--road-primary-90);\n  outline: 0;\n}\n\n:host(.tab-selected.focus-visible){\n  background-color: var(--road-button-primary-variant);\n}\n\n\n/* NATIVE\n -------------------- */\n\n.button-native {\n  position: relative;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: 100%;\n  height: 100%;\n  max-height: 2.5rem;\n  padding: 0.75rem var(--padding-end, 1.5rem) 0.75rem var(--padding-start, 1.5rem);\n  margin: 0;\n  overflow: hidden;\n  font-family: inherit;\n  font-size: inherit;\n  font-style: inherit;\n  font-weight: inherit;\n  color: inherit;\n  text-align: inherit;\n  text-decoration: none;\n  text-indent: inherit;\n  text-overflow: inherit;\n  text-transform: inherit;\n  letter-spacing: inherit;\n  white-space: inherit;\n  cursor: pointer;\n  background: transparent;\n  -webkit-user-drag: none;\n  border-color: initial;\n  border-style: initial;\n  border-width: 0;\n  border-radius: inherit;\n  border-image: initial;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\n","import { Component, Element, Event, EventEmitter, Host, Listen, Prop, h } from '@stencil/core';\n\n/**\n *\n * @part native - The native HTML anchor element that wraps all child elements.\n */\n\n@Component({\n  tag: 'road-segmented-button',\n  styleUrl: 'segmented-button.css',\n  shadow: true,\n})\nexport class SegmentedButton {\n\n  @Element() el!: HTMLRoadSegmentedButtonElement;\n\n  /**\n    * The Segmented buttons size.\n    */\n   @Prop() size?: 'sm' | 'md' = 'md';\n\n  /**\n   * The selected tab component\n   */\n  @Prop({ mutable: true }) selected = false;\n\n  /**\n   * A tab id must be provided for each `road-tab`. It's used internally to reference\n   */\n  @Prop() tab?: string;\n\n  /**\n   * Emitted when the tab bar is clicked\n   * @internal\n   */\n  @Event() roadsegmentedbuttonclick!: EventEmitter;\n  /** @internal */\n  @Event() roadSegmentedButtonClick!: EventEmitter;\n\n  @Listen('roadSegmentedButtonBarChanged', { target: 'window' })\n  @Listen('roadSegmentedButtonbarchanged', { target: 'window' })\n  onButtonBarChanged(ev: CustomEvent) {\n    const dispatchedFrom = ev.target as HTMLElement;\n    const parent = this.el.parentElement as EventTarget;\n\n    if ((ev.composedPath && ev.composedPath().includes(parent)) || (dispatchedFrom && dispatchedFrom.contains(this.el))) {\n      this.selected = this.tab === ev.detail.tab;\n    }\n  }\n\n  private selectTab(ev: Event | KeyboardEvent) {\n    if (this.tab !== undefined) {\n      this.roadsegmentedbuttonclick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n      this.roadSegmentedButtonClick.emit({\n        tab: this.tab,\n        selected: this.selected,\n      });\n\n      ev.preventDefault();\n    }\n  }\n\n  private get tabIndex() {\n    const hasTabIndex = this.el.hasAttribute('tabindex');\n\n    if (hasTabIndex) {\n      return this.el.getAttribute('tabindex');\n    }\n\n    return 0;\n  }\n\n  private onKeyUp = (ev: KeyboardEvent) => {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.selectTab(ev);\n    }\n  };\n\n  private onClick = (ev: Event) => {\n    this.selectTab(ev);\n  };\n\n  render() {\n    const { tabIndex, selected, tab } = this;\n\n    const sizeClass = this.size !== undefined ? `btn-${this.size}` : '';\n\n\n    return (\n      <Host\n        onClick={this.onClick}\n        onKeyup={this.onKeyUp}\n        role=\"tab\"\n        tabindex={tabIndex}\n        aria-selected={selected ? 'true' : null}\n        id={tab !== undefined ? `tab-button-${tab}` : null}\n        class={{\n          'tab-selected': selected,\n          [`${sizeClass}`]: true,\n        }}\n      >\n        <span tabIndex={-1} class=\"button-native\" part=\"native\" aria-hidden=\"true\">\n            <slot/>\n        </span>\n      </Host>\n    );\n  }\n}"],"mappings":"gEAAA,MAAMA,EAAqB,89D,MCYdC,EAAe,M,+JA+DlBC,KAAAC,QAAWC,IACjB,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCH,KAAKI,UAAUF,E,GAIXF,KAAAK,QAAWH,IACjBF,KAAKI,UAAUF,EAAG,E,UA/DU,K,cAKM,M,mBAiBpC,kBAAAI,CAAmBJ,GACjB,MAAMK,EAAiBL,EAAGM,OAC1B,MAAMC,EAAST,KAAKU,GAAGC,cAEvB,GAAKT,EAAGU,cAAgBV,EAAGU,eAAeC,SAASJ,IAAaF,GAAkBA,EAAeO,SAASd,KAAKU,IAAM,CACnHV,KAAKe,SAAWf,KAAKgB,MAAQd,EAAGe,OAAOD,G,EAInC,SAAAZ,CAAUF,GAChB,GAAIF,KAAKgB,MAAQE,UAAW,CAC1BlB,KAAKmB,yBAAyBC,KAAK,CACjCJ,IAAKhB,KAAKgB,IACVD,SAAUf,KAAKe,WAEjBf,KAAKqB,yBAAyBD,KAAK,CACjCJ,IAAKhB,KAAKgB,IACVD,SAAUf,KAAKe,WAGjBb,EAAGoB,gB,EAIP,YAAYC,GACV,MAAMC,EAAcxB,KAAKU,GAAGe,aAAa,YAEzC,GAAID,EAAa,CACf,OAAOxB,KAAKU,GAAGgB,aAAa,W,CAG9B,OAAO,C,CAaT,MAAAC,GACE,MAAMJ,SAAEA,EAAQR,SAAEA,EAAQC,IAAEA,GAAQhB,KAEpC,MAAM4B,EAAY5B,KAAK6B,OAASX,UAAY,OAAOlB,KAAK6B,OAAS,GAGjE,OACEC,EAACC,EAAI,CACH1B,QAASL,KAAKK,QACd2B,QAAShC,KAAKC,QACdgC,KAAK,MACLC,SAAUX,EAAQ,gBACHR,EAAW,OAAS,KACnCoB,GAAInB,IAAQE,UAAY,cAAcF,IAAQ,KAC9CoB,MAAO,CACL,eAAgBrB,EAChB,CAAC,GAAGa,KAAc,OAGpBE,EAAA,QAAMP,UAAW,EAAGa,MAAM,gBAAgBC,KAAK,SAAQ,cAAa,QAChEP,EAAA,c"}