Skip to content

Commit 28383d1

Browse files
authored
minimal jquery-ui support (#1178)
* minimal jquery-ui support * index: true; more docs
1 parent ac66ff4 commit 28383d1

File tree

2 files changed

+47
-0
lines changed

2 files changed

+47
-0
lines changed

docs/lib/jquery-ui.md

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
index: true
3+
---
4+
5+
# jQuery UI
6+
7+
[jQuery UI](https://jqueryui.com/) is a set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
8+
9+
<link rel="stylesheet" href="npm:jquery-ui/dist/themes/base/jquery-ui.css">
10+
11+
```html run=false
12+
<link rel="stylesheet" href="npm:jquery-ui/dist/themes/base/jquery-ui.css">
13+
```
14+
15+
```js echo
16+
import $ from "npm:jquery";
17+
self.jQuery = $;
18+
await import("npm:jquery-ui");
19+
```
20+
21+
Price range: ${value.join("–")}
22+
23+
```md run=false
24+
Price range: ${value.join("–")}
25+
```
26+
27+
<div style="max-width: 320px;" id="slider"></div>
28+
29+
```html run=false
30+
<div style="max-width: 320px;" id="slider"></div>
31+
```
32+
33+
```js echo
34+
const value = Generators.observe((notify) => {
35+
const slider = $("#slider");
36+
slider.slider({
37+
range: true,
38+
min: 0,
39+
max: 500,
40+
values: [5, 300],
41+
slide: (event, ui) => notify(ui.values)
42+
});
43+
notify(slider.slider("values"));
44+
});
45+
```

src/npm.ts

+2
Original file line numberDiff line numberDiff line change
@@ -252,6 +252,8 @@ export async function resolveNpmImport(root: string, specifier: string): Promise
252252
? "dist/mermaid.esm.min.mjs/+esm"
253253
: name === "echarts"
254254
? "dist/echarts.esm.min.js/+esm"
255+
: name === "jquery-ui"
256+
? "dist/jquery-ui.js/+esm"
255257
: name === "deck.gl"
256258
? "dist.min.js/+esm"
257259
: "+esm"

0 commit comments

Comments
 (0)