@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.
Files changed (119) hide show
  1. package/dist/cjs/index-a2306350.js +12 -8
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/road-navbar-item.cjs.entry.js +1 -1
  4. package/dist/cjs/road-progress-indicator-vertical-item.cjs.entry.js +19 -0
  5. package/dist/cjs/road-progress-indicator-vertical.cjs.entry.js +19 -0
  6. package/dist/cjs/road-progress.cjs.entry.js +1 -1
  7. package/dist/cjs/road-tag.cjs.entry.js +29 -0
  8. package/dist/cjs/road-textarea.cjs.entry.js +7 -2
  9. package/dist/cjs/road-toast.cjs.entry.js +1 -1
  10. package/dist/cjs/roadtrip.cjs.js +1 -1
  11. package/dist/collection/collection-manifest.json +4 -3
  12. package/dist/collection/components/button/button.css +1 -0
  13. package/dist/collection/components/global-navigation/global-navigation.stories.js +11 -11
  14. package/dist/collection/components/icon/svg/file-archive-color.svg +1 -1
  15. package/dist/collection/components/icon/svg/file-archive-outline.svg +1 -1
  16. package/dist/collection/components/icon/svg/flag-croatia-color.svg +1 -1
  17. package/dist/collection/components/icon/svg/flag-slovenia-color.svg +1 -1
  18. package/dist/collection/components/icon/svg/folding-chair-color.svg +1 -0
  19. package/dist/collection/components/icon/svg/folding-chair-outline.svg +1 -0
  20. package/dist/collection/components/icon/svg/furniture-color.svg +1 -0
  21. package/dist/collection/components/icon/svg/furniture-outline.svg +1 -0
  22. package/dist/collection/components/icon/svg/microwave-color.svg +1 -0
  23. package/dist/collection/components/icon/svg/microwave-outline.svg +1 -0
  24. package/dist/collection/components/icon/svg/season-swap-color.svg +1 -0
  25. package/dist/collection/components/icon/svg/season-swap-outline.svg +1 -0
  26. package/dist/collection/components/icon/svg/shower-color.svg +1 -0
  27. package/dist/collection/components/icon/svg/shower-outline.svg +1 -0
  28. package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
  29. package/dist/collection/components/icon/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
  30. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-color.svg +1 -1
  31. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-outline.svg +1 -1
  32. package/dist/collection/components/icon/svg/vehicle-rooftop-tent-solid.svg +1 -1
  33. package/dist/collection/components/icon/svg/ventilator-color.svg +1 -1
  34. package/dist/collection/components/icon/svg/ventilator-outline.svg +1 -1
  35. package/dist/collection/components/icon/svg/water-outline.svg +1 -1
  36. package/dist/collection/components/navbar/navbar.stories.js +11 -11
  37. package/dist/collection/components/navbar-item/navbar-item.css +1 -1
  38. package/dist/collection/components/progress/progress.css +4 -0
  39. package/dist/collection/components/progress/progress.js +2 -2
  40. package/dist/collection/components/progress/progress.stories.js +6 -1
  41. package/dist/collection/components/{vertical-stepper/vertical-stepper.css → progress-indicator-vertical/progress-indicator-vertical.css} +2 -2
  42. package/dist/collection/components/{vertical-stepper/vertical-stepper.js → progress-indicator-vertical/progress-indicator-vertical.js} +8 -9
  43. package/dist/collection/components/progress-indicator-vertical/progress-indicator-vertical.stories.js +256 -0
  44. package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.css +212 -0
  45. package/dist/collection/components/progress-indicator-vertical-item/progress-indicator-vertical-item.js +20 -0
  46. package/dist/collection/components/tag/tag.css +109 -0
  47. package/dist/collection/components/tag/tag.js +73 -0
  48. package/dist/collection/components/tag/tag.stories.js +50 -0
  49. package/dist/collection/components/textarea/textarea.css +4 -0
  50. package/dist/collection/components/textarea/textarea.js +24 -1
  51. package/dist/collection/components/textarea/textarea.stories.js +9 -0
  52. package/dist/collection/components/toast/toast.css +2 -0
  53. package/dist/esm/index-a99a5e7b.js +12 -8
  54. package/dist/esm/loader.js +1 -1
  55. package/dist/esm/road-navbar-item.entry.js +1 -1
  56. package/dist/esm/road-progress-indicator-vertical-item.entry.js +15 -0
  57. package/dist/esm/road-progress-indicator-vertical.entry.js +15 -0
  58. package/dist/esm/road-progress.entry.js +1 -1
  59. package/dist/esm/road-tag.entry.js +25 -0
  60. package/dist/esm/road-textarea.entry.js +7 -2
  61. package/dist/esm/road-toast.entry.js +1 -1
  62. package/dist/esm/roadtrip.js +1 -1
  63. package/dist/html.html-data.json +78 -28
  64. package/dist/icons/icons.svg +1 -1
  65. package/dist/icons/index.d.ts +12 -0
  66. package/dist/icons/index.js +39 -20
  67. package/dist/roadtrip/p-07bb357f.entry.js +1 -0
  68. package/dist/roadtrip/p-0f2ef43f.entry.js +1 -0
  69. package/dist/roadtrip/{p-4b77e940.entry.js → p-2128ac77.entry.js} +1 -1
  70. package/dist/roadtrip/p-38cf1a21.entry.js +1 -0
  71. package/dist/roadtrip/{p-57e3fe85.entry.js → p-870feb87.entry.js} +1 -1
  72. package/dist/roadtrip/p-df3469df.entry.js +1 -0
  73. package/dist/roadtrip/p-e10c9e2d.entry.js +1 -0
  74. package/dist/roadtrip/roadtrip.esm.js +1 -1
  75. package/dist/roadtrip/svg/file-archive-color.svg +1 -1
  76. package/dist/roadtrip/svg/file-archive-outline.svg +1 -1
  77. package/dist/roadtrip/svg/flag-croatia-color.svg +1 -1
  78. package/dist/roadtrip/svg/flag-slovenia-color.svg +1 -1
  79. package/dist/roadtrip/svg/folding-chair-color.svg +1 -0
  80. package/dist/roadtrip/svg/folding-chair-outline.svg +1 -0
  81. package/dist/roadtrip/svg/furniture-color.svg +1 -0
  82. package/dist/roadtrip/svg/furniture-outline.svg +1 -0
  83. package/dist/roadtrip/svg/microwave-color.svg +1 -0
  84. package/dist/roadtrip/svg/microwave-outline.svg +1 -0
  85. package/dist/roadtrip/svg/season-swap-color.svg +1 -0
  86. package/dist/roadtrip/svg/season-swap-outline.svg +1 -0
  87. package/dist/roadtrip/svg/shower-color.svg +1 -0
  88. package/dist/roadtrip/svg/shower-outline.svg +1 -0
  89. package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-color.svg +1 -0
  90. package/dist/roadtrip/svg/sticker-certified-tuv-hu-au-outline.svg +1 -0
  91. package/dist/roadtrip/svg/vehicle-rooftop-tent-color.svg +1 -1
  92. package/dist/roadtrip/svg/vehicle-rooftop-tent-outline.svg +1 -1
  93. package/dist/roadtrip/svg/vehicle-rooftop-tent-solid.svg +1 -1
  94. package/dist/roadtrip/svg/ventilator-color.svg +1 -1
  95. package/dist/roadtrip/svg/ventilator-outline.svg +1 -1
  96. package/dist/roadtrip/svg/water-outline.svg +1 -1
  97. package/dist/types/components/progress/progress.d.ts +1 -1
  98. package/dist/types/components/progress-indicator-vertical/progress-indicator-vertical.d.ts +14 -0
  99. package/dist/types/components/progress-indicator-vertical-item/progress-indicator-vertical-item.d.ts +6 -0
  100. package/dist/types/components/tag/tag.d.ts +15 -0
  101. package/dist/types/components/textarea/textarea.d.ts +4 -0
  102. package/dist/types/components.d.ts +65 -28
  103. package/icons/icons.svg +1 -1
  104. package/icons/index.d.ts +12 -0
  105. package/icons/index.js +39 -20
  106. package/package.json +1 -1
  107. package/dist/cjs/road-vertical-stepper-item.cjs.entry.js +0 -19
  108. package/dist/cjs/road-vertical-stepper.cjs.entry.js +0 -19
  109. package/dist/collection/components/vertical-stepper/vertical-stepper.stories.js +0 -542
  110. package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.css +0 -185
  111. package/dist/collection/components/vertical-stepper-item/vertical-stepper-item.js +0 -20
  112. package/dist/esm/road-vertical-stepper-item.entry.js +0 -15
  113. package/dist/esm/road-vertical-stepper.entry.js +0 -15
  114. package/dist/roadtrip/p-42e5299f.entry.js +0 -1
  115. package/dist/roadtrip/p-80e42f95.entry.js +0 -1
  116. package/dist/roadtrip/p-932e323f.entry.js +0 -1
  117. package/dist/roadtrip/p-aa81d540.entry.js +0 -1
  118. package/dist/types/components/vertical-stepper/vertical-stepper.d.ts +0 -15
  119. 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
- }
@@ -1,6 +0,0 @@
1
- /**
2
- * @slot - Content of the carousel item, it should be road-img or road-card.
3
- */
4
- export declare class VerticalStepperItem {
5
- render(): any;
6
- }