npm - @roadtrip/components - Versions diffs - 3.12.1 → 3.13.0 - Mend

@roadtrip/components 3.12.1 → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (100) hide show

package/dist/collection/components/counter/counter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../src/components/counter/counter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'road-counter',\n styleUrl: 'counter.css',\n scoped: true,\n})\nexport class Counter {\n\n @Element() el!: HTMLRoadCounterElement;\n\n iconCounterLess!: HTMLRoadIconElement;\n\n inputElement!: HTMLRoadInputElement;\n\n @State() leftIconClasses: string = \"\";\n\n @State() rightIconClasses: string = \"\";\n\n @State() isDustbinVisible: boolean = false;\n\n /*\n The id of counter\n /\n @Prop() inputId: string = `road-counter-${counterIds++}`;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min: number = 0;\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: number;\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The value of the counter.\n /\n @Prop() value: number = 1;\n\n /\n The size of the counter.\n /\n @Prop() size?: 'sm' \| 'md' \| 'lg' = \"lg\";\n\n /\n Set to `true` to add the dustbin icon if the value is equal to the min.\n /\n @Prop() dustbin: boolean = false;\n\n /\n Emitted when the plus button is clicked\n /\n @Event() roadIncrease!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the minus button is clicked\n /\n @Event() roadDecrease!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the minus button is clicked\n /\n @Event() roadChange!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the dustbin is clicked\n */\n @Event() roadDustbinClick!: EventEmitter<void>;\n\n @Watch('value')\n private onValueChange(valueInput: number) {\n this.setIsDustbinVisible(valueInput);\n this.setIconsClasses(valueInput);\n }\n\n private setIconsClasses(valueInput?: number) {\n valueInput = valueInput ?? parseInt(this.inputElement.querySelector('input')!.value as string);\n\n this.leftIconClasses = valueInput <= this.min && !this.dustbin ? \"disabled\" : \"\";\n this.rightIconClasses = this.max && valueInput >= this.max ? \"disabled\" : \"\";\n }\n\n private setIsDustbinVisible = (valueInput: number) => {\n if (valueInput > this.min) {\n this.isDustbinVisible = false;\n } else if (this.dustbin) {\n this.isDustbinVisible = true;\n }\n else {\n this.isDustbinVisible = false;\n }\n }\n\n private increase = () => {\n (this.inputElement as unknown as HTMLInputElement).querySelector('input')!.stepUp();\n let valueInput = parseInt(this.inputElement.querySelector('input')!.value as string);\n if(!valueInput) {\n valueInput = this.min\n };\n this.onValueChange(valueInput);\n this.roadIncrease.emit({ value: valueInput });\n };\n\n private decrease = () => {\n if(this.isDustbinVisible){\n this.roadDustbinClick.emit();\n return;\n }\n\n (this.inputElement as unknown as HTMLInputElement).querySelector('input')!.stepDown();\n\n let valueInput = parseInt(this.inputElement.querySelector('input')!.value as string);\n if(!valueInput) {\n valueInput = this.min\n };\n this.onValueChange(valueInput);\n\n this.roadDecrease.emit({ value: valueInput });\n };\n\n private checkValue = (ev: Event) => {\n const input = ev.target as HTMLInputElement;\n const value = input.value && parseInt(input.value)\n\n if (value == null \|\| value === \"\") return;\n\n if (value < this.min) {\n input.value = this.min.toString()\n }\n else if (this.max && value > this.max) {\n input.value = this.max.toString()\n }\n\n this.onValueChange(parseInt(input.value));\n }\n\n private onRoadChange = (ev: Event) => {\n ev.stopPropagation();\n const input = ev.target as HTMLInputElement;\n const value = input.value && parseInt(input.value)\n if (value !== null && value !== \"\") {\n if (value < this.min) {\n this.roadChange.emit({ value: this.min });\n }\n else if (this.max && value > this.max) {\n this.roadChange.emit({ value: this.max });\n }\n else {\n this.roadChange.emit({ value: parseInt(input.value) });\n }\n }\n else {\n this.roadChange.emit({ value: null });\n }\n };\n\n componentWillLoad() {\n this.onValueChange(this.value);\n }\n render() {\n\n const dataCi = this.isDustbinVisible ? \"road-dustbin\" : \"\";\n\n\n return (\n <road-input-group\n class={this.size && `counter-${this.size}`}\n >\n <road-button\n slot=\"prepend\"\n size={this.size}\n onClick={this.decrease}\n class={this.leftIconClasses}\n data-cy=\"road-decrease\"\n >\n <road-icon\n name={this.isDustbinVisible ? \"delete-forever\" : \"navigation-add-less\"}\n ref={(el) => this.iconCounterLess = el as HTMLRoadIconElement}\n size={this.size}\n data-cy={dataCi}\n />\n </road-button>\n <road-input\n ref={(el) => this.inputElement = el as HTMLRoadInputElement}\n type=\"number\"\n min={this.min.toString()}\n max={(this.max && this.max.toString()) as string}\n step={this.step}\n value={this.value}\n onRoadChange={this.onRoadChange}\n onKeyUp={this.checkValue}\n data-cy=\"road-input-counter\"\n />\n <road-button\n slot=\"append\"\n size={this.size}\n onClick={this.increase}\n class={this.rightIconClasses}\n data-cy=\"road-increase\"\n >\n <road-icon\n name=\"navigation-add-more\"\n size={this.size}\n />\n </road-button>\n </road-input-group>\n );\n }\n}\n\nlet counterIds = 0;\n"]}
1	+ {"version":3,"file":"counter.js","sourceRoot":"","sources":["../../../src/components/counter/counter.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, State, Watch } from '@stencil/core';\n\n@Component({\n tag: 'road-counter',\n styleUrl: 'counter.css',\n scoped: true,\n})\nexport class Counter {\n\n @Element() el!: HTMLRoadCounterElement;\n\n iconCounterLess!: HTMLRoadIconElement;\n\n inputElement!: HTMLRoadInputElement;\n\n @State() leftIconClasses: string = \"\";\n\n @State() rightIconClasses: string = \"\";\n\n @State() isDustbinVisible: boolean = false;\n\n /*\n The id of counter\n /\n @Prop() inputId: string = `road-counter-${counterIds++}`;\n\n /\n The minimum value, which must not be greater than its maximum (max attribute) value.\n /\n @Prop() min: number = 0;\n\n /\n The maximum value, which must not be less than its minimum (min attribute) value.\n /\n @Prop() max?: number;\n\n /\n Works with the min and max attributes to limit the increments at which a value can be set.\n * Possible values are: `\"any\"` or a positive floating point number.\n /\n @Prop() step?: string;\n\n /\n The value of the counter.\n /\n @Prop() value: number = 1;\n\n /\n The size of the counter.\n /\n @Prop() size?: 'sm' \| 'md' \| 'lg' = \"lg\";\n\n /\n Set to `true` to add the dustbin icon if the value is equal to the min.\n /\n @Prop() dustbin: boolean = false;\n\n /\n Set to `true` to not modify the input field\n /\n @Prop() readonly: boolean = false;\n\n /\n Emitted when the plus button is clicked\n /\n @Event() roadIncrease!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the minus button is clicked\n /\n @Event() roadDecrease!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the minus button is clicked\n /\n @Event() roadChange!: EventEmitter<{\n value: number \| undefined \| null;\n }>;\n\n /\n Emitted when the dustbin is clicked\n */\n @Event() roadDustbinClick!: EventEmitter<void>;\n\n @Watch('value')\n private onValueChange(valueInput: number) {\n this.setIsDustbinVisible(valueInput);\n this.setIconsClasses(valueInput);\n }\n\n private setIconsClasses(valueInput?: number) {\n valueInput = valueInput ?? parseInt(this.inputElement.querySelector('input')!.value as string);\n\n this.leftIconClasses = valueInput <= this.min && !this.dustbin ? \"disabled\" : \"\";\n this.rightIconClasses = this.max && valueInput >= this.max ? \"disabled\" : \"\";\n }\n\n private setIsDustbinVisible = (valueInput: number) => {\n if (valueInput > this.min) {\n this.isDustbinVisible = false;\n } else if (this.dustbin) {\n this.isDustbinVisible = true;\n }\n else {\n this.isDustbinVisible = false;\n }\n }\n\n private increase = () => {\n (this.inputElement as unknown as HTMLInputElement).querySelector('input')!.stepUp();\n let valueInput = parseInt(this.inputElement.querySelector('input')!.value as string);\n if(!valueInput) {\n valueInput = this.min\n };\n this.onValueChange(valueInput);\n this.roadIncrease.emit({ value: valueInput });\n };\n\n private decrease = () => {\n if(this.isDustbinVisible){\n this.roadDustbinClick.emit();\n return;\n }\n\n (this.inputElement as unknown as HTMLInputElement).querySelector('input')!.stepDown();\n\n let valueInput = parseInt(this.inputElement.querySelector('input')!.value as string);\n if(!valueInput) {\n valueInput = this.min\n };\n this.onValueChange(valueInput);\n\n this.roadDecrease.emit({ value: valueInput });\n };\n\n private checkValue = (ev: Event) => {\n const input = ev.target as HTMLInputElement;\n const value = input.value && parseInt(input.value)\n\n if (value == null \|\| value === \"\") return;\n\n if (value < this.min) {\n input.value = this.min.toString()\n }\n else if (this.max && value > this.max) {\n input.value = this.max.toString()\n }\n\n this.onValueChange(parseInt(input.value));\n }\n\n private onRoadChange = (ev: Event) => {\n ev.stopPropagation();\n const input = ev.target as HTMLInputElement;\n const value = input.value && parseInt(input.value)\n if (value !== null && value !== \"\") {\n if (value < this.min) {\n this.roadChange.emit({ value: this.min });\n }\n else if (this.max && value > this.max) {\n this.roadChange.emit({ value: this.max });\n }\n else {\n this.roadChange.emit({ value: parseInt(input.value) });\n }\n }\n else {\n this.roadChange.emit({ value: null });\n }\n };\n\n componentWillLoad() {\n this.onValueChange(this.value);\n }\n render() {\n\n const dataCi = this.isDustbinVisible ? \"road-dustbin\" : \"\";\n\n\n return (\n <road-input-group\n class={this.size && `counter-${this.size}`}\n >\n <road-button\n slot=\"prepend\"\n size={this.size}\n onClick={this.decrease}\n class={this.leftIconClasses}\n data-cy=\"road-decrease\"\n >\n <road-icon\n name={this.isDustbinVisible ? \"delete-forever\" : \"navigation-add-less\"}\n ref={(el) => this.iconCounterLess = el as HTMLRoadIconElement}\n size={this.size}\n data-cy={dataCi}\n />\n </road-button>\n <road-input\n ref={(el) => this.inputElement = el as HTMLRoadInputElement}\n type=\"number\"\n min={this.min.toString()}\n max={(this.max && this.max.toString()) as string}\n step={this.step}\n value={this.value}\n onRoadChange={this.onRoadChange}\n onKeyUp={this.checkValue}\n data-cy=\"road-input-counter\"\n readonly={this.readonly}\n />\n <road-button\n slot=\"append\"\n size={this.size}\n onClick={this.increase}\n class={this.rightIconClasses}\n data-cy=\"road-increase\"\n >\n <road-icon\n name=\"navigation-add-more\"\n size={this.size}\n />\n </road-button>\n </road-input-group>\n );\n }\n}\n\nlet counterIds = 0;\n"]}

