@roadtrip/components 2.50.0 → 2.51.1

package/dist/collection/components/icon/svg/wrench-tools-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38.205 40.5C15.452 17.747 15.441 17.736 15.259 17.645l-3.817-1.285-4.607-6.911 2.61-2.611 6.912 4.607 1.22 3.655.068.163c.092.183.1.194 22.856 22.946l1.767-1.767L19.856 14.03l-1.4-4.187-9.329-6.22-5.51 5.51 6.22 9.329 4.187 1.4 22.412 22.412 1.769-1.774ZM10.053 60.379a6.075 6.075 0 0 1-4.3-10.371l17.443-17.444 1.768 1.768L7.52 51.776a3.577 3.577 0 0 0 5.058 5.058L30.02 39.39l1.768 1.768L14.349 58.6a6.054 6.054 0 0 1-4.296 1.779ZM41.157 31.8l-1.767-1.768 1.854-1.855a2.47 2.47 0 0 1 2.518-.588 10.809 10.809 0 0 0 13.913-12.4l-5.456 5.543a2.516 2.516 0 0 1-3.475 0l-5.12-5.118a2.46 2.46 0 0 1 0-3.474l5.522-5.521a10.992 10.992 0 0 0-9.725 3.022A10.78 10.78 0 0 0 36.778 20.6a2.471 2.471 0 0 1-.589 2.518l-1.854 1.854-1.768-1.767 1.855-1.855A13.283 13.283 0 0 1 49.657 4.234a2.463 2.463 0 0 1 1.261 4.155l-5.522 5.522 5.121 5.057 5.46-5.52a2.462 2.462 0 0 1 4.155 1.26 13.31 13.31 0 0 1-17.13 15.26L41.157 31.8Z"/><path d="M11.169 51.432 9.4 53.2l1.768 1.768 1.768-1.768-1.768-1.768Zm44.134 8.949a5.043 5.043 0 0 1-3.591-1.487L41.247 48.43c-1.072-.009-3.537 0-3.537 0h-.812l-.331-.74c-1.718-3.84-1.718-3.84-1.1-4.463l7.525-7.526c.6-.555.6-.556 4.593.821l.844.291v4.43l10.463 10.465a5.077 5.077 0 0 1-3.59 8.668l.001.005Zm-16.005-14.45c2.986 0 3.029.043 3.354.368l10.826 10.828a2.58 2.58 0 0 0 3.647-3.647L46.298 42.653c-.349-.349-.373-.373-.368-4.053l-1.71-.584-6.382 6.384c.183.415.427.964.679 1.53l.781.001Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38.205 40.5C15.452 17.747 15.441 17.736 15.259 17.645l-3.817-1.285-4.607-6.911 2.61-2.611 6.912 4.607 1.22 3.655.068.163c.092.183.1.194 22.856 22.946l1.767-1.767L19.856 14.03l-1.4-4.187-9.329-6.22-5.51 5.51 6.22 9.329 4.187 1.4 22.412 22.412 1.769-1.774ZM10.053 60.379a6.075 6.075 0 0 1-4.3-10.371l17.443-17.444 1.768 1.768L7.52 51.776a3.577 3.577 0 0 0 5.058 5.058L30.02 39.39l1.768 1.768L14.349 58.6a6.054 6.054 0 0 1-4.296 1.779ZM41.157 31.8l-1.767-1.768 1.854-1.855a2.47 2.47 0 0 1 2.518-.588 10.809 10.809 0 0 0 13.913-12.4l-5.456 5.543a2.516 2.516 0 0 1-3.475 0l-5.12-5.118a2.46 2.46 0 0 1 0-3.474l5.522-5.521a10.992 10.992 0 0 0-9.725 3.022A10.78 10.78 0 0 0 36.778 20.6a2.471 2.471 0 0 1-.589 2.518l-1.854 1.854-1.768-1.767 1.855-1.855A13.283 13.283 0 0 1 49.657 4.234a2.463 2.463 0 0 1 1.261 4.155l-5.522 5.522 5.121 5.057 5.46-5.52a2.462 2.462 0 0 1 4.155 1.26 13.31 13.31 0 0 1-17.13 15.26L41.157 31.8Z"/><path d="M11.169 51.432 9.4 53.2l1.768 1.768 1.768-1.768-1.768-1.768Zm44.134 8.949a5.043 5.043 0 0 1-3.591-1.487L41.247 48.43c-1.072-.009-3.537 0-3.537 0h-.812l-.331-.74c-1.718-3.84-1.718-3.84-1.1-4.463l7.525-7.526c.6-.555.6-.556 4.593.821l.844.291v4.43l10.463 10.465a5.077 5.077 0 0 1-3.59 8.668l.001.005Zm-16.005-14.45c2.986 0 3.029.043 3.354.368l10.826 10.828a2.58 2.58 0 0 0 3.647-3.647L46.298 42.653c-.349-.349-.373-.373-.368-4.053l-1.71-.584-6.382 6.384c.183.415.427.964.679 1.53l.781.001Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/wrench-tools-outline-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38.205 40.5C15.452 17.747 15.441 17.736 15.259 17.645l-3.817-1.285-4.607-6.911 2.611-2.611 6.911 4.607 1.221 3.655.067.163c.092.183.1.194 22.856 22.946l1.767-1.767L19.856 14.03l-1.4-4.187-9.329-6.22-5.51 5.51 6.221 9.329 4.186 1.4 22.412 22.412Z"/><path fill="var(--road-secondary-600, rgb(246, 164, 4))" d="m9.401 53.2 1.768-1.768 1.768 1.768-1.768 1.768z"/><path d="M10.053 60.379a6.075 6.075 0 0 1-4.3-10.371l17.443-17.444 1.768 1.768L7.52 51.776a3.577 3.577 0 0 0 5.058 5.058L30.021 39.39l1.768 1.768L14.349 58.6a6.055 6.055 0 0 1-4.296 1.779ZM41.157 31.8l-1.767-1.768 1.854-1.855a2.47 2.47 0 0 1 2.518-.588 10.809 10.809 0 0 0 13.913-12.4l-5.456 5.543a2.516 2.516 0 0 1-3.475 0l-5.119-5.118a2.459 2.459 0 0 1 0-3.474l5.521-5.521a10.992 10.992 0 0 0-9.725 3.022A10.78 10.78 0 0 0 36.778 20.6a2.471 2.471 0 0 1-.589 2.518l-1.854 1.854-1.768-1.767 1.855-1.855A13.282 13.282 0 0 1 49.657 4.234a2.463 2.463 0 0 1 1.261 4.155l-5.522 5.522 5.121 5.057 5.46-5.52a2.463 2.463 0 0 1 4.155 1.26 13.309 13.309 0 0 1-17.13 15.26Z"/><path d="M55.303 60.381a5.045 5.045 0 0 1-3.591-1.487L41.247 48.43c-1.072-.009-3.536 0-3.537 0h-.812l-.331-.741c-1.718-3.84-1.718-3.84-1.1-4.462l7.525-7.526c.6-.555.6-.556 4.593.821l.844.291v4.43l10.463 10.465a5.078 5.078 0 0 1-3.59 8.668Zm-16.005-14.45c2.986 0 3.029.043 3.354.368l10.826 10.828a2.579 2.579 0 0 0 3.647-3.647L46.298 42.653c-.349-.349-.373-.373-.368-4.053-.644-.221-1.263-.432-1.71-.584L37.838 44.4c.183.415.427.964.679 1.53Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38.205 40.5C15.452 17.747 15.441 17.736 15.259 17.645l-3.817-1.285-4.607-6.911 2.611-2.611 6.911 4.607 1.221 3.655.067.163c.092.183.1.194 22.856 22.946l1.767-1.767L19.856 14.03l-1.4-4.187-9.329-6.22-5.51 5.51 6.221 9.329 4.186 1.4 22.412 22.412Z"/><path fill="var(--road-icon-variant, rgb(252, 183, 49))" d="m9.401 53.2 1.768-1.768 1.768 1.768-1.768 1.768z"/><path d="M10.053 60.379a6.075 6.075 0 0 1-4.3-10.371l17.443-17.444 1.768 1.768L7.52 51.776a3.577 3.577 0 0 0 5.058 5.058L30.021 39.39l1.768 1.768L14.349 58.6a6.055 6.055 0 0 1-4.296 1.779ZM41.157 31.8l-1.767-1.768 1.854-1.855a2.47 2.47 0 0 1 2.518-.588 10.809 10.809 0 0 0 13.913-12.4l-5.456 5.543a2.516 2.516 0 0 1-3.475 0l-5.119-5.118a2.459 2.459 0 0 1 0-3.474l5.521-5.521a10.992 10.992 0 0 0-9.725 3.022A10.78 10.78 0 0 0 36.778 20.6a2.471 2.471 0 0 1-.589 2.518l-1.854 1.854-1.768-1.767 1.855-1.855A13.282 13.282 0 0 1 49.657 4.234a2.463 2.463 0 0 1 1.261 4.155l-5.522 5.522 5.121 5.057 5.46-5.52a2.463 2.463 0 0 1 4.155 1.26 13.309 13.309 0 0 1-17.13 15.26Z"/><path d="M55.303 60.381a5.045 5.045 0 0 1-3.591-1.487L41.247 48.43c-1.072-.009-3.536 0-3.537 0h-.812l-.331-.741c-1.718-3.84-1.718-3.84-1.1-4.462l7.525-7.526c.6-.555.6-.556 4.593.821l.844.291v4.43l10.463 10.465a5.078 5.078 0 0 1-3.59 8.668Zm-16.005-14.45c2.986 0 3.029.043 3.354.368l10.826 10.828a2.579 2.579 0 0 0 3.647-3.647L46.298 42.653c-.349-.349-.373-.373-.368-4.053-.644-.221-1.263-.432-1.71-.584L37.838 44.4c.183.415.427.964.679 1.53Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/wrench-twin-color.svg

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M12.03 63.13C5.72 63.13.59 58 .59 51.69s5.13-11.44 11.44-11.44c.86 0 1.72.1 2.56.29l23.28-23.28c-1.56-4.76-.31-9.93 3.23-13.47C44.25.64 48.73-.72 53.1.14c.89.18 1.61.83 1.87 1.7.27.87.03 1.81-.61 2.46l-5.52 5.52 5.12 5.06 5.46-5.52c.64-.64 1.58-.88 2.46-.61.87.26 1.52.98 1.7 1.87.86 4.37-.5 8.86-3.64 12a13.28 13.28 0 0 1-13.49 3.26L23.18 49.14c.19.83.29 1.69.29 2.56 0 6.31-5.13 11.44-11.44 11.44v-.01Zm0-20.38c-4.93 0-8.94 4.01-8.94 8.94s4.01 8.94 8.94 8.94 8.94-4.01 8.94-8.94c0-.88-.13-1.74-.38-2.57l-.21-.72L44.7 24.08c.65-.65 1.61-.88 2.52-.59 3.88 1.25 8.08.23 10.96-2.65 2.55-2.55 3.66-6.2 2.96-9.75l-5.46 5.54c-.93.93-2.55.93-3.47 0l-5.12-5.12a2.45 2.45 0 0 1-.72-1.74c0-.66.26-1.27.72-1.74l5.52-5.52c-3.53-.64-7.17.47-9.73 3.02-2.88 2.88-3.89 7.07-2.65 10.96.29.9.06 1.87-.59 2.52L15.32 43.34l-.71-.21a8.95 8.95 0 0 0-2.58-.38Z"/><path d="m10.29 58.18-4.75-4.75 1.74-6.49 6.49-1.74 4.75 4.75-1.74 6.49-6.49 1.74Zm-1.96-5.5 2.71 2.71 3.7-.99.99-3.7-2.71-2.71-3.7.99-.99 3.7Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h64v64H0z"/></clipPath></defs></svg>

