@roadtrip/components 3.5.0 → 3.7.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-navbar-item.cjs.entry.js +1 -1
- 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-progress.cjs.entry.js +1 -1
- package/dist/cjs/road-tag.cjs.entry.js +29 -0
- package/dist/cjs/road-textarea.cjs.entry.js +7 -2
- 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 +1 -0
- package/dist/collection/components/global-navigation/global-navigation.stories.js +11 -11
- package/dist/collection/components/icon/svg/file-archive-color.svg +1 -1
- package/dist/collection/components/icon/svg/file-archive-outline.svg +1 -1
- package/dist/collection/components/icon/svg/flag-croatia-color.svg +1 -1
- package/dist/collection/components/icon/svg/flag-slovenia-color.svg +1 -1
- 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/microwave-color.svg +1 -0
- package/dist/collection/components/icon/svg/microwave-outline.svg +1 -0
- package/dist/collection/components/icon/svg/season-swap-color.svg +1 -0
- package/dist/collection/components/icon/svg/season-swap-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/vehicle-rooftop-tent-color.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg +1 -1
- package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg +1 -1
- 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-outline.svg +1 -1
- package/dist/collection/components/navbar/navbar.stories.js +11 -11
- package/dist/collection/components/navbar-item/navbar-item.css +1 -1
- package/dist/collection/components/progress/progress.css +4 -0
- package/dist/collection/components/progress/progress.js +2 -2
- package/dist/collection/components/progress/progress.stories.js +6 -1
- 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 +109 -0
- package/dist/collection/components/tag/tag.js +73 -0
- package/dist/collection/components/tag/tag.stories.js +50 -0
- package/dist/collection/components/textarea/textarea.css +4 -0
- package/dist/collection/components/textarea/textarea.js +24 -1
- package/dist/collection/components/textarea/textarea.stories.js +9 -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-navbar-item.entry.js +1 -1
- 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-progress.entry.js +1 -1
- package/dist/esm/road-tag.entry.js +25 -0
- package/dist/esm/road-textarea.entry.js +7 -2
- package/dist/esm/road-toast.entry.js +1 -1
- package/dist/esm/roadtrip.js +1 -1
- package/dist/html.html-data.json +78 -28
- package/dist/icons/icons.svg +1 -1
- package/dist/icons/index.d.ts +12 -0
- package/dist/icons/index.js +39 -20
- package/dist/roadtrip/p-07bb357f.entry.js +1 -0
- package/dist/roadtrip/p-0f2ef43f.entry.js +1 -0
- package/dist/roadtrip/{p-4b77e940.entry.js → p-2128ac77.entry.js} +1 -1
- package/dist/roadtrip/p-38cf1a21.entry.js +1 -0
- package/dist/roadtrip/{p-57e3fe85.entry.js → p-870feb87.entry.js} +1 -1
- package/dist/roadtrip/p-df3469df.entry.js +1 -0
- package/dist/roadtrip/p-e10c9e2d.entry.js +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/roadtrip/svg/file-archive-color.svg +1 -1
- package/dist/roadtrip/svg/file-archive-outline.svg +1 -1
- package/dist/roadtrip/svg/flag-croatia-color.svg +1 -1
- package/dist/roadtrip/svg/flag-slovenia-color.svg +1 -1
- 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/microwave-color.svg +1 -0
- package/dist/roadtrip/svg/microwave-outline.svg +1 -0
- package/dist/roadtrip/svg/season-swap-color.svg +1 -0
- package/dist/roadtrip/svg/season-swap-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/vehicle-rooftop-tent-color.svg +1 -1
- package/dist/roadtrip/svg/vehicle-rooftop-tent-outline.svg +1 -1
- package/dist/roadtrip/svg/vehicle-rooftop-tent-solid.svg +1 -1
- package/dist/roadtrip/svg/ventilator-color.svg +1 -1
- package/dist/roadtrip/svg/ventilator-outline.svg +1 -1
- package/dist/roadtrip/svg/water-outline.svg +1 -1
- package/dist/types/components/progress/progress.d.ts +1 -1
- 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 +15 -0
- package/dist/types/components/textarea/textarea.d.ts +4 -0
- package/dist/types/components.d.ts +65 -28
- package/icons/icons.svg +1 -1
- package/icons/index.d.ts +12 -0
- package/icons/index.js +39 -20
- 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-80e42f95.entry.js +0 -1
- package/dist/roadtrip/p-932e323f.entry.js +0 -1
- package/dist/roadtrip/p-aa81d540.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
|
@@ -1,185 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Vertical Stepper Item
|
|
3
|
-
*
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
/* VERTICAL STEPPER ITEM
|
|
7
|
-
-------------------- */
|
|
8
|
-
|
|
9
|
-
road-vertical-stepper-item {
|
|
10
|
-
display: flex;
|
|
11
|
-
flex-direction: row;
|
|
12
|
-
justify-content: flex-start;
|
|
13
|
-
min-height: 65px;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.vertical-stepper-item-content {
|
|
17
|
-
display: inline-block;
|
|
18
|
-
margin-left: 1rem;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Disabled click for current and next steps
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
road-vertical-stepper-item:not(.completed) .vertical-stepper-link {
|
|
26
|
-
cursor: not-allowed;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
/* VERTICAL STEPPER LINK
|
|
30
|
-
-------------------- */
|
|
31
|
-
|
|
32
|
-
.vertical-stepper-link {
|
|
33
|
-
position: relative;
|
|
34
|
-
z-index: 1;
|
|
35
|
-
display: flex;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* VERTICAL STEPPER ICON
|
|
39
|
-
-------------------- */
|
|
40
|
-
|
|
41
|
-
.vertical-stepper-icon {
|
|
42
|
-
display: inline-flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
width: 2rem;
|
|
46
|
-
height: 2rem;
|
|
47
|
-
font-size: var(--road-button-medium);
|
|
48
|
-
font-weight: 700;
|
|
49
|
-
color: var(--road-on-surface-disabled);
|
|
50
|
-
background: var(--road-surface-inverse);
|
|
51
|
-
border-radius: 50%;
|
|
52
|
-
fill: currentColor;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.vertical-stepper-line {
|
|
56
|
-
position: absolute;
|
|
57
|
-
top: 32px;
|
|
58
|
-
left: 15px;
|
|
59
|
-
z-index: -1;
|
|
60
|
-
height: calc(100% - 32px);
|
|
61
|
-
border-left: 2px solid var(--road-surface-disabled);
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
road-vertical-stepper-item:last-child .vertical-stepper-line {
|
|
65
|
-
border-left: 0;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
.stepper-outline .vertical-stepper-icon,
|
|
69
|
-
.stepper-secondary-outline .vertical-stepper-icon {
|
|
70
|
-
color: var(--road-on-surface-disabled);
|
|
71
|
-
background: var(--road-surface);
|
|
72
|
-
border: 2px solid var(--road-surface-disabled);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.stepper-outline-light .vertical-stepper-icon,
|
|
76
|
-
.stepper-secondary-outline-light .vertical-stepper-icon {
|
|
77
|
-
color: var(--road-on-surface-disabled);
|
|
78
|
-
background: none;
|
|
79
|
-
border: 2px solid var(--road-surface-disabled);
|
|
80
|
-
fill: currentColor;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
/* VERTICAL STEPPER TITLE
|
|
84
|
-
-------------------- */
|
|
85
|
-
|
|
86
|
-
.vertical-stepper-title {
|
|
87
|
-
display: block;
|
|
88
|
-
font-size: var(--road-body-small);
|
|
89
|
-
font-weight: 700;
|
|
90
|
-
color: var(--road-on-surface);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.vertical-stepper-description{
|
|
94
|
-
display: block;
|
|
95
|
-
margin: 0;
|
|
96
|
-
font-size: var(--road-label-small);
|
|
97
|
-
font-weight: 400;
|
|
98
|
-
color: var(--road-on-surface-weak);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/* STEP COMPLETED
|
|
102
|
-
-------------------- */
|
|
103
|
-
|
|
104
|
-
.completed:not(:last-child)::after {
|
|
105
|
-
background: var(--road-primary);
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,
|
|
109
|
-
.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,
|
|
110
|
-
.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line {
|
|
111
|
-
background: var(--road-secondary);
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.completed .vertical-stepper-icon,
|
|
115
|
-
.current .vertical-stepper-icon {
|
|
116
|
-
width: 2rem;
|
|
117
|
-
height: 2rem;
|
|
118
|
-
color: var(--road-on-primary);
|
|
119
|
-
background: var(--road-primary);
|
|
120
|
-
border: 0;
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.completed .vertical-stepper-line {
|
|
124
|
-
border-left: 2px solid var(--road-primary);
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.stepper-secondary.completed .vertical-stepper-line,
|
|
128
|
-
.stepper-secondary-outline.completed .vertical-stepper-line,
|
|
129
|
-
.stepper-secondary-outline-light.completed .vertical-stepper-line {
|
|
130
|
-
border-left: 2px solid var(--road-secondary);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.stepper-outline.completed .vertical-stepper-icon {
|
|
134
|
-
align-items: baseline;
|
|
135
|
-
color: var(--road-primary);
|
|
136
|
-
background: var(--road-surface);
|
|
137
|
-
border: 2px solid var(--road-primary);
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.stepper-secondary.stepper-outline.completed .vertical-stepper-icon {
|
|
141
|
-
color: var(--road-secondary);
|
|
142
|
-
background: var(--road-surface);
|
|
143
|
-
border: 2px solid var(--road-secondary);
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.stepper-outline-light.completed .vertical-stepper-icon {
|
|
147
|
-
align-items: baseline;
|
|
148
|
-
color: var(--road-primary);
|
|
149
|
-
background: none;
|
|
150
|
-
border: 2px solid var(--road-primary);
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.stepper-secondary.completed .vertical-stepper-icon {
|
|
154
|
-
color: var(--road-on-secondary);
|
|
155
|
-
background: var(--road-secondary);
|
|
156
|
-
border: 0;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon {
|
|
162
|
-
color: var(--road-secondary);
|
|
163
|
-
background: none;
|
|
164
|
-
border: 2px solid var(--road-secondary);
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.stepper-secondary.current .vertical-stepper-icon {
|
|
168
|
-
color: var(--road-on-secondary);
|
|
169
|
-
background: var(--road-secondary);
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.stepper-secondary-outline.current .vertical-stepper-icon {
|
|
173
|
-
color: var(--road-on-secondary);
|
|
174
|
-
background: var(--road-secondary);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.stepper-secondary-outline-light.current .vertical-stepper-icon {
|
|
178
|
-
color: var(--road-on-secondary);
|
|
179
|
-
background: var(--road-secondary);
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
.current .vertical-stepper-title {
|
|
183
|
-
font-weight: 700;
|
|
184
|
-
color: var(--road-on-surface);
|
|
185
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Host, h } from '@stencil/core';
|
|
2
|
-
/**
|
|
3
|
-
* @slot - Content of the carousel item, it should be road-img or road-card.
|
|
4
|
-
*/
|
|
5
|
-
export class VerticalStepperItem {
|
|
6
|
-
render() {
|
|
7
|
-
return (h(Host, null, h("slot", null)));
|
|
8
|
-
}
|
|
9
|
-
static get is() { return "road-vertical-stepper-item"; }
|
|
10
|
-
static get originalStyleUrls() {
|
|
11
|
-
return {
|
|
12
|
-
"$": ["vertical-stepper-item.css"]
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
static get styleUrls() {
|
|
16
|
-
return {
|
|
17
|
-
"$": ["vertical-stepper-item.css"]
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
|
-
|
|
3
|
-
const verticalStepperItemCss = "road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-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}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-surface-disabled)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.vertical-stepper-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface)}.vertical-stepper-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .vertical-stepper-title{font-weight:700;color:var(--road-on-surface)}";
|
|
4
|
-
|
|
5
|
-
const VerticalStepperItem = class {
|
|
6
|
-
constructor(hostRef) {
|
|
7
|
-
registerInstance(this, hostRef);
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
return (h(Host, null, h("slot", null)));
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
VerticalStepperItem.style = verticalStepperItemCss;
|
|
14
|
-
|
|
15
|
-
export { VerticalStepperItem as road_vertical_stepper_item };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-a99a5e7b.js';
|
|
2
|
-
|
|
3
|
-
const verticalStepperCss = ":host{display:block}.vertical-stepper{display:flex;flex-direction:column;padding-left:0;list-style:none}";
|
|
4
|
-
|
|
5
|
-
const VerticalStepper = 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
|
-
VerticalStepper.style = verticalStepperCss;
|
|
14
|
-
|
|
15
|
-
export { VerticalStepper as road_vertical_stepper };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as r,H as o}from"./p-cdc666bc.js";const a=class{constructor(r){e(this,r)}render(){return r(o,null,r("slot",null))}};a.style="road-vertical-stepper-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:65px}.vertical-stepper-item-content{display:inline-block;margin-left:1rem}road-vertical-stepper-item:not(.completed) .vertical-stepper-link{cursor:not-allowed}.vertical-stepper-link{position:relative;z-index:1;display:flex}.vertical-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}.vertical-stepper-line{position:absolute;top:32px;left:15px;z-index:-1;height:calc(100% - 32px);border-left:2px solid var(--road-surface-disabled)}road-vertical-stepper-item:last-child .vertical-stepper-line{border-left:0}.stepper-outline .vertical-stepper-icon,.stepper-secondary-outline .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:var(--road-surface);border:2px solid var(--road-surface-disabled)}.stepper-outline-light .vertical-stepper-icon,.stepper-secondary-outline-light .vertical-stepper-icon{color:var(--road-on-surface-disabled);background:none;border:2px solid var(--road-surface-disabled);fill:currentColor}.vertical-stepper-title{display:block;font-size:var(--road-body-small);font-weight:700;color:var(--road-on-surface)}.vertical-stepper-description{display:block;margin:0;font-size:var(--road-label-small);font-weight:400;color:var(--road-on-surface-weak)}.completed:not(:last-child)::after{background:var(--road-primary)}.vertical-stepper-secondary .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline .completed:not(:last-child) .vertical-stepper-line,.vertical-stepper-secondary-outline-light .completed:not(:last-child) .vertical-stepper-line{background:var(--road-secondary)}.completed .vertical-stepper-icon,.current .vertical-stepper-icon{width:2rem;height:2rem;color:var(--road-on-primary);background:var(--road-primary);border:0}.completed .vertical-stepper-line{border-left:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-line,.stepper-secondary-outline.completed .vertical-stepper-line,.stepper-secondary-outline-light.completed .vertical-stepper-line{border-left:2px solid var(--road-secondary)}.stepper-outline.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:var(--road-surface);border:2px solid var(--road-primary)}.stepper-secondary.stepper-outline.completed .vertical-stepper-icon{color:var(--road-secondary);background:var(--road-surface);border:2px solid var(--road-secondary)}.stepper-outline-light.completed .vertical-stepper-icon{align-items:baseline;color:var(--road-primary);background:none;border:2px solid var(--road-primary)}.stepper-secondary.completed .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary);border:0}.stepper-secondary.stepper-outline-light.completed .vertical-stepper-icon{color:var(--road-secondary);background:none;border:2px solid var(--road-secondary)}.stepper-secondary.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.stepper-secondary-outline-light.current .vertical-stepper-icon{color:var(--road-on-secondary);background:var(--road-secondary)}.current .vertical-stepper-title{font-weight:700;color:var(--road-on-surface)}";export{a as road_vertical_stepper_item}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as a,c as r,h as t,H as e}from"./p-cdc666bc.js";const o=class{constructor(t){a(this,t),this.roadinput=r(this,"roadinput",7),this.roadInput=r(this,"roadInput",7),this.roadchange=r(this,"roadchange",7),this.roadChange=r(this,"roadChange",7),this.roadblur=r(this,"roadblur",7),this.roadBlur=r(this,"roadBlur",7),this.roadfocus=r(this,"roadfocus",7),this.roadFocus=r(this,"roadFocus",7),this.textareaId="road-textarea-"+s++,this.autocapitalize="none",this.autofocus=!1,this.disabled=!1,this.name=this.textareaId,this.sizes="lg",this.readonly=!1,this.required=!1,this.spellcheck=!1,this.value="",this.label=`${this.textareaId}-label`,this.onInput=a=>{const r=a.target;r&&(this.value=r.value||""),this.roadinput.emit(a),this.roadInput.emit(a)},this.onBlur=()=>{this.roadblur.emit(),this.roadBlur.emit()},this.onFocus=()=>{this.roadfocus.emit(),this.roadFocus.emit()}}valueChanged(){this.roadchange.emit({value:this.value}),this.roadChange.emit({value:this.value})}getValue(){return this.value||""}render(){const a=this.getValue(),r=this.textareaId+"-label";return t(e,{"aria-disabled":this.disabled?"true":null,class:this.sizes&&`input-${this.sizes}`},t("textarea",{class:`form-control textarea-control ${""!==this.value?"has-value":""} ${void 0!==this.error&&""!==this.error?"is-invalid":""}`,id:this.textareaId,"aria-disabled":this.disabled?"true":null,"aria-labelledby":r,disabled:this.disabled,autoCapitalize:this.autocapitalize,autoFocus:this.autofocus,enterKeyHint:this.enterkeyhint,inputMode:this.inputmode,maxLength:this.maxlength,minLength:this.minlength,name:this.name,placeholder:this.placeholder,readOnly:this.readonly,required:this.required,value:a,spellcheck:this.spellcheck,cols:this.cols,rows:this.rows,wrap:this.wrap,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus}),t("label",{class:"form-label",id:r,htmlFor:this.textareaId},this.label),this.error&&""!==this.error&&t("p",{class:"invalid-feedback"},this.error),this.helper&&""!==this.helper&&t("p",{class:"helper"},this.helper))}static get watchers(){return{value:["valueChanged"]}}};let s=0;o.style='.sc-road-textarea-h{position:relative;display:block;margin-bottom:1rem;font-family:var(--road-font, sans-serif);color:var(--road-on-surface)}.form-control.sc-road-textarea{box-sizing:border-box;display:block;width:100%;height:3rem;padding:0.75rem 1rem 0;margin:0;font-size:var(--road-body-medium);color:var(--road-on-surface);background:var(--road-surface);border:1px solid var(--road-input-outline);border-radius:0.25rem;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-control.sc-road-textarea::placeholder{color:var(--road-on-surface-extra-weak);opacity:1}@media (hover: hover){.form-control.sc-road-textarea:not(:disabled):hover{border-color:var(--road-input-outline-variant)}}.form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:-ms-input-placeholder~.form-label.sc-road-textarea{transform:scale(0.625) translateY(-0.625rem)}.form-control.sc-road-textarea:not(:disabled):focus{border-color:var(--road-input-outline-variant);outline:0}.form-control.sc-road-textarea:disabled,.form-control[readonly].sc-road-textarea{color:var(--road-on-surface-weak);cursor:not-allowed;background:var(--road-surface-disabled);opacity:1}.textarea-control.sc-road-textarea{height:auto;padding-top:1rem;padding-bottom:0.5rem;line-height:1.5}.form-label.sc-road-textarea{position:absolute;top:0.75rem;left:1rem;display:block;font-size:var(--road-body-medium);line-height:1.5;color:var(--road-on-surface-extra-weak);pointer-events:none;transition:transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;transform-origin:0 0}.input-xl.sc-road-textarea-h{--height:3.5rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea{padding:1.5rem 1rem 0.5rem}.input-xl.sc-road-textarea-h .form-label.sc-road-textarea{top:1rem}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:focus~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[required].sc-road-textarea:valid~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control.has-value.sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="date"].sc-road-textarea~.form-label.sc-road-textarea,.input-xl.sc-road-textarea-h .form-control[type="time"].sc-road-textarea~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.input-xl.sc-road-textarea-h .form-control.sc-road-textarea:placeholder-shown~.form-label.sc-road-textarea{transform:scale(0.75) translateY(-0.625rem)}.invalid-feedback.sc-road-textarea{display:none;width:100%;margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-on-danger-surface)}.form-control.is-invalid.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid{border-color:var(--road-danger-outline)}.form-control.is-invalid.sc-road-textarea~.invalid-feedback.sc-road-textarea,.was-validated.sc-road-textarea .form-control.sc-road-textarea:invalid~.invalid-feedback.sc-road-textarea{display:block}.helper.sc-road-textarea{margin-top:0.5rem;font-size:var(--road-helper-medium);color:var(--road-grey-500)}';export{o as road_textarea}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as l,h as s,H as t}from"./p-cdc666bc.js";const e=class{constructor(s){l(this,s)}render(){return s(t,null,s("nav",null,s("ul",null,s("slot",null))))}};e.style=":host{display:block}.vertical-stepper{display:flex;flex-direction:column;padding-left:0;list-style:none}";export{e as road_vertical_stepper}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as o,c as t,h as a,H as s}from"./p-cdc666bc.js";import{a as r,d as i,e,f as n,g as c}from"./p-87259af5.js";const d=class{constructor(a){o(this,a),this.onClose=t(this,"close",7),this.isOpen=!1,this.color="info",this.timeout=5e3,this.onClick=o=>{o.stopPropagation(),o.preventDefault(),this.close()}}isOpenChanged(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}async open(){this.isOpen=!0,this.timeout>0&&setTimeout((()=>{this.close()}),this.timeout)}async close(){this.isOpen=!1,this.onClose.emit()}componentDidLoad(){this.isOpen&&this.timeout>0&&setTimeout((()=>this.close()),this.timeout)}render(){const o=this.isOpen?"toast-open":"";let t;switch(this.color){case"info":t=i;break;case"success":t=c;break;case"warning":t=n;break;case"danger":t=e;break;default:t=i}return"danger"==this.color&&(this.timeout=0),a(s,{class:`${o}`,role:"alert"},a("div",{class:`toast toast-${this.color}`},a("road-icon",{class:"toast-icon",icon:t,"aria-hidden":"true"}),a("p",{class:"toast-label"},this.label),a("button",{type:"button",class:"toast-close","aria-label":"Close",onClick:this.onClick},a("road-icon",{icon:r,size:"md"})),a("slot",{name:"progress"})))}static get watchers(){return{isOpen:["isOpenChanged"]}}};d.style=":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%}}";export{d as road_toast}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @slot - content of the stepper item, it should be road-vertical-stepper-item elements.
|
|
3
|
-
*
|
|
4
|
-
* if the state of the step is completed add the class `completed` on the road-vertical-stepper-item
|
|
5
|
-
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
6
|
-
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
7
|
-
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
8
|
-
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
9
|
-
*
|
|
10
|
-
* if the state of the step is current add the class `current` on the road-vertical-stepper-item
|
|
11
|
-
|
|
12
|
-
*/
|
|
13
|
-
export declare class VerticalStepper {
|
|
14
|
-
render(): any;
|
|
15
|
-
}
|