@roadtrip/components 3.1.3 → 3.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +2 -2
- package/dist/cjs/road-dialog.cjs.entry.js +1 -1
- package/dist/cjs/road-dropdown.cjs.entry.js +7 -2
- package/dist/cjs/road-flap.cjs.entry.js +1 -1
- package/dist/cjs/road-global-navigation.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
- package/dist/cjs/road-navbar.cjs.entry.js +1 -1
- package/dist/cjs/road-plate-number.cjs.entry.js +1 -1
- package/dist/cjs/road-profil-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/road-stepper.cjs.entry.js +5 -2
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/components/counter/counter.css +2 -1
- package/dist/collection/components/dialog/dialog.css +3 -2
- package/dist/collection/components/dropdown/dropdown.css +10 -0
- package/dist/collection/components/dropdown/dropdown.js +24 -1
- package/dist/collection/components/dropdown/dropdown.stories.js +5 -1
- package/dist/collection/components/flap/flap.css +10 -10
- package/dist/collection/components/global-navigation/global-navigation.css +6 -1
- package/dist/collection/components/icon/icon.css +11 -3
- package/dist/collection/components/icon/svg/flag-belgium-color.svg +1 -1
- package/dist/collection/components/icon/svg/keep-in-repair-color.svg +1 -0
- package/dist/collection/components/icon/svg/keep-in-repair-outline.svg +1 -1
- package/dist/collection/components/icon/svg/keep-in-repair-solid.svg +1 -1
- package/dist/collection/components/navbar/navbar.css +1 -1
- package/dist/collection/components/navbar-item/navbar-item.css +6 -5
- package/dist/collection/components/plate-number/plate-number.css +2 -5
- package/dist/collection/components/profil-dropdown/profil-dropdown.css +0 -1
- package/dist/collection/components/stepper/stepper.css +1 -0
- package/dist/collection/components/stepper/stepper.js +60 -6
- package/dist/collection/components/stepper/stepper.stories.js +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +2 -2
- package/dist/esm/road-dialog.entry.js +1 -1
- package/dist/esm/road-dropdown.entry.js +7 -2
- package/dist/esm/road-flap.entry.js +1 -1
- package/dist/esm/road-global-navigation.entry.js +1 -1
- package/dist/esm/road-navbar-item.entry.js +1 -1
- package/dist/esm/road-navbar.entry.js +1 -1
- package/dist/esm/road-plate-number.entry.js +1 -1
- package/dist/esm/road-profil-dropdown.entry.js +1 -1
- package/dist/esm/road-stepper.entry.js +5 -2
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +16 -0
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +6 -5
- package/dist/icons/index.js +80 -80
- package/dist/roadtrip/{p-8340165a.entry.js → p-0ce3567a.entry.js} +1 -1
- package/dist/roadtrip/p-173c9d0d.entry.js +1 -0
- package/dist/roadtrip/p-2ebc384d.entry.js +1 -0
- package/dist/roadtrip/p-4b77e940.entry.js +1 -0
- package/dist/roadtrip/p-7a724931.entry.js +1 -0
- package/dist/roadtrip/p-91dacad4.entry.js +1 -0
- package/dist/roadtrip/p-d6a872f3.entry.js +1 -0
- package/dist/roadtrip/{p-69764878.entry.js → p-dd9eea16.entry.js} +1 -1
- package/dist/roadtrip/{p-42f80999.entry.js → p-e189433e.entry.js} +1 -1
- package/dist/roadtrip/{p-89c45d91.entry.js → p-e669be7b.entry.js} +1 -1
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/flag-belgium-color.svg +1 -1
- package/dist/roadtrip/svg/keep-in-repair-color.svg +1 -0
- package/dist/roadtrip/svg/keep-in-repair-outline.svg +1 -1
- package/dist/roadtrip/svg/keep-in-repair-solid.svg +1 -1
- package/dist/types/components/dropdown/dropdown.d.ts +4 -0
- package/dist/types/components/stepper/stepper.d.ts +17 -5
- package/dist/types/components.d.ts +32 -0
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +6 -5
- package/icons/index.js +80 -80
- package/package.json +1 -1
- package/dist/collection/components/icon/svg/videocam- solid.svg +0 -1
- package/dist/roadtrip/p-1305c54d.entry.js +0 -1
- package/dist/roadtrip/p-1e07d473.entry.js +0 -1
- package/dist/roadtrip/p-3c802959.entry.js +0 -1
- package/dist/roadtrip/p-5d68795d.entry.js +0 -1
- package/dist/roadtrip/p-684a5716.entry.js +0 -1
- package/dist/roadtrip/p-bead4406.entry.js +0 -1
- package/dist/roadtrip/svg/videocam- solid.svg +0 -1
- /package/dist/collection/components/icon/svg/{car-power.svg → car-power-outline.svg} +0 -0
- /package/dist/collection/components/icon/svg/{phone-ouline.svg → phone-outline.svg} +0 -0
- /package/dist/collection/components/icon/svg/{phone-ouline-solid.svg → phone-solid.svg} +0 -0
- /package/dist/collection/components/icon/svg/{wheel-rim.svg → wheel-rim-solid.svg} +0 -0
- /package/dist/collection/components/icon/svg/{work-order-awaiting-approval.svg → work-order-awaiting-approval-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{car-power.svg → car-power-outline.svg} +0 -0
- /package/dist/roadtrip/svg/{phone-ouline.svg → phone-outline.svg} +0 -0
- /package/dist/roadtrip/svg/{phone-ouline-solid.svg → phone-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{wheel-rim.svg → wheel-rim-solid.svg} +0 -0
- /package/dist/roadtrip/svg/{work-order-awaiting-approval.svg → work-order-awaiting-approval-solid.svg} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M62.66 22.51c-.18-.89-.83-1.61-1.7-1.87s-1.81-.03-2.46.61l-5.46 5.52-5.12-5.06 5.52-5.52c.64-.64.88-1.58.61-2.46-.27-.87-.98-1.52-1.88-1.7-4.37-.86-8.86.5-12 3.64-3.54 3.54-4.79 8.71-3.23 13.47L14.71 51.39a6.078 6.078 0 0 0 0 8.59 6.073 6.073 0 0 0 4.3 1.78c1.56 0 3.11-.59 4.3-1.78l22.22-22.21c4.78 1.53 9.94.28 13.49-3.26a13.31 13.31 0 0 0 3.64-12Zm-5.41 10.23a10.791 10.791 0 0 1-10.96 2.65c-.9-.29-1.87-.06-2.52.59L21.53 58.22c-1.39 1.39-3.66 1.39-5.06 0-1.4-1.39-1.39-3.66 0-5.06l22.24-22.24c.65-.65.88-1.62.59-2.52-1.24-3.88-.23-8.08 2.65-10.96a10.96 10.96 0 0 1 9.73-3.02l-5.52 5.52a2.45 2.45 0 0 0-.72 1.74c0 .66.26 1.27.72 1.74l5.12 5.12c.93.93 2.55.93 3.47 0L60.21 23c.7 3.55-.4 7.19-2.96 9.75v-.01Z"/><path d="m20.12 52.82-1.767 1.767 1.768 1.768 1.768-1.768-1.768-1.767Z"/><path d="M29.56 24.6c0-7.54-9.7-19.21-10.81-20.52l-2.07-2.44-2.07 2.44C13.5 5.39 3.8 17.06 3.8 24.6c0 7.1 5.78 12.88 12.88 12.88 7.1 0 12.88-5.78 12.88-12.88Zm-23.26 0c0-5.41 6.68-14.73 10.22-18.91l.17-.19.16.19c3.53 4.17 10.22 13.5 10.22 18.91 0 5.72-4.66 10.38-10.38 10.38-5.72 0-10.38-4.66-10.38-10.38H6.3Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/><path d="M22.56 24.6h-2.5c0 1.86-1.52 3.38-3.38 3.38v2.5a5.89 5.89 0 0 0 5.88-5.88Z" fill="var(--road-icon-variant, rgb(252, 183, 49))"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M62.66 22.51c-.18-.89-.83-1.61-1.7-1.87s-1.81-.03-2.46.61l-5.46 5.52-5.12-5.06 5.52-5.52c.64-.64.88-1.58.61-2.46-.27-.87-.98-1.52-1.88-1.7-4.37-.86-8.86.5-12 3.64-3.54 3.54-4.79 8.71-3.23 13.47L14.71 51.39a6.078 6.078 0 0 0 0 8.59 6.073 6.073 0 0 0 4.3 1.78c1.56 0 3.11-.59 4.3-1.78l22.22-22.21c4.78 1.53 9.94.28 13.49-3.26a13.31 13.31 0 0 0 3.64-12Zm-5.41 10.23a10.791 10.791 0 0 1-10.96 2.65c-.9-.29-1.87-.06-2.52.59L21.53 58.22c-1.39 1.39-3.66 1.39-5.06 0-1.4-1.39-1.39-3.66 0-5.06l22.24-22.24c.65-.65.88-1.62.59-2.52-1.24-3.88-.23-8.08 2.65-10.96a10.96 10.96 0 0 1 9.73-3.02l-5.52 5.52a2.45 2.45 0 0 0-.72 1.74c0 .66.26 1.27.72 1.74l5.12 5.12c.93.93 2.55.93 3.47 0L60.21 23c.7 3.55-.4 7.19-2.96 9.75v-.01Z"/><path d="m20.12 52.82-1.767 1.767 1.768 1.768 1.768-1.768-1.768-1.767ZM29.56 24.6c0-7.54-9.7-19.21-10.81-20.52l-2.07-2.44-2.07 2.44C13.5 5.39 3.8 17.06 3.8 24.6c0 7.1 5.78 12.88 12.88 12.88 7.1 0 12.88-5.78 12.88-12.88Zm-23.26 0c0-5.41 6.68-14.73 10.22-18.91l.17-.19.16.19c3.53 4.17 10.22 13.5 10.22 18.91 0 5.72-4.66 10.38-10.38 10.38-5.72 0-10.38-4.66-10.38-10.38H6.3Z"/><path d="M22.56 24.6h-2.5c0 1.86-1.52 3.38-3.38 3.38v2.5a5.89 5.89 0 0 0 5.88-5.88Z"/></svg>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
1
|
+
<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="m18.8 4.1-2.1-2.4-2.1 2.4c-1.1 1.3-10.8 13-10.8 20.5 0 7.1 5.8 12.9 12.9 12.9 7.1 0 12.9-5.8 12.9-12.9 0-7.5-9.7-19.2-10.8-20.5Zm-2.1 26.4V28c1.9 0 3.4-1.5 3.4-3.4h2.5c0 3.2-2.7 5.9-5.9 5.9Z"/><path d="M62.7 22.5c-.2-.9-.8-1.6-1.7-1.9-.9-.3-1.8 0-2.5.6L53 26.8l-5.1-5.1 5.5-5.5c.6-.6.9-1.6.6-2.5-.3-.9-1-1.5-1.9-1.7-4.4-.9-8.9.5-12 3.6-3.5 3.5-4.8 8.7-3.2 13.5L14.7 51.4c-2.4 2.4-2.4 6.2 0 8.6 1.2 1.2 2.7 1.8 4.3 1.8 1.6 0 3.1-.6 4.3-1.8l22.2-22.2c4.8 1.5 9.9.3 13.5-3.3 3.2-3.1 4.5-7.6 3.7-12ZM20.1 56.4l-1.8-1.8 1.8-1.8 1.8 1.8-1.8 1.8Z"/></svg>
|
|
@@ -38,8 +38,9 @@
|
|
|
38
38
|
*/
|
|
39
39
|
|
|
40
40
|
:host(.tab-selected),
|
|
41
|
-
:host(.tab-selected)
|
|
42
|
-
color: var(--road-
|
|
41
|
+
:host(.tab-selected) road-tooltip road-icon {
|
|
42
|
+
color: var(--road-on-button-tertiary);
|
|
43
|
+
fill: var(--road-on-button-tertiary);
|
|
43
44
|
}
|
|
44
45
|
|
|
45
46
|
:host(.tab-selected)::after {
|
|
@@ -49,9 +50,9 @@
|
|
|
49
50
|
display: block;
|
|
50
51
|
width: 100%;
|
|
51
52
|
height: 4px;
|
|
52
|
-
color: var(--road-
|
|
53
|
+
color: var(--road-on-button-tertiary);
|
|
53
54
|
content: "";
|
|
54
|
-
background-color: var(--road-
|
|
55
|
+
background-color: var(--road-on-button-tertiary);
|
|
55
56
|
}
|
|
56
57
|
|
|
57
58
|
@media (min-width: 1200px) {
|
|
@@ -78,7 +79,7 @@
|
|
|
78
79
|
:host(:hover) ::slotted(road-icon)::after,
|
|
79
80
|
:host(:hover) ::slotted(road-label),
|
|
80
81
|
:host(:hover) ::slotted(road-label)::after {
|
|
81
|
-
color: var(--road-
|
|
82
|
+
color: var(--road-on-button-tertiary);
|
|
82
83
|
}
|
|
83
84
|
|
|
84
85
|
|
|
@@ -103,8 +103,7 @@
|
|
|
103
103
|
* Disabled state
|
|
104
104
|
*/
|
|
105
105
|
|
|
106
|
-
.plate-number-input:disabled
|
|
107
|
-
.plate-number-input[readonly] {
|
|
106
|
+
.plate-number-input:disabled {
|
|
108
107
|
color: var(--road-on-surface-disabled);
|
|
109
108
|
cursor: not-allowed;
|
|
110
109
|
background: var(--road-surface-disabled);
|
|
@@ -112,9 +111,7 @@
|
|
|
112
111
|
}
|
|
113
112
|
|
|
114
113
|
.plate-number-input:disabled ~ .input-group-prepend,
|
|
115
|
-
.plate-number-input
|
|
116
|
-
.plate-number-input:disabled ~ .input-group-append,
|
|
117
|
-
.plate-number-input[readonly] ~ .input-group-append {
|
|
114
|
+
.plate-number-input:disabled ~ .input-group-append {
|
|
118
115
|
cursor: not-allowed;
|
|
119
116
|
background: var(--road-surface-disabled);
|
|
120
117
|
}
|
|
@@ -5,19 +5,19 @@ import { Host, h } from '@stencil/core';
|
|
|
5
5
|
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
6
6
|
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
7
7
|
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
8
|
-
* @slot stepper-title
|
|
9
|
-
* @slot stepper-icon2 -
|
|
8
|
+
* @slot stepper-title
|
|
9
|
+
* @slot stepper-icon2 - if the state of the step 2 is completed add
|
|
10
10
|
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
11
11
|
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
12
12
|
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
13
13
|
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
14
|
-
* @slot stepper-title2
|
|
15
|
-
* @slot stepper-icon3 -
|
|
14
|
+
* @slot stepper-title2
|
|
15
|
+
* @slot stepper-icon3 - if the state of the step 3 is completed add
|
|
16
16
|
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
17
17
|
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
18
18
|
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
19
19
|
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
20
|
-
* @slot stepper-title3
|
|
20
|
+
* @slot stepper-title3
|
|
21
21
|
*/
|
|
22
22
|
export class Stepper {
|
|
23
23
|
constructor() {
|
|
@@ -41,7 +41,10 @@ export class Stepper {
|
|
|
41
41
|
const stateClass = this.stateFirstStep !== undefined ? `stepper-item ${this.stateFirstStep}` : 'stepper-item';
|
|
42
42
|
const stateSecondStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateSecondStep}` : 'stepper-item';
|
|
43
43
|
const stateThirdStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateThirdStep}` : 'stepper-item';
|
|
44
|
-
|
|
44
|
+
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
45
|
+
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
46
|
+
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
47
|
+
return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "stepper-link", href: `${urlStep1}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "stepper-link", href: `${urlStep2}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon2" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "stepper-link", href: `${urlStep3}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon3" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title3" }))))))));
|
|
45
48
|
}
|
|
46
49
|
static get is() { return "road-stepper"; }
|
|
47
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -161,6 +164,57 @@ export class Stepper {
|
|
|
161
164
|
},
|
|
162
165
|
"attribute": "state-third-step",
|
|
163
166
|
"reflect": false
|
|
167
|
+
},
|
|
168
|
+
"urlStep1": {
|
|
169
|
+
"type": "string",
|
|
170
|
+
"mutable": false,
|
|
171
|
+
"complexType": {
|
|
172
|
+
"original": "string",
|
|
173
|
+
"resolved": "string | undefined",
|
|
174
|
+
"references": {}
|
|
175
|
+
},
|
|
176
|
+
"required": false,
|
|
177
|
+
"optional": true,
|
|
178
|
+
"docs": {
|
|
179
|
+
"tags": [],
|
|
180
|
+
"text": "The url of the first step."
|
|
181
|
+
},
|
|
182
|
+
"attribute": "url-step-1",
|
|
183
|
+
"reflect": false
|
|
184
|
+
},
|
|
185
|
+
"urlStep2": {
|
|
186
|
+
"type": "string",
|
|
187
|
+
"mutable": false,
|
|
188
|
+
"complexType": {
|
|
189
|
+
"original": "string",
|
|
190
|
+
"resolved": "string | undefined",
|
|
191
|
+
"references": {}
|
|
192
|
+
},
|
|
193
|
+
"required": false,
|
|
194
|
+
"optional": true,
|
|
195
|
+
"docs": {
|
|
196
|
+
"tags": [],
|
|
197
|
+
"text": "The url of the first step."
|
|
198
|
+
},
|
|
199
|
+
"attribute": "url-step-2",
|
|
200
|
+
"reflect": false
|
|
201
|
+
},
|
|
202
|
+
"urlStep3": {
|
|
203
|
+
"type": "string",
|
|
204
|
+
"mutable": false,
|
|
205
|
+
"complexType": {
|
|
206
|
+
"original": "string",
|
|
207
|
+
"resolved": "string | undefined",
|
|
208
|
+
"references": {}
|
|
209
|
+
},
|
|
210
|
+
"required": false,
|
|
211
|
+
"optional": true,
|
|
212
|
+
"docs": {
|
|
213
|
+
"tags": [],
|
|
214
|
+
"text": "The url of the first step."
|
|
215
|
+
},
|
|
216
|
+
"attribute": "url-step-3",
|
|
217
|
+
"reflect": false
|
|
164
218
|
}
|
|
165
219
|
};
|
|
166
220
|
}
|
|
@@ -73,11 +73,11 @@ export default {
|
|
|
73
73
|
|
|
74
74
|
export const Template = (args) => html`
|
|
75
75
|
<road-stepper color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
<div slot="stepper-icon">
|
|
77
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
78
|
+
</div>
|
|
79
|
+
<div slot="stepper-title">
|
|
80
|
+
${unsafeHTML(args['stepper-title'])}
|
|
81
81
|
</div>
|
|
82
82
|
<div slot="stepper-icon2">
|
|
83
83
|
${unsafeHTML(args['stepper-icon2'])}
|
package/dist/esm/loader.js
CHANGED
|
@@ -25,7 +25,7 @@ const patchEsm = () => {
|
|
|
25
25
|
const defineCustomElements = (win, options) => {
|
|
26
26
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
27
27
|
return patchEsm().then(() => {
|
|
28
|
-
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],"animation":[4],"light":[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);
|
|
28
|
+
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"],"isMedium":[4,"is-medium"],"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],"animation":[4],"light":[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"],"urlStep1":[1,"url-step-1"],"urlStep2":[1,"url-step-2"],"urlStep3":[1,"url-step-3"]}]]],["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);
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -116,7 +116,7 @@ const Col = class {
|
|
|
116
116
|
};
|
|
117
117
|
Col.style = colCss;
|
|
118
118
|
|
|
119
|
-
const counterCss = ".sc-road-counter-h{display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
|
|
119
|
+
const counterCss = ".sc-road-counter-h{position:relative;z-index:0;display:block}road-input.sc-road-counter{--input-text-align:center;--border-radius:0;--margin-bottom:0}road-button.sc-road-counter{width:3rem;font-size:var(--road-font-size-24);line-height:1.4;background:var(--road-surface);border:1px solid var(--road-button-tertiary-outline)}road-button.sc-road-counter:hover,road-button.sc-road-counter:focus{background:var(--road-button-tertiary-variant)}road-button.sc-road-counter road-icon.sc-road-counter{display:flex;fill:var(--road-primary)}.disabled.sc-road-counter{margin-right:-1px;margin-left:-1px;pointer-events:none;cursor:not-allowed;background:var(--road-surface-disabled);border:1px solid var(--road-on-surface-disabled);opacity:inherit}.disabled.sc-road-counter:focus{background:var(--road-disabled)}.disabled.sc-road-counter road-icon.sc-road-counter{fill:var(--road-grey-50)}road-button.btn-md.sc-road-counter{width:2.5rem}road-button.btn-sm.sc-road-counter{width:2rem}.counter-md.sc-road-counter{height:2.5rem}.counter-sm.sc-road-counter{height:2rem}.counter-md.sc-road-counter road-input.sc-road-counter{--height:2.5rem}.counter-md.sc-road-counter road-button.sc-road-counter{min-width:2.5rem}.counter-sm.sc-road-counter road-input.sc-road-counter{--height:2rem}.counter-sm.sc-road-counter road-button.sc-road-counter{min-width:2rem}";
|
|
120
120
|
|
|
121
121
|
const Counter = class {
|
|
122
122
|
constructor(hostRef) {
|
|
@@ -440,7 +440,7 @@ const getSvgContent = (url, sanitize) => {
|
|
|
440
440
|
return req;
|
|
441
441
|
};
|
|
442
442
|
|
|
443
|
-
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;
|
|
443
|
+
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;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-50);fill:var(--road-primary-50)}:host(.icon-secondary){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-accent){color:var(--road-secondary-50);fill:var(--road-secondary-50)}:host(.icon-info){color:var(--road-info-default);fill:var(--road-info-default)}:host(.icon-success){color:var(--road-success-default);fill:var(--road-success-default)}:host(.icon-warning){color:var(--road-warning-default);fill:var(--road-warning-default)}:host(.icon-danger){color:var(--road-danger-default);fill:var(--road-danger-default)}:host(.icon-default){color:var(--road-icon);fill:var(--road-icon)}:host(.icon-white){color:var(--road-icon-inverse);fill:var(--road-icon-inverse)}:host(.icon-rotate-90){transform:rotate(90deg)}:host(.icon-rotate-180){transform:rotate(180deg)}:host(.icon-rotate-270){transform:rotate(270deg)}";
|
|
444
444
|
|
|
445
445
|
const Icon = class {
|
|
446
446
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-a99a5e7b.js';
|
|
2
2
|
import { a as navigationClose, d as alertInfoOutline, e as alertDangerOutline, f as alertWarningOutline, g as alertSuccessOutline } from './index-5d7ae00a.js';
|
|
3
3
|
|
|
4
|
-
const dialogCss = ":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:2.75rem;margin-bottom:
|
|
4
|
+
const dialogCss = ":host{--z-index:3;position:fixed;top:0;left:0;z-index:var(--z-index);display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;font-family:var(--road-font, sans-serif);line-height:1.5;color:var(--road-on-surface);visibility:hidden !important;opacity:0;transition:opacity 0.15s linear, visibility 0.15s}.dialog-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none;background:var(--road-overlay)}:host(.dialog-has-close) .dialog-overlay{cursor:pointer}.dialog-modal{position:relative;width:auto;margin:1rem;pointer-events:none;transition:transform 0.3s ease-out;transform:translateY(50px)}:host(.dialog-open){visibility:visible !important;opacity:1}:host(.dialog-open) .dialog-modal{transform:none}.dialog-content{position:relative;display:flex;flex-direction:column;width:100%;padding:0 0 1.5rem;pointer-events:auto;background:var(--road-surface);background-clip:padding-box;border-radius:0.25rem;outline:0;box-shadow:var(--road-elevation-highest)}@media (min-width: 576px){.dialog-content{max-width:454px}}.dialog-header{display:flex;align-items:center;justify-content:flex-end;height:100%;max-height:2.75rem;margin-bottom:2rem}.dialog-close{display:flex;align-items:center;align-self:flex-start;justify-content:center;width:3.5rem;height:3.5rem;padding:0;color:inherit;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.dialog-icon{display:inline-block;width:3rem;height:3rem;font-size:var(--road-font-size-48)}.dialog-body{padding:0 1.5rem;text-align:center}@media (min-width: 768px){.dialog-body{padding:0 3rem}}.dialog-title{padding:0;margin:0 0 1rem;font-size:var(--road-body-medium);font-weight:700;line-height:1.2}.dialog-description{margin:0 0 0.5rem;font-size:var(--road-body-medium)}.dialog-footer{display:flex;justify-content:center;padding:0 1.5rem}.dialog-footer ::slotted(road-button){margin-top:1rem}.dialog-footer .btn{min-width:130px;max-width:calc(50% - 0.5rem)}";
|
|
5
5
|
|
|
6
6
|
const Dialog = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const dropdownCss = ":host{--margin-top:0.5rem;display:block}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:relative;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover,.dropdown-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
3
|
+
const dropdownCss = ":host{--margin-top:0.5rem;display:block}.dropdown{position:relative;font-family:var(--road-font)}.dropdown summary{display:block;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-medium-button{width:2.5rem;height:2.5rem}.dropdown-button:hover{background:var(--road-grey-200)}.position-right{display:flex;justify-content:flex-end}.bg-white{background:var(--road-grey-000)}.dropdown-button-icon{width:2.5rem;height:2.5rem}.dropdown-medium-button .dropdown-button-icon{width:1.75rem;height:1.75rem}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:relative;display:flex;flex-direction:column;width:100%;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}.dropdown-item{min-height:40px;padding:0 1rem;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline-weak);border-bottom:1px solid}.dropdown-item:hover,.dropdown-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
4
4
|
|
|
5
5
|
const Dropdown = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -14,6 +14,10 @@ const Dropdown = class {
|
|
|
14
14
|
*/
|
|
15
15
|
this.isLight = false;
|
|
16
16
|
/**
|
|
17
|
+
* If you want to remove background of the dropdown button
|
|
18
|
+
*/
|
|
19
|
+
this.isMedium = false;
|
|
20
|
+
/**
|
|
17
21
|
* The opening direction.
|
|
18
22
|
*/
|
|
19
23
|
this.direction = 'bottom';
|
|
@@ -26,9 +30,10 @@ const Dropdown = class {
|
|
|
26
30
|
}
|
|
27
31
|
render() {
|
|
28
32
|
const isLightButtonDropDown = this.isLight == true ? `dropdown-button` : 'dropdown-button bg-white';
|
|
33
|
+
const isMediumButtonDropDown = this.isMedium == true ? `dropdown-medium-button dropdown-button` : 'dropdown-button bg-white';
|
|
29
34
|
const positionClass = this.position !== undefined ? `position-${this.position}` : '';
|
|
30
35
|
const directionClass = this.direction !== undefined ? `direction-${this.direction}` : '';
|
|
31
|
-
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 ${positionClass}` }, h("div", { class: isLightButtonDropDown }, h("road-icon", { name: "navigation-more", class: "dropdown-button-icon" })))), h("div", { class: `dropdown-menu ${directionClass}` }, h("slot", { name: "list" }))));
|
|
36
|
+
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 ${positionClass}` }, h("div", { class: `${isLightButtonDropDown} ${isMediumButtonDropDown}` }, h("road-icon", { name: "navigation-more", class: "dropdown-button-icon" })))), h("div", { class: `dropdown-menu ${directionClass}` }, h("slot", { name: "list" }))));
|
|
32
37
|
}
|
|
33
38
|
};
|
|
34
39
|
Dropdown.style = dropdownCss;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const flapCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 0.75rem;font-size:var(--road-font-size-14);font-weight:700;background:var(--road-grey-000);border:1px solid transparent;border-radius:1.5rem}:host(.flap-promo){color:var(--road-
|
|
3
|
+
const flapCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:1.5rem;padding:0 0.75rem;font-size:var(--road-font-size-14);font-weight:700;background:var(--road-grey-000);border:1px solid transparent;border-radius:1.5rem}:host(.flap-promo){color:var(--road-tag-offer);border-color:var(--road-tag-offer)}:host(.flap-exclu){color:var(--road-tag-exclusivity);border-color:var(--road-tag-exclusivity)}:host(.flap-info){color:var(--road-tag-default);border-color:var(--road-tag-default)}:host(.flap-ecology){color:var(--road-tag-ecology);border-color:var(--road-tag-ecology)}:host(.flap-blackfriday){color:var(--road-tag-black-friday);border-color:var(--road-tag-black-friday)}:host(.flap-md){height:2rem;padding:0 1rem;font-size:var(--road-font-size-16)}";
|
|
4
4
|
|
|
5
5
|
const Flap = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a99a5e7b.js';
|
|
2
2
|
import './polyfill-2b159e86.js';
|
|
3
3
|
|
|
4
|
-
const globalNavigationCss = "";
|
|
4
|
+
const globalNavigationCss = ":host{position:fixed;top:0;width:100%}";
|
|
5
5
|
|
|
6
6
|
const GlobalNavigation = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, e as getElement } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected)
|
|
3
|
+
const navbarItemCss = ":host{position:relative;box-sizing:border-box;display:flex;flex:1;flex-basis:0;flex-direction:column;flex-grow:1;align-items:center;justify-content:center;text-align:center;white-space:nowrap}@media (min-width: 1200px){:host{flex-grow:inherit;width:100%;padding:0.5rem}}:host(.tab-selected),:host(.tab-selected) road-tooltip road-icon{color:var(--road-on-button-tertiary);fill:var(--road-on-button-tertiary)}:host(.tab-selected)::after{position:absolute;bottom:-12px;left:0;display:block;width:100%;height:4px;color:var(--road-on-button-tertiary);content:\"\";background-color:var(--road-on-button-tertiary)}@media (min-width: 1200px){:host(.tab-selected)::after{bottom:auto;left:0;width:4px;height:100%}}:host(.focus-visible) ::slotted(road-icon),:host(.focus-visible) ::slotted(road-icon)::after,:host(.focus-visible) ::slotted(road-label),:host(.focus-visible) ::slotted(road-label)::after,:host(:hover) ::slotted(road-icon),:host(:hover) ::slotted(road-icon)::after,:host(:hover) ::slotted(road-label),:host(:hover) ::slotted(road-label)::after{color:var(--road-on-button-tertiary)}.button-native{position:relative;box-sizing:border-box;display:flex;flex-direction:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%;margin:0;overflow:visible;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border-color:initial;border-style:initial;border-width:0;border-radius:inherit;border-image:initial;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.button-inner{position:relative;z-index:1;display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;width:100%;height:100%}::slotted(road-icon){display:block;width:2rem;height:2rem;margin-right:auto;margin-bottom:0.25rem;margin-left:auto;fill:currentColor}@media (min-width: 1200px){:host ::slotted(road-tooltip){width:100%}}::slotted(road-label){position:relative;box-sizing:border-box;display:flex;flex:1;flex-direction:column;font-size:var(--road-button-small);font-weight:700;text-align:center;white-space:nowrap}@media (min-width: 1200px){::slotted(road-label){display:block}}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);z-index:1;box-sizing:border-box;height:auto;font-size:var(--road-font-size-10);font-weight:400}";
|
|
4
4
|
|
|
5
5
|
const NavbarItem = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-a99a5e7b.js';
|
|
2
2
|
import './polyfill-2b159e86.js';
|
|
3
3
|
|
|
4
|
-
const navbarCss = ":host{--z-index:
|
|
4
|
+
const navbarCss = ":host{--z-index:3;position:fixed;bottom:0;left:0;z-index:var(--z-index);box-sizing:border-box;display:flex;align-items:center;width:100%;height:5.125rem;padding-left:0;margin:0;text-align:center;-webkit-user-select:none;user-select:none;background-color:var(--road-surface);border-top:1px solid var(--road-outline)}@media (max-width: 576px){:host{overflow-x:auto}}@media (min-width: 1200px){:host{bottom:auto;flex-direction:column;width:104px;height:100%;border-top:0;border-right:1px solid var(--road-outline)}}::slotted(.drawer-button-save){position:absolute;bottom:0;width:100%}";
|
|
5
5
|
|
|
6
6
|
const Navbar = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-a99a5e7b.js';
|
|
2
2
|
import { l as licensePlateStarEu } from './index-5d7ae00a.js';
|
|
3
3
|
|
|
4
|
-
const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled
|
|
4
|
+
const plateNumberCss = ".sc-road-plate-number-h{display:block}.plate-number.sc-road-plate-number{--margin-bottom:0}.plate-number-start.sc-road-plate-number,.plate-number-end.sc-road-plate-number{width:1.75rem;height:calc(3rem - 0.25rem);background:var(--road-info-50)}.input-group-prepend.sc-road-plate-number{margin-right:-1px}.input-group-prepend.sc-road-plate-number,.input-group-append.sc-road-plate-number{padding:0}.plate-number-start.sc-road-plate-number{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-right:0;margin-left:1px;color:var(--road-icon-inverse);border-radius:0.125rem 0 0 0.125rem}.plate-number-icon.sc-road-plate-number{width:1.25rem;height:1.25rem;color:#f3db53}.plate-number-location.sc-road-plate-number{font-size:var(--road-button-medium);font-weight:700}.plate-number-end.sc-road-plate-number{margin-right:1px;border-radius:0 0.125rem 0.125rem 0}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number{color:var(--road-on-danger-surface)}.plate-number-be.sc-road-plate-number .plate-number-input.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-append.sc-road-plate-number,.plate-number-be.sc-road-plate-number .input-group-prepend.sc-road-plate-number{border-color:var(--road-danger-outline)}.plate-number-input.sc-road-plate-number{position:relative;display:block;height:3rem;margin:0;font-family:var(--road-font, sans-serif);font-size:var(--road-heading-04);font-weight:700;color:var(--road-on-surface);text-align:center;background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0;outline:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.plate-number-input.sc-road-plate-number::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}.plate-number-input.sc-road-plate-number:disabled{color:var(--road-on-surface-disabled);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.plate-number-input.sc-road-plate-number:disabled~.input-group-prepend.sc-road-plate-number,.plate-number-input.sc-road-plate-number:disabled~.input-group-append.sc-road-plate-number{cursor:not-allowed;background:var(--road-surface-disabled)}@media (hover: hover){.plate-number-input.sc-road-plate-number:not(:disabled):not([readonly]):hover{border-color:var(--road-input-outline-variant)}}.plate-number-input.sc-road-plate-number:not([readonly]):focus{border-color:var(--road-input-outline-variant);outline:0}.motorbike-plate.sc-road-plate-number .plate-number-input.sc-road-plate-number{height:6rem;padding:0.75rem 1rem 0;resize:none;border-left:0}.motorbike-plate.sc-road-plate-number .input-group-prepend.sc-road-plate-number,.motorbike-plate.sc-road-plate-number .input-group-append.sc-road-plate-number{align-items:flex-start;height:6rem;padding:0}.motorbike-plate.sc-road-plate-number .plate-number-start.sc-road-plate-number{margin-top:1px;border-radius:0.125rem 0 0}.motorbike-plate.sc-road-plate-number .plate-number-end.sc-road-plate-number{margin-top:1px;border-radius:0 0.125rem 0 0}";
|
|
5
5
|
|
|
6
6
|
const PlateNumber = class {
|
|
7
7
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;
|
|
3
|
+
const profilDropdownCss = ":host{--margin-top:0.5rem;display:block;font-size:var(--road-font-size-16)}.dropdown{position:relative;width:max-content;font-family:var(--road-font)}.dropdown summary{display:block;cursor:pointer;outline:none}.dropdown summary::-webkit-details-marker{display:none}.dropdown-button{position:relative;z-index:1;height:3.5rem;cursor:pointer;border-radius:0.25rem}.dropdown-button:hover{background:var(--road-grey-200)}.dropdown[open] .dropdown-menu{transform:scaleY(1)}.dropdown[open] .dropdown-menu.direction-top{position:absolute;bottom:0;left:0;transform:translate3d(0, -56px, 0);will-change:transform}.dropdown-menu{position:absolute;top:0;left:5.5rem;z-index:2;display:flex;flex-direction:column;min-width:16.875rem;padding:0.5rem 0;color:var(--road-on-surface);background:var(--road-surface);border:1px solid;border-color:var(--road-outline-weak);border-radius:0.25rem;box-shadow:var(--road-elevation-low);transition:transform 0.2s ease-in-out;transform:scaleY(0);transform-origin:0 0}road-item{font-size:var(--road-button-medium)}.profil-item{display:flex;padding-bottom:1rem;margin:1rem;cursor:auto;border-bottom:1px solid var(--road-outline)}.profil-item-info{display:flex;flex-direction:column;margin-left:1rem;text-align:left}.profil-item-info-name{font-weight:700}.profil-item road-avatar:hover{box-shadow:none}.dropdown-item{display:flex;align-items:center;min-height:40px;padding:0 1rem;font-size:var(--road-button-medium);line-height:1.5;color:var(--road-on-surface);text-align:left;text-decoration:none;cursor:pointer;background:var(--road-surface);border:none;outline:none}.dropdown-item-border{border-color:var(--road-outline);border-bottom:1px solid}.dropdown-item road-icon{margin-right:0.7rem}road-item:hover:first-child,road-item.focus-visible:first-child{background:none}road-item:hover,road-item.focus-visible{background:var(--road-surface-inverse)}";
|
|
4
4
|
|
|
5
5
|
const Dropdown = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const stepperCss = ":host{display:block}.stepper{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.stepper-item{display:flex;flex:1;flex-direction:column;text-align:center}.stepper-item:not(:last-child)::after{position:relative;top:1rem;left:50%;order:-1;height:2px;content:\"\";background:var(--road-surface-disabled)}.stepper-outline-light .stepper-item:not(:last-child)::after,.stepper-secondary-outline-light .stepper-item:not(:last-child)::after{left:calc(50% + calc(2rem / 2));width:calc(100% - 2rem)}.stepper-item:not(.completed) .stepper-link{cursor:not-allowed}.stepper-link{z-index:1;display:flex;flex-direction:column;align-items:center}.stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}::slotted(.stepper-icon) road-icon{color:var(--road-secondary-600)}.stepper-outline .stepper-icon,.stepper-secondary.stepper-outline .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-outline-light .stepper-icon,.stepper-secondary.stepper-outline-light .stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-weak)}.stepper-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.stepper-secondary .completed:not(:last-child)::after,.stepper-secondary.stepper-outline .completed:not(:last-child)::after,.stepper-secondary.stepper-outline-light .completed:not(:last-child)::after{background:var(--road-secondary)}.completed .stepper-icon,.current .stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.stepper-outline .completed .stepper-icon{color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-outline-light .completed .stepper-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary .completed .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline-light .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary .current .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-900);background:var(--road-secondary);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary.stepper-outline-light .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .stepper-title{font-weight:700;color:var(--road-on-surface)}";
|
|
3
|
+
const stepperCss = ":host{display:block}.stepper{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.stepper-item{display:flex;flex:1;flex-direction:column;text-align:center}.stepper-item:not(:last-child)::after{position:relative;top:1rem;left:50%;order:-1;height:2px;content:\"\";background:var(--road-surface-disabled)}.stepper-outline-light .stepper-item:not(:last-child)::after,.stepper-secondary-outline-light .stepper-item:not(:last-child)::after{left:calc(50% + calc(2rem / 2));width:calc(100% - 2rem)}.stepper-item:not(.completed) .stepper-link{cursor:not-allowed}.stepper-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.stepper-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;font-size:var(--road-button-medium);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-inverse);border-radius:50%;fill:currentColor}::slotted(.stepper-icon) road-icon{color:var(--road-secondary-600)}.stepper-outline .stepper-icon,.stepper-secondary.stepper-outline .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-outline-light .stepper-icon,.stepper-secondary.stepper-outline-light .stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.stepper-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-weak)}.stepper-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.stepper-secondary .completed:not(:last-child)::after,.stepper-secondary.stepper-outline .completed:not(:last-child)::after,.stepper-secondary.stepper-outline-light .completed:not(:last-child)::after{background:var(--road-secondary)}.completed .stepper-icon,.current .stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.stepper-outline .completed .stepper-icon{color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-outline-light .completed .stepper-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary .completed .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline-light .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary .current .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-900);background:var(--road-secondary);border:2px solid var(--road-secondary)}.stepper-secondary.stepper-outline .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary.stepper-outline-light .current .stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .stepper-title{font-weight:700;color:var(--road-on-surface)}";
|
|
4
4
|
|
|
5
5
|
const Stepper = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -25,7 +25,10 @@ const Stepper = class {
|
|
|
25
25
|
const stateClass = this.stateFirstStep !== undefined ? `stepper-item ${this.stateFirstStep}` : 'stepper-item';
|
|
26
26
|
const stateSecondStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateSecondStep}` : 'stepper-item';
|
|
27
27
|
const stateThirdStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateThirdStep}` : 'stepper-item';
|
|
28
|
-
|
|
28
|
+
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
29
|
+
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
30
|
+
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
31
|
+
return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "stepper-link", href: `${urlStep1}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "stepper-link", href: `${urlStep2}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon2" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "stepper-link", href: `${urlStep3}` }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon3" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title3" }))))))));
|
|
29
32
|
}
|
|
30
33
|
};
|
|
31
34
|
Stepper.style = stepperCss;
|