package/dist/collection/components/icon/svg/zoom-color.svg

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.225 41.457-1.768 1.768 12.658 12.657 1.767-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75h-8.75V17h-2.5v8.75H17v2.5h8.75V37h2.5v-8.75H37v-2.5Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.225 41.457-1.768 1.768 12.658 12.657 1.767-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75h-8.75V17h-2.5v8.75H17v2.5h8.75V37h2.5v-8.75H37v-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/zoom-in-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path d="M26.204 36.74v-8.355h-8.5v-3h8.5V16.74h3v8.646h8.5v3h-8.5v8.355Z" fill="var(--road-secondary-600, rgb(246, 164, 4))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path d="M26.204 36.74v-8.355h-8.5v-3h8.5V16.74h3v8.646h8.5v3h-8.5v8.355Z" fill="var(--road-icon-variant, rgb(252, 183, 49))" stroke="rgba(0,0,0,0)" stroke-miterlimit="10"/></svg>

package/dist/collection/components/icon/svg/zoom-less-color.svg

@@ -1 +1 @@
-<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.225 41.458-1.768 1.767 12.657 12.658 1.768-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75H17v2.5h20v-2.5Z" fill="var(--road-secondary-600, rgb(246, 164, 4))"/></svg>
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m43.225 41.458-1.768 1.767 12.657 12.658 1.768-1.768-12.657-12.657ZM27 46.24c-4.93 0-9.86-1.88-13.61-5.63-7.51-7.5-7.51-19.72 0-27.22s19.72-7.5 27.22 0c7.51 7.51 7.51 19.72 0 27.22A19.193 19.193 0 0 1 27 46.24Zm0-35.98c-4.29 0-8.58 1.63-11.84 4.9-6.53 6.53-6.53 17.16 0 23.69 6.53 6.53 17.16 6.53 23.69 0 6.53-6.53 6.53-17.16 0-23.69-3.26-3.26-7.55-4.9-11.84-4.9H27Z"/><path d="M37 25.75H17v2.5h20v-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/zoom-out-color.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path fill="var(--road-secondary-600, rgb(246, 164, 4))" d="M17.35 25.383h20v3h-20z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M40.913 13.321a19.181 19.181 0 1 0 0 27.124 19.118 19.118 0 0 0 0-27.124Zm-2.261 24.86a15.984 15.984 0 1 1 0-22.6 15.872 15.872 0 0 1 0 22.6Zm2.774 5.047 2.26-2.263 12.666 12.65-2.261 2.264z"/><path fill="var(--road-icon-variant, rgb(252, 183, 49))" d="M17.35 25.383h20v3h-20z"/></svg>