package/dist/collection/components/counter/counter.stories.js CHANGED Viewed

@@ -34,6 +34,9 @@ export default {
     dustbin: {
       control: 'boolean',
     },
+    readonly: {
+      control: 'boolean',
+    },
     '--counter-margin-bottom': {
       table: {
         defaultValue: { summary: '1rem' },
@@ -49,6 +52,7 @@ export default {
     step: 1,
     value: 1,
     dustbin: false,
+    readonly: false,
   },
 };
@@ -61,6 +65,7 @@ const Template = (args) => html`
     value="${ifDefined(args.value)}"
     dustbin="${ifDefined(args.dustbin)}"
     input-id="${ifDefined(args['input-id'])}"
+    readonly="${ifDefined(args.readonly)}"
     ></road-counter>
 `;

package/dist/collection/components/icon/svg/air-conditioning-color.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M14.354 30.07c.962-8.892 8.498-15.82 17.646-15.82 5.773 0 10.91 2.754 14.154 7.035l1.992-1.51A20.216 20.216 0 0 0 32 11.75c-10.53 0-19.187 8.044-20.16 18.32H8.6l4.4 4.4 4.4-4.4h-3.046ZM51 29.53l-4.4 4.4h3.046C48.684 42.823 41.148 49.75 32 49.75a17.717 17.717 0 0 1-14.154-7.035l-1.992 1.51A20.216 20.216 0 0 0 32 52.25c10.53 0 19.187-8.044 20.16-18.32h3.24l-4.4-4.4Z"/><path d="M40.156 37.143c-.98 0-1.82-.195-2.522-.585a4.05 4.05 0 0 1-1.625-1.638c-.373-.711-.56-1.547-.56-2.51 0-.961.187-1.793.56-2.495a4.05 4.05 0 0 1 1.625-1.638c.702-.39 1.542-.585 2.522-.585.632 0 1.209.09 1.729.273.52.173.962.429 1.326.767l-.637 1.599c-.4-.312-.78-.533-1.144-.663a3.503 3.503 0 0 0-1.21-.195c-.857 0-1.516.255-1.975.767-.451.502-.676 1.226-.676 2.17 0 .945.225 1.673.676 2.185.459.51 1.118.767 1.976.767.45 0 .853-.065 1.209-.195.364-.13.745-.351 1.144-.663l.637 1.599a3.84 3.84 0 0 1-1.326.767 5.206 5.206 0 0 1-1.73.273Zm-8.336.65h-1.586l3.432-10.608h1.586L31.82 37.793ZM20.171 37l4.212-9.165h1.677L30.324 37H28.27l-1.105-2.548.793.559h-5.447l.806-.56L22.212 37h-2.041Zm5.044-7.033-1.677 3.978-.351-.494h4.095l-.299.494-1.716-3.978h-.052Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/air-conditioning-outline.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/collection/components/icon/svg/alert-notification-off-color.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.556 54.982c.816.409 2.031.698 3.444.698 1.413 0 2.628-.29 3.444-.698.891-.446.966-.83.966-.882h2.5c0 1.508-1.19 2.539-2.347 3.118-1.231.616-2.846.962-4.563.962-1.717 0-3.332-.346-4.563-.962-1.157-.58-2.347-1.61-2.347-3.118h2.5c0 .052.075.436.966.882Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M30.75 11.53V7.07h2.5v4.46c7.925.636 14.15 7.27 14.15 15.35l-.01 11.632 2.325 3.487-2.069 1.38-.049-.05-2.707-4.061.01-12.388c0-7.12-5.771-12.9-12.9-12.9a12.865 12.865 0 0 0-9.54 4.212l-1.77-1.77a15.356 15.356 0 0 1 10.06-4.892Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.902 20.67-9.586-9.586 1.768-1.768 45.6 45.6-1.768 1.768-5.224-5.224H10.94v-4.459l5.66-8.49V26.88c0-2.21.465-4.311 1.302-6.21Zm1.925 1.925a12.896 12.896 0 0 0-.727 4.285v12.388l-5.66 8.49v1.202h32.752L19.827 22.595Z"/></svg>

package/dist/collection/components/icon/svg/alert-notification-off-outline.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M28.556 54.982c.816.409 2.031.698 3.444.698 1.413 0 2.628-.29 3.444-.698.891-.446.966-.83.966-.882h2.5c0 1.508-1.19 2.539-2.347 3.118-1.231.616-2.846.962-4.563.962-1.717 0-3.332-.346-4.563-.962-1.157-.58-2.347-1.61-2.347-3.118h2.5c0 .052.075.436.966.882Z"/><path d="M30.75 11.53V7.07h2.5v4.46c7.925.636 14.15 7.27 14.15 15.35l-.01 11.632 2.325 3.487-2.069 1.38-.049-.05-2.707-4.061.01-12.388c0-7.12-5.771-12.9-12.9-12.9a12.865 12.865 0 0 0-9.54 4.212l-1.77-1.77a15.356 15.356 0 0 1 10.06-4.892Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m17.902 20.67-9.586-9.586 1.768-1.768 45.6 45.6-1.768 1.768-5.224-5.224H10.94v-4.459l5.66-8.49V26.88c0-2.21.465-4.311 1.302-6.21Zm1.925 1.925a12.896 12.896 0 0 0-.727 4.285v12.388l-5.66 8.49v1.202h32.752L19.827 22.595Z"/></svg>

package/dist/collection/components/icon/svg/alert-notification-off-solid.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M47.4 26.88c0-8.08-6.225-14.714-14.15-15.35V7.07h-2.5v4.46a15.356 15.356 0 0 0-10.06 4.893L47.63 43.38 49.7 42l-2.31-3.488.01-11.632Zm1.292 24.58 5.224 5.224 1.768-1.768-45.6-45.6-1.768 1.768 9.586 9.585c-.837 1.9-1.302 4-1.302 6.211v11.631l-5.66 8.49v4.459h37.752Z"/><path d="M32 55.68c-1.413 0-2.628-.29-3.444-.698-.891-.446-.966-.83-.966-.882h-2.5c0 1.508 1.19 2.539 2.347 3.118 1.231.616 2.846.962 4.563.962 1.717 0 3.332-.346 4.563-.962 1.157-.58 2.347-1.61 2.347-3.118h-2.5c0 .052-.075.436-.966.882-.816.409-2.031.698-3.444.698Z"/></svg>

package/dist/collection/components/icon/svg/location-pin-outline-color.svg CHANGED Viewed

	@@ -1 +1 @@
1	- <svg viewBox="0 0 64 64"><path d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>
1	+ <svg viewBox="0 0 64 64"><path d="M0 0h64v64H0z"/><path d="M32 32.202a7.9 7.9 0 1 1 7.9-7.9 7.911 7.911 0 0 1-7.9 7.9Zm0-13.3a5.4 5.4 0 1 0 5.4 5.4 5.409 5.409 0 0 0-5.4-5.404Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="m32 58.452-.962-1.16c-4.06-4.9-17.3-21.76-17.3-33.242A18.188 18.188 0 0 1 32 6h.028a18.225 18.225 0 0 1 12.891 5.3 17.845 17.845 0 0 1 5.346 12.772c0 11.46-13.244 28.32-17.3 33.215ZM32 8.5a15.685 15.685 0 0 0-15.766 15.551c0 8.121 7.966 20.837 15.766 30.47 7.795-9.631 15.765-22.337 15.765-30.449a15.374 15.374 0 0 0-4.6-11A15.742 15.742 0 0 0 32.026 8.5Z"/></svg>

package/dist/collection/components/icon/svg/tire-front-color.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 56.87V7.33h2.5v49.54h-2.5Zm8 0V7.33h2.5v49.54h-2.5Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 11.888v4.523l4.553 4.544-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.553 4.543-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.554 4.554-1.768 1.768-2.786-2.786a6.65 6.65 0 0 0 6.65 6.582h12.2a6.65 6.65 0 0 0 6.65-6.582l-2.786 2.786-1.768-1.768 4.554-4.554v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 3.895-3.895A6.65 6.65 0 0 0 38.1 5.25H25.9a6.65 6.65 0 0 0-5.991 3.76l3.895 3.896-1.768 1.768-2.786-2.786Zm-2.5.012a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Z"/></svg>

package/dist/collection/components/icon/svg/tire-front-outline.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 56.87V7.33h2.5v49.54h-2.5Zm8 0V7.33h2.5v49.54h-2.5Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.25 11.888v4.523l4.553 4.544-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.553 4.543-1.766 1.77-2.787-2.782v4.52l4.554 4.553-1.768 1.768-2.786-2.786v4.524l4.554 4.554-1.768 1.768-2.786-2.786a6.65 6.65 0 0 0 6.65 6.582h12.2a6.65 6.65 0 0 0 6.65-6.582l-2.786 2.786-1.768-1.768 4.554-4.554v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 4.554-4.554v-4.519l-2.787 2.782-1.766-1.77 4.553-4.543v-4.524l-2.786 2.786-1.768-1.768 3.895-3.895A6.65 6.65 0 0 0 38.1 5.25H25.9a6.65 6.65 0 0 0-5.991 3.76l3.895 3.896-1.768 1.768-2.786-2.786Zm-2.5.012a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Z"/></svg>

package/dist/collection/components/icon/svg/tire-front-solid.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.75 11.9a9.15 9.15 0 0 1 9.15-9.15h12.2a9.15 9.15 0 0 1 9.15 9.15v40.2a9.15 9.15 0 0 1-9.15 9.15H25.9a9.15 9.15 0 0 1-9.15-9.15V11.9Zm27.341-2.889c.42.87.657 1.846.659 2.877l-2.786 2.786-1.768-1.768 3.895-3.895ZM19.25 11.888a6.624 6.624 0 0 1 .659-2.877l3.895 3.895-1.768 1.768-2.786-2.786Zm0 8.056v-3.532l4.553 4.543-1.766 1.77-2.787-2.782Zm0 4.518v3.536l2.786 2.786 1.768-1.768-4.554-4.554Zm0 11.591v-3.531l4.553 4.543-1.766 1.77-2.787-2.782Zm0 4.52v3.535l2.786 2.786 1.768-1.768-4.554-4.554Zm0 11.527v-3.468l4.554 4.554-1.768 1.768-2.786-2.786V52.1Zm25.5.068v-3.536l-4.554 4.554 1.768 1.768 2.786-2.786Zm0-11.596v3.536l-2.786 2.786-1.768-1.768 4.554-4.554Zm0-4.519v-3.531l-4.553 4.543 1.766 1.77 2.787-2.782Zm0-11.59v3.535l-2.786 2.786-1.768-1.768 4.554-4.554Zm0-4.52v-7.484 3.952l-4.553 4.544 1.766 1.77 2.787-2.782Zm-18 36.927V7.33h2.5v49.54h-2.5Zm8-49.54v49.54h2.5V7.33h-2.5Z"/></svg>

package/dist/collection/components/icon/svg/vehicle-clean-color.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M42 43.38H19.316a6.244 6.244 0 0 1-11.547-.143l-3.142-.467a4.232 4.232 0 0 1-3.618-4.444l.35-6.186h2.5L3.5 38.467a1.743 1.743 0 0 0 1.49 1.83l2.338.348a6.245 6.245 0 0 1 12.485.235h21.68a6.25 6.25 0 0 1 12.5 0h2.5l3.2-.743v-6.06c0-.129-.02-.253-.03-.379h2.5c.008.127.032.25.032.378v6.26a2.244 2.244 0 0 1-1.741 2.191l-3.67.852H53.49a6.247 6.247 0 0 1-11.492 0l.004.001Zm2-2.455a3.75 3.75 0 1 0 3.75-3.75 3.755 3.755 0 0 0-3.757 3.75H44Zm-34.173 0a3.75 3.75 0 1 0 3.749-3.75 3.755 3.755 0 0 0-3.757 3.75h.008Zm48.9-9.727a4.71 4.71 0 0 0-2.26-1.63 45.512 45.512 0 0 0-8.222-1.967c-.485-.07-.965-.166-1.44-.286l-29.452-.523a3.249 3.249 0 0 1-3.04-4.235l1.14-3.57.03-.1a7.747 7.747 0 0 0-4.845 3.24L7.624 26.6l-1.633 1.1a4.751 4.751 0 0 0-1.643 1.942H1.685a7.28 7.28 0 0 1 2.91-4.014l1.227-.828 2.745-4.07A10.252 10.252 0 0 1 16.9 16.21l12.659-.208a13.218 13.218 0 0 1 8.159 2.672l5.84 4.428a10.334 10.334 0 0 0 3.542 1.714h.255v.06c.404.102.814.183 1.227.242a48.13 48.13 0 0 1 8.667 2.084 7.2 7.2 0 0 1 4.325 4l-2.848-.003ZM29.6 18.501h-.162l1.733 6.012-.046.014 10.418.185-5.336-4.044a10.706 10.706 0 0 0-6.377-2.167h-.23Zm-11.432.186c-.337 1.06-.968 3.014-1.475 4.626a.728.728 0 0 0 .1.661.739.739 0 0 0 .6.313l11.168.2-1.712-5.94-8.681.14Z" /><path d="M56.289 33.697v-2.5h5.288c.342.792.54 1.639.584 2.5h-5.872ZM1.358 32.138l.05-.91a7.194 7.194 0 0 1 .276-1.59h5.23v2.5H1.359ZM55.031 14.267a.5.5 0 0 1 .938 0l.937 2.532a.5.5 0 0 0 .295.295l2.532.937a.5.5 0 0 1 0 .938l-2.532.937a.5.5 0 0 0-.295.295l-.937 2.532a.5.5 0 0 1-.938 0l-.937-2.532a.5.5 0 0 0-.295-.295l-2.532-.937a.5.5 0 0 1 0-.938l2.532-.937a.5.5 0 0 0 .295-.295l.937-2.532ZM42.031 3.267a.5.5 0 0 1 .938 0l1.477 3.992a.5.5 0 0 0 .295.295l3.992 1.477a.5.5 0 0 1 0 .938l-3.992 1.477a.5.5 0 0 0-.295.295l-1.477 3.992a.5.5 0 0 1-.938 0l-1.477-3.992a.5.5 0 0 0-.295-.295l-3.992-1.477a.5.5 0 0 1 0-.938l3.992-1.477a.5.5 0 0 0 .295-.295l1.477-3.992Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/vehicle-clean-outline.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/collection/components/icon/svg/vehicle-clean-solid.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M55.031 14.267a.5.5 0 0 1 .938 0l.937 2.532a.5.5 0 0 0 .295.295l2.532.937a.5.5 0 0 1 0 .938l-2.532.937a.5.5 0 0 0-.295.295l-.937 2.532a.5.5 0 0 1-.938 0l-.937-2.532a.5.5 0 0 0-.295-.295l-2.532-.937a.5.5 0 0 1 0-.938l2.532-.937a.5.5 0 0 0 .295-.295l.937-2.532ZM42.031 3.267a.5.5 0 0 1 .938 0l1.477 3.992a.5.5 0 0 0 .295.295l3.992 1.477a.5.5 0 0 1 0 .938l-3.992 1.477a.5.5 0 0 0-.295.295l-1.477 3.992a.5.5 0 0 1-.938 0l-1.477-3.992a.5.5 0 0 0-.295-.295l-3.992-1.477a.5.5 0 0 1 0-.938l3.992-1.477a.5.5 0 0 0 .295-.295l1.477-3.992ZM62.16 33.696h-3.872v-2.5h3.288a7.208 7.208 0 0 0-4.326-4 48.072 48.072 0 0 0-8.666-2.076c-.413-.058-.823-.14-1.227-.243v-.057h-.254a10.336 10.336 0 0 1-3.543-1.716l-5.84-4.43A13.208 13.208 0 0 0 29.56 16l-12.661.2a10.262 10.262 0 0 0-8.333 4.52l-2.744 4.07-1.227.826a7.288 7.288 0 0 0-2.911 4.015h3.23v2.5H1.359l-.35 6.186a4.232 4.232 0 0 0 3.618 4.444l3.142.467a6.244 6.244 0 0 0 11.547.143H42a6.248 6.248 0 0 0 11.492 0h3.29l3.67-.852a2.243 2.243 0 0 0 1.74-2.192v-6.26c0-.128-.022-.25-.03-.378l-.003.006ZM13.569 44.673a3.75 3.75 0 1 1 0-7.5 3.75 3.75 0 0 1 0 7.5Zm3.826-20.387a.747.747 0 0 1-.7-.974l1.477-4.625 8.68-.14 1.712 5.938-11.17-.199Zm13.732.244.047-.013-1.734-6.013h.16a10.678 10.678 0 0 1 6.608 2.164l5.338 4.05-10.42-.188Zm16.616 20.143a3.75 3.75 0 1 1 0-7.5 3.75 3.75 0 0 1 0 7.5Z" /></svg>

package/dist/collection/components/icon/svg/vehicle-damage-color.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M55.852 42.33C56.8185 42.33 57.602 41.5465 57.602 40.58C57.602 39.6135 56.8185 38.83 55.852 38.83C54.8855 38.83 54.102 39.6135 54.102 40.58C54.102 41.5465 54.8855 42.33 55.852 42.33Z" fill="#E99B29"/>
+<path d="M13.304 33.09C12.3962 33.09 11.5087 33.3592 10.7539 33.8636C9.9991 34.3679 9.41079 35.0848 9.06338 35.9235C8.71598 36.7622 8.62508 37.6851 8.80219 38.5755C8.97929 39.4659 9.41645 40.2837 10.0584 40.9257C10.7003 41.5676 11.5182 42.0047 12.4085 42.1818C13.2989 42.3589 14.2218 42.2681 15.0605 41.9206C15.8992 41.5732 16.6161 40.9849 17.1204 40.2301C17.6248 39.4753 17.894 38.5879 17.894 37.68C17.8914 36.4635 17.4069 35.2976 16.5467 34.4373C15.6865 33.5771 14.5205 33.0927 13.304 33.09ZM13.304 39.771C12.8907 39.771 12.4866 39.6485 12.143 39.4189C11.7993 39.1893 11.5314 38.8629 11.3732 38.4811C11.215 38.0992 11.1735 37.6791 11.2541 37.2737C11.3346 36.8683 11.5336 36.4959 11.8258 36.2035C12.118 35.9112 12.4903 35.7121 12.8956 35.6313C13.301 35.5506 13.7212 35.5918 14.1031 35.7498C14.485 35.9079 14.8115 36.1756 15.0413 36.5192C15.271 36.8627 15.3938 37.2667 15.394 37.68C15.3935 38.2343 15.1731 38.7657 14.7813 39.1577C14.3895 39.5497 13.8582 39.7702 13.304 39.771Z" fill="#E99B29"/>
+<path d="M36.775 33.04C35.8672 33.04 34.9797 33.3092 34.2249 33.8136C33.4701 34.3179 32.8818 35.0348 32.5344 35.8735C32.187 36.7122 32.0961 37.6351 32.2732 38.5255C32.4503 39.4159 32.8874 40.2337 33.5294 40.8757C34.1713 41.5176 34.9892 41.9547 35.8795 42.1318C36.7699 42.3089 37.6928 42.2181 38.5315 41.8706C39.3702 41.5232 40.0871 40.9349 40.5914 40.1801C41.0958 39.4253 41.365 38.5379 41.365 37.63C41.3623 36.4135 40.8779 35.2476 40.0177 34.3873C39.1575 33.5271 37.9915 33.0427 36.775 33.04ZM36.775 39.72C36.3616 39.72 35.9575 39.5975 35.6138 39.3678C35.2702 39.1382 35.0023 38.8117 34.8441 38.4298C34.6859 38.048 34.6445 37.6277 34.7252 37.2223C34.8058 36.8169 35.0048 36.4445 35.2971 36.1522C35.5894 35.8599 35.9618 35.6608 36.3673 35.5802C36.7727 35.4996 37.1929 35.5409 37.5748 35.6991C37.9567 35.8573 38.2831 36.1252 38.5128 36.4689C38.7424 36.8126 38.865 37.2167 38.865 37.63C38.8639 38.1839 38.6434 38.7148 38.2516 39.1064C37.8599 39.4979 37.3289 39.7192 36.775 39.72Z" fill="#E99B29"/>
+<path d="M41.981 16.482C41.739 15.7578 41.2753 15.1281 40.6556 14.6821C40.0359 14.2361 39.2915 13.9964 38.528 13.997H11.553C10.7893 13.9964 10.0448 14.236 9.42494 14.682C8.80505 15.128 8.34117 15.7577 8.099 16.482L4.145 28.257H2.245C1.91347 28.257 1.59553 28.3887 1.36111 28.6231C1.12669 28.8575 0.994995 29.1754 0.994995 29.507C0.994995 29.8385 1.12669 30.1564 1.36111 30.3909C1.59553 30.6253 1.91347 30.757 2.245 30.757H3.794V48.41C3.794 49.3625 4.17238 50.276 4.84592 50.9495C5.51946 51.6231 6.43297 52.0015 7.3855 52.0015C8.33802 52.0015 9.25153 51.6231 9.92507 50.9495C10.5986 50.276 10.977 49.3625 10.977 48.41V46.856H39.103V48.41C39.103 49.3626 39.4814 50.2763 40.1551 50.9499C40.8287 51.6235 41.7423 52.002 42.695 52.002C43.6477 52.002 44.5613 51.6235 45.2349 50.9499C45.9086 50.2763 46.287 49.3626 46.287 48.41V29.41L41.981 16.482ZM10.468 17.282C10.5446 17.0548 10.6904 16.8574 10.885 16.7175C11.0797 16.5775 11.3133 16.5022 11.553 16.502H38.528C38.7676 16.5021 39.0011 16.5774 39.1956 16.7174C39.3901 16.8573 39.5358 17.0548 39.612 17.282L43.299 28.262H6.781L10.468 17.282ZM8.475 48.41C8.47942 48.5561 8.45446 48.7016 8.4016 48.8379C8.34873 48.9742 8.26904 49.0985 8.16725 49.2034C8.06546 49.3083 7.94364 49.3917 7.80901 49.4487C7.67438 49.5057 7.52968 49.535 7.3835 49.535C7.23731 49.535 7.09261 49.5057 6.95798 49.4487C6.82335 49.3917 6.70153 49.3083 6.59974 49.2034C6.49795 49.0985 6.41826 48.9742 6.36539 48.8379C6.31253 48.7016 6.28757 48.5561 6.292 48.41V46.856H8.475V48.41ZM43.785 48.41C43.785 48.6996 43.6699 48.9773 43.4652 49.1821C43.2604 49.3869 42.9826 49.502 42.693 49.502C42.4034 49.502 42.1256 49.3869 41.9208 49.1821C41.716 48.9773 41.601 48.6996 41.601 48.41V46.856H43.785V48.41ZM43.785 44.356H6.29399V30.756H43.787L43.785 44.356Z" fill="#22293A"/>
+<path d="M62.701 34.267H61.868L59.528 27.296C59.3461 26.7529 58.998 26.2808 58.5331 25.9465C58.0681 25.6121 57.5097 25.4325 56.937 25.433H47.582V27.933H56.937C56.9858 27.9327 57.0334 27.9479 57.073 27.9762C57.1127 28.0046 57.1424 28.0447 57.158 28.091L59.232 34.267H48.582V36.767H59.719V44.24H48.582V46.74H59.719V48.678C59.719 49.0095 59.8507 49.3274 60.0851 49.5619C60.3195 49.7963 60.6375 49.928 60.969 49.928C61.3005 49.928 61.6185 49.7963 61.8529 49.5619C62.0873 49.3274 62.219 49.0095 62.219 48.678V36.767H62.701C63.0325 36.767 63.3505 36.6353 63.5849 36.4008C63.8193 36.1664 63.951 35.8485 63.951 35.517C63.951 35.1854 63.8193 34.8675 63.5849 34.6331C63.3505 34.3987 63.0325 34.267 62.701 34.267Z" fill="#22293A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.2764 1.27393L50.9042 8.74586L59.7439 4.71148L55.7606 14.5805L62.3484 15.0714L55.9505 23.7478L53.9384 22.2641L57.6516 17.2284L52.161 16.8193L55.0796 9.58832L50.1154 11.8539L46.253 6.72587L44.4125 12.8696L39.25 10.7983V12.4499H36.75V7.10151L42.8032 9.53017L45.2764 1.27393Z" fill="#22293A"/>
+</svg>

package/dist/collection/components/icon/svg/vehicle-damage-outline.svg ADDED Viewed

@@ -0,0 +1,8 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.2764 1.27393L50.9042 8.74586L59.7439 4.71148L55.7606 14.5805L62.3484 15.0714L55.9505 23.7478L53.9384 22.2641L57.6516 17.2284L52.161 16.8193L55.0796 9.58832L50.1154 11.8539L46.253 6.72587L44.4125 12.8696L39.25 10.7983V12.4499H36.75V7.10151L42.8032 9.53017L45.2764 1.27393Z" fill="#22293A"/>
+<path d="M41.981 16.482C41.739 15.7578 41.2753 15.1281 40.6556 14.6821C40.0359 14.2361 39.2915 13.9964 38.528 13.997H11.553C10.7893 13.9964 10.0448 14.236 9.42494 14.682C8.80505 15.128 8.34117 15.7577 8.099 16.482L4.145 28.257H2.245C1.91347 28.257 1.59553 28.3887 1.36111 28.6231C1.12669 28.8575 0.994995 29.1754 0.994995 29.507C0.994995 29.8385 1.12669 30.1564 1.36111 30.3909C1.59553 30.6253 1.91347 30.757 2.245 30.757H3.794V48.41C3.794 49.3625 4.17238 50.276 4.84592 50.9495C5.51946 51.6231 6.43297 52.0015 7.3855 52.0015C8.33802 52.0015 9.25153 51.6231 9.92507 50.9495C10.5986 50.276 10.977 49.3625 10.977 48.41V46.856H39.103V48.41C39.103 49.3626 39.4814 50.2763 40.1551 50.9499C40.8287 51.6235 41.7423 52.002 42.695 52.002C43.6477 52.002 44.5613 51.6235 45.2349 50.9499C45.9086 50.2763 46.287 49.3626 46.287 48.41V29.41L41.981 16.482ZM10.468 17.282C10.5446 17.0548 10.6904 16.8574 10.885 16.7175C11.0797 16.5775 11.3133 16.5022 11.553 16.502H38.528C38.7676 16.5021 39.0011 16.5774 39.1956 16.7174C39.3901 16.8573 39.5358 17.0548 39.612 17.282L43.299 28.262H6.781L10.468 17.282ZM8.475 48.41C8.47942 48.5561 8.45446 48.7016 8.4016 48.8379C8.34873 48.9742 8.26904 49.0985 8.16725 49.2034C8.06546 49.3083 7.94364 49.3917 7.80901 49.4487C7.67438 49.5057 7.52968 49.535 7.3835 49.535C7.23731 49.535 7.09261 49.5057 6.95798 49.4487C6.82335 49.3917 6.70153 49.3083 6.59974 49.2034C6.49795 49.0985 6.41826 48.9742 6.36539 48.8379C6.31253 48.7016 6.28757 48.5561 6.292 48.41V46.856H8.475V48.41ZM43.785 48.41C43.785 48.6996 43.6699 48.9773 43.4652 49.1821C43.2604 49.3869 42.9826 49.502 42.693 49.502C42.4034 49.502 42.1256 49.3869 41.9208 49.1821C41.716 48.9773 41.601 48.6996 41.601 48.41V46.856H43.785V48.41ZM43.785 44.356H6.29399V30.756H43.787L43.785 44.356Z" fill="#22293A"/>
+<path d="M62.701 34.267H61.868L59.528 27.296C59.3461 26.7529 58.998 26.2808 58.5331 25.9465C58.0681 25.6121 57.5097 25.4325 56.937 25.433H47.582V27.933H56.937C56.9858 27.9327 57.0334 27.9479 57.073 27.9762C57.1127 28.0046 57.1424 28.0447 57.158 28.091L59.232 34.267H48.582V36.767H59.719V44.24H48.582V46.74H59.719V48.678C59.719 49.0095 59.8507 49.3274 60.0851 49.5619C60.3195 49.7963 60.6375 49.928 60.969 49.928C61.3005 49.928 61.6185 49.7963 61.8529 49.5619C62.0873 49.3274 62.219 49.0095 62.219 48.678V36.767H62.701C63.0325 36.767 63.3505 36.6353 63.5849 36.4008C63.8193 36.1664 63.951 35.8485 63.951 35.517C63.951 35.1854 63.8193 34.8675 63.5849 34.6331C63.3505 34.3987 63.0325 34.267 62.701 34.267Z" fill="#22293A"/>
+<path d="M55.852 42.33C56.8185 42.33 57.602 41.5465 57.602 40.58C57.602 39.6135 56.8185 38.83 55.852 38.83C54.8855 38.83 54.102 39.6135 54.102 40.58C54.102 41.5465 54.8855 42.33 55.852 42.33Z" fill="#22293A"/>
+<path d="M13.304 33.09C12.3962 33.09 11.5087 33.3592 10.7539 33.8636C9.9991 34.3679 9.41079 35.0848 9.06338 35.9235C8.71598 36.7622 8.62508 37.6851 8.80219 38.5755C8.97929 39.4659 9.41645 40.2837 10.0584 40.9257C10.7003 41.5676 11.5182 42.0047 12.4085 42.1818C13.2989 42.3589 14.2218 42.2681 15.0605 41.9206C15.8992 41.5732 16.6161 40.9849 17.1204 40.2301C17.6248 39.4753 17.894 38.5879 17.894 37.68C17.8914 36.4635 17.4069 35.2976 16.5467 34.4373C15.6865 33.5771 14.5205 33.0927 13.304 33.09ZM13.304 39.771C12.8907 39.771 12.4866 39.6485 12.143 39.4189C11.7993 39.1893 11.5314 38.8629 11.3732 38.4811C11.215 38.0992 11.1735 37.6791 11.2541 37.2737C11.3346 36.8683 11.5336 36.4959 11.8258 36.2035C12.118 35.9112 12.4903 35.7121 12.8956 35.6313C13.301 35.5506 13.7212 35.5918 14.1031 35.7498C14.485 35.9079 14.8115 36.1756 15.0413 36.5192C15.271 36.8627 15.3938 37.2667 15.394 37.68C15.3935 38.2343 15.1731 38.7657 14.7813 39.1577C14.3895 39.5497 13.8582 39.7702 13.304 39.771Z" fill="#22293A"/>
+<path d="M36.775 33.04C35.8672 33.04 34.9797 33.3092 34.2249 33.8136C33.4701 34.3179 32.8818 35.0348 32.5344 35.8735C32.187 36.7122 32.0961 37.6351 32.2732 38.5255C32.4503 39.4159 32.8874 40.2337 33.5294 40.8757C34.1713 41.5176 34.9892 41.9547 35.8795 42.1318C36.7699 42.3089 37.6928 42.2181 38.5315 41.8706C39.3702 41.5232 40.0871 40.9349 40.5914 40.1801C41.0958 39.4253 41.365 38.5379 41.365 37.63C41.3623 36.4135 40.8779 35.2476 40.0177 34.3873C39.1575 33.5271 37.9915 33.0427 36.775 33.04ZM36.775 39.72C36.3616 39.72 35.9575 39.5975 35.6138 39.3678C35.2702 39.1382 35.0023 38.8117 34.8441 38.4298C34.6859 38.048 34.6445 37.6277 34.7252 37.2223C34.8058 36.8169 35.0048 36.4445 35.2971 36.1522C35.5894 35.8599 35.9618 35.6608 36.3673 35.5802C36.7727 35.4996 37.1929 35.5409 37.5748 35.6991C37.9567 35.8573 38.2831 36.1252 38.5128 36.4689C38.7424 36.8126 38.865 37.2167 38.865 37.63C38.8639 38.1839 38.6434 38.7148 38.2516 39.1064C37.8599 39.4979 37.3289 39.7192 36.775 39.72Z" fill="#22293A"/>
+</svg>

package/dist/collection/components/icon/svg/vehicle-damage-solid.svg ADDED Viewed

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.7021 34.3849H61.8691L59.5291 27.4159C59.3477 26.8724 58.9998 26.3997 58.5347 26.065C58.0697 25.7303 57.5111 25.5504 56.9381 25.5509H47.5831V28.0509H56.9381C56.987 28.0509 57.0346 28.0662 57.0742 28.0948C57.1139 28.1233 57.1436 28.1636 57.1591 28.2099L59.2331 34.3849H48.5831V46.8589H59.7201V48.7969C59.7201 49.1284 59.8518 49.4464 60.0862 49.6808C60.3206 49.9152 60.6386 50.0469 60.9701 50.0469C61.3016 50.0469 61.6196 49.9152 61.854 49.6808C62.0884 49.4464 62.2201 49.1284 62.2201 48.7969V36.8849H62.7021C63.0336 36.8849 63.3516 36.7532 63.586 36.5188C63.8204 36.2844 63.9521 35.9664 63.9521 35.6349C63.9521 35.3034 63.8204 34.9854 63.586 34.751C63.3516 34.5166 63.0336 34.3849 62.7021 34.3849ZM55.8531 42.4489C55.507 42.4489 55.1686 42.3463 54.8808 42.154C54.5931 41.9617 54.3688 41.6884 54.2363 41.3686C54.1039 41.0488 54.0692 40.697 54.1367 40.3575C54.2042 40.018 54.3709 39.7062 54.6157 39.4615C54.8604 39.2167 55.1722 39.05 55.5117 38.9825C55.8512 38.915 56.203 38.9497 56.5228 39.0821C56.8426 39.2146 57.1159 39.4389 57.3082 39.7267C57.5005 40.0144 57.6031 40.3528 57.6031 40.6989C57.6028 41.1629 57.4184 41.6079 57.0902 41.936C56.7621 42.2642 56.3171 42.4486 55.8531 42.4489Z" fill="#22293A"/>
+<path d="M46.2081 29.1169H46.2221L41.9831 16.4849C41.7408 15.7607 41.2769 15.1311 40.657 14.6852C40.0371 14.2392 39.2927 13.9995 38.5291 13.9999H11.5541C10.7904 13.9992 10.0458 14.2388 9.42591 14.6848C8.80598 15.1308 8.34213 15.7606 8.10009 16.4849L4.14609 28.2599H2.24609C1.91457 28.2599 1.59663 28.3916 1.36221 28.626C1.12779 28.8604 0.996094 29.1784 0.996094 29.5099C0.996094 29.8414 1.12779 30.1594 1.36221 30.3938C1.59663 30.6282 1.91457 30.7599 2.24609 30.7599H3.79509V48.4129C3.79509 49.3654 4.17348 50.2789 4.84702 50.9525C5.52056 51.626 6.43407 52.0044 7.38659 52.0044C8.33912 52.0044 9.25263 51.626 9.92617 50.9525C10.5997 50.2789 10.9781 49.3654 10.9781 48.4129V46.8589H39.1041V48.4129C39.1041 49.3656 39.4825 50.2792 40.1562 50.9528C40.8298 51.6265 41.7434 52.0049 42.6961 52.0049C43.6488 52.0049 44.5624 51.6265 45.236 50.9528C45.9096 50.2792 46.2881 49.3656 46.2881 48.4129V29.5129C46.2839 29.3773 46.2568 29.2435 46.2081 29.1169ZM13.3081 40.6839C12.7148 40.6839 12.1347 40.508 11.6414 40.1783C11.148 39.8487 10.7635 39.3801 10.5365 38.832C10.3094 38.2838 10.25 37.6806 10.3657 37.0986C10.4815 36.5167 10.7672 35.9821 11.1868 35.5626C11.6063 35.143 12.1409 34.8573 12.7228 34.7415C13.3048 34.6258 13.908 34.6852 14.4561 34.9123C15.0043 35.1393 15.4729 35.5238 15.8025 36.0172C16.1321 36.5105 16.3081 37.0906 16.3081 37.6839C16.3081 38.0781 16.2304 38.4685 16.0794 38.8326C15.9285 39.1968 15.7072 39.5277 15.4284 39.8063C15.1495 40.0849 14.8184 40.3058 14.4541 40.4564C14.0897 40.607 13.6993 40.6843 13.3051 40.6839H13.3081ZM36.7761 40.6309C36.1827 40.6309 35.6027 40.455 35.1094 40.1253C34.616 39.7957 34.2315 39.3271 34.0045 38.7789C33.7774 38.2308 33.718 37.6276 33.8337 37.0456C33.9495 36.4637 34.2352 35.9291 34.6548 35.5096C35.0743 35.09 35.6089 34.8043 36.1908 34.6885C36.7728 34.5728 37.376 34.6322 37.9241 34.8593C38.4723 35.0863 38.9409 35.4708 39.2705 35.9642C39.6001 36.4575 39.7761 37.0376 39.7761 37.6309C39.7761 38.4265 39.46 39.1896 38.8974 39.7522C38.3348 40.3148 37.5717 40.6309 36.7761 40.6309ZM6.78309 28.2599L10.4701 17.2799C10.5462 17.0527 10.6918 16.8551 10.8863 16.7151C11.0809 16.5751 11.3144 16.4999 11.5541 16.4999H38.5291C38.7687 16.4999 39.0023 16.5751 39.1969 16.7151C39.3914 16.8551 39.537 17.0527 39.6131 17.2799L43.3001 28.2599H6.78309Z" fill="#22293A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M45.2764 1.27393L50.9042 8.74586L59.7439 4.71148L55.7606 14.5805L62.3484 15.0714L55.9505 23.7478L53.9384 22.2641L57.6516 17.2284L52.161 16.8193L55.0796 9.58832L50.1154 11.8539L46.253 6.72587L44.4125 12.8696L39.25 10.7983V12.4499H36.75V7.10151L42.8032 9.53017L45.2764 1.27393Z" fill="#22293A"/>
+</svg>

package/dist/collection/components/icon/svg/windscreen-frost-winter-color.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.935 20.974a50.36 50.36 0 0 1 29.529-8.513l.072-2.499a52.86 52.86 0 0 0-31.955 9.595 1.25 1.25 0 0 0-.38 1.619 64061.38 64061.38 0 0 1 14.396 26.562l.004.007a1.25 1.25 0 0 0 1.818.428 25.364 25.364 0 0 1 29.162 0 1.25 1.25 0 0 0 1.818-.427c2.557-4.715 5.114-9.432 7.67-14.15l1.355-2.5-2.198-1.192-1.354 2.5-7.019 12.947a27.866 27.866 0 0 0-29.706 0c-4.404-8.129-8.808-16.257-13.212-24.377Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m47.74 8.088-3.954-3.954 1.768-1.768 3.436 3.436 3.436-3.436 1.768 1.768-3.954 3.954v4.87l4.218-2.436 1.445-5.395 2.415.647-1.257 4.692 4.692 1.257-.646 2.415-5.405-1.447-4.213 2.433 4.218 2.435 5.4-1.447.646 2.415-4.692 1.257 1.257 4.693-2.415.646-1.447-5.4-4.216-2.433v4.872l3.954 3.954-1.768 1.768-3.436-3.436-3.436 3.436-1.768-1.768 3.954-3.954V17.29l-4.217 2.435-1.445 5.4-2.415-.647 1.256-4.693-4.692-1.257.647-2.415 5.4 1.447 4.215-2.435-4.215-2.433-5.4 1.447-.647-2.415 4.692-1.257-1.256-4.692 2.415-.647 1.445 5.4 4.217 2.433V8.088Z" fill="#85B1DD"/><path fill-rule="evenodd" clip-rule="evenodd" d="m31.45 29.349 6.957 4.04-1.255 2.162-2.21-1.284c.439.973.788 2.198.788 3.903 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01c.666-1.114 1.236-2.066 1.236-4.097 0-1.57-.325-2.458-.791-3.316l-.86 2.928-2.399-.704 2.27-7.73Zm-10.34 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.597 5.39l-.008.014c-.667 1.113-1.235 2.063-1.235 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.598-5.383l.006-.01C22.33 41.152 22.9 40.2 22.9 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Zm20.67 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01C43 41.152 43.57 40.2 43.57 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>

package/dist/collection/components/icon/svg/windscreen-frost-winter-outline.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.935 20.974a50.36 50.36 0 0 1 29.529-8.513l.072-2.499a52.86 52.86 0 0 0-31.955 9.595 1.25 1.25 0 0 0-.38 1.619 64061.38 64061.38 0 0 1 14.396 26.562l.004.007a1.25 1.25 0 0 0 1.818.428 25.364 25.364 0 0 1 29.162 0 1.25 1.25 0 0 0 1.818-.427c2.557-4.715 5.114-9.432 7.67-14.15l1.355-2.5-2.198-1.192-1.354 2.5-7.019 12.947a27.866 27.866 0 0 0-29.706 0c-4.404-8.129-8.808-16.257-13.212-24.377Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="m47.74 8.088-3.954-3.954 1.768-1.768 3.436 3.436 3.436-3.436 1.768 1.768-3.954 3.954v4.87l4.218-2.436 1.445-5.395 2.415.647-1.257 4.692 4.692 1.257-.646 2.415-5.405-1.447-4.213 2.433 4.218 2.435 5.4-1.447.646 2.415-4.692 1.257 1.257 4.693-2.415.646-1.447-5.4-4.216-2.433v4.872l3.954 3.954-1.768 1.768-3.436-3.436-3.436 3.436-1.768-1.768 3.954-3.954V17.29l-4.217 2.435-1.445 5.4-2.415-.647 1.256-4.693-4.692-1.257.647-2.415 5.4 1.447 4.215-2.435-4.215-2.433-5.4 1.447-.647-2.415 4.692-1.257-1.256-4.692 2.415-.647 1.445 5.4 4.217 2.433V8.088ZM31.45 29.349l6.957 4.04-1.255 2.162-2.21-1.284c.439.973.788 2.198.788 3.903 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01c.666-1.114 1.236-2.066 1.236-4.097 0-1.57-.325-2.458-.791-3.316l-.86 2.928-2.399-.704 2.27-7.73Zm-10.34 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.597 5.39l-.008.014c-.667 1.113-1.235 2.063-1.235 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.598-5.383l.006-.01C22.33 41.152 22.9 40.2 22.9 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Zm20.67 0 6.967 4.04-1.254 2.162-2.21-1.28c.439.972.787 2.196.787 3.899 0 2.713-.847 4.136-1.598 5.39l-.008.014c-.666 1.113-1.234 2.063-1.234 4.086 0 2.024.569 2.973 1.235 4.086l.007.011c.75 1.253 1.598 2.674 1.598 5.383h-2.5c0-2.024-.569-2.973-1.235-4.086l-.007-.012c-.75-1.252-1.598-2.674-1.598-5.382 0-2.709.847-4.13 1.597-5.383l.007-.01C43 41.152 43.57 40.2 43.57 38.17c0-1.578-.328-2.466-.798-3.328l-.863 2.94-2.398-.704 2.268-7.728Z"/></svg>

package/dist/collection/components/navbar-item/navbar-item.css CHANGED Viewed

@@ -33,12 +33,26 @@
 }
+/**
+ * Disabled
+ */
+:host(.tab-disabled),
+:host(.tab-disabled) road-tooltip,
+:host(.tab-disabled) road-tooltip road-icon,
+:host(.tab-disabled) ::slotted(road-icon) {
+  color: var(--road-on-surface-disabled);
+  cursor: not-allowed;
+  fill: var(--road-on-surface-disabled);
+}
 /**
  * Selected state
  */
 :host(.tab-selected),
-:host(.tab-selected) road-tooltip road-icon {
+:host(.tab-selected) road-tooltip road-icon,
+:host(.tab-selected) ::slotted(road-icon) {
   color: var(--road-on-button-tertiary);
   fill: var(--road-on-button-tertiary);
 }
@@ -82,6 +96,15 @@
   color: var(--road-on-button-tertiary);
 }
+:host(.tab-disabled.focus-visible) ::slotted(road-icon),
+:host(.tab-disabled.focus-visible) ::slotted(road-label),
+:host(.tab-disabled:hover) ::slotted(road-icon),
+:host(.tab-disabled:hover) ::slotted(road-label) {
+  color: var(--road-on-surface-disabled);
+  cursor: not-allowed;
+  fill: var(--road-on-surface-disabled);
+}
 /* NATIVE
  -------------------- */
@@ -120,6 +143,10 @@
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+:host(.tab-disabled) .button-native {
+  cursor: not-allowed;
+}
 /* INNER
  -------------------- */

package/dist/collection/components/navbar-item/navbar-item.js CHANGED Viewed

@@ -45,16 +45,17 @@ export class NavbarItem {
     }
   }
   render() {
-    const { href, rel, target, selected, tab } = this;
+    const { href, rel, target, selected, tab, disabled } = this;
     const attrs = {
       download: this.download,
       href,
       rel,
       target,
     };
-    return (h(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, class: {
+    return (h(Host, { onClick: this.onClick, onKeyup: this.onKeyUp, role: "tab", tabindex: "0", "aria-selected": selected ? 'true' : null, id: tab !== undefined ? `navbar-item-${tab}` : null, disabled: disabled, class: {
         'navbar-item': true,
         'tab-selected': selected,
+        'tab-disabled': disabled,
       } }, h("a", Object.assign({}, attrs, { tabIndex: -1, class: "button-native", part: "native" }), h("span", { class: "button-inner" }, h("slot", null)))));
   }
   static get is() { return "road-navbar-item"; }

package/dist/collection/components/navbar-item/navbar-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navbar-item.js","sourceRoot":"","sources":["../../../src/components/navbar-item/navbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/F;;;;GAIG;AAOH,MAAM,OAAO,UAAU;;IAiFb,YAAO,GAAG,CAAC,EAAiB,EAAE,EAAE;MACtC,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;QACxC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;OACpB;IACH,CAAC,CAAC;IAEM,YAAO,GAAG,CAAC,EAAS,EAAE,EAAE;MAC9B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;oBAlFiB,KAAK;;;;oBAyBY,KAAK;;;;EAyBzC,eAAe,CAAC,EAAe;IAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;EAC7C,CAAC;EAEO,SAAS,CAAC,EAAyB;IACzC,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;MAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;UAC5B,GAAG,EAAE,IAAI,CAAC,GAAG;UACb,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;UAC5B,GAAG,EAAE,IAAI,CAAC,GAAG;UACb,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;OACJ;MACD,IAAG,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;QAC1B,EAAE,CAAC,cAAc,EAAE,CAAC;OACrB;KACF;EACH,CAAC;EAYD,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;~~IAClD~~,MAAM,KAAK,GAAG;MACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;MACvB,IAAI;MACJ,GAAG;MACH,MAAM;KACP,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,IACH,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAC,GAAG,mBACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACvC,EAAE,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EACnD,KAAK,EAAE;QACL,aAAa,EAAE,IAAI;QACnB,cAAc,EAAE,QAAQ;OACzB;MAED,yBAAO,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ;QAC7D,YAAM,KAAK,EAAC,cAAc;UACxB,eAAO,CACF,CACL,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\n\n/*\n @slot - Content of the item, it should be road-icon and road-label elements.\n \n @part native - The native HTML anchor element that wraps all child elements.\n /\n\n@Component({\n tag: 'road-navbar-item',\n styleUrl: 'navbar-item.css',\n shadow: true,\n})\nexport class NavbarItem {\n\n @Element() el!: HTMLRoadNavbarItemElement;\n\n /\n If `true`, the user cannot interact with the tab button.\n /\n @Prop() disabled = false;\n\n /\n This attribute instructs browsers to download a URL instead of navigating to\n * it, so the user will be prompted to save it as a local file. If the attribute\n * has a value, it is used as the pre-filled file name in the Save prompt\n * (the user can still change the file name if they want).\n /\n @Prop() download: string \| undefined;\n\n /\n Contains a URL or a URL fragment that the hyperlink points to.\n * If this property is set, an anchor tag will be rendered.\n /\n @Prop() href: string \| undefined;\n\n /\n Specifies the relationship of the target object to the link object.\n * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\n /\n @Prop() rel: string \| undefined;\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 * the selected tab.\n /\n @Prop() tab?: string;\n\n /\n Specifies where to display the linked URL.\n * Only applies when an `href` is provided.\n * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.\n /\n @Prop() target: string \| undefined;\n\n /\n Emitted when the tab bar is clicked\n * @internal\n /\n @Event() roadnavbaritemclick!: EventEmitter;\n /* @internal */\n @Event() roadNavbarItemClick!: EventEmitter;\n\n @Listen('roadNavbarChanged', { target: 'window' })\n @Listen('roadnavbarchanged', { target: 'window' })\n onNavbarChanged(ev: CustomEvent) {\n this.selected = this.tab === ev.detail.tab;\n }\n\n private selectTab(ev: Event \| KeyboardEvent) {\n if (this.tab !== undefined) {\n if (!this.disabled) {\n this.roadnavbaritemclick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n this.roadNavbarItemClick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n }\n if(this.href === undefined) {\n ev.preventDefault();\n }\n }\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 { href, rel, target, selected, tab } = this;\n const attrs = {\n download: this.download,\n href,\n rel,\n target,\n };\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex=\"0\"\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `navbar-item-${tab}` : null}\n class={{\n 'navbar-item': true,\n 'tab-selected': selected,\n }}\n >\n <a {...attrs} tabIndex={-1} class=\"button-native\" part=\"native\">\n <span class=\"button-inner\">\n <slot/>\n </span>\n </a>\n </Host>\n );\n }\n\n}\n"]}
1	+ {"version":3,"file":"navbar-item.js","sourceRoot":"","sources":["../../../src/components/navbar-item/navbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAgB,MAAM,EAAE,MAAM,eAAe,CAAC;AAE/F;;;;GAIG;AAOH,MAAM,OAAO,UAAU;;IAiFb,YAAO,GAAG,CAAC,EAAiB,EAAE,EAAE;MACtC,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;QACxC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;OACpB;IACH,CAAC,CAAC;IAEM,YAAO,GAAG,CAAC,EAAS,EAAE,EAAE;MAC9B,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;IACrB,CAAC,CAAC;oBAlFiB,KAAK;;;;oBAyBY,KAAK;;;;EAyBzC,eAAe,CAAC,EAAe;IAC7B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC;EAC7C,CAAC;EAEO,SAAS,CAAC,EAAyB;IACzC,IAAI,IAAI,CAAC,GAAG,KAAK,SAAS,EAAE;MAC1B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAClB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;UAC5B,GAAG,EAAE,IAAI,CAAC,GAAG;UACb,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QACH,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;UAC5B,GAAG,EAAE,IAAI,CAAC,GAAG;UACb,IAAI,EAAE,IAAI,CAAC,IAAI;UACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;OACJ;MACD,IAAG,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;QAC1B,EAAE,CAAC,cAAc,EAAE,CAAC;OACrB;KACF;EACH,CAAC;EAYD,MAAM;IACJ,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAC5D,MAAM,KAAK,GAAG;MACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;MACvB,IAAI;MACJ,GAAG;MACH,MAAM;KACP,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,IACH,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,KAAK,EACV,QAAQ,EAAC,GAAG,mBACG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACvC,EAAE,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,eAAe,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,EACnD,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE;QACL,aAAa,EAAE,IAAI;QACnB,cAAc,EAAE,QAAQ;QACxB,cAAc,EAAE,QAAQ;OACzB;MAED,yBAAO,KAAK,IAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ;QAC7D,YAAM,KAAK,EAAC,cAAc;UACxB,eAAO,CACF,CACL,CACC,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEF","sourcesContent":["import { Component, Host, h, Element, Prop, Event, EventEmitter, Listen } from '@stencil/core';\n\n/*\n @slot - Content of the item, it should be road-icon and road-label elements.\n \n @part native - The native HTML anchor element that wraps all child elements.\n /\n\n@Component({\n tag: 'road-navbar-item',\n styleUrl: 'navbar-item.css',\n shadow: true,\n})\nexport class NavbarItem {\n\n @Element() el!: HTMLRoadNavbarItemElement;\n\n /\n If `true`, the user cannot interact with the tab button.\n /\n @Prop() disabled = false;\n\n /\n This attribute instructs browsers to download a URL instead of navigating to\n * it, so the user will be prompted to save it as a local file. If the attribute\n * has a value, it is used as the pre-filled file name in the Save prompt\n * (the user can still change the file name if they want).\n /\n @Prop() download: string \| undefined;\n\n /\n Contains a URL or a URL fragment that the hyperlink points to.\n * If this property is set, an anchor tag will be rendered.\n /\n @Prop() href: string \| undefined;\n\n /\n Specifies the relationship of the target object to the link object.\n * The value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types).\n /\n @Prop() rel: string \| undefined;\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 * the selected tab.\n /\n @Prop() tab?: string;\n\n /\n Specifies where to display the linked URL.\n * Only applies when an `href` is provided.\n * Special keywords: `\"_blank\"`, `\"_self\"`, `\"_parent\"`, `\"_top\"`.\n /\n @Prop() target: string \| undefined;\n\n /\n Emitted when the tab bar is clicked\n * @internal\n /\n @Event() roadnavbaritemclick!: EventEmitter;\n /* @internal */\n @Event() roadNavbarItemClick!: EventEmitter;\n\n @Listen('roadNavbarChanged', { target: 'window' })\n @Listen('roadnavbarchanged', { target: 'window' })\n onNavbarChanged(ev: CustomEvent) {\n this.selected = this.tab === ev.detail.tab;\n }\n\n private selectTab(ev: Event \| KeyboardEvent) {\n if (this.tab !== undefined) {\n if (!this.disabled) {\n this.roadnavbaritemclick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n this.roadNavbarItemClick.emit({\n tab: this.tab,\n href: this.href,\n selected: this.selected,\n });\n }\n if(this.href === undefined) {\n ev.preventDefault();\n }\n }\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 { href, rel, target, selected, tab, disabled } = this;\n const attrs = {\n download: this.download,\n href,\n rel,\n target,\n };\n\n return (\n <Host\n onClick={this.onClick}\n onKeyup={this.onKeyUp}\n role=\"tab\"\n tabindex=\"0\"\n aria-selected={selected ? 'true' : null}\n id={tab !== undefined ? `navbar-item-${tab}` : null}\n disabled={disabled}\n class={{\n 'navbar-item': true,\n 'tab-selected': selected,\n 'tab-disabled': disabled,\n }}\n >\n <a {...attrs} tabIndex={-1} class=\"button-native\" part=\"native\">\n <span class=\"button-inner\">\n <slot/>\n </span>\n </a>\n </Host>\n );\n }\n\n}\n"]}