@roadtrip/components 3.4.0 → 3.6.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.
- package/dist/cjs/index-a2306350.js +12 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/road-badge_14.cjs.entry.js +1 -1
- package/dist/cjs/road-progress-indicator-horizontal.cjs.entry.js +2 -12
- package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +19 -0
- package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +19 -0
- package/dist/cjs/road-tag.cjs.entry.js +24 -0
- package/dist/cjs/road-toast.cjs.entry.js +1 -1
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +4 -3
- package/dist/collection/components/button/button.css +6 -1
- package/dist/collection/components/icon/svg/discount-workshop-color.svg +1 -1
- package/dist/collection/components/icon/svg/discount-workshop-outline.svg +1 -1
- package/dist/collection/components/icon/svg/discount-workshop-solid.svg +1 -1
- package/dist/collection/components/icon/svg/file-archive-color.svg +1 -0
- package/dist/collection/components/icon/svg/file-archive-outline.svg +1 -0
- package/dist/collection/components/icon/svg/flag-bulgaria-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-croatia-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-czech-republic-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-denmark-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-finland-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-greece-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-hungary-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-netherlands-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-norway-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-slovakia-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-slovenia-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-switzerland-color.svg +1 -0
- package/dist/collection/components/icon/svg/flag-turkey-color.svg +1 -0
- package/dist/collection/components/icon/svg/folding-chair-color.svg +1 -0
- package/dist/collection/components/icon/svg/folding-chair-outline.svg +1 -0
- package/dist/collection/components/icon/svg/furniture-color.svg +1 -0
- package/dist/collection/components/icon/svg/furniture-outline.svg +1 -0
- package/dist/collection/components/icon/svg/garage-color.svg +1 -1
- package/dist/collection/components/icon/svg/garage-house-color.svg +1 -1
- package/dist/collection/components/icon/svg/garage-house-outline.svg +1 -1
- package/dist/collection/components/icon/svg/garage-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-all-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-auto5-color.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-auto5-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-color.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-outline.svg +1 -1
- package/dist/collection/components/icon/svg/location-pin-garage-solid.svg +1 -1
- package/dist/collection/components/icon/svg/microwave-color.svg +1 -0
- package/dist/collection/components/icon/svg/microwave-outline.svg +1 -0
- package/dist/collection/components/icon/svg/shower-color.svg +1 -0
- package/dist/collection/components/icon/svg/shower-outline.svg +1 -0
- package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
- package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
- package/dist/collection/components/icon/svg/tire-pressure-color.svg +1 -1
- package/dist/collection/components/icon/svg/tire-pressure-outline.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-color.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg +1 -0
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg +1 -0
- package/dist/collection/components/icon/svg/ventilator-color.svg +1 -1
- package/dist/collection/components/icon/svg/ventilator-outline.svg +1 -1
- package/dist/collection/components/icon/svg/water-color.svg +1 -0
- package/dist/collection/components/icon/svg/water-outline.svg +1 -0
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.css +74 -73
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.js +6 -61
- package/dist/collection/components/progress-indicator-horizontal/progress-indicator-horizontal.stories.js +7 -38
- package/dist/collection/components/{vertical-stepper/vertical-stepper.css → progress-indicator-vertical/progress-indicator-vertical.css} +2 -2
- package/dist/collection/components/{vertical-stepper/vertical-stepper.js → progress-indicator-vertical/progress-indicator-vertical.js} +8 -9
- package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.stories.js +256 -0
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.css +212 -0
- package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +20 -0
- package/dist/collection/components/tag/tag.css +80 -0
- package/dist/collection/components/tag/tag.js +50 -0
- package/dist/collection/components/tag/tag.stories.js +41 -0
- package/dist/collection/components/toast/toast.css +2 -0
- package/dist/esm/index-a99a5e7b.js +12 -8
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-badge_14.entry.js +1 -1
- package/dist/esm/road-progress-indicator-horizontal.entry.js +2 -12
- package/dist/esm/road-progress-indicator-vertical-item.entry.js +15 -0
- package/dist/esm/road-progress-indicator-vertical.entry.js +15 -0
- package/dist/esm/road-tag.entry.js +20 -0
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +68 -37
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +31 -0
- package/dist/icons/index.js +95 -64
- package/dist/roadtrip/p-07bb357f.entry.js +1 -0
- package/dist/roadtrip/p-38cf1a21.entry.js +1 -0
- package/dist/roadtrip/p-451c3bbf.entry.js +1 -0
- package/dist/roadtrip/p-850ed3d4.entry.js +1 -0
- package/dist/roadtrip/p-c44f7bd9.entry.js +1 -0
- package/dist/roadtrip/p-df3469df.entry.js +1 -0
- package/dist/roadtrip/roadtrip.css +1 -1
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/discount-workshop-color.svg +1 -1
- package/dist/roadtrip/svg/discount-workshop-outline.svg +1 -1
- package/dist/roadtrip/svg/discount-workshop-solid.svg +1 -1
- package/dist/roadtrip/svg/file-archive-color.svg +1 -0
- package/dist/roadtrip/svg/file-archive-outline.svg +1 -0
- package/dist/roadtrip/svg/flag-bulgaria-color.svg +1 -0
- package/dist/roadtrip/svg/flag-croatia-color.svg +1 -0
- package/dist/roadtrip/svg/flag-czech-republic-color.svg +1 -0
- package/dist/roadtrip/svg/flag-denmark-color.svg +1 -0
- package/dist/roadtrip/svg/flag-finland-color.svg +1 -0
- package/dist/roadtrip/svg/flag-greece-color.svg +1 -0
- package/dist/roadtrip/svg/flag-hungary-color.svg +1 -0
- package/dist/roadtrip/svg/flag-netherlands-color.svg +1 -0
- package/dist/roadtrip/svg/flag-norway-color.svg +1 -0
- package/dist/roadtrip/svg/flag-slovakia-color.svg +1 -0
- package/dist/roadtrip/svg/flag-slovenia-color.svg +1 -0
- package/dist/roadtrip/svg/flag-switzerland-color.svg +1 -0
- package/dist/roadtrip/svg/flag-turkey-color.svg +1 -0
- package/dist/roadtrip/svg/folding-chair-color.svg +1 -0
- package/dist/roadtrip/svg/folding-chair-outline.svg +1 -0
- package/dist/roadtrip/svg/furniture-color.svg +1 -0
- package/dist/roadtrip/svg/furniture-outline.svg +1 -0
- package/dist/roadtrip/svg/garage-color.svg +1 -1
- package/dist/roadtrip/svg/garage-house-color.svg +1 -1
- package/dist/roadtrip/svg/garage-house-outline.svg +1 -1
- package/dist/roadtrip/svg/garage-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-all-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-auto5-color.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-auto5-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-color.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-outline.svg +1 -1
- package/dist/roadtrip/svg/location-pin-garage-solid.svg +1 -1
- package/dist/roadtrip/svg/microwave-color.svg +1 -0
- package/dist/roadtrip/svg/microwave-outline.svg +1 -0
- package/dist/roadtrip/svg/shower-color.svg +1 -0
- package/dist/roadtrip/svg/shower-outline.svg +1 -0
- package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
- package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
- package/dist/roadtrip/svg/tire-pressure-color.svg +1 -1
- package/dist/roadtrip/svg/tire-pressure-outline.svg +1 -1
- package/dist/roadtrip/svg/vehicle-rooftop-tent-color.svg +1 -0
- package/dist/roadtrip/svg/vehicle-rooftop-tent-outline.svg +1 -0
- package/dist/roadtrip/svg/vehicle-rooftop-tent-solid.svg +1 -0
- package/dist/roadtrip/svg/ventilator-color.svg +1 -1
- package/dist/roadtrip/svg/ventilator-outline.svg +1 -1
- package/dist/roadtrip/svg/water-color.svg +1 -0
- package/dist/roadtrip/svg/water-outline.svg +1 -0
- package/dist/types/components/progress-indicator-horizontal/progress-indicator-horizontal.d.ts +4 -21
- package/dist/types/components/progress-indicator-vertical/progress-indicator-vertical.d.ts +14 -0
- package/dist/types/components/progress-indicator-vertical-item/progress-indicator-vertical-item.d.ts +6 -0
- package/dist/types/components/tag/tag.d.ts +11 -0
- package/dist/types/components.d.ts +49 -44
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +31 -0
- package/icons/index.js +95 -64
- package/package.json +1 -1
- package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +0 -19
- package/dist/cjs/road-vertical-stepper.cjs.entry.js +0 -19
- package/dist/collection/components/vertical-stepper/vertical-stepper.stories.js +0 -542
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +0 -185
- package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js +0 -20
- package/dist/esm/road-vertical-stepper-item.entry.js +0 -15
- package/dist/esm/road-vertical-stepper.entry.js +0 -15
- package/dist/roadtrip/p-42e5299f.entry.js +0 -1
- package/dist/roadtrip/p-47472e0c.entry.js +0 -1
- package/dist/roadtrip/p-932e323f.entry.js +0 -1
- package/dist/roadtrip/p-aa81d540.entry.js +0 -1
- package/dist/roadtrip/p-b68c2056.entry.js +0 -1
- package/dist/types/components/vertical-stepper/vertical-stepper.d.ts +0 -15
- package/dist/types/components/vertical-stepper-item/vertical-stepper-item.d.ts +0 -6
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Chip
|
|
3
|
+
*
|
|
4
|
+
* Index
|
|
5
|
+
* - Color
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
:host {
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
display: inline-flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
padding: 0.125rem 0.5rem;
|
|
13
|
+
font-size: var(--road-body-small);
|
|
14
|
+
border-radius: 0.25rem;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* COLOR
|
|
18
|
+
-------------------- */
|
|
19
|
+
|
|
20
|
+
:host(.tag-grey) {
|
|
21
|
+
color: var(--road-grey-30);
|
|
22
|
+
background-color: var(--road-grey-85);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
:host(.tag-yellow) {
|
|
26
|
+
color: var(--road-yellow-mikado-20);
|
|
27
|
+
background-color: var(--road-yellow-mikado-90);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:host(.tag-red) {
|
|
31
|
+
color: var(--road-red-pepper-30);
|
|
32
|
+
background-color: var(--road-red-pepper-95);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
:host(.tag-violet) {
|
|
36
|
+
color: var(--road-violet-electric-30);
|
|
37
|
+
background-color: var(--road-violet-electric-95);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host(.tag-blue) {
|
|
41
|
+
color: var(--road-blue-klein-40);
|
|
42
|
+
background-color: var(--road-blue-klein-95);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
:host(.tag-green) {
|
|
46
|
+
color: var(--road-green-monstera-30);
|
|
47
|
+
background-color: var(--road-green-monstera-95);
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Hover state
|
|
53
|
+
*/
|
|
54
|
+
|
|
55
|
+
@media (any-hover: hover) {
|
|
56
|
+
|
|
57
|
+
:host(.chip-outline:hover) {
|
|
58
|
+
border-color: var(--road-outline-variant);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
:host(.chip-secondary:hover) {
|
|
62
|
+
background: var(--road-button-primary-variant);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
:host(.chip-secondary:hover) .chip-close {
|
|
66
|
+
color: var(--road-primary);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
/**
|
|
71
|
+
* Focus state
|
|
72
|
+
*/
|
|
73
|
+
|
|
74
|
+
:host(.chip-outline:hover) {
|
|
75
|
+
border-color: var(--road-outline-variant);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
:host(.chip-secondary.focus-visible) {
|
|
79
|
+
background: var(--road-button-primary-variant);
|
|
80
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { Host, h } from '@stencil/core';
|
|
2
|
+
import './../../utils/polyfill';
|
|
3
|
+
/**
|
|
4
|
+
* @slot - Content of the tag.
|
|
5
|
+
*/
|
|
6
|
+
export class Tag {
|
|
7
|
+
constructor() {
|
|
8
|
+
/**
|
|
9
|
+
* The color to use from your application's color palette.
|
|
10
|
+
*/
|
|
11
|
+
this.color = 'grey';
|
|
12
|
+
}
|
|
13
|
+
render() {
|
|
14
|
+
return (h(Host, { class: `tag-${this.color}` }, h("slot", null)));
|
|
15
|
+
}
|
|
16
|
+
static get is() { return "road-tag"; }
|
|
17
|
+
static get encapsulation() { return "shadow"; }
|
|
18
|
+
static get originalStyleUrls() {
|
|
19
|
+
return {
|
|
20
|
+
"$": ["tag.css"]
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
static get styleUrls() {
|
|
24
|
+
return {
|
|
25
|
+
"$": ["tag.css"]
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
static get properties() {
|
|
29
|
+
return {
|
|
30
|
+
"color": {
|
|
31
|
+
"type": "string",
|
|
32
|
+
"mutable": false,
|
|
33
|
+
"complexType": {
|
|
34
|
+
"original": "'grey' | 'yellow' | 'red' | 'violet' | 'blue' | 'green'",
|
|
35
|
+
"resolved": "\"blue\" | \"green\" | \"grey\" | \"red\" | \"violet\" | \"yellow\" | undefined",
|
|
36
|
+
"references": {}
|
|
37
|
+
},
|
|
38
|
+
"required": false,
|
|
39
|
+
"optional": true,
|
|
40
|
+
"docs": {
|
|
41
|
+
"tags": [],
|
|
42
|
+
"text": "The color to use from your application's color palette."
|
|
43
|
+
},
|
|
44
|
+
"attribute": "color",
|
|
45
|
+
"reflect": false,
|
|
46
|
+
"defaultValue": "'grey'"
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
import { ifDefined } from 'lit-html/directives/if-defined';
|
|
3
|
+
import { unsafeHTML } from 'lit-html/directives/unsafe-html.js';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
title: 'Indicators/Tag',
|
|
7
|
+
component: 'road-tag',
|
|
8
|
+
parameters: {
|
|
9
|
+
backgrounds: {
|
|
10
|
+
default: 'grey',
|
|
11
|
+
},
|
|
12
|
+
},
|
|
13
|
+
argTypes: {
|
|
14
|
+
' ': {
|
|
15
|
+
control: 'text',
|
|
16
|
+
},
|
|
17
|
+
color: {
|
|
18
|
+
options: ['grey', 'yellow', 'red', 'violet', 'blue', 'green'],
|
|
19
|
+
control: {
|
|
20
|
+
type: 'select',
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
},
|
|
24
|
+
args: {
|
|
25
|
+
' ': `Label`,
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const Template = (args) => html`
|
|
30
|
+
<road-tag
|
|
31
|
+
color="${ifDefined(args.color)}"
|
|
32
|
+
>
|
|
33
|
+
${unsafeHTML(args[' '])}
|
|
34
|
+
</road-tag>
|
|
35
|
+
`;
|
|
36
|
+
|
|
37
|
+
export const Color = Template.bind({});
|
|
38
|
+
Color.args = {
|
|
39
|
+
color: 'grey',
|
|
40
|
+
' ': `Reset`,
|
|
41
|
+
};
|
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
justify-content: center;
|
|
25
25
|
width: 328px;
|
|
26
26
|
margin: 0 auto;
|
|
27
|
+
pointer-events: none;
|
|
27
28
|
visibility: hidden;
|
|
28
29
|
opacity: 0;
|
|
29
30
|
transition: opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;
|
|
@@ -90,6 +91,7 @@
|
|
|
90
91
|
|
|
91
92
|
.toast-danger {
|
|
92
93
|
color: var(--road-on-danger-surface-inverse);
|
|
94
|
+
pointer-events: all;
|
|
93
95
|
background: var(--road-danger-surface-inverse);
|
|
94
96
|
}
|
|
95
97
|
|
|
@@ -2055,6 +2055,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2055
2055
|
return import(
|
|
2056
2056
|
/* webpackMode: "lazy" */
|
|
2057
2057
|
'./road-progress-indicator-horizontal.entry.js').then(processMod, consoleError);
|
|
2058
|
+
case 'road-progress-indicator-vertical':
|
|
2059
|
+
return import(
|
|
2060
|
+
/* webpackMode: "lazy" */
|
|
2061
|
+
'./road-progress-indicator-vertical.entry.js').then(processMod, consoleError);
|
|
2062
|
+
case 'road-progress-indicator-vertical-item':
|
|
2063
|
+
return import(
|
|
2064
|
+
/* webpackMode: "lazy" */
|
|
2065
|
+
'./road-progress-indicator-vertical-item.entry.js').then(processMod, consoleError);
|
|
2058
2066
|
case 'road-progress-tracker':
|
|
2059
2067
|
return import(
|
|
2060
2068
|
/* webpackMode: "lazy" */
|
|
@@ -2131,6 +2139,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2131
2139
|
return import(
|
|
2132
2140
|
/* webpackMode: "lazy" */
|
|
2133
2141
|
'./road-tabs.entry.js').then(processMod, consoleError);
|
|
2142
|
+
case 'road-tag':
|
|
2143
|
+
return import(
|
|
2144
|
+
/* webpackMode: "lazy" */
|
|
2145
|
+
'./road-tag.entry.js').then(processMod, consoleError);
|
|
2134
2146
|
case 'road-text':
|
|
2135
2147
|
return import(
|
|
2136
2148
|
/* webpackMode: "lazy" */
|
|
@@ -2159,14 +2171,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
2159
2171
|
return import(
|
|
2160
2172
|
/* webpackMode: "lazy" */
|
|
2161
2173
|
'./road-tooltip.entry.js').then(processMod, consoleError);
|
|
2162
|
-
case 'road-vertical-stepper':
|
|
2163
|
-
return import(
|
|
2164
|
-
/* webpackMode: "lazy" */
|
|
2165
|
-
'./road-vertical-stepper.entry.js').then(processMod, consoleError);
|
|
2166
|
-
case 'road-vertical-stepper-item':
|
|
2167
|
-
return import(
|
|
2168
|
-
/* webpackMode: "lazy" */
|
|
2169
|
-
'./road-vertical-stepper-item.entry.js').then(processMod, consoleError);
|
|
2170
2174
|
case 'road-avatar':
|
|
2171
2175
|
return import(
|
|
2172
2176
|
/* webpackMode: "lazy" */
|
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"],"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-button-floating",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["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-progress-indicator-horizontal",[[1,"road-progress-indicator-horizontal",{"color":[513],"
|
|
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-button-floating",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["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-progress-indicator-horizontal",[[1,"road-progress-indicator-horizontal",{"color":[513],"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-progress-indicator-vertical",[[1,"road-progress-indicator-vertical"]]],["road-progress-indicator-vertical-item",[[4,"road-progress-indicator-vertical-item"]]],["road-progress-tracker",[[1,"road-progress-tracker"]]],["road-progress-tracker-item",[[4,"road-progress-tracker-item"]]],["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-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-tag",[[1,"road-tag",{"color":[1]}]]],["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-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
|
|
|
@@ -25,7 +25,7 @@ const Badge = class {
|
|
|
25
25
|
};
|
|
26
26
|
Badge.style = badgeCss;
|
|
27
27
|
|
|
28
|
-
const buttonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){pointer-events:none;
|
|
28
|
+
const buttonCss = ":host{--border-radius:0.25rem;--font-size:var(--road-button-medium);--margin-bottom:1rem;--padding-start:1.5rem;--padding-end:1.5rem;box-sizing:border-box;display:inline-flex;display:-webkit-inline-flex;align-items:center;justify-content:center;height:3rem;padding:0;margin-bottom:var(--margin-bottom);font-family:var(--road-font, sans-serif);font-size:var(--font-size);font-weight:700;line-height:1.375;color:var(--road-grey-10);text-decoration:none;white-space:nowrap;vertical-align:middle;background:transparent;border:1px solid transparent;border-radius:var(--border-radius);transition:background 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}:host(:hover){text-decoration:none}:host(.focus-visible){outline:0}.button-native{position:relative;display:flex;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;padding:0 var(--padding-end) 0 var(--padding-start);margin:0;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;text-align:inherit;text-decoration:none;text-indent:inherit;text-overflow:inherit;text-transform:inherit;letter-spacing:inherit;white-space:inherit;cursor:pointer;background:transparent;border:none;outline:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}:host(.btn-default:not([disabled]).focus-visible){background:var(--road-grey-80)}:host(.btn-primary){color:var(--road-on-button-primary);background:var(--road-button-primary)}:host(.btn-primary) ::slotted(road-icon){color:var(--road-on-button-primary)}:host(.btn-primary:not([disabled]):hover),:host(.btn-primary:not([disabled]).focus-visible){background:var(--road-button-primary-variant)}:host(.btn-secondary){color:var(--road-on-button-secondary);background:var(--road-button-secondary)}:host(.btn-secondary) ::slotted(road-icon){color:var(--road-on-button-secondary)}:host(.btn-secondary:not([disabled]):hover),:host(.btn-secondary:not([disabled]).focus-visible){background:var(--road-button-secondary-variant)}:host(.btn-link){font-weight:400;color:var(--road-link-primary);text-decoration:underline;background:transparent}:host(.btn-link:not([disabled]):hover),:host(.btn-link:not([disabled]).focus-visible){color:var(--road-primary-30)}:host(.btn-outline-primary),:host(.btn-outline-secondary),:host(.btn-outline-default){background:transparent}:host(.btn-outline-default){color:var(--road-on-surface-weak);background:var(--road-surface);border-color:var(--road-outline)}:host(.btn-outline-default) ::slotted(road-icon){color:var(--road-on-surface-weak)}:host(.btn-outline-default:hover),:host(.btn-outline-default.focus-visible){background:var(--road-grey-80)}:host(.btn-ghost) ::slotted(road-icon){color:var(--road-icon)}:host(.btn-ghost:hover),:host(.btn-ghost.focus-visible){background:var(--road-button-ghost-variant)}:host(.btn-outline-primary){color:var(--road-button-primary);border-color:var(--road-button-primary)}:host(.btn-outline-primary) ::slotted(road-icon){color:var(--road-button-primary)}:host(.btn-outline-primary:hover),:host(.btn-outline-primary.focus-visible){background:var(--road-button-tertiary-variant)}:host(.btn-outline-secondary){color:var(--road-button-secondary);border-color:var(--road-button-secondary)}:host(.btn-outline-secondary) ::slotted(road-icon){color:var(--road-button-secondary)}:host(.btn-outline-secondary:hover),:host(.btn-outline-secondary.focus-visible){background:var(--road-button-tertiary-variant)}:host([aria-disabled]){color:var(--road-on-surface-disabled);pointer-events:none;background-color:var(--road-surface-disabled)}:host([aria-disabled]) ::slotted(road-icon){color:var(--road-on-surface-disabled)}.button-native:disabled{cursor:not-allowed}::slotted([slot=\"start\"]){margin-right:0.5rem}::slotted([slot=\"end\"]){margin-left:0.5rem}:host(.btn-xl){height:3.5rem}:host(.btn-xl) ::slotted(road-icon){width:2rem;height:2rem}:host(.btn-md){--font-size:var(--road-font-size-14);height:2.5rem}:host(.btn-md) ::slotted(road-icon){width:1.5rem;height:1.5rem}:host(.btn-sm){--font-size:var(--road-font-size-14);height:2rem}:host(.btn-sm) ::slotted(road-icon){width:1.25rem;height:1.25rem}:host(.btn-block){width:100%}::slotted(road-badge){position:absolute;top:4px;left:calc(50% + 0.375rem);box-sizing:border-box;height:auto}";
|
|
29
29
|
|
|
30
30
|
const Button = class {
|
|
31
31
|
constructor(hostRef) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
2
|
|
|
3
|
-
const progressIndicatorHorizontalCss = ":host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:
|
|
3
|
+
const progressIndicatorHorizontalCss = ":host{display:block}.progress-indicator-horizontal{display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.progress-indicator-horizontal.progress-indicator-horizontal-header{background-color:var(--road-header-surface)}.progress-indicator-horizontal-item{display:flex;flex:1;flex-direction:column;text-align:center}.progress-indicator-horizontal-item:last-child{margin-top:0.125rem}.progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:\"\";background:var(--road-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-item:not(:last-child)::after{position:relative;top:0.8rem;left:calc(50% + 12px);order:-1;width:calc(100% - 24px);height:2px;content:\"\";background:var(--road-header-surface-disabled)}.progress-indicator-horizontal-item:not(.completed) .progress-indicator-horizontal-link{cursor:not-allowed}.progress-indicator-horizontal-link{z-index:1;display:flex;flex-direction:column;align-items:center;text-decoration:none}.progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{color:currentColor}.progress-indicator-horizontal-header ::slotted([slot=\"progress-indicator-horizontal-icon\"]) road-icon{color:currentColor}.progress-indicator-horizontal-header .progress-indicator-horizontal-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-header-surface-disabled);background:var(--road-header-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-surface-weak)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title{display:block;margin-top:0.25rem;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-header-surface-disabled)}.progress-indicator-horizontal-header .progress-indicator-horizontal-title span{display:block;font-size:var(--road-body-small);font-weight:400;color:var(--road-on-header-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.progress-indicator-horizontal-header .completed:not(:last-child)::after{background:var(--road-header-badge)}.current .progress-indicator-horizontal-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .progress-indicator-horizontal-icon{width:calc(1.5rem - 4px);height:calc(1.5rem - 4px);color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-icon{color:var(--road-header-badge);background:none;border:2px solid var(--road-header-badge)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-icon{width:calc(1.5rem);height:calc(1.5rem);color:var(--road-on-header-badge);background:var(--road-header-badge);border:0}.current .progress-indicator-horizontal-title,.completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-surface)}.progress-indicator-horizontal-header .current .progress-indicator-horizontal-title,.progress-indicator-horizontal-header .completed .progress-indicator-horizontal-title{font-weight:700;color:var(--road-on-header-surface)}";
|
|
4
4
|
|
|
5
5
|
const Stepper = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -9,26 +9,16 @@ const Stepper = class {
|
|
|
9
9
|
* The color progress-indicator-horizontal.
|
|
10
10
|
*/
|
|
11
11
|
this.color = 'default';
|
|
12
|
-
/**
|
|
13
|
-
* Display an outline without background.
|
|
14
|
-
*/
|
|
15
|
-
this.light = false;
|
|
16
|
-
/**
|
|
17
|
-
* Display an outline style .
|
|
18
|
-
*/
|
|
19
|
-
this.outline = false;
|
|
20
12
|
}
|
|
21
13
|
render() {
|
|
22
14
|
const colorClass = this.color !== undefined ? `progress-indicator-horizontal progress-indicator-horizontal-${this.color}` : 'progress-indicator-horizontal';
|
|
23
|
-
const outlineClass = this.outline == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline` : 'progress-indicator-horizontal';
|
|
24
|
-
const lightClass = this.light == true ? `progress-indicator-horizontal progress-indicator-horizontal-outline-light` : 'progress-indicator-horizontal';
|
|
25
15
|
const stateClass = this.stateFirstStep !== undefined ? `progress-indicator-horizontal-item ${this.stateFirstStep}` : 'progress-indicator-horizontal-item';
|
|
26
16
|
const stateSecondStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateSecondStep}` : 'progress-indicator-horizontal-item';
|
|
27
17
|
const stateThirdStepClass = this.stateSecondStep !== undefined ? `progress-indicator-horizontal-item ${this.stateThirdStep}` : 'progress-indicator-horizontal-item';
|
|
28
18
|
const urlStep1 = this.urlStep1 !== undefined ? `${this.urlStep1}` : '#';
|
|
29
19
|
const urlStep2 = this.urlStep2 !== undefined ? `${this.urlStep2}` : '#';
|
|
30
20
|
const urlStep3 = this.urlStep3 !== undefined ? `${this.urlStep3}` : '#';
|
|
31
|
-
return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass}
|
|
21
|
+
return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep1}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep2}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon2" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "progress-indicator-horizontal-link", href: `${urlStep3}` }, h("span", { class: "progress-indicator-horizontal-icon" }, h("slot", { name: "progress-indicator-horizontal-icon3" })), h("span", { class: "progress-indicator-horizontal-title" }, h("slot", { name: "progress-indicator-horizontal-title3" }))))))));
|
|
32
22
|
}
|
|
33
23
|
};
|
|
34
24
|
Stepper.style = progressIndicatorHorizontalCss;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
|
+
|
|
3
|
+
const progressIndicatorVerticalItemCss = "road-progress-indicator-vertical-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.progress-indicator-vertical-item-content{display:inline-block;margin-left:1rem}road-progress-indicator-vertical-item:not(.completed) .progress-indicator-vertical-link{cursor:not-allowed}.progress-indicator-vertical-link{position:relative;z-index:1;display:flex}.progress-indicator-vertical-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:var(--road-font-size-12);font-weight:700;color:var(--road-on-surface-disabled);background:var(--road-surface-disabled);border-radius:50%;fill:currentColor}.progress-indicator-vertical-icon road-icon{display:flex}.progress-indicator-vertical-substep-link{position:relative;z-index:1;display:flex;margin:0 0.5rem}.progress-indicator-vertical-line{position:absolute;top:24px;left:11px;z-index:-1;height:calc(100% - 24px);border-left:2px solid var(--road-surface-disabled)}road-progress-indicator-vertical-item:last-child .progress-indicator-vertical-line{border-left:0}.progress-indicator-vertical-substep-icon{display:inline-flex;align-items:center;justify-content:center;width:0.5rem;height:0.5rem;margin-top:0.7rem;background:var(--road-surface-disabled);border-radius:50%}.progress-indicator-vertical-substep-beforeline{position:absolute;top:0;left:3px;z-index:-1;height:calc(30% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-substep-line{position:absolute;top:19px;left:3px;z-index:-1;height:calc(83% - 8px);border-left:2px solid var(--road-surface-disabled)}.progress-indicator-vertical-title road-label{display:block;font-size:var(--road-body-large);font-weight:700;color:var(--road-on-surface-disabled)}.progress-indicator-vertical-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-disabled)}.current .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary)}.current .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.current .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.current .progress-indicator-vertical-substep-icon{background:var(--road-primary);border:0}.current .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.in-progress .progress-indicator-vertical-icon{color:var(--road-on-primary);background:var(--road-primary);border:0}.in-progress .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.in-progress .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.in-progress .progress-indicator-vertical-line{background:var(--road-primary)}.completed:not(:last-child)::after{background:var(--road-primary)}.completed .progress-indicator-vertical-icon{color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.completed .progress-indicator-vertical-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-beforeline{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-substep-line{border-left:2px solid var(--road-primary)}.completed .progress-indicator-vertical-title road-label{font-weight:700;color:var(--road-on-surface)}.completed .progress-indicator-vertical-description{color:var(--road-on-surface-weak)}.completed .progress-indicator-vertical-substep-icon{background:none;border:2px solid var(--road-primary)}";
|
|
4
|
+
|
|
5
|
+
const ProgressIndicatorVerticalItem = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, null, h("slot", null)));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
ProgressIndicatorVerticalItem.style = progressIndicatorVerticalItemCss;
|
|
14
|
+
|
|
15
|
+
export { ProgressIndicatorVerticalItem as road_progress_indicator_vertical_item };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
|
+
|
|
3
|
+
const progressIndicatorVerticalCss = ":host{display:block}.progress-indicator-vertical{display:flex;flex-direction:column;padding-left:0;list-style:none}";
|
|
4
|
+
|
|
5
|
+
const ProgressIndicatorVertical = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
}
|
|
9
|
+
render() {
|
|
10
|
+
return (h(Host, null, h("nav", null, h("ul", null, h("slot", null)))));
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
ProgressIndicatorVertical.style = progressIndicatorVerticalCss;
|
|
14
|
+
|
|
15
|
+
export { ProgressIndicatorVertical as road_progress_indicator_vertical };
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
|
+
import './polyfill-2b159e86.js';
|
|
3
|
+
|
|
4
|
+
const tagCss = ":host{box-sizing:border-box;display:inline-flex;align-items:center;padding:0.125rem 0.5rem;font-size:var(--road-body-small);border-radius:0.25rem}:host(.tag-grey){color:var(--road-grey-30);background-color:var(--road-grey-85)}:host(.tag-yellow){color:var(--road-yellow-mikado-20);background-color:var(--road-yellow-mikado-90)}:host(.tag-red){color:var(--road-red-pepper-30);background-color:var(--road-red-pepper-95)}:host(.tag-violet){color:var(--road-violet-electric-30);background-color:var(--road-violet-electric-95)}:host(.tag-blue){color:var(--road-blue-klein-40);background-color:var(--road-blue-klein-95)}:host(.tag-green){color:var(--road-green-monstera-30);background-color:var(--road-green-monstera-95)}@media (any-hover: hover){:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary:hover){background:var(--road-button-primary-variant)}:host(.chip-secondary:hover) .chip-close{color:var(--road-primary)}}:host(.chip-outline:hover){border-color:var(--road-outline-variant)}:host(.chip-secondary.focus-visible){background:var(--road-button-primary-variant)}";
|
|
5
|
+
|
|
6
|
+
const Tag = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
/**
|
|
10
|
+
* The color to use from your application's color palette.
|
|
11
|
+
*/
|
|
12
|
+
this.color = 'grey';
|
|
13
|
+
}
|
|
14
|
+
render() {
|
|
15
|
+
return (h(Host, { class: `tag-${this.color}` }, h("slot", null)));
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
Tag.style = tagCss;
|
|
19
|
+
|
|
20
|
+
export { Tag as road_tag };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } 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 toastCss = ":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";
|
|
4
|
+
const toastCss = ":host{position:fixed;right:0;bottom:1rem;left:0;z-index:1;display:flex;justify-content:center;width:328px;margin:0 auto;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out,visibility .15s,transform .3s ease-in-out;transform:translateY(-100%)}@media (min-width: 1200px){:host{right:1.5rem;bottom:3rem;left:auto;width:auto;transform:translateX(100%)}}:host(.toast-open){visibility:visible;opacity:1;transform:none}.toast{position:relative;box-sizing:border-box;display:flex;flex:0 0 100%;flex-flow:wrap;align-items:flex-start;width:328px;padding:0.75rem 2rem 0.6rem 1rem;font-family:var(--road-font);font-size:var(--road-body-medium);line-height:1.4;color:var(--road-on-info-surface-inverse);text-align:left;background:var(--road-info-surface-inverse);border-radius:0.25rem}@media (min-width: 575px){.toast{padding:1rem;margin-right:auto;margin-left:auto}}.toast-danger{color:var(--road-on-danger-surface-inverse);pointer-events:all;background:var(--road-danger-surface-inverse)}.toast-danger road-icon{color:var(--road-danger-icon-inverse)}.toast-warning{color:var(--road-on-warning-surface-inverse);background:var(--road-warning-surface-inverse)}.toast-warning road-icon{color:var(--road-warning-icon-inverse)}.toast-success{color:var(--road-on-success-surface-inverse);background:var(--road-success-surface-inverse)}.toast-success road-icon{color:var(--road-success-icon-inverse)}.toast-info{color:var(--road-on-info-surface-inverse);background:var(--road-info-surface-inverse)}.toast-info road-icon{color:var(--road-info-icon-inverse)}.toast-icon{top:auto;left:0.5rem;margin-top:-5px;margin-right:0.5rem}@media (min-width: 575px){.toast-icon{position:relative;top:auto;left:auto;margin-right:0.5rem}}.toast-close{position:absolute;right:0.5rem;padding:0;color:inherit;cursor:pointer;background:none;border:0;border-radius:4px;fill:var(--road-info-icon-inverse)}.toast-warning .toast-close{fill:var(--road-warning-icon-inverse)}.toast-close:focus{border-color:var(--road-info-surface-inverse);outline:none}.toast-label{width:240px;margin:0}:host ::slotted(road-progress){position:absolute;bottom:-8px;left:0;flex-basis:100%;width:100%;margin-top:0.5rem}@keyframes load{0%{width:0}100%{width:100%}}";
|
|
5
5
|
|
|
6
6
|
const Toast = class {
|
|
7
7
|
constructor(hostRef) {
|
package/dist/esm/roadtrip.js
CHANGED
|
@@ -81,5 +81,5 @@ const patchDynamicImport = (base, orgScriptElm) => {
|
|
|
81
81
|
};
|
|
82
82
|
|
|
83
83
|
patchBrowser().then(options => {
|
|
84
|
-
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-button-floating",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["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-progress-indicator-horizontal",[[1,"road-progress-indicator-horizontal",{"color":[513],"
|
|
84
|
+
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-button-floating",[[1,"road-button-floating",{"position":[513],"href":[1],"rel":[1],"target":[1]},[[9,"scroll","onScroll"]]]]],["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-progress-indicator-horizontal",[[1,"road-progress-indicator-horizontal",{"color":[513],"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-progress-indicator-vertical",[[1,"road-progress-indicator-vertical"]]],["road-progress-indicator-vertical-item",[[4,"road-progress-indicator-vertical-item"]]],["road-progress-tracker",[[1,"road-progress-tracker"]]],["road-progress-tracker-item",[[4,"road-progress-tracker-item"]]],["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-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-tag",[[1,"road-tag",{"color":[1]}]]],["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-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);
|
|
85
85
|
});
|