package/dist/collection/components/navbar/navbar.stories.js

@@ -52,6 +52,8 @@ export default {
       </road-list>
       <road-img slot="avatar" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80" alt="avatar" title="Person name"></road-img>
       <road-img slot="avatarItem" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=crop&amp;w=800&amp;q=80" alt="avatar" title="Person name"></road-img>
+      <road-label slot="name">First and Last name</road-label>
+      <road-label slot="email">email</road-label>
     </road-profil-dropdown>
 
     <road-navbar-item tab="tab-home">

package/dist/collection/components/profil-dropdown/profil-dropdown.js

@@ -4,6 +4,9 @@ import { h } from '@stencil/core';
  * @slot list - List of item values (you can add border with lines=`full` but not on the last item)
  * @slot avatar - Content of the avatar (img or First letter) <road-img> or <road-label>.
  * @slot avatarItem - Content of the avatar item (img or First letter) <road-img> or <road-label>.
+ * @slot name - Content First and Last Name.
+ * @slot email - Content email.
+
 
  */
 export class Dropdown {
@@ -20,7 +23,7 @@ export class Dropdown {
     };
   }
   render() {
-    return (h("details", { class: "dropdown", open: this.isOpen }, h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: `d-flex` }, h("div", null, h("road-avatar", null, h("slot", { name: "avatar" }))))), h("div", { class: `dropdown-menu` }, h("div", { class: "profil-item" }, h("road-avatar", { size: "sm" }, h("slot", { name: "avatarItem" })), h("div", { class: "profil-item-info" }, h("span", { class: "profil-item-info-name" }, "First and Last name"), h("road-label", null, "Email"))), h("slot", { name: "list" }))));
+    return (h("details", { class: "dropdown", open: this.isOpen }, h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: `d-flex` }, h("div", null, h("road-avatar", null, h("slot", { name: "avatar" }))))), h("div", { class: `dropdown-menu` }, h("div", { class: "profil-item" }, h("road-avatar", { size: "sm" }, h("slot", { name: "avatarItem" })), h("div", { class: "profil-item-info" }, h("span", { class: "profil-item-info-name" }, h("slot", { name: "name" })), h("road-label", null, h("slot", { name: "email" })))), h("slot", { name: "list" }))));
   }
   static get is() { return "road-profil-dropdown"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/profil-dropdown/profil-dropdown.stories.js

@@ -29,6 +29,16 @@ export default {
         type: 'text',
       },
     },
