@roadtrip/components 2.38.0 → 2.39.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/loader.cjs.js +1 -1
- package/dist/cjs/road-alert.cjs.entry.js +2 -2
- package/dist/cjs/road-stepper.cjs.entry.js +37 -0
- package/dist/cjs/roadtrip.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/alert/alert.css +18 -0
- package/dist/collection/components/alert/alert.js +56 -2
- package/dist/collection/components/alert/alert.stories.js +10 -1
- package/dist/collection/components/stepper/stepper.css +212 -0
- package/dist/collection/components/stepper/stepper.js +181 -0
- package/dist/collection/components/stepper/stepper.stories.js +201 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/road-alert.entry.js +2 -2
- package/dist/esm/road-stepper.entry.js +33 -0
- package/dist/esm/roadtrip.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/road-alert.entry.js +1 -1
- package/dist/esm-es5/road-stepper.entry.js +1 -0
- package/dist/esm-es5/roadtrip.js +1 -1
- package/dist/html.html-data.json +92 -0
- package/dist/roadtrip/p-52cf548c.entry.js +1 -0
- package/dist/roadtrip/p-864ed7f9.system.entry.js +1 -0
- package/dist/roadtrip/p-a82fd96a.entry.js +1 -0
- package/dist/roadtrip/p-b205281e.system.js +1 -1
- package/dist/roadtrip/p-e2a9123a.system.entry.js +1 -0
- package/dist/roadtrip/roadtrip.esm.js +1 -1
- package/dist/types/components/alert/alert.d.ts +12 -0
- package/dist/types/components/stepper/stepper.d.ts +47 -0
- package/dist/types/components.d.ts +85 -0
- package/package.json +1 -1
- package/dist/roadtrip/p-2f361b1a.entry.js +0 -1
- package/dist/roadtrip/p-3d1a68f7.system.entry.js +0 -1
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import { Component, Host, h, Prop } from '@stencil/core';
|
|
2
|
+
/**
|
|
3
|
+
* @slot stepper-icon - if the state of the step 1 is completed add
|
|
4
|
+
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
5
|
+
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
6
|
+
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
7
|
+
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
8
|
+
* @slot stepper-title - content not visible when collapsed.
|
|
9
|
+
* @slot stepper-icon2 - content not visible when collapsed.
|
|
10
|
+
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
11
|
+
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
12
|
+
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
13
|
+
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
14
|
+
* @slot stepper-title2 - content not visible when collapsed.
|
|
15
|
+
* @slot stepper-icon3 - content not visible when collapsed.
|
|
16
|
+
* `<road-icon name="check-small" class="d-block" color="white"></road-icon>` by default.
|
|
17
|
+
* `<road-icon name="check-small" class="d-block" color="secondary"></road-icon>` if is outline.
|
|
18
|
+
* `<road-icon name="check-small" class="d-block" color="defaut"></road-icon>` if the color is secondary.
|
|
19
|
+
* `<road-icon name="check-small" class="d-block" color="warning"></road-icon>` if the color is secondary and outline.
|
|
20
|
+
* @slot stepper-title3 - content not visible when collapsed.
|
|
21
|
+
*/
|
|
22
|
+
export class Stepper {
|
|
23
|
+
constructor() {
|
|
24
|
+
/**
|
|
25
|
+
* The color stepper.
|
|
26
|
+
*/
|
|
27
|
+
this.color = 'default';
|
|
28
|
+
/**
|
|
29
|
+
* Display an outline without background.
|
|
30
|
+
*/
|
|
31
|
+
this.light = false;
|
|
32
|
+
/**
|
|
33
|
+
* Display an outline style .
|
|
34
|
+
*/
|
|
35
|
+
this.outline = false;
|
|
36
|
+
}
|
|
37
|
+
render() {
|
|
38
|
+
const colorClass = this.color !== undefined ? `stepper stepper-${this.color}` : 'stepper';
|
|
39
|
+
const outlineClass = this.outline == true ? `stepper stepper-outline` : 'stepper';
|
|
40
|
+
const lightClass = this.light == true ? `stepper stepper-outline-light` : 'stepper';
|
|
41
|
+
const stateClass = this.stateFirstStep !== undefined ? `stepper-item ${this.stateFirstStep}` : 'stepper-item';
|
|
42
|
+
const stateSecondStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateSecondStep}` : 'stepper-item';
|
|
43
|
+
const stateThirdStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateThirdStep}` : 'stepper-item';
|
|
44
|
+
return (h(Host, null,
|
|
45
|
+
h("nav", null,
|
|
46
|
+
h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` },
|
|
47
|
+
h("li", { class: `${stateClass}` },
|
|
48
|
+
h("a", { class: "stepper-link" },
|
|
49
|
+
h("span", { class: "stepper-icon" },
|
|
50
|
+
h("slot", { name: "stepper-icon" })),
|
|
51
|
+
h("span", { class: "stepper-title" },
|
|
52
|
+
h("slot", { name: "stepper-title" })))),
|
|
53
|
+
h("li", { class: `${stateSecondStepClass}` },
|
|
54
|
+
h("a", { class: "stepper-link" },
|
|
55
|
+
h("span", { class: "stepper-icon" },
|
|
56
|
+
h("slot", { name: "stepper-icon2" })),
|
|
57
|
+
h("span", { class: "stepper-title" },
|
|
58
|
+
h("slot", { name: "stepper-title2" })))),
|
|
59
|
+
h("li", { class: `${stateThirdStepClass}` },
|
|
60
|
+
h("a", { class: "stepper-link" },
|
|
61
|
+
h("span", { class: "stepper-icon" },
|
|
62
|
+
h("slot", { name: "stepper-icon3" })),
|
|
63
|
+
h("span", { class: "stepper-title" },
|
|
64
|
+
h("slot", { name: "stepper-title3" }))))))));
|
|
65
|
+
}
|
|
66
|
+
static get is() { return "road-stepper"; }
|
|
67
|
+
static get encapsulation() { return "shadow"; }
|
|
68
|
+
static get originalStyleUrls() { return {
|
|
69
|
+
"$": ["stepper.css"]
|
|
70
|
+
}; }
|
|
71
|
+
static get styleUrls() { return {
|
|
72
|
+
"$": ["stepper.css"]
|
|
73
|
+
}; }
|
|
74
|
+
static get properties() { return {
|
|
75
|
+
"color": {
|
|
76
|
+
"type": "string",
|
|
77
|
+
"mutable": false,
|
|
78
|
+
"complexType": {
|
|
79
|
+
"original": "'default' | 'secondary'",
|
|
80
|
+
"resolved": "\"default\" | \"secondary\" | undefined",
|
|
81
|
+
"references": {}
|
|
82
|
+
},
|
|
83
|
+
"required": false,
|
|
84
|
+
"optional": true,
|
|
85
|
+
"docs": {
|
|
86
|
+
"tags": [],
|
|
87
|
+
"text": "The color stepper."
|
|
88
|
+
},
|
|
89
|
+
"attribute": "color",
|
|
90
|
+
"reflect": true,
|
|
91
|
+
"defaultValue": "'default'"
|
|
92
|
+
},
|
|
93
|
+
"light": {
|
|
94
|
+
"type": "boolean",
|
|
95
|
+
"mutable": false,
|
|
96
|
+
"complexType": {
|
|
97
|
+
"original": "boolean",
|
|
98
|
+
"resolved": "boolean",
|
|
99
|
+
"references": {}
|
|
100
|
+
},
|
|
101
|
+
"required": false,
|
|
102
|
+
"optional": false,
|
|
103
|
+
"docs": {
|
|
104
|
+
"tags": [],
|
|
105
|
+
"text": "Display an outline without background."
|
|
106
|
+
},
|
|
107
|
+
"attribute": "light",
|
|
108
|
+
"reflect": false,
|
|
109
|
+
"defaultValue": "false"
|
|
110
|
+
},
|
|
111
|
+
"outline": {
|
|
112
|
+
"type": "boolean",
|
|
113
|
+
"mutable": false,
|
|
114
|
+
"complexType": {
|
|
115
|
+
"original": "boolean",
|
|
116
|
+
"resolved": "boolean",
|
|
117
|
+
"references": {}
|
|
118
|
+
},
|
|
119
|
+
"required": false,
|
|
120
|
+
"optional": false,
|
|
121
|
+
"docs": {
|
|
122
|
+
"tags": [],
|
|
123
|
+
"text": "Display an outline style ."
|
|
124
|
+
},
|
|
125
|
+
"attribute": "outline",
|
|
126
|
+
"reflect": false,
|
|
127
|
+
"defaultValue": "false"
|
|
128
|
+
},
|
|
129
|
+
"stateFirstStep": {
|
|
130
|
+
"type": "string",
|
|
131
|
+
"mutable": false,
|
|
132
|
+
"complexType": {
|
|
133
|
+
"original": "'default' | 'current' | 'comleted'",
|
|
134
|
+
"resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
|
|
135
|
+
"references": {}
|
|
136
|
+
},
|
|
137
|
+
"required": false,
|
|
138
|
+
"optional": true,
|
|
139
|
+
"docs": {
|
|
140
|
+
"tags": [],
|
|
141
|
+
"text": "The color of the first step."
|
|
142
|
+
},
|
|
143
|
+
"attribute": "state-first-step",
|
|
144
|
+
"reflect": false
|
|
145
|
+
},
|
|
146
|
+
"stateSecondStep": {
|
|
147
|
+
"type": "string",
|
|
148
|
+
"mutable": false,
|
|
149
|
+
"complexType": {
|
|
150
|
+
"original": "'default' | 'current' | 'comleted'",
|
|
151
|
+
"resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
|
|
152
|
+
"references": {}
|
|
153
|
+
},
|
|
154
|
+
"required": false,
|
|
155
|
+
"optional": true,
|
|
156
|
+
"docs": {
|
|
157
|
+
"tags": [],
|
|
158
|
+
"text": "The color of the second step."
|
|
159
|
+
},
|
|
160
|
+
"attribute": "state-second-step",
|
|
161
|
+
"reflect": false
|
|
162
|
+
},
|
|
163
|
+
"stateThirdStep": {
|
|
164
|
+
"type": "string",
|
|
165
|
+
"mutable": false,
|
|
166
|
+
"complexType": {
|
|
167
|
+
"original": "'default' | 'current' | 'comleted'",
|
|
168
|
+
"resolved": "\"comleted\" | \"current\" | \"default\" | undefined",
|
|
169
|
+
"references": {}
|
|
170
|
+
},
|
|
171
|
+
"required": false,
|
|
172
|
+
"optional": true,
|
|
173
|
+
"docs": {
|
|
174
|
+
"tags": [],
|
|
175
|
+
"text": "The color of the third step."
|
|
176
|
+
},
|
|
177
|
+
"attribute": "state-third-step",
|
|
178
|
+
"reflect": false
|
|
179
|
+
}
|
|
180
|
+
}; }
|
|
181
|
+
}
|
|
@@ -0,0 +1,201 @@
|
|
|
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/Stepper',
|
|
7
|
+
component: 'road-stepper',
|
|
8
|
+
argTypes: {
|
|
9
|
+
color: {
|
|
10
|
+
options: ['default', 'secondary'],
|
|
11
|
+
control: {
|
|
12
|
+
type: 'select',
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
outline: {
|
|
16
|
+
control: 'boolean',
|
|
17
|
+
},
|
|
18
|
+
light: {
|
|
19
|
+
control: 'boolean',
|
|
20
|
+
},
|
|
21
|
+
'state-first-step': {
|
|
22
|
+
options: ['default', 'current', 'completed'],
|
|
23
|
+
control: {
|
|
24
|
+
type: 'select',
|
|
25
|
+
},
|
|
26
|
+
},
|
|
27
|
+
'state-second-step': {
|
|
28
|
+
options: ['default', 'current', 'completed'],
|
|
29
|
+
control: {
|
|
30
|
+
type: 'select',
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
'state-third-step': {
|
|
34
|
+
options: ['default', 'current', 'completed'],
|
|
35
|
+
control: {
|
|
36
|
+
type: 'select',
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
'stepper-icon': {
|
|
40
|
+
control: 'text',
|
|
41
|
+
},
|
|
42
|
+
'stepper-title': {
|
|
43
|
+
control: 'text',
|
|
44
|
+
},
|
|
45
|
+
'stepper-icon2': {
|
|
46
|
+
control: 'text',
|
|
47
|
+
},
|
|
48
|
+
'stepper-title2': {
|
|
49
|
+
control: 'text',
|
|
50
|
+
},
|
|
51
|
+
'stepper-icon3': {
|
|
52
|
+
control: 'text',
|
|
53
|
+
},
|
|
54
|
+
'stepper-title3': {
|
|
55
|
+
control: 'text',
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
args: {
|
|
59
|
+
color: 'default',
|
|
60
|
+
'state-first-step': 'default',
|
|
61
|
+
'state-second-step': 'default',
|
|
62
|
+
'state-third-step': 'default',
|
|
63
|
+
outline: null,
|
|
64
|
+
light: null,
|
|
65
|
+
'stepper-icon': `1`,
|
|
66
|
+
'stepper-title': `First step`,
|
|
67
|
+
'stepper-icon2': `2`,
|
|
68
|
+
'stepper-title2': `Second step`,
|
|
69
|
+
'stepper-icon3': `3`,
|
|
70
|
+
'stepper-title3': `Third step`,
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
|
|
74
|
+
export const Template = (args) => html`
|
|
75
|
+
<road-stepper color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
|
|
76
|
+
<div slot="stepper-icon">
|
|
77
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
78
|
+
</div>
|
|
79
|
+
<div slot="stepper-title">
|
|
80
|
+
${unsafeHTML(args['stepper-title'])}
|
|
81
|
+
</div>
|
|
82
|
+
<div slot="stepper-icon2">
|
|
83
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
84
|
+
</div>
|
|
85
|
+
<div slot="stepper-title2">
|
|
86
|
+
${unsafeHTML(args['stepper-title2'])}
|
|
87
|
+
</div>
|
|
88
|
+
<div slot="stepper-icon3">
|
|
89
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
90
|
+
</div>
|
|
91
|
+
<div slot="stepper-title3">
|
|
92
|
+
${unsafeHTML(args['stepper-title3'])}
|
|
93
|
+
</div>
|
|
94
|
+
</road-stepper>
|
|
95
|
+
`;
|
|
96
|
+
|
|
97
|
+
export const withoutlabel = (args) => html`
|
|
98
|
+
<road-stepper color="${ifDefined(args.color)}" outline="${ifDefined(args.outline)}" light="${ifDefined(args.light)}" state-first-step="${ifDefined(args['state-first-step'])}" state-second-step="${ifDefined(args['state-second-step'])}" state-third-step="${ifDefined(args['state-third-step'])}">
|
|
99
|
+
<div slot="stepper-icon">
|
|
100
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
101
|
+
</div>
|
|
102
|
+
<div slot="stepper-icon2">
|
|
103
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
104
|
+
</div>
|
|
105
|
+
<div slot="stepper-icon3">
|
|
106
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
107
|
+
</div>
|
|
108
|
+
</road-stepper>
|
|
109
|
+
`;
|
|
110
|
+
|
|
111
|
+
export const primary = (args) => html`
|
|
112
|
+
<road-stepper color="default" outline="false" state-first-step="current" state-second-step="default" state-third-step="default">
|
|
113
|
+
<div slot="stepper-icon">
|
|
114
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
115
|
+
</div>
|
|
116
|
+
<div slot="stepper-title">
|
|
117
|
+
${unsafeHTML(args['stepper-title'])}
|
|
118
|
+
</div>
|
|
119
|
+
<div slot="stepper-icon2">
|
|
120
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
121
|
+
</div>
|
|
122
|
+
<div slot="stepper-title2">
|
|
123
|
+
${unsafeHTML(args['stepper-title2'])}
|
|
124
|
+
</div>
|
|
125
|
+
<div slot="stepper-icon3">
|
|
126
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
127
|
+
</div>
|
|
128
|
+
<div slot="stepper-title3">
|
|
129
|
+
${unsafeHTML(args['stepper-title3'])}
|
|
130
|
+
</div>
|
|
131
|
+
</road-stepper>
|
|
132
|
+
`;
|
|
133
|
+
|
|
134
|
+
export const secondary = (args) => html`
|
|
135
|
+
<road-stepper color="secondary" outline="false" state-first-step="current" state-second-step="default" state-third-step="default">
|
|
136
|
+
<div slot="stepper-icon">
|
|
137
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
138
|
+
</div>
|
|
139
|
+
<div slot="stepper-title">
|
|
140
|
+
${unsafeHTML(args['stepper-title'])}
|
|
141
|
+
</div>
|
|
142
|
+
<div slot="stepper-icon2">
|
|
143
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
144
|
+
</div>
|
|
145
|
+
<div slot="stepper-title2">
|
|
146
|
+
${unsafeHTML(args['stepper-title2'])}
|
|
147
|
+
</div>
|
|
148
|
+
<div slot="stepper-icon3">
|
|
149
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
150
|
+
</div>
|
|
151
|
+
<div slot="stepper-title3">
|
|
152
|
+
${unsafeHTML(args['stepper-title3'])}
|
|
153
|
+
</div>
|
|
154
|
+
</road-stepper>
|
|
155
|
+
`;
|
|
156
|
+
|
|
157
|
+
export const stepcompleted = (args) => html`
|
|
158
|
+
<road-stepper color="secondary" outline="false" state-first-step="completed" state-second-step="current" state-third-step="default">
|
|
159
|
+
<div slot="stepper-icon">
|
|
160
|
+
<road-icon name="check-small" class="d-block" color="default"></road-icon>
|
|
161
|
+
</div>
|
|
162
|
+
<div slot="stepper-title">
|
|
163
|
+
${unsafeHTML(args['stepper-title'])}
|
|
164
|
+
</div>
|
|
165
|
+
<div slot="stepper-icon2">
|
|
166
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
167
|
+
</div>
|
|
168
|
+
<div slot="stepper-title2">
|
|
169
|
+
${unsafeHTML(args['stepper-title2'])}
|
|
170
|
+
</div>
|
|
171
|
+
<div slot="stepper-icon3">
|
|
172
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
173
|
+
</div>
|
|
174
|
+
<div slot="stepper-title3">
|
|
175
|
+
${unsafeHTML(args['stepper-title3'])}
|
|
176
|
+
</div>
|
|
177
|
+
</road-stepper>
|
|
178
|
+
`;
|
|
179
|
+
|
|
180
|
+
export const outline = (args) => html`
|
|
181
|
+
<road-stepper color="default" outline="true" state-first-step="current" state-second-step="default" state-third-step="default">
|
|
182
|
+
<div slot="stepper-icon">
|
|
183
|
+
${unsafeHTML(args['stepper-icon'])}
|
|
184
|
+
</div>
|
|
185
|
+
<div slot="stepper-title">
|
|
186
|
+
${unsafeHTML(args['stepper-title'])}
|
|
187
|
+
</div>
|
|
188
|
+
<div slot="stepper-icon2">
|
|
189
|
+
${unsafeHTML(args['stepper-icon2'])}
|
|
190
|
+
</div>
|
|
191
|
+
<div slot="stepper-title2">
|
|
192
|
+
${unsafeHTML(args['stepper-title2'])}
|
|
193
|
+
</div>
|
|
194
|
+
<div slot="stepper-icon3">
|
|
195
|
+
${unsafeHTML(args['stepper-icon3'])}
|
|
196
|
+
</div>
|
|
197
|
+
<div slot="stepper-title3">
|
|
198
|
+
${unsafeHTML(args['stepper-title3'])}
|
|
199
|
+
</div>
|
|
200
|
+
</road-stepper>
|
|
201
|
+
`;
|
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_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["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]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["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],"label":[1],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-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-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-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-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
|
|
28
|
+
return bootstrapLazy([["road-badge_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["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-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["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],"label":[1],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-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-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
31
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-0c8a0e04.js';
|
|
2
2
|
|
|
3
|
-
const alertCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.25;color:var(--road-grey-900);border:1px solid transparent;border-radius:0.25rem}.alert-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){background:var(--road-info-background);border-color:var(--road-info-default)}:host(.alert-info) ::slotted(road-icon){color:var(--road-info-default)}:host(.alert-success){background:var(--road-success-background);border-color:var(--road-success-default)}:host(.alert-success) ::slotted(road-icon){color:var(--road-success-default)}:host(.alert-warning){background:var(--road-warning-background);border-color:var(--road-warning-default)}:host(.alert-warning) ::slotted(road-icon){color:var(--road-warning-default)}:host(.alert-danger){background:var(--road-danger-background);border-color:var(--road-danger-default)}:host(.alert-danger) ::slotted(road-icon){color:var(--road-danger-default)}";
|
|
3
|
+
const alertCss = ":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.25;color:var(--road-grey-900);border:1px solid transparent;border-radius:0.25rem}.alert-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-grey-900);text-decoration:underline}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){background:var(--road-info-background);border-color:var(--road-info-default)}:host(.alert-info) ::slotted(road-icon){color:var(--road-info-default)}:host(.alert-success){background:var(--road-success-background);border-color:var(--road-success-default)}:host(.alert-success) ::slotted(road-icon){color:var(--road-success-default)}:host(.alert-warning){background:var(--road-warning-background);border-color:var(--road-warning-default)}:host(.alert-warning) ::slotted(road-icon){color:var(--road-warning-default)}:host(.alert-danger){background:var(--road-danger-background);border-color:var(--road-danger-default)}:host(.alert-danger) ::slotted(road-icon){color:var(--road-danger-default)}";
|
|
4
4
|
|
|
5
5
|
let Alert = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -12,7 +12,7 @@ let Alert = class {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const colorClass = this.color !== undefined ? `alert-${this.color}` : '';
|
|
15
|
-
return (h(Host, { class: colorClass, role: "alert" }, h("div", { class: "alert-icon" }, h("slot", { name: "icon" })), h("p", { class: "alert-description" }, h("slot", null))));
|
|
15
|
+
return (h(Host, { class: colorClass, role: "alert" }, h("div", { class: "alert-icon" }, h("slot", { name: "icon" })), h("div", null, this.label && h("span", { class: "alert-title d-block" }, this.label), h("p", { class: "alert-description" }, h("slot", null), this.link && h("a", { href: this.url, class: "alert-link link link-default" }, this.link)))));
|
|
16
16
|
}
|
|
17
17
|
};
|
|
18
18
|
Alert.style = alertCss;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-0c8a0e04.js';
|
|
2
|
+
|
|
3
|
+
const stepperCss = ":host{display:block}.stepper{display:-ms-flexbox;display:flex;padding-left:0;margin:0;font-family:var(--road-font);line-height:1.5;list-style:none}.stepper-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:center}.stepper-item:not(:last-child)::after{position:relative;top:1rem;left:50%;-ms-flex-order:-1;order:-1;height:2px;content:\"\";background:var(--road-grey-200)}.stepper-outline-light .stepper-item:not(:last-child)::after,.stepper-secondary-outline-light .stepper-item:not(:last-child)::after{left:calc(50% + calc(2rem / 2));width:calc(100% - 2rem)}.stepper-item:not(.completed) .stepper-link{cursor:not-allowed}.stepper-link{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stepper-icon{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;color:var(--road-grey-500);background:var(--road-grey-200);border-radius:50%;fill:currentColor}::slotted(.stepper-icon) road-icon{color:var(--road-secondary-600)}.stepper-outline .stepper-icon,.stepper-secondary.stepper-outline .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-500);background:var(--road-grey-000);border:2px solid var(--road-grey-500);fill:currentColor}.stepper-outline-light .stepper-icon,.stepper-secondary.stepper-outline-light .stepper-icon{color:var(--road-grey-500);background:none;border:2px solid var(--road-grey-500);fill:currentColor}.stepper-title{display:block;margin-top:0.25rem;font-size:0.875rem;font-weight:700;color:var(--road-grey-600)}.stepper-title span{display:block;font-size:0.875rem;font-weight:400;color:var(--road-grey-600)}.completed:not(:last-child)::after{background:var(--road-primary-500)}.stepper-secondary .completed:not(:last-child)::after,.stepper-secondary.stepper-outline .completed:not(:last-child)::after,.stepper-secondary.stepper-outline-light .completed:not(:last-child)::after{background:var(--road-secondary-600)}.completed .stepper-icon,.current .stepper-icon{width:2rem;height:2rem;color:var(--road-primary-contrast);background:var(--road-primary-500);border:0}.stepper-outline .completed .stepper-icon{color:var(--road-primary-500);background:var(--road-grey-000);border:2px solid var(--road-primary-500)}.stepper-outline-light .completed .stepper-icon{color:var(--road-primary-500);background:none;border:2px solid var(--road-primary-500)}.stepper-secondary .completed .stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600);border:0}.stepper-secondary.stepper-outline .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary-600);background:var(--road-grey-000);border:2px solid var(--road-secondary-600)}.stepper-secondary.stepper-outline-light .completed .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-secondary-600);background:none;border:2px solid var(--road-secondary-600)}.stepper-secondary .current .stepper-icon{width:calc(2rem - 4px);height:calc(2rem - 4px);color:var(--road-grey-900);background:var(--road-secondary-600);border:2px solid var(--road-secondary-600)}.stepper-secondary.stepper-outline .current .stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600)}.stepper-secondary.stepper-outline-light .current .stepper-icon{color:var(--road-grey-900);background:var(--road-secondary-600)}.current .stepper-title{font-weight:700;color:var(--road-grey-900)}";
|
|
4
|
+
|
|
5
|
+
let Stepper = class {
|
|
6
|
+
constructor(hostRef) {
|
|
7
|
+
registerInstance(this, hostRef);
|
|
8
|
+
/**
|
|
9
|
+
* The color stepper.
|
|
10
|
+
*/
|
|
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
|
+
}
|
|
21
|
+
render() {
|
|
22
|
+
const colorClass = this.color !== undefined ? `stepper stepper-${this.color}` : 'stepper';
|
|
23
|
+
const outlineClass = this.outline == true ? `stepper stepper-outline` : 'stepper';
|
|
24
|
+
const lightClass = this.light == true ? `stepper stepper-outline-light` : 'stepper';
|
|
25
|
+
const stateClass = this.stateFirstStep !== undefined ? `stepper-item ${this.stateFirstStep}` : 'stepper-item';
|
|
26
|
+
const stateSecondStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateSecondStep}` : 'stepper-item';
|
|
27
|
+
const stateThirdStepClass = this.stateSecondStep !== undefined ? `stepper-item ${this.stateThirdStep}` : 'stepper-item';
|
|
28
|
+
return (h(Host, null, h("nav", null, h("ul", { class: `${colorClass} ${outlineClass} ${lightClass}` }, h("li", { class: `${stateClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title" })))), h("li", { class: `${stateSecondStepClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon2" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title2" })))), h("li", { class: `${stateThirdStepClass}` }, h("a", { class: "stepper-link" }, h("span", { class: "stepper-icon" }, h("slot", { name: "stepper-icon3" })), h("span", { class: "stepper-title" }, h("slot", { name: "stepper-title3" }))))))));
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
Stepper.style = stepperCss;
|
|
32
|
+
|
|
33
|
+
export { Stepper as road_stepper };
|
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_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["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]}]]],["road-autocomplete",[[6,"road-autocomplete",{"options":[16],"visible":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["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],"label":[1],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-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-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-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-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
|
|
84
|
+
return bootstrapLazy([["road-badge_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{"inputId":[1,"input-id"],"min":[1],"max":[1],"step":[1],"value":[2],"size":[1]}]]],["road-plate-number",[[2,"road-plate-number",{"country":[1],"disabled":[4],"placeholder":[1],"readonly":[4],"value":[1032],"motorbike":[4]}]]],["road-accordion",[[1,"road-accordion",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{"isOpen":[1028,"is-open"],"label":[1],"link":[1],"url":[1],"close":[64]}]]],["road-carousel",[[4,"road-carousel",{"options":[8],"pager":[4],"arrows":[4],"update":[64],"updateAutoHeight":[64],"slideTo":[64],"slideNext":[64],"slidePrev":[64],"getActiveIndex":[64],"getPreviousIndex":[64],"length":[64],"isEnd":[64],"isBeginning":[64],"startAutoplay":[64],"stopAutoplay":[64],"lockSwipeToNext":[64],"lockSwipeToPrev":[64],"lockSwipes":[64],"getSwiper":[64]}]]],["road-checkbox",[[6,"road-checkbox",{"checkboxId":[1,"checkbox-id"],"name":[1],"required":[4],"checked":[1028],"indeterminate":[4],"disabled":[4],"value":[1],"label":[1],"inverse":[4],"error":[1],"helper":[1]}]]],["road-chip",[[1,"road-chip",{"color":[1],"outline":[4],"size":[1],"hasCloseIcon":[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{"isOpen":[1028,"is-open"],"showMore":[1,"show-more"],"showLess":[1,"show-less"],"centered":[4]}]]],["road-dialog",[[1,"road-dialog",{"isOpen":[1028,"is-open"],"hasCloseIcon":[4,"has-close-icon"],"color":[1],"icon":[1],"label":[1],"description":[1],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{"isOpen":[1028,"is-open"],"isLight":[4,"is-light"],"position":[513],"direction":[513]}]]],["road-modal",[[1,"road-modal",{"maxWidth":[2,"max-width"],"isOpen":[1028,"is-open"],"hasInverseHeader":[4,"has-inverse-header"],"modalTitle":[1,"modal-title"],"hasCloseIcon":[4,"has-close-icon"],"open":[64],"close":[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{"rangeId":[1,"range-id"],"value":[1032],"min":[1],"max":[1],"step":[1],"showValue":[4,"show-value"],"showTick":[4,"show-tick"]}]]],["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-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{"color":[1],"size":[513]}]]],["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],"label":[1],"color":[1]}]]],["road-radio",[[2,"road-radio",{"radioId":[1,"radio-id"],"name":[1],"required":[4],"disabled":[4],"value":[8],"label":[1],"inverse":[4],"error":[4],"helper":[1],"inline":[4],"checked":[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{"radioGroupId":[1,"radio-group-id"],"allowEmptySelection":[4,"allow-empty-selection"],"name":[1],"value":[1032],"label":[1],"asterisk":[4],"ariaLabel":[513,"aria-label"],"error":[1025],"helper":[1]}]]],["road-select",[[2,"road-select",{"selectId":[1,"select-id"],"options":[16],"autofocus":[4],"disabled":[4],"name":[1],"required":[4],"size":[2],"sizes":[1],"label":[1],"error":[1],"value":[1032]}]]],["road-select-filter",[[6,"road-select-filter",{"options":[16],"parameters":[8],"isActive":[4,"is-active"],"onlySelect":[4,"only-select"],"isOpen":[32],"currentValue":[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{"size":[513],"color":[513]}]]],["road-stepper",[[1,"road-stepper",{"color":[513],"light":[4],"outline":[4],"stateFirstStep":[1,"state-first-step"],"stateSecondStep":[1,"state-second-step"],"stateThirdStep":[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{"switchId":[1,"switch-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-tab",[[1,"road-tab",{"active":[1028],"tab":[1],"setActive":[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{"secondary":[4],"expand":[4],"center":[4],"selectedTab":[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{"download":[1],"href":[1],"rel":[1],"layout":[1],"selected":[1028],"tab":[1],"target":[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{"selectedTab":[32],"select":[64],"getTab":[64],"getSelected":[64]}]]],["road-text",[[1,"road-text",{"color":[1]}]]],["road-textarea",[[2,"road-textarea",{"textareaId":[1,"textarea-id"],"autocapitalize":[1],"autofocus":[4],"disabled":[4],"inputmode":[1],"enterkeyhint":[1],"maxlength":[2],"minlength":[2],"name":[1],"placeholder":[1],"sizes":[1],"readonly":[4],"required":[4],"spellcheck":[4],"cols":[2],"rows":[2],"wrap":[1],"value":[1025],"label":[1],"error":[1],"helper":[1]}]]],["road-toggle",[[2,"road-toggle",{"toggleId":[1,"toggle-id"],"name":[1],"checked":[1028],"disabled":[4],"label":[1],"color":[1],"hasLeftLabel":[4,"has-left-label"],"isSpaced":[4,"is-spaced"],"value":[1],"on":[1],"off":[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-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-card",[[1,"road-card",{"button":[4],"value":[1],"type":[1],"download":[1],"href":[1],"rel":[1],"target":[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]], options);
|
|
85
85
|
});
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-0c8a0e04.js";import"./app-a32f9d74.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-17041dc7.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["road-badge_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{inputId:[1,"input-id"],min:[1],max:[1],step:[1],value:[2],size:[1]}]]],["road-plate-number",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["road-accordion",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["road-carousel",[[4,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["road-checkbox",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["road-chip",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["road-dialog",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],position:[513],direction:[513]}]]],["road-modal",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"]}]]],["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]}]]],["road-autocomplete",[[6,"road-autocomplete",{options:[16],visible:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[4,"click","onClickOutside"]]]]],["road-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{color:[1],size:[513]}]]],["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],label:[1],color:[1]}]]],["road-radio",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["road-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-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-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-card",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]],a)}))};export{defineCustomElements};
|
|
1
|
+
import{C as CSS,p as plt,w as win,a as promiseResolve,b as bootstrapLazy}from"./index-0c8a0e04.js";import"./app-a32f9d74.js";var patchEsm=function(){if(!(CSS&&CSS.supports&&CSS.supports("color","var(--c)"))){return import("./css-shim-17041dc7.js").then((function(){if(plt.$cssShim$=win.__cssshim){return plt.$cssShim$.i()}else{return 0}}))}return promiseResolve()};var defineCustomElements=function(e,a){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){return bootstrapLazy([["road-badge_11",[[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"],[1,"road-label"],[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-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-counter",[[2,"road-counter",{inputId:[1,"input-id"],min:[1],max:[1],step:[1],value:[2],size:[1]}]]],["road-plate-number",[[2,"road-plate-number",{country:[1],disabled:[4],placeholder:[1],readonly:[4],value:[1032],motorbike:[4]}]]],["road-accordion",[[1,"road-accordion",{isOpen:[1028,"is-open"],isLight:[4,"is-light"]}]]],["road-banner",[[1,"road-banner",{isOpen:[1028,"is-open"],label:[1],link:[1],url:[1],close:[64]}]]],["road-carousel",[[4,"road-carousel",{options:[8],pager:[4],arrows:[4],update:[64],updateAutoHeight:[64],slideTo:[64],slideNext:[64],slidePrev:[64],getActiveIndex:[64],getPreviousIndex:[64],length:[64],isEnd:[64],isBeginning:[64],startAutoplay:[64],stopAutoplay:[64],lockSwipeToNext:[64],lockSwipeToPrev:[64],lockSwipes:[64],getSwiper:[64]}]]],["road-checkbox",[[6,"road-checkbox",{checkboxId:[1,"checkbox-id"],name:[1],required:[4],checked:[1028],indeterminate:[4],disabled:[4],value:[1],label:[1],inverse:[4],error:[1],helper:[1]}]]],["road-chip",[[1,"road-chip",{color:[1],outline:[4],size:[1],hasCloseIcon:[4,"has-close-icon"]}]]],["road-collapse",[[1,"road-collapse",{isOpen:[1028,"is-open"],showMore:[1,"show-more"],showLess:[1,"show-less"],centered:[4]}]]],["road-dialog",[[1,"road-dialog",{isOpen:[1028,"is-open"],hasCloseIcon:[4,"has-close-icon"],color:[1],icon:[1],label:[1],description:[1],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["road-dropdown",[[1,"road-dropdown",{isOpen:[1028,"is-open"],isLight:[4,"is-light"],position:[513],direction:[513]}]]],["road-modal",[[1,"road-modal",{maxWidth:[2,"max-width"],isOpen:[1028,"is-open"],hasInverseHeader:[4,"has-inverse-header"],modalTitle:[1,"modal-title"],hasCloseIcon:[4,"has-close-icon"],open:[64],close:[64]},[[4,"keyup","onEscape"]]]]],["road-range",[[2,"road-range",{rangeId:[1,"range-id"],value:[1032],min:[1],max:[1],step:[1],showValue:[4,"show-value"],showTick:[4,"show-tick"]}]]],["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-avatar",[[1,"road-avatar"]]],["road-carousel-item",[[4,"road-carousel-item"]]],["road-flap",[[1,"road-flap",{color:[1],size:[513]}]]],["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],label:[1],color:[1]}]]],["road-radio",[[2,"road-radio",{radioId:[1,"radio-id"],name:[1],required:[4],disabled:[4],value:[8],label:[1],inverse:[4],error:[4],helper:[1],inline:[4],checked:[32]},[[8,"roadChange","onRoadChangedChanged"],[8,"roadchange","onRoadChangedChanged"]]]]],["road-radio-group",[[6,"road-radio-group",{radioGroupId:[1,"radio-group-id"],allowEmptySelection:[4,"allow-empty-selection"],name:[1],value:[1032],label:[1],asterisk:[4],ariaLabel:[513,"aria-label"],error:[1025],helper:[1]}]]],["road-select",[[2,"road-select",{selectId:[1,"select-id"],options:[16],autofocus:[4],disabled:[4],name:[1],required:[4],size:[2],sizes:[1],label:[1],error:[1],value:[1032]}]]],["road-select-filter",[[6,"road-select-filter",{options:[16],parameters:[8],isActive:[4,"is-active"],onlySelect:[4,"only-select"],isOpen:[32],currentValue:[32]},[[0,"roadFocus","handleFocus"],[0,"roadfocus","handleFocus"],[0,"roadBlur","handleBlur"],[0,"roadblur","handleBlur"],[0,"roadChange","handleChange"],[0,"roadchange","handleChange"],[4,"click","onClickOutside"]]]]],["road-skeleton",[[1,"road-skeleton"]]],["road-spinner",[[1,"road-spinner",{size:[513],color:[513]}]]],["road-stepper",[[1,"road-stepper",{color:[513],light:[4],outline:[4],stateFirstStep:[1,"state-first-step"],stateSecondStep:[1,"state-second-step"],stateThirdStep:[1,"state-third-step"]}]]],["road-switch",[[2,"road-switch",{switchId:[1,"switch-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["road-tab",[[1,"road-tab",{active:[1028],tab:[1],setActive:[64]}]]],["road-tab-bar",[[1,"road-tab-bar",{secondary:[4],expand:[4],center:[4],selectedTab:[1,"selected-tab"]}]]],["road-tab-button",[[1,"road-tab-button",{download:[1],href:[1],rel:[1],layout:[1],selected:[1028],tab:[1],target:[1]},[[8,"roadTabBarChanged","onTabBarChanged"],[8,"roadTabbarchanged","onTabBarChanged"]]]]],["road-table",[[6,"road-table"]]],["road-tabs",[[1,"road-tabs",{selectedTab:[32],select:[64],getTab:[64],getSelected:[64]}]]],["road-text",[[1,"road-text",{color:[1]}]]],["road-textarea",[[2,"road-textarea",{textareaId:[1,"textarea-id"],autocapitalize:[1],autofocus:[4],disabled:[4],inputmode:[1],enterkeyhint:[1],maxlength:[2],minlength:[2],name:[1],placeholder:[1],sizes:[1],readonly:[4],required:[4],spellcheck:[4],cols:[2],rows:[2],wrap:[1],value:[1025],label:[1],error:[1],helper:[1]}]]],["road-toggle",[[2,"road-toggle",{toggleId:[1,"toggle-id"],name:[1],checked:[1028],disabled:[4],label:[1],color:[1],hasLeftLabel:[4,"has-left-label"],isSpaced:[4,"is-spaced"],value:[1],on:[1],off:[1]}]]],["road-toolbar-title",[[1,"road-toolbar-title"]]],["road-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-card",[[1,"road-card",{button:[4],value:[1],type:[1],download:[1],href:[1],rel:[1],target:[1]}]]],["road-input",[[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]}]]],["road-input-group",[[1,"road-input-group"]]]],a)}))};export{defineCustomElements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-0c8a0e04.js";var alertCss=":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.25;color:var(--road-grey-900);border:1px solid transparent;border-radius:0.25rem}.alert-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){background:var(--road-info-background);border-color:var(--road-info-default)}:host(.alert-info) ::slotted(road-icon){color:var(--road-info-default)}:host(.alert-success){background:var(--road-success-background);border-color:var(--road-success-default)}:host(.alert-success) ::slotted(road-icon){color:var(--road-success-default)}:host(.alert-warning){background:var(--road-warning-background);border-color:var(--road-warning-default)}:host(.alert-warning) ::slotted(road-icon){color:var(--road-warning-default)}:host(.alert-danger){background:var(--road-danger-background);border-color:var(--road-danger-default)}:host(.alert-danger) ::slotted(road-icon){color:var(--road-danger-default)}";var Alert=function(){function r(r){registerInstance(this,r);this.color="info"}r.prototype.render=function(){var r=this.color!==undefined?"alert-"+this.color:"";return h(Host,{class:r,role:"alert"},h("div",{class:"alert-icon"},h("slot",{name:"icon"})),h("p",{class:"alert-description"},h("slot",null)))};return r}();Alert.style=alertCss;export{Alert as road_alert};
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-0c8a0e04.js";var alertCss=":host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;padding:0.5rem 1rem 0.5rem 0.5rem;font-family:var(--road-font, sans-serif);font-size:1rem;line-height:1.25;color:var(--road-grey-900);border:1px solid transparent;border-radius:0.25rem}.alert-icon{-ms-flex-negative:0;flex-shrink:0;width:2rem;height:2rem;margin-right:0.5rem}.alert-title{padding:0.375rem 0 0;font-weight:700}.alert-link{display:block;margin:0;color:var(--road-grey-900);text-decoration:underline}.alert-description{padding:0.375rem 0;margin:0}:host(.alert-info){background:var(--road-info-background);border-color:var(--road-info-default)}:host(.alert-info) ::slotted(road-icon){color:var(--road-info-default)}:host(.alert-success){background:var(--road-success-background);border-color:var(--road-success-default)}:host(.alert-success) ::slotted(road-icon){color:var(--road-success-default)}:host(.alert-warning){background:var(--road-warning-background);border-color:var(--road-warning-default)}:host(.alert-warning) ::slotted(road-icon){color:var(--road-warning-default)}:host(.alert-danger){background:var(--road-danger-background);border-color:var(--road-danger-default)}:host(.alert-danger) ::slotted(road-icon){color:var(--road-danger-default)}";var Alert=function(){function r(r){registerInstance(this,r);this.color="info"}r.prototype.render=function(){var r=this.color!==undefined?"alert-"+this.color:"";return h(Host,{class:r,role:"alert"},h("div",{class:"alert-icon"},h("slot",{name:"icon"})),h("div",null,this.label&&h("span",{class:"alert-title d-block"},this.label),h("p",{class:"alert-description"},h("slot",null),this.link&&h("a",{href:this.url,class:"alert-link link link-default"},this.link))))};return r}();Alert.style=alertCss;export{Alert as road_alert};
|