@rarui/components 1.0.0 → 1.1.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/exhibition/Avatar/src/Avatar.d.ts +7 -0
- package/dist/exhibition/Avatar/src/avatar.types.d.ts +6 -0
- package/dist/exhibition/Avatar/src/index.d.ts +1 -0
- package/dist/exhibition/Badge/src/Badge.d.ts +24 -0
- package/dist/exhibition/Badge/src/badge.types.d.ts +8 -0
- package/dist/exhibition/Badge/src/index.d.ts +1 -0
- package/dist/exhibition/Text/src/Text.d.ts +7 -0
- package/dist/exhibition/Text/src/index.d.ts +1 -0
- package/dist/exhibition/Text/src/text.types.d.ts +6 -0
- package/dist/exhibition/Title/src/Title.d.ts +7 -0
- package/dist/exhibition/Title/src/index.d.ts +1 -0
- package/dist/exhibition/Title/src/title.types.d.ts +6 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.js +116 -1
- package/dist/input/Button/src/Button.d.ts +11 -0
- package/dist/input/Button/src/button.types.d.ts +6 -0
- package/dist/input/Button/src/index.d.ts +1 -0
- package/dist/layout/Box/src/Box.d.ts +6 -0
- package/dist/layout/Box/src/box.types.d.ts +6 -0
- package/dist/layout/Box/src/index.d.ts +1 -0
- package/dist/navigation/Tabs/src/Tabs.d.ts +16 -0
- package/dist/navigation/Tabs/src/index.d.ts +1 -0
- package/dist/navigation/Tabs/src/tabs.types.d.ts +6 -0
- package/package.json +8 -9
- package/dist/cjs/app-globals-3a1e7e63.js +0 -7
- package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
- package/dist/cjs/index-b5398c4a.js +0 -1428
- package/dist/cjs/index-b5398c4a.js.map +0 -1
- package/dist/cjs/index.cjs.js +0 -4
- package/dist/cjs/index.cjs.js.map +0 -1
- package/dist/cjs/loader.cjs.js +0 -17
- package/dist/cjs/loader.cjs.js.map +0 -1
- package/dist/cjs/rarui-box.cjs.entry.js +0 -28
- package/dist/cjs/rarui-box.cjs.entry.js.map +0 -1
- package/dist/cjs/rarui-button.cjs.entry.js +0 -35
- package/dist/cjs/rarui-button.cjs.entry.js.map +0 -1
- package/dist/cjs/rarui-components.cjs.js +0 -27
- package/dist/cjs/rarui-components.cjs.js.map +0 -1
- package/dist/cjs/rarui-tabs-item.cjs.entry.js +0 -20
- package/dist/cjs/rarui-tabs-item.cjs.entry.js.map +0 -1
- package/dist/cjs/rarui-tabs.cjs.entry.js +0 -39
- package/dist/cjs/rarui-tabs.cjs.entry.js.map +0 -1
- package/dist/cjs/rarui-text.cjs.entry.js +0 -35
- package/dist/cjs/rarui-text.cjs.entry.js.map +0 -1
- package/dist/cjs/rarui-title.cjs.entry.js +0 -35
- package/dist/cjs/rarui-title.cjs.entry.js.map +0 -1
- package/dist/cjs/tslib.es6-512c1da2.js +0 -32
- package/dist/cjs/tslib.es6-512c1da2.js.map +0 -1
- package/dist/collection/collection-manifest.json +0 -17
- package/dist/collection/exhibition/Text/src/Text.js +0 -66
- package/dist/collection/exhibition/Text/src/Text.js.map +0 -1
- package/dist/collection/exhibition/Text/src/index.js +0 -2
- package/dist/collection/exhibition/Text/src/index.js.map +0 -1
- package/dist/collection/exhibition/Text/stencil.config.js +0 -5
- package/dist/collection/exhibition/Text/stencil.config.js.map +0 -1
- package/dist/collection/exhibition/Title/src/Title.js +0 -66
- package/dist/collection/exhibition/Title/src/Title.js.map +0 -1
- package/dist/collection/exhibition/Title/src/index.js +0 -2
- package/dist/collection/exhibition/Title/src/index.js.map +0 -1
- package/dist/collection/exhibition/Title/stencil.config.js +0 -5
- package/dist/collection/exhibition/Title/stencil.config.js.map +0 -1
- package/dist/collection/input/Button/src/Button.js +0 -229
- package/dist/collection/input/Button/src/Button.js.map +0 -1
- package/dist/collection/input/Button/src/index.js +0 -2
- package/dist/collection/input/Button/src/index.js.map +0 -1
- package/dist/collection/input/Button/stencil.config.js +0 -5
- package/dist/collection/input/Button/stencil.config.js.map +0 -1
- package/dist/collection/layout/Box/src/Box.js +0 -42
- package/dist/collection/layout/Box/src/Box.js.map +0 -1
- package/dist/collection/layout/Box/src/index.js +0 -2
- package/dist/collection/layout/Box/src/index.js.map +0 -1
- package/dist/collection/layout/Box/stencil.config.js +0 -5
- package/dist/collection/layout/Box/stencil.config.js.map +0 -1
- package/dist/collection/navigation/Tabs/Item/src/Item.js +0 -34
- package/dist/collection/navigation/Tabs/Item/src/Item.js.map +0 -1
- package/dist/collection/navigation/Tabs/Item/src/index.js +0 -2
- package/dist/collection/navigation/Tabs/Item/src/index.js.map +0 -1
- package/dist/collection/navigation/Tabs/Item/stencil.config.js +0 -5
- package/dist/collection/navigation/Tabs/Item/stencil.config.js.map +0 -1
- package/dist/collection/navigation/Tabs/Root/src/Root.js +0 -143
- package/dist/collection/navigation/Tabs/Root/src/Root.js.map +0 -1
- package/dist/collection/navigation/Tabs/Root/src/index.js +0 -2
- package/dist/collection/navigation/Tabs/Root/src/index.js.map +0 -1
- package/dist/collection/navigation/Tabs/Root/stencil.config.js +0 -5
- package/dist/collection/navigation/Tabs/Root/stencil.config.js.map +0 -1
- package/dist/esm/app-globals-0f993ce5.js +0 -5
- package/dist/esm/app-globals-0f993ce5.js.map +0 -1
- package/dist/esm/index-81e77ca5.js +0 -1399
- package/dist/esm/index-81e77ca5.js.map +0 -1
- package/dist/esm/index.js +0 -3
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/loader.js +0 -13
- package/dist/esm/loader.js.map +0 -1
- package/dist/esm/rarui-box.entry.js +0 -24
- package/dist/esm/rarui-box.entry.js.map +0 -1
- package/dist/esm/rarui-button.entry.js +0 -31
- package/dist/esm/rarui-button.entry.js.map +0 -1
- package/dist/esm/rarui-components.js +0 -22
- package/dist/esm/rarui-components.js.map +0 -1
- package/dist/esm/rarui-tabs-item.entry.js +0 -16
- package/dist/esm/rarui-tabs-item.entry.js.map +0 -1
- package/dist/esm/rarui-tabs.entry.js +0 -35
- package/dist/esm/rarui-tabs.entry.js.map +0 -1
- package/dist/esm/rarui-text.entry.js +0 -31
- package/dist/esm/rarui-text.entry.js.map +0 -1
- package/dist/esm/rarui-title.entry.js +0 -31
- package/dist/esm/rarui-title.entry.js.map +0 -1
- package/dist/esm/tslib.es6-46fef1fc.js +0 -30
- package/dist/esm/tslib.es6-46fef1fc.js.map +0 -1
- package/dist/index.cjs.js +0 -1
- package/dist/loader/cdn.js +0 -1
- package/dist/loader/index.cjs.js +0 -1
- package/dist/loader/index.d.ts +0 -24
- package/dist/loader/index.es2017.js +0 -1
- package/dist/loader/index.js +0 -2
- package/dist/loader/package.json +0 -11
- package/dist/rarui-components/index.esm.js +0 -2
- package/dist/rarui-components/index.esm.js.map +0 -1
- package/dist/rarui-components/p-4235f9e9.entry.js +0 -2
- package/dist/rarui-components/p-4235f9e9.entry.js.map +0 -1
- package/dist/rarui-components/p-460d0eb2.entry.js +0 -2
- package/dist/rarui-components/p-460d0eb2.entry.js.map +0 -1
- package/dist/rarui-components/p-8495565d.js +0 -2
- package/dist/rarui-components/p-8495565d.js.map +0 -1
- package/dist/rarui-components/p-8a339b04.entry.js +0 -2
- package/dist/rarui-components/p-8a339b04.entry.js.map +0 -1
- package/dist/rarui-components/p-9492df61.js +0 -3
- package/dist/rarui-components/p-9492df61.js.map +0 -1
- package/dist/rarui-components/p-981fe085.entry.js +0 -2
- package/dist/rarui-components/p-981fe085.entry.js.map +0 -1
- package/dist/rarui-components/p-98b92162.entry.js +0 -2
- package/dist/rarui-components/p-98b92162.entry.js.map +0 -1
- package/dist/rarui-components/p-e1255160.js +0 -2
- package/dist/rarui-components/p-e1255160.js.map +0 -1
- package/dist/rarui-components/p-ffb1013c.entry.js +0 -2
- package/dist/rarui-components/p-ffb1013c.entry.js.map +0 -1
- package/dist/rarui-components/rarui-components.esm.js +0 -2
- package/dist/rarui-components/rarui-components.esm.js.map +0 -1
- package/dist/types/components.d.ts +0 -156
- package/dist/types/exhibition/Text/src/Text.d.ts +0 -7
- package/dist/types/exhibition/Text/src/index.d.ts +0 -10
- package/dist/types/exhibition/Text/stencil.config.d.ts +0 -54
- package/dist/types/exhibition/Title/src/Title.d.ts +0 -7
- package/dist/types/exhibition/Title/src/index.d.ts +0 -10
- package/dist/types/exhibition/Title/stencil.config.d.ts +0 -54
- package/dist/types/input/Button/src/Button.d.ts +0 -14
- package/dist/types/input/Button/src/index.d.ts +0 -10
- package/dist/types/input/Button/stencil.config.d.ts +0 -54
- package/dist/types/layout/Box/src/Box.d.ts +0 -6
- package/dist/types/layout/Box/src/index.d.ts +0 -10
- package/dist/types/layout/Box/stencil.config.d.ts +0 -54
- package/dist/types/navigation/Tabs/Item/src/Item.d.ts +0 -5
- package/dist/types/navigation/Tabs/Item/src/index.d.ts +0 -10
- package/dist/types/navigation/Tabs/Item/stencil.config.d.ts +0 -54
- package/dist/types/navigation/Tabs/Root/src/Root.d.ts +0 -14
- package/dist/types/navigation/Tabs/Root/src/index.d.ts +0 -10
- package/dist/types/navigation/Tabs/Root/stencil.config.d.ts +0 -54
- package/dist/types/stencil-public-runtime.d.ts +0 -1674
|
@@ -1,229 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
import { button } from "@rarui/styles";
|
|
3
|
-
export class RaruiButton {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.appearance = "brand";
|
|
6
|
-
this.variant = "solid";
|
|
7
|
-
this.size = "large";
|
|
8
|
-
this.full = undefined;
|
|
9
|
-
this.disabled = undefined;
|
|
10
|
-
this.type = undefined;
|
|
11
|
-
this.href = undefined;
|
|
12
|
-
this.target = undefined;
|
|
13
|
-
this.as = "button";
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
const As = this.as;
|
|
17
|
-
return (h(As, { key: 'af4413f4c552275c431b6f8eb2de0bffc64f8b51', class: button.classnames.button({
|
|
18
|
-
appearance: this.appearance,
|
|
19
|
-
variant: this.variant,
|
|
20
|
-
size: this.size,
|
|
21
|
-
full: this.full,
|
|
22
|
-
}), disabled: this.disabled, type: this.type, href: this.href, target: this.target }, h("slot", { key: 'acf98dfc2c89a631c2d6b72b233152ff7150d4f4' })));
|
|
23
|
-
}
|
|
24
|
-
static get is() { return "rarui-button"; }
|
|
25
|
-
static get encapsulation() { return "scoped"; }
|
|
26
|
-
static get properties() {
|
|
27
|
-
return {
|
|
28
|
-
"appearance": {
|
|
29
|
-
"type": "any",
|
|
30
|
-
"mutable": false,
|
|
31
|
-
"complexType": {
|
|
32
|
-
"original": "ButtonVariants[\"appearance\"]",
|
|
33
|
-
"resolved": "ButtonVariants",
|
|
34
|
-
"references": {
|
|
35
|
-
"ButtonVariants": {
|
|
36
|
-
"location": "global",
|
|
37
|
-
"id": "global::ButtonVariants"
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
"required": false,
|
|
42
|
-
"optional": false,
|
|
43
|
-
"docs": {
|
|
44
|
-
"tags": [],
|
|
45
|
-
"text": ""
|
|
46
|
-
},
|
|
47
|
-
"attribute": "appearance",
|
|
48
|
-
"reflect": false,
|
|
49
|
-
"defaultValue": "\"brand\""
|
|
50
|
-
},
|
|
51
|
-
"variant": {
|
|
52
|
-
"type": "any",
|
|
53
|
-
"mutable": false,
|
|
54
|
-
"complexType": {
|
|
55
|
-
"original": "ButtonVariants[\"variant\"]",
|
|
56
|
-
"resolved": "ButtonVariants",
|
|
57
|
-
"references": {
|
|
58
|
-
"ButtonVariants": {
|
|
59
|
-
"location": "global",
|
|
60
|
-
"id": "global::ButtonVariants"
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
"required": false,
|
|
65
|
-
"optional": false,
|
|
66
|
-
"docs": {
|
|
67
|
-
"tags": [],
|
|
68
|
-
"text": ""
|
|
69
|
-
},
|
|
70
|
-
"attribute": "variant",
|
|
71
|
-
"reflect": false,
|
|
72
|
-
"defaultValue": "\"solid\""
|
|
73
|
-
},
|
|
74
|
-
"size": {
|
|
75
|
-
"type": "any",
|
|
76
|
-
"mutable": false,
|
|
77
|
-
"complexType": {
|
|
78
|
-
"original": "ButtonVariants[\"size\"]",
|
|
79
|
-
"resolved": "ButtonVariants",
|
|
80
|
-
"references": {
|
|
81
|
-
"ButtonVariants": {
|
|
82
|
-
"location": "global",
|
|
83
|
-
"id": "global::ButtonVariants"
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"required": false,
|
|
88
|
-
"optional": false,
|
|
89
|
-
"docs": {
|
|
90
|
-
"tags": [],
|
|
91
|
-
"text": ""
|
|
92
|
-
},
|
|
93
|
-
"attribute": "size",
|
|
94
|
-
"reflect": false,
|
|
95
|
-
"defaultValue": "\"large\""
|
|
96
|
-
},
|
|
97
|
-
"full": {
|
|
98
|
-
"type": "any",
|
|
99
|
-
"mutable": false,
|
|
100
|
-
"complexType": {
|
|
101
|
-
"original": "ButtonVariants[\"full\"]",
|
|
102
|
-
"resolved": "ButtonVariants",
|
|
103
|
-
"references": {
|
|
104
|
-
"ButtonVariants": {
|
|
105
|
-
"location": "global",
|
|
106
|
-
"id": "global::ButtonVariants"
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
"required": false,
|
|
111
|
-
"optional": false,
|
|
112
|
-
"docs": {
|
|
113
|
-
"tags": [],
|
|
114
|
-
"text": ""
|
|
115
|
-
},
|
|
116
|
-
"attribute": "full",
|
|
117
|
-
"reflect": false
|
|
118
|
-
},
|
|
119
|
-
"disabled": {
|
|
120
|
-
"type": "boolean",
|
|
121
|
-
"mutable": false,
|
|
122
|
-
"complexType": {
|
|
123
|
-
"original": "HTMLButtonElement[\"disabled\"]",
|
|
124
|
-
"resolved": "boolean",
|
|
125
|
-
"references": {
|
|
126
|
-
"HTMLButtonElement": {
|
|
127
|
-
"location": "global",
|
|
128
|
-
"id": "global::HTMLButtonElement"
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
},
|
|
132
|
-
"required": false,
|
|
133
|
-
"optional": false,
|
|
134
|
-
"docs": {
|
|
135
|
-
"tags": [],
|
|
136
|
-
"text": ""
|
|
137
|
-
},
|
|
138
|
-
"attribute": "disabled",
|
|
139
|
-
"reflect": false
|
|
140
|
-
},
|
|
141
|
-
"type": {
|
|
142
|
-
"type": "string",
|
|
143
|
-
"mutable": false,
|
|
144
|
-
"complexType": {
|
|
145
|
-
"original": "HTMLButtonElement[\"type\"]",
|
|
146
|
-
"resolved": "\"button\" | \"reset\" | \"submit\"",
|
|
147
|
-
"references": {
|
|
148
|
-
"HTMLButtonElement": {
|
|
149
|
-
"location": "global",
|
|
150
|
-
"id": "global::HTMLButtonElement"
|
|
151
|
-
}
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
"required": false,
|
|
155
|
-
"optional": false,
|
|
156
|
-
"docs": {
|
|
157
|
-
"tags": [],
|
|
158
|
-
"text": ""
|
|
159
|
-
},
|
|
160
|
-
"attribute": "type",
|
|
161
|
-
"reflect": false
|
|
162
|
-
},
|
|
163
|
-
"href": {
|
|
164
|
-
"type": "string",
|
|
165
|
-
"mutable": false,
|
|
166
|
-
"complexType": {
|
|
167
|
-
"original": "HTMLAnchorElement[\"href\"]",
|
|
168
|
-
"resolved": "string",
|
|
169
|
-
"references": {
|
|
170
|
-
"HTMLAnchorElement": {
|
|
171
|
-
"location": "global",
|
|
172
|
-
"id": "global::HTMLAnchorElement"
|
|
173
|
-
}
|
|
174
|
-
}
|
|
175
|
-
},
|
|
176
|
-
"required": false,
|
|
177
|
-
"optional": false,
|
|
178
|
-
"docs": {
|
|
179
|
-
"tags": [],
|
|
180
|
-
"text": ""
|
|
181
|
-
},
|
|
182
|
-
"attribute": "href",
|
|
183
|
-
"reflect": false
|
|
184
|
-
},
|
|
185
|
-
"target": {
|
|
186
|
-
"type": "string",
|
|
187
|
-
"mutable": false,
|
|
188
|
-
"complexType": {
|
|
189
|
-
"original": "HTMLAnchorElement[\"target\"]",
|
|
190
|
-
"resolved": "string",
|
|
191
|
-
"references": {
|
|
192
|
-
"HTMLAnchorElement": {
|
|
193
|
-
"location": "global",
|
|
194
|
-
"id": "global::HTMLAnchorElement"
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
},
|
|
198
|
-
"required": false,
|
|
199
|
-
"optional": false,
|
|
200
|
-
"docs": {
|
|
201
|
-
"tags": [],
|
|
202
|
-
"text": ""
|
|
203
|
-
},
|
|
204
|
-
"attribute": "target",
|
|
205
|
-
"reflect": false
|
|
206
|
-
},
|
|
207
|
-
"as": {
|
|
208
|
-
"type": "string",
|
|
209
|
-
"mutable": false,
|
|
210
|
-
"complexType": {
|
|
211
|
-
"original": "string",
|
|
212
|
-
"resolved": "string",
|
|
213
|
-
"references": {}
|
|
214
|
-
},
|
|
215
|
-
"required": false,
|
|
216
|
-
"optional": false,
|
|
217
|
-
"docs": {
|
|
218
|
-
"tags": [],
|
|
219
|
-
"text": ""
|
|
220
|
-
},
|
|
221
|
-
"attribute": "as",
|
|
222
|
-
"reflect": false,
|
|
223
|
-
"defaultValue": "\"button\""
|
|
224
|
-
}
|
|
225
|
-
};
|
|
226
|
-
}
|
|
227
|
-
static get elementRef() { return "el"; }
|
|
228
|
-
}
|
|
229
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/input/Button/src/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAkB,MAAM,eAAe,CAAC;AAMvD,MAAM,OAAO,WAAW;;0BAG6B,OAAO;uBACb,OAAO;oBACb,OAAO;;;;;;kBAMzB,QAAQ;;IAE7B,MAAM;QACJ,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACnB,OAAO,CACL,EAAC,EAAE,qDACD,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC;gBAC9B,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB,CAAC,EACF,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM;YAEnB,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element, h } from \"@stencil/core\";\nimport { button, ButtonVariants } from \"@rarui/styles\";\n\n@Component({\n tag: \"rarui-button\",\n scoped: true,\n})\nexport class RaruiButton {\n @Element() el: HTMLButtonElement;\n\n @Prop() appearance: ButtonVariants[\"appearance\"] = \"brand\";\n @Prop() variant: ButtonVariants[\"variant\"] = \"solid\";\n @Prop() size: ButtonVariants[\"size\"] = \"large\";\n @Prop() full: ButtonVariants[\"full\"];\n @Prop() disabled: HTMLButtonElement[\"disabled\"];\n @Prop() type: HTMLButtonElement[\"type\"];\n @Prop() href: HTMLAnchorElement[\"href\"];\n @Prop() target: HTMLAnchorElement[\"target\"];\n @Prop() as: string = \"button\";\n\n render() {\n const As = this.as;\n return (\n <As\n class={button.classnames.button({\n appearance: this.appearance,\n variant: this.variant,\n size: this.size,\n full: this.full,\n })}\n disabled={this.disabled}\n type={this.type}\n href={this.href}\n target={this.target}\n >\n <slot></slot>\n </As>\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/input/Button/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from \"./components.js\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../src/input/Button/stencil.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,gBAAgB,CAAC;IACnD,SAAS,EAAE,cAAc;CAC1B,CAAC,CAAC","sourcesContent":["import { configuration } from \"@rarui/stencil/src\";\n\nexport const config = configuration.getConfiguration({\n namespace: \"rarui-button\",\n});\n"]}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { __decorate } from "tslib";
|
|
2
|
-
import { h } from "@stencil/core";
|
|
3
|
-
import { box, CaptureCssProperties } from "@rarui/styles";
|
|
4
|
-
export class RaruiBox {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.props = {};
|
|
7
|
-
this.as = "div";
|
|
8
|
-
}
|
|
9
|
-
render() {
|
|
10
|
-
const As = this.as;
|
|
11
|
-
const { className, style, otherProps } = box.sprinkle(this.props);
|
|
12
|
-
return (h(As, Object.assign({ key: '200d39f5779aef67d2515f0c96eadf6e5b6bcfd2', class: className, style: style }, otherProps), h("slot", { key: '3ac21ab289097e2e73c53a6d0ec474a23f899f73' })));
|
|
13
|
-
}
|
|
14
|
-
static get is() { return "rarui-box"; }
|
|
15
|
-
static get properties() {
|
|
16
|
-
return {
|
|
17
|
-
"as": {
|
|
18
|
-
"type": "string",
|
|
19
|
-
"mutable": false,
|
|
20
|
-
"complexType": {
|
|
21
|
-
"original": "string",
|
|
22
|
-
"resolved": "string",
|
|
23
|
-
"references": {}
|
|
24
|
-
},
|
|
25
|
-
"required": false,
|
|
26
|
-
"optional": false,
|
|
27
|
-
"docs": {
|
|
28
|
-
"tags": [],
|
|
29
|
-
"text": ""
|
|
30
|
-
},
|
|
31
|
-
"attribute": "as",
|
|
32
|
-
"reflect": false,
|
|
33
|
-
"defaultValue": "\"div\""
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
static get elementRef() { return "el"; }
|
|
38
|
-
}
|
|
39
|
-
__decorate([
|
|
40
|
-
CaptureCssProperties
|
|
41
|
-
], RaruiBox.prototype, "render", null);
|
|
42
|
-
//# sourceMappingURL=Box.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/layout/Box/src/Box.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAK1D,MAAM,OAAO,QAAQ;;QACX,UAAK,GAA2B,EAAE,CAAC;kBAGtB,KAAK;;IAE1B,MAAM;QACJ,MAAM,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QACnB,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAElE,OAAO,CACL,EAAC,EAAE,mEAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,IAAM,UAAU;YAChD,8DAAa,CACV,CACN,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF;AAVC;IADC,oBAAoB;sCAUpB","sourcesContent":["import { Component, Prop, Element, h } from \"@stencil/core\";\nimport { box, CaptureCssProperties } from \"@rarui/styles\";\n\n@Component({\n tag: \"rarui-box\",\n})\nexport class RaruiBox {\n private props: { [key: string]: any } = {};\n\n @Element() el: HTMLElement;\n @Prop() as: string = \"div\";\n @CaptureCssProperties\n render() {\n const As = this.as;\n const { className, style, otherProps } = box.sprinkle(this.props);\n\n return (\n <As class={className} style={style} {...otherProps}>\n <slot></slot>\n </As>\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/layout/Box/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from \"./components.js\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../src/layout/Box/stencil.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,gBAAgB,CAAC;IACnD,SAAS,EAAE,WAAW;CACvB,CAAC,CAAC","sourcesContent":["import { configuration } from \"@rarui/stencil/src\";\n\nexport const config = configuration.getConfiguration({\n namespace: \"rarui-box\",\n});\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
export class RaruiTabs {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.label = undefined;
|
|
5
|
-
}
|
|
6
|
-
render() {
|
|
7
|
-
return (h("rarui-box", { key: '65e9b111ac8dd423d2d6c80f2a84e6a54224880b', color: "$primary" }, h("slot", { key: 'd231485cefc374e67e37bba7ba76b8753e5de939' })));
|
|
8
|
-
}
|
|
9
|
-
static get is() { return "rarui-tabs-item"; }
|
|
10
|
-
static get encapsulation() { return "scoped"; }
|
|
11
|
-
static get properties() {
|
|
12
|
-
return {
|
|
13
|
-
"label": {
|
|
14
|
-
"type": "string",
|
|
15
|
-
"mutable": false,
|
|
16
|
-
"complexType": {
|
|
17
|
-
"original": "string",
|
|
18
|
-
"resolved": "string",
|
|
19
|
-
"references": {}
|
|
20
|
-
},
|
|
21
|
-
"required": false,
|
|
22
|
-
"optional": false,
|
|
23
|
-
"docs": {
|
|
24
|
-
"tags": [],
|
|
25
|
-
"text": ""
|
|
26
|
-
},
|
|
27
|
-
"attribute": "label",
|
|
28
|
-
"reflect": false
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
}
|
|
32
|
-
static get elementRef() { return "el"; }
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=Item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../../src/navigation/Tabs/Item/src/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAM5D,MAAM,OAAO,SAAS;;;;IAIpB,MAAM;QACJ,OAAO,CACL,kEAAW,KAAK,EAAC,UAAU;YACzB,8DAAa,CACH,CACb,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Element, h } from \"@stencil/core\";\n\n@Component({\n tag: \"rarui-tabs-item\",\n scoped: true,\n})\nexport class RaruiTabs {\n @Element() el: HTMLUListElement;\n @Prop() label: string;\n\n render() {\n return (\n <rarui-box color=\"$primary\">\n <slot></slot>\n </rarui-box>\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigation/Tabs/Item/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from \"./components.js\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Item/stencil.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,gBAAgB,CAAC;IACnD,SAAS,EAAE,iBAAiB;CAC7B,CAAC,CAAC","sourcesContent":["import { configuration } from \"@rarui/stencil/src\";\n\nexport const config = configuration.getConfiguration({\n namespace: \"rarui-tabs-item\",\n});\n"]}
|
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { Host, h, } from "@stencil/core";
|
|
2
|
-
import { tabs } from "@rarui/styles";
|
|
3
|
-
export class RaruiTabs {
|
|
4
|
-
constructor() {
|
|
5
|
-
this.position = "left";
|
|
6
|
-
this.underlined = undefined;
|
|
7
|
-
this.full = undefined;
|
|
8
|
-
this.defaultTab = 0;
|
|
9
|
-
this.selected = this.defaultTab;
|
|
10
|
-
}
|
|
11
|
-
componentWillLoad() {
|
|
12
|
-
this.tabsChildrens = Array.from(this.el.querySelectorAll("rarui-tabs-item"));
|
|
13
|
-
this.tabsChildrens.forEach((child) => child.remove());
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (h(Host, { key: '6014121f81f29cb3b20a1c2c9f56229e4db255a2' }, h("ul", { key: '4101191336c3f46f1e520c2f598313486b674d97', class: tabs.classnames.ul({
|
|
17
|
-
position: this.position,
|
|
18
|
-
underlined: this.underlined,
|
|
19
|
-
}) }, this.tabsChildrens.map((tabChildren, index) => (h("li", { class: tabs.classnames.li({ full: this.full }) }, h("button", { type: "button", class: tabs.classnames.button({
|
|
20
|
-
underlined: this.underlined,
|
|
21
|
-
selected: this.selected === index,
|
|
22
|
-
}), onClick: () => {
|
|
23
|
-
this.selected = index;
|
|
24
|
-
this.selectedTab.emit(index);
|
|
25
|
-
} }, tabChildren.label))))), h("div", { key: '8e7832f0fc413085a4934bd9120df769ec3a70bf', innerHTML: this.tabsChildrens[this.selected].outerHTML })));
|
|
26
|
-
}
|
|
27
|
-
static get is() { return "rarui-tabs"; }
|
|
28
|
-
static get encapsulation() { return "scoped"; }
|
|
29
|
-
static get properties() {
|
|
30
|
-
return {
|
|
31
|
-
"position": {
|
|
32
|
-
"type": "any",
|
|
33
|
-
"mutable": false,
|
|
34
|
-
"complexType": {
|
|
35
|
-
"original": "TabsVariants[\"position\"]",
|
|
36
|
-
"resolved": "TabsVariants",
|
|
37
|
-
"references": {
|
|
38
|
-
"TabsVariants": {
|
|
39
|
-
"location": "global",
|
|
40
|
-
"id": "global::TabsVariants"
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
},
|
|
44
|
-
"required": false,
|
|
45
|
-
"optional": false,
|
|
46
|
-
"docs": {
|
|
47
|
-
"tags": [],
|
|
48
|
-
"text": ""
|
|
49
|
-
},
|
|
50
|
-
"attribute": "position",
|
|
51
|
-
"reflect": false,
|
|
52
|
-
"defaultValue": "\"left\""
|
|
53
|
-
},
|
|
54
|
-
"underlined": {
|
|
55
|
-
"type": "any",
|
|
56
|
-
"mutable": false,
|
|
57
|
-
"complexType": {
|
|
58
|
-
"original": "TabsVariants[\"underlined\"]",
|
|
59
|
-
"resolved": "TabsVariants",
|
|
60
|
-
"references": {
|
|
61
|
-
"TabsVariants": {
|
|
62
|
-
"location": "global",
|
|
63
|
-
"id": "global::TabsVariants"
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
"required": false,
|
|
68
|
-
"optional": false,
|
|
69
|
-
"docs": {
|
|
70
|
-
"tags": [],
|
|
71
|
-
"text": ""
|
|
72
|
-
},
|
|
73
|
-
"attribute": "underlined",
|
|
74
|
-
"reflect": false
|
|
75
|
-
},
|
|
76
|
-
"full": {
|
|
77
|
-
"type": "any",
|
|
78
|
-
"mutable": false,
|
|
79
|
-
"complexType": {
|
|
80
|
-
"original": "TabsVariants[\"full\"]",
|
|
81
|
-
"resolved": "TabsVariants",
|
|
82
|
-
"references": {
|
|
83
|
-
"TabsVariants": {
|
|
84
|
-
"location": "global",
|
|
85
|
-
"id": "global::TabsVariants"
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
"required": false,
|
|
90
|
-
"optional": false,
|
|
91
|
-
"docs": {
|
|
92
|
-
"tags": [],
|
|
93
|
-
"text": ""
|
|
94
|
-
},
|
|
95
|
-
"attribute": "full",
|
|
96
|
-
"reflect": false
|
|
97
|
-
},
|
|
98
|
-
"defaultTab": {
|
|
99
|
-
"type": "number",
|
|
100
|
-
"mutable": false,
|
|
101
|
-
"complexType": {
|
|
102
|
-
"original": "number",
|
|
103
|
-
"resolved": "number",
|
|
104
|
-
"references": {}
|
|
105
|
-
},
|
|
106
|
-
"required": false,
|
|
107
|
-
"optional": false,
|
|
108
|
-
"docs": {
|
|
109
|
-
"tags": [],
|
|
110
|
-
"text": ""
|
|
111
|
-
},
|
|
112
|
-
"attribute": "default-tab",
|
|
113
|
-
"reflect": false,
|
|
114
|
-
"defaultValue": "0"
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
|
-
static get states() {
|
|
119
|
-
return {
|
|
120
|
-
"selected": {}
|
|
121
|
-
};
|
|
122
|
-
}
|
|
123
|
-
static get events() {
|
|
124
|
-
return [{
|
|
125
|
-
"method": "selectedTab",
|
|
126
|
-
"name": "selectedTab",
|
|
127
|
-
"bubbles": true,
|
|
128
|
-
"cancelable": true,
|
|
129
|
-
"composed": true,
|
|
130
|
-
"docs": {
|
|
131
|
-
"tags": [],
|
|
132
|
-
"text": ""
|
|
133
|
-
},
|
|
134
|
-
"complexType": {
|
|
135
|
-
"original": "number",
|
|
136
|
-
"resolved": "number",
|
|
137
|
-
"references": {}
|
|
138
|
-
}
|
|
139
|
-
}];
|
|
140
|
-
}
|
|
141
|
-
static get elementRef() { return "el"; }
|
|
142
|
-
}
|
|
143
|
-
//# sourceMappingURL=Root.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Root.js","sourceRoot":"","sources":["../../../../../src/navigation/Tabs/Root/src/Root.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,KAAK,EAEL,IAAI,EACJ,CAAC,GACF,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,IAAI,EAAgB,MAAM,eAAe,CAAC;AAMnD,MAAM,OAAO,SAAS;;wBAEyB,MAAM;;;0BAGtB,CAAC;wBAEF,IAAI,CAAC,UAAU;;IAK3C,iBAAiB;QACf,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,IAAI,CAC7B,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAC5C,CAAC;QACF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,2DACE,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;oBACxB,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,UAAU,EAAE,IAAI,CAAC,UAAU;iBAC5B,CAAC,IAED,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9C,UAAI,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;gBAChD,cACE,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;wBAC5B,UAAU,EAAE,IAAI,CAAC,UAAU;wBAC3B,QAAQ,EAAE,IAAI,CAAC,QAAQ,KAAK,KAAK;qBAClC,CAAC,EACF,OAAO,EAAE,GAAG,EAAE;wBACZ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;wBACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;oBAC/B,CAAC,IAEA,WAAW,CAAC,KAAK,CACX,CACN,CACN,CAAC,CACC;YACL,4DAAK,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,GAAI,CAC1D,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n Component,\n Prop,\n Element,\n State,\n Event,\n EventEmitter,\n Host,\n h,\n} from \"@stencil/core\";\nimport { tabs, TabsVariants } from \"@rarui/styles\";\n\n@Component({\n tag: \"rarui-tabs\",\n scoped: true,\n})\nexport class RaruiTabs {\n @Element() el: HTMLUListElement;\n @Prop() position: TabsVariants[\"position\"] = \"left\";\n @Prop() underlined: TabsVariants[\"underlined\"];\n @Prop() full: TabsVariants[\"full\"];\n @Prop() defaultTab: number = 0;\n\n @State() selected: number = this.defaultTab;\n @Event() selectedTab: EventEmitter<number>;\n\n private tabsChildrens: any[];\n\n componentWillLoad() {\n this.tabsChildrens = Array.from(\n this.el.querySelectorAll(\"rarui-tabs-item\"),\n );\n this.tabsChildrens.forEach((child) => child.remove());\n }\n\n render() {\n return (\n <Host>\n <ul\n class={tabs.classnames.ul({\n position: this.position,\n underlined: this.underlined,\n })}\n >\n {this.tabsChildrens.map((tabChildren, index) => (\n <li class={tabs.classnames.li({ full: this.full })}>\n <button\n type=\"button\"\n class={tabs.classnames.button({\n underlined: this.underlined,\n selected: this.selected === index,\n })}\n onClick={() => {\n this.selected = index;\n this.selectedTab.emit(index);\n }}\n >\n {tabChildren.label}\n </button>\n </li>\n ))}\n </ul>\n <div innerHTML={this.tabsChildrens[this.selected].outerHTML} />\n </Host>\n );\n }\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/navigation/Tabs/Root/src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG","sourcesContent":["/**\n * @fileoverview entry point for your component library\n *\n * This is the entry point for your component library. Use this file to export utilities,\n * constants or data structure that accompany your components.\n *\n * DO NOT use this file to export your components. Instead, use the recommended approaches\n * to consume components of this package as outlined in the `README.md`.\n */\n\nexport type * from \"./components.js\";\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../../src/navigation/Tabs/Root/stencil.config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,aAAa,CAAC,gBAAgB,CAAC;IACnD,SAAS,EAAE,YAAY;CACxB,CAAC,CAAC","sourcesContent":["import { configuration } from \"@rarui/stencil/src\";\n\nexport const config = configuration.getConfiguration({\n namespace: \"rarui-tabs\",\n});\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"app-globals-0f993ce5.js","mappings":"AAAY,MAAC,aAAa,GAAG,MAAM;;;;","names":[],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["export const globalScripts = () => {};\n"],"version":3}
|