+    name: {
+      control: {
+        type: 'text',
+      },
+    },
+    email: {
+      control: {
+        type: 'text',
+      },
+    },
     '--margin-top': {
       table: {
         defaultValue: { summary: '0.5rem' },
@@ -42,6 +52,8 @@ export default {
     'is-open': true,
     avatar: `<road-img slot="avatar" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="avatar" title="Person name"></road-img>`,
     avatarItem: `<road-img slot="avatarItem" src="https://images.unsplash.com/photo-1527980965255-d3b416303d12?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80" alt="avatar" title="Person name"></road-img>`,
+    name: `<road-label slot="name">First and Last name</road-label>`,
+    email: `<road-label slot="email">Email</road-label>`,
     list: `<road-list slot="list">
     <road-item button style="--border-radius: 0; --min-height: 2.5rem; --inner-padding: 0;" class="edit-profil">
       <road-icon slot="start" name="edit-outline" size="md"></road-icon>
@@ -67,5 +79,7 @@ export const Playground = (args) => html`
   ${unsafeHTML(args.list)}
   ${unsafeHTML(args.avatar)}
   ${unsafeHTML(args.avatarItem)} 
+  ${unsafeHTML(args.name)} 
+  ${unsafeHTML(args.email)} 
 </road-profil-dropdown>
 `;

package/dist/collection/components/progress/progress.css

@@ -31,6 +31,13 @@
   margin-top: 0.5rem;
 }
 
+.progress-element-info-full-width {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 1rem;
+  margin-top: 0.5rem;
+}
+
 .progress-element-label {
   font-size: 0.875rem;
   text-align: left;

package/dist/collection/components/progress/progress.js

@@ -18,6 +18,10 @@ export class ProgressBar {
      * Show step
      */
     this.showstep = false;
+    /**
+     * Add padding if the progress is full width
+     */
+    this.fullwidth = false;
     /**
      * The color to use from your application's color palette.
      */
@@ -25,7 +29,8 @@ export class ProgressBar {
   }
   render() {
     const valueRound = Math.round(this.value / 5 / 5);
-    return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: "progress-element-info" }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+    const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
+    return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: `${fullwidth}` }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
   }
   static get is() { return "road-progress"; }
   static get encapsulation() { return "shadow"; }
@@ -113,6 +118,24 @@ export class ProgressBar {
         "reflect": false,
         "defaultValue": "false"
       },
+      "fullwidth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Add padding if the progress is full width"
+        },
+        "attribute": "fullwidth",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "color": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/progress/progress.stories.js

@@ -5,8 +5,8 @@ export default {
   component: 'road-progress',
 };
 
-export const Playground = ({ value, color, label, showstep, numbersteps }) => html`
-  <road-progress value="${value}" color="${color}" label="${label}" showstep="${showstep}" numbersteps="${numbersteps}"></road-progress>
+export const Playground = ({ value, color, label, showstep, numbersteps, fullwidth }) => html`
+  <road-progress value="${value}" color="${color}" label="${label}" showstep="${showstep}" numbersteps="${numbersteps}" fullwidth="${fullwidth}"></road-progress>
 `;
 Playground.args = {
   value: 25,
@@ -14,6 +14,7 @@ Playground.args = {
   label: '',
   showstep:'false',
   numbersteps: '4',
+  fullwidth:'false',
 };
 Playground.argTypes = {
   value: {
@@ -37,6 +38,9 @@ Playground.argTypes = {
   showstep: {
     control: 'boolean',
   },
+  fullwidth: {
+    control: 'boolean',
+  },
   color: {
     options: ['primary', 'secondary', 'info', 'success', 'warning', 'danger'],
     control: {

package/dist/collection/components/skeleton/skeleton.css

@@ -24,7 +24,8 @@
   width: 100%;
   min-height: 1rem;
   background: linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);
-  background-size: 800px 104px;
+  background-position: 100% 0;
+  background-size: 200%;
   animation: road-skeleton-animation 1s linear infinite;
 }
 
@@ -33,11 +34,7 @@
 
 @keyframes road-skeleton-animation {
 
-  0% {
-    background-position: -468px 0;
-  }
-
   100% {
-    background-position: 468px 0;
+    background-position: -100% 0;
   }
 }

package/dist/collection/components/toolbar/toolbar.css

@@ -112,7 +112,7 @@
   font-size: 0.875rem;
   font-weight: 400;
   background: var(--road-grey-000);
-  border-left: 1px solid var(--road-grey-500);
+  border-right: 1px solid var(--road-grey-500);
   border-radius: 0;
 }
 

package/dist/collection/components/toolbar/toolbar.stories.js

@@ -61,7 +61,7 @@ export const Playground = Template.bind({});
 
 export const withButtons = Template.bind({});
 withButtons.args = {
-  start: `<road-button slot="start" class="border-0">
+  start: `<road-button slot="start" class="border-left-0">
     <road-icon name="navigation-chevron" rotate="180"></road-icon>
   </road-button>`,
   end: `<road-button slot="end">
@@ -89,8 +89,8 @@ headerHomeApp.args = {
 export const headerApp = Template.bind({});
 headerApp.args = {
   ' ': `<road-toolbar-title>Title</road-toolbar-title>`,
-  start: `<road-button slot="start" class="border-0">
-    <road-icon name="navigation-chevron" rotate="180" size="sm"></road-icon>Back
+  start: `<road-button slot="start" class="border-left-0">
+    <road-icon name="navigation-chevron" rotate="180"></road-icon>
   </road-button>`,
   secondary: `<road-button class="border-0 align-items-center" slot="secondary">
     <road-icon name="alert-question-outline"></road-icon><road-label class="d-none d-xl-block mx-8">Help</road-label>

package/dist/collection/components/toolbar-title/toolbar-title.css

@@ -4,25 +4,28 @@
  */
 
 :host {
-  position: absolute;
-  top: 0;
-  left: 0;
   display: flex;
   flex: 1;
   align-items: center;
   width: 100%;
   height: 100%;
-  padding: 0 3.5rem;
-  text-align: center;
+  padding-left: 1rem;
 }
 
 .toolbar-title {
   display: block;
   width: 100%;
   overflow: hidden;
-  font-size: 1.3125rem;
+  font-size: 1.125rem;
   font-weight: 700;
   text-overflow: ellipsis;
   white-space: nowrap;
   pointer-events: auto;
 }
+
+@media (min-width: 1200px) {
+
+  .toolbar-title {
+    font-size: 1.3125rem;
+  }
+}

package/dist/esm/loader.js

@@ -25,7 +25,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["road-badge_14",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-toolbar-title-page",[[1,"road-toolbar-title-page"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
+  return bootstrapLazy([["road-badge_14",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"fullwidth":[4],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-toolbar-title-page",[[1,"road-toolbar-title-page"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
   });
 };
 

package/dist/esm/road-badge_14.entry.js

@@ -440,7 +440,7 @@ const getSvgContent = (url, sanitize) => {
   return req;
 };
 
-const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-grey-900);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-900)}:host(.icon-secondary){color:var(--road-primary-500)}:host(.icon-accent){color:var(--road-secondary-500)}:host(.icon-info){color:var(--road-info-default)}:host(.icon-success){color:var(--road-success-default)}:host(.icon-warning){color:var(--road-warning-default)}:host(.icon-danger){color:var(--road-danger-default)}:host(.icon-default){color:var(--road-grey-900)}:host(.icon-white){color:var(--road-grey-000)}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";
+const iconCss = ":host{box-sizing:content-box;display:inline-block;color:var(--road-icon);transition:fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;fill:currentColor;contain:strict}:host svg{display:block;width:100%;height:100%}:host(.icon-sm){width:1.25rem;height:1.25rem}:host(.icon-md){width:1.5rem;height:1.5rem}:host(.icon-lg){width:2rem;height:2rem}:host(.icon-3x){width:3rem;height:3rem}:host(.icon-4x){width:4rem;height:4rem}:host(.icon-primary){color:var(--road-primary-900)}:host(.icon-secondary){color:var(--road-primary-500)}:host(.icon-accent){color:var(--road-secondary-500)}:host(.icon-info){color:var(--road-info-default)}:host(.icon-success){color:var(--road-success-default)}:host(.icon-warning){color:var(--road-warning-default)}:host(.icon-danger){color:var(--road-danger-default)}:host(.icon-default){color:var(--road-grey-900)}:host(.icon-white){color:var(--road-grey-000)}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";
 
 const Icon = class {
   constructor(hostRef) {
@@ -783,7 +783,7 @@ const Row = class {
 };
 Row.style = rowCss;
 
-const toolbarCss = ":host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-grey-900);background:var(--road-grey-000);border-bottom:1px solid var(--road-grey-300)}.toolbar-container{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{position:absolute;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;font-size:1.125rem;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:1.25rem;text-align:center}}.toolbar-content{flex:1 1 0%;min-width:0;max-width:100%}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:0.875rem;font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:1.25rem;font-weight:700}::slotted([slot=\"start\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-left:1px solid var(--road-grey-500);border-radius:0}::slotted([slot=\"end\"]),::slotted([slot=\"secondary\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-left:1px solid var(--road-grey-500);border-radius:0}:host(.toolbar-primary){color:var(--road-primary-contrast);background:var(--road-primary-900)}:host(.toolbar-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}";
+const toolbarCss = ":host{position:relative;box-sizing:border-box;display:block;width:100%;contain:content;color:var(--road-grey-900);background:var(--road-grey-000);border-bottom:1px solid var(--road-grey-300)}.toolbar-container{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{position:absolute;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;font-size:1.125rem;font-weight:700;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:1.25rem;text-align:center}}.toolbar-content{flex:1 1 0%;min-width:0;max-width:100%}.toolbar .logo{position:relative;z-index:1;padding-left:1rem;margin-bottom:0;font-size:0.875rem;font-weight:400}.toolbar .app-name{margin-left:1rem;font-size:1.25rem;font-weight:700}::slotted([slot=\"start\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;align-self:auto;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-right:1px solid var(--road-grey-500);border-radius:0}::slotted([slot=\"end\"]),::slotted([slot=\"secondary\"]){--margin-bottom:0;--padding-start:0.5rem;--padding-end:0.5rem;font-size:0.875rem;font-weight:400;background:var(--road-grey-000);border-left:1px solid var(--road-grey-500);border-radius:0}:host(.toolbar-primary){color:var(--road-primary-contrast);background:var(--road-primary-900)}:host(.toolbar-secondary){color:var(--road-primary-contrast);background:var(--road-primary-500)}";
 
 const Toolbar = class {
   constructor(hostRef) {

package/dist/esm/road-profil-dropdown.entry.js

@@ -17,7 +17,7 @@ const Dropdown = class {
     };
   }
   render() {
-    return (h("details", { class: "dropdown", open: this.isOpen }, h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: `d-flex` }, h("div", null, h("road-avatar", null, h("slot", { name: "avatar" }))))), h("div", { class: `dropdown-menu` }, h("div", { class: "profil-item" }, h("road-avatar", { size: "sm" }, h("slot", { name: "avatarItem" })), h("div", { class: "profil-item-info" }, h("span", { class: "profil-item-info-name" }, "First and Last name"), h("road-label", null, "Email"))), h("slot", { name: "list" }))));
+    return (h("details", { class: "dropdown", open: this.isOpen }, h("summary", { "aria-expanded": `${this.isOpen}`, tabindex: "0", role: "button", onClick: this.onClick }, h("div", { class: `d-flex` }, h("div", null, h("road-avatar", null, h("slot", { name: "avatar" }))))), h("div", { class: `dropdown-menu` }, h("div", { class: "profil-item" }, h("road-avatar", { size: "sm" }, h("slot", { name: "avatarItem" })), h("div", { class: "profil-item-info" }, h("span", { class: "profil-item-info-name" }, h("slot", { name: "name" })), h("road-label", null, h("slot", { name: "email" })))), h("slot", { name: "list" }))));
   }
 };
 Dropdown.style = profilDropdownCss;

package/dist/esm/road-progress.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
 
-const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:0.75rem;background-color:var(--road-grey-200);border-radius:var(--border-radius)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-label{font-size:0.875rem;text-align:left}.progress-element-step{font-size:0.875rem;text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary-500)}.progress.progress-secondary .progress-bar{background:var(--road-secondary-600)}.progress.progress-info .progress-bar{background:var(--road-info-default)}.progress.progress-success .progress-bar{background:var(--road-success-default)}progress.progress-warning .progress-bar{background:var(--road-warning-default)}.progress.progress-danger .progress-bar{background:var(--road-danger-default)}";
+const progressCss = ".progress{--border-radius:0.25rem;display:flex;height:0.25rem;overflow:hidden;font-size:0.75rem;background-color:var(--road-grey-200);border-radius:var(--border-radius)}.progress-element-info{display:flex;justify-content:space-between;margin-top:0.5rem}.progress-element-info-full-width{display:flex;justify-content:space-between;padding:0 1rem;margin-top:0.5rem}.progress-element-label{font-size:0.875rem;text-align:left}.progress-element-step{font-size:0.875rem;text-align:right}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;text-align:center;white-space:nowrap;transition:width 0.6s ease}.progress.progress-primary .progress-bar{background:var(--road-primary-500)}.progress.progress-secondary .progress-bar{background:var(--road-secondary-600)}.progress.progress-info .progress-bar{background:var(--road-info-default)}.progress.progress-success .progress-bar{background:var(--road-success-default)}progress.progress-warning .progress-bar{background:var(--road-warning-default)}.progress.progress-danger .progress-bar{background:var(--road-danger-default)}";
 
 const ProgressBar = class {
   constructor(hostRef) {
@@ -22,6 +22,10 @@ const ProgressBar = class {
      * Show step
      */
     this.showstep = false;
+    /**
+     * Add padding if the progress is full width
+     */
+    this.fullwidth = false;
     /**
      * The color to use from your application's color palette.
      */
@@ -29,7 +33,8 @@ const ProgressBar = class {
   }
   render() {
     const valueRound = Math.round(this.value / 5 / 5);
-    return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: "progress-element-info" }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
+    const fullwidth = this.fullwidth ? 'progress-element-info-full-width' : 'progress-element-info';
+    return (h(Host, { class: "progress-element" }, h("div", { class: `progress progress-${this.color}` }, h("div", { class: "progress-bar", role: "progressbar", style: { width: `${this.value}%` }, "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": "100" })), h("div", { class: `${fullwidth}` }, h("span", { class: "progress-element-label" }, this.label), this.showstep && h("span", { class: "progress-element-step" }, valueRound, "/", this.numbersteps))));
   }
 };
 ProgressBar.style = progressCss;

package/dist/esm/road-skeleton.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-a99a5e7b.js';
 
-const skeletonCss = ":host{--background-light:var(--road-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-size:800px 104px;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{0%{background-position:-468px 0}100%{background-position:468px 0}}";
+const skeletonCss = ":host{--background-light:var(--road-disabled);--background-dark:rgb(137, 143, 160, 0.4);position:relative;display:block;width:100%;min-height:1rem;background:linear-gradient(to right, var(--background-light) 8%, var(--background-dark) 18%, var(--background-light) 33%);background-position:100% 0;background-size:200%;animation:road-skeleton-animation 1s linear infinite}@keyframes road-skeleton-animation{100%{background-position:-100% 0}}";
 
 const Skeleton = class {
   constructor(hostRef) {

package/dist/esm/road-toolbar-title.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-a99a5e7b.js';
 
-const toolbarTitleCss = ":host{position:absolute;top:0;left:0;display:flex;flex:1;align-items:center;width:100%;height:100%;padding:0 3.5rem;text-align:center}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:1.3125rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}";
+const toolbarTitleCss = ":host{display:flex;flex:1;align-items:center;width:100%;height:100%;padding-left:1rem}.toolbar-title{display:block;width:100%;overflow:hidden;font-size:1.125rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:auto}@media (min-width: 1200px){.toolbar-title{font-size:1.3125rem}}";
 
 const ToolbarTitle = class {
   constructor(hostRef) {

package/dist/esm/roadtrip.js

@@ -81,5 +81,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["road-badge_14",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-toolbar-title-page",[[1,"road-toolbar-title-page"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
+  return bootstrapLazy([["road-badge_14",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[2],"max":[2],"step":[1],"value":[2],"size":[1],"dustbin":[4],"leftIconClasses":[32],"rightIconClasses":[32],"isDustbinVisible":[32]}],[1,"road-item",{"button":[4],"detail":[4],"active":[4],"detailIcon":[1,"detail-icon"],"disabled":[4],"download":[1],"href":[1],"rel":[1],"lines":[1],"target":[1],"type":[1],"multipleInputs":[32]}],[1,"road-badge",{"color":[1],"bubble":[4]}],[1,"road-list",{"lines":[1]}],[1,"road-toolbar",{"color":[1]}],[33,"road-drawer",{"isOpen":[1028,"is-open"],"position":[1],"drawerWidth":[2,"drawer-width"],"hasInverseHeader":[4,"has-inverse-header"],"hasBackIcon":[4,"has-back-icon"],"backText":[1,"back-text"],"drawerTitle":[1,"drawer-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64],"back":[64]},[[4,"keyup","onEscape"]]],[1,"road-col"],[1,"road-grid"],[6,"road-input",{"inputId":[1,"input-id"],"autocapitalize":[1],"autocomplete":[1],"autocorrect":[1],"autofocus":[4],"disabled":[4],"enterkeyhint":[1],"inputmode":[1],"max":[1],"maxlength":[2],"min":[1],"minlength":[2],"name":[1],"pattern":[1],"placeholder":[1],"readonly":[4],"required":[4],"spellcheck":[4],"step":[1],"size":[2],"sizes":[1],"type":[1],"value":[1032],"label":[1],"error":[1],"helper":[1],"debounce":[2]}],[1,"road-row"],[1,"road-button",{"color":[1],"size":[513],"buttonType":[1,"button-type"],"disabled":[516],"expand":[516],"download":[1],"href":[1],"rel":[1],"target":[1],"outline":[4]}],[1,"road-input-group"],[1,"road-label"],[1,"road-icon",{"color":[1],"ariaLabel":[1537,"aria-label"],"ariaHidden":[513,"aria-hidden"],"name":[1],"src":[1],"icon":[8],"size":[1],"rotate":[1],"lazy":[4],"sanitize":[4],"svgContent":[32],"isVisible":[32]}]]],["road-duration",[[1,"road-duration",{"isOpen":[1028,"is-open"],"header":[1],"min":[2],"max":[2],"step":[2],"open":[64],"close":[64]},[[0,"roadcardclick","handleClick"]]]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-profil-dropdown",[[1,"road-profil-dropdown",{"isOpen":[1028,"is-open"]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"isLightSeparator":[4,"is-light-separator"],"isSmall":[4,"is-small"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[1,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[6,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"],"showLabels":[4,"show-labels"]}]]],["road-rating",[[1,"road-rating",{"size":[513],"rate":[2],"reviews":[2],"reviewsText":[1,"reviews-text"]}]]],["road-toast",[[1,"road-toast",{"isOpen":[1028,"is-open"],"color":[1],"label":[1],"timeout":[2],"open":[64],"close":[64]}]]],["road-alert",[[1,"road-alert",{"color":[1],"label":[1],"link":[1],"url":[1]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["road-global-navigation",[[1,"road-global-navigation",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-img",[[1,"road-img",{"alt":[1],"src":[1],"loadSrc":[32],"loadError":[32]}]]],["road-navbar",[[1,"road-navbar",{"selectedTab":[1,"selected-tab"]},[[0,"roadNavbarItemClick","onNavbarChanged"],[0,"roadnavbaritemclick","onNavbarChanged"]]]]],["road-navbar-item",[[1,"road-navbar-item",{"disabled":[4],"download":[1],"href":[1],"rel":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadNavbarChanged","onNavbarChanged"],[8,"roadnavbarchanged","onNavbarChanged"]]]]],["road-progress",[[1,"road-progress",{"value":[2],"numbersteps":[1],"label":[1],"showstep":[4],"fullwidth":[4],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-segmented-button",[[1,"road-segmented-button",{"size":[1],"selected":[1028],"tab":[1]},[[8,"roadSegmentedButtonBarChanged","onButtonBarChanged"],[8,"roadSegmentedButtonbarchanged","onButtonBarChanged"]]]]],["road-segmented-button-bar",[[1,"road-segmented-button-bar",{"selectedTab":[1,"selected-tab"]}]]],["road-segmented-buttons",[[1,"road-segmented-buttons",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-toolbar-title-page",[[1,"road-toolbar-title-page"]]],["road-tooltip",[[1,"road-tooltip",{"tooltipId":[1,"tooltip-id"],"content":[1],"position":[1],"contentAlign":[1,"content-align"],"isOpen":[1028,"is-open"],"trigger":[1],"open":[64],"close":[64]}]]],["road-vertical-stepper",[[1,"road-vertical-stepper"]]],["road-vertical-stepper-item",[[4,"road-vertical-stepper-item"]]],["road-avatar",[[1,"road-avatar",{"size":[513]}]]],["road-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]]], options);
 });

package/dist/html.html-data.json

@@ -1737,6 +1737,10 @@
             }
           ]
         },
+        {
+          "name": "fullwidth",
+          "description": "Add padding if the progress is full width"
+        },
         {
           "name": "label",
           "description": "Label display in progress bar"