@nuraly/runtime 0.1.9 → 0.1.10
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/components/ui/components/inputs/ColorPicker/colorpicker.ts +1 -7
- package/components/ui/components/inputs/Form/Form.ts +3 -11
- package/components/ui/components/inputs/RadioButton/Radio-button.ts +1 -7
- package/components/ui/components/inputs/Select/Select.ts +1 -7
- package/components/ui/components/layout/Grid/Col.ts +2 -6
- package/components/ui/components/layout/Grid/Row.ts +2 -6
- package/components/ui/components/studio/FunctionsPanel/FunctionsPanel.ts +4 -16
- package/dist/AIChat-DP3ZdLL3.js +220 -0
- package/dist/AIChat-km1IYaR-.js +260 -0
- package/dist/Badge-BR94MUt5.js +48 -0
- package/dist/Badge-DzNZFKtC.js +70 -0
- package/dist/{BaseElement-BNBn_IJk.js → BaseElement-pS6m_x6Q.js} +153 -24
- package/dist/Button-BHAN7npC.js +92 -0
- package/dist/Button-DCqgsxrL.js +80 -0
- package/dist/Card-B70c8NFb.js +150 -0
- package/dist/Card-DhOCsGKC.js +120 -0
- package/dist/Checkbox-BZTcPwew.js +59 -0
- package/dist/Checkbox-LYTIBAUV.js +65 -0
- package/dist/Code-BWbiciC8.js +123 -0
- package/dist/Code-Ds0vFclr.js +109 -0
- package/dist/{CodeEditor-B1gNuvPb.js → CodeEditor-ChuFC0ex.js} +22 -22
- package/dist/Col-B_wpWUcU.js +217 -0
- package/dist/Col-DYs8_65c.js +193 -0
- package/dist/Collapse-4kxbQ74u.js +74 -0
- package/dist/Collapse-Dkw6Ner6.js +96 -0
- package/dist/Collections-BSF-PqBz.js +122 -0
- package/dist/Collections-D5rwMFbv.js +151 -0
- package/dist/Container-DMNh5U4Y.js +204 -0
- package/dist/DatePicker-BmEOONiA.js +99 -0
- package/dist/DatePicker-VuUroOT4.js +80 -0
- package/dist/Divider-BfxR3rVl.js +86 -0
- package/dist/Divider-etMTYU3d.js +106 -0
- package/dist/Document-CHBcJciR.js +74 -0
- package/dist/Document-Cj-TmjAf.js +90 -0
- package/dist/Dropdown-BRtHvDa3.js +133 -0
- package/dist/Dropdown-C47Y11dj.js +112 -0
- package/dist/EmbedURL-BwbJRnY1.js +142 -0
- package/dist/EmbedURL-Ci5X1vQG.js +114 -0
- package/dist/FileUpload-BBgPcRag.js +54 -0
- package/dist/FileUpload-BgkhxtNe.js +47 -0
- package/dist/Form-BLq6U3In.js +339 -0
- package/dist/Form-E6zXqgsm.js +286 -0
- package/dist/Icon-CcLuhz6B.js +64 -0
- package/dist/Icon-_UiLblGb.js +74 -0
- package/dist/Image-B_VERIvH.js +111 -0
- package/dist/Image-hI8kIx8U.js +93 -0
- package/dist/Link-BVTo43Cc.js +76 -0
- package/dist/Link-xSrPxOLt.js +95 -0
- package/dist/Menu-CembLIjO.js +83 -0
- package/dist/Menu-D9ZjIOMg.js +73 -0
- package/dist/MicroApp-DI1kQwJk.js +100 -0
- package/dist/MicroApp-DJw57sLE.js +75 -0
- package/dist/NumberInput-DftAAKEs.js +84 -0
- package/dist/NumberInput-eOAk0-fb.js +95 -0
- package/dist/Panel-Bso5fv4i.js +127 -0
- package/dist/Panel-CwzW9iuA.js +161 -0
- package/dist/Radio-button-Sii5iveh.js +71 -0
- package/dist/Radio-button-YXsVqipQ.js +53 -0
- package/dist/RefComponent-Bwk_I0mK.js +79 -0
- package/dist/RefComponent-ZxafRVhZ.js +96 -0
- package/dist/RichText-CgYXXC_a.js +485 -0
- package/dist/RichText-DV46U7fI.js +449 -0
- package/dist/Row-Bb95f5DI.js +229 -0
- package/dist/Row-Dmd_61mR.js +202 -0
- package/dist/Select-Cma8JHAj.js +77 -0
- package/dist/Select-DqA08VYb.js +87 -0
- package/dist/Slider-B2_Qecjz.js +74 -0
- package/dist/Slider-DVY0N2YX.js +55 -0
- package/dist/Table-0WjrBnz-.js +159 -0
- package/dist/Table-dEma50kw.js +184 -0
- package/dist/Tabs-BDKEv1jn.js +131 -0
- package/dist/Tabs-Cvt3Q8vx.js +116 -0
- package/dist/Tag-BcZvQkE_.js +47 -0
- package/dist/Tag-DMZ0mu8y.js +61 -0
- package/dist/TextInput-KI6r9xET.js +193 -0
- package/dist/TextInput-hxK-HhJi.js +148 -0
- package/dist/TextLabel-DkV26yaL.js +102 -0
- package/dist/Textarea-Bzs3jSUm.js +117 -0
- package/dist/Textarea-CwK3SYbz.js +83 -0
- package/dist/Video-C4uBWCBb.js +100 -0
- package/dist/Video-CL1lgcvB.js +120 -0
- package/dist/aitchat-DjX5s7_8.js +23 -0
- package/dist/colorpicker-B-KETfWw.js +64 -0
- package/dist/colorpicker-DhB0AygJ.js +75 -0
- package/dist/constants-Bs_KQRi_.js +4 -0
- package/dist/constants-CXdpxgF2.js +4 -0
- package/dist/{cssMode-D82-gS78.js → cssMode-CV7QbFJv.js} +1 -1
- package/dist/{freemarker2-CYRLpyjt.js → freemarker2-CqQxSEZa.js} +1 -1
- package/dist/{handlebars-R8Efxi60.js → handlebars-a71LdN7X.js} +1 -1
- package/dist/{html-czhjovcp.js → html-D8UaB7IC.js} +1 -1
- package/dist/{htmlMode-DpyKDYYs.js → htmlMode-CqWQMFWX.js} +1 -1
- package/dist/iconbutton-DfnrRmmB.js +69 -0
- package/dist/iconbutton-DvIQHV8o.js +53 -0
- package/dist/{javascript-DwqkMEdb.js → javascript-D_jGqcRD.js} +1 -1
- package/dist/{jsonMode-Cmxxe0W9.js → jsonMode-C3-m5xts.js} +1 -1
- package/dist/{liquid-2spuEcBh.js → liquid-DLwYj6Te.js} +1 -1
- package/dist/{mdx-BjBXyEeR.js → mdx-DhYjhxkW.js} +1 -1
- package/dist/micro-app-entry-DiNqE6xi.js +12042 -0
- package/dist/micro-app.bundle.js +1 -1
- package/dist/micro-app.js +6 -4969
- package/dist/{python-DLI1ji08.js → python-B-WcGqFq.js} +1 -1
- package/dist/{razor-oAnIJsrL.js → razor-JGACy1mz.js} +1 -1
- package/dist/runtime.js +4 -2
- package/dist/{tsMode-D_PMsbjK.js → tsMode-lzBM1oT2.js} +1 -1
- package/dist/{typescript-Bu3ZbtQI.js → typescript-CuL5pdO2.js} +1 -1
- package/dist/{xml-CNSSkPqy.js → xml-D1tacAKD.js} +1 -1
- package/dist/{yaml-5RF_PGNe.js → yaml-CjPB1g7v.js} +1 -1
- package/package.json +1 -1
- package/utils/index.ts +4 -1
- package/utils/lazy-component-loader.ts +120 -0
- package/utils/register-components.ts +14 -40
- package/utils/render-util.ts +84 -0
- package/dist/micro-app-entry-DYAnCRDo.js +0 -15860
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { B as y, n as d, o as p, b as u, A as $, i as f, c as x, t as g } from "./micro-app-entry-DiNqE6xi.js";
|
|
2
|
+
var b = Object.defineProperty, E = Object.getOwnPropertyDescriptor, h = (n, t, s, r) => {
|
|
3
|
+
for (var o = r > 1 ? void 0 : r ? E(t, s) : t, l = n.length - 1, a; l >= 0; l--)
|
|
4
|
+
(a = n[l]) && (o = (r ? a(t, s, o) : a(o)) || o);
|
|
5
|
+
return r && o && b(t, s, o), o;
|
|
6
|
+
};
|
|
7
|
+
try {
|
|
8
|
+
await import("@nuralyui/video");
|
|
9
|
+
} catch {
|
|
10
|
+
console.warn("[@nuralyui/video] Package not found or failed to load.");
|
|
11
|
+
}
|
|
12
|
+
let c = class extends y {
|
|
13
|
+
renderComponent() {
|
|
14
|
+
const n = this.getStyles() || {}, t = this.component?.styleHandlers ? Object.fromEntries(
|
|
15
|
+
Object.entries(this.component?.styleHandlers).filter(([e, i]) => i)
|
|
16
|
+
) : {}, s = this.inputHandlersValue?.src, r = this.inputHandlersValue?.poster, o = this.inputHandlersValue?.autoplay ?? !1, l = this.inputHandlersValue?.controls ?? !0, a = this.inputHandlersValue?.loop ?? !1, v = this.inputHandlersValue?.muted ?? !1, m = this.inputHandlersValue?.preload ?? "metadata";
|
|
17
|
+
return s ? u`
|
|
18
|
+
<nr-video-player
|
|
19
|
+
${d(this.inputRef)}
|
|
20
|
+
style=${p({
|
|
21
|
+
...this.getStyles(),
|
|
22
|
+
display: "block"
|
|
23
|
+
})}
|
|
24
|
+
.src=${s}
|
|
25
|
+
.poster=${r ?? $}
|
|
26
|
+
.autoplay=${o}
|
|
27
|
+
.controls=${l}
|
|
28
|
+
.loop=${a}
|
|
29
|
+
.muted=${v}
|
|
30
|
+
.preload=${m}
|
|
31
|
+
.width=${t?.width || n?.width}
|
|
32
|
+
.height=${t?.height || n?.height}
|
|
33
|
+
@click=${(e) => this.executeEvent("onClick", e)}
|
|
34
|
+
@play=${(e) => this.executeEvent("onPlay", e)}
|
|
35
|
+
@pause=${(e) => this.executeEvent("onPause", e)}
|
|
36
|
+
@ended=${(e) => this.executeEvent("onEnded", e)}
|
|
37
|
+
@loadeddata=${(e) => this.executeEvent("onLoad", e)}
|
|
38
|
+
@error=${(e) => this.executeEvent("onError", e)}
|
|
39
|
+
@timeupdate=${(e) => {
|
|
40
|
+
const i = e.target;
|
|
41
|
+
this.executeEvent("onTimeUpdate", e, {
|
|
42
|
+
currentTime: i?.currentTime,
|
|
43
|
+
duration: i?.duration
|
|
44
|
+
});
|
|
45
|
+
}}
|
|
46
|
+
@volumechange=${(e) => {
|
|
47
|
+
const i = e.target;
|
|
48
|
+
this.executeEvent("onVolumeChange", e, {
|
|
49
|
+
volume: i?.volume,
|
|
50
|
+
muted: i?.muted
|
|
51
|
+
});
|
|
52
|
+
}}
|
|
53
|
+
>
|
|
54
|
+
</nr-video-player>
|
|
55
|
+
` : u`
|
|
56
|
+
<div
|
|
57
|
+
${d(this.inputRef)}
|
|
58
|
+
class="video-placeholder"
|
|
59
|
+
style=${p({
|
|
60
|
+
...this.getStyles(),
|
|
61
|
+
width: t?.width || n?.width || "100%",
|
|
62
|
+
height: t?.height || n?.height || "200px"
|
|
63
|
+
})}
|
|
64
|
+
@click=${(e) => this.executeEvent("onClick", e)}
|
|
65
|
+
>
|
|
66
|
+
<nr-icon name="video"></nr-icon>
|
|
67
|
+
<nr-label>No video source</nr-label>
|
|
68
|
+
</div>
|
|
69
|
+
`;
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
c.styles = [f`
|
|
73
|
+
.video-placeholder {
|
|
74
|
+
display: flex;
|
|
75
|
+
flex-direction: column;
|
|
76
|
+
align-items: center;
|
|
77
|
+
justify-content: center;
|
|
78
|
+
color: #64748b;
|
|
79
|
+
min-height: 200px;
|
|
80
|
+
border-radius: 8px;
|
|
81
|
+
border: 2px dashed #cbd5e1;
|
|
82
|
+
gap: 12px;
|
|
83
|
+
}
|
|
84
|
+
.video-placeholder nr-icon {
|
|
85
|
+
--nuraly-icon-size: 48px;
|
|
86
|
+
}
|
|
87
|
+
.video-placeholder span {
|
|
88
|
+
font-size: 14px;
|
|
89
|
+
font-weight: 500;
|
|
90
|
+
}
|
|
91
|
+
`];
|
|
92
|
+
h([
|
|
93
|
+
x({ type: Object })
|
|
94
|
+
], c.prototype, "component", 2);
|
|
95
|
+
c = h([
|
|
96
|
+
g("video-block")
|
|
97
|
+
], c);
|
|
98
|
+
export {
|
|
99
|
+
c as VideoBlock
|
|
100
|
+
};
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import { html, nothing, css } from 'lit';
|
|
2
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
3
|
+
import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.js';
|
|
4
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
5
|
+
import { ref } from 'lit/directives/ref.js';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
9
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
10
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
11
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
12
|
+
if (decorator = decorators[i])
|
|
13
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
14
|
+
if (kind && result) __defProp(target, key, result);
|
|
15
|
+
return result;
|
|
16
|
+
};
|
|
17
|
+
try {
|
|
18
|
+
await import('@nuralyui/video');
|
|
19
|
+
} catch (error) {
|
|
20
|
+
console.warn("[@nuralyui/video] Package not found or failed to load.");
|
|
21
|
+
}
|
|
22
|
+
let VideoBlock = class extends BaseElementBlock {
|
|
23
|
+
renderComponent() {
|
|
24
|
+
const videoStyles = this.getStyles() || {};
|
|
25
|
+
const videoStyleHandlers = this.component?.styleHandlers ? Object.fromEntries(
|
|
26
|
+
Object.entries(this.component?.styleHandlers).filter(([key, value]) => value)
|
|
27
|
+
) : {};
|
|
28
|
+
const src = this.inputHandlersValue?.src;
|
|
29
|
+
const poster = this.inputHandlersValue?.poster;
|
|
30
|
+
const autoplay = this.inputHandlersValue?.autoplay ?? false;
|
|
31
|
+
const controls = this.inputHandlersValue?.controls ?? true;
|
|
32
|
+
const loop = this.inputHandlersValue?.loop ?? false;
|
|
33
|
+
const muted = this.inputHandlersValue?.muted ?? false;
|
|
34
|
+
const preload = this.inputHandlersValue?.preload ?? "metadata";
|
|
35
|
+
if (!src) {
|
|
36
|
+
return html`
|
|
37
|
+
<div
|
|
38
|
+
${ref(this.inputRef)}
|
|
39
|
+
class="video-placeholder"
|
|
40
|
+
style=${styleMap({
|
|
41
|
+
...this.getStyles(),
|
|
42
|
+
width: videoStyleHandlers?.width || videoStyles?.width || "100%",
|
|
43
|
+
height: videoStyleHandlers?.height || videoStyles?.height || "200px"
|
|
44
|
+
})}
|
|
45
|
+
@click=${(e) => this.executeEvent("onClick", e)}
|
|
46
|
+
>
|
|
47
|
+
<nr-icon name="video"></nr-icon>
|
|
48
|
+
<nr-label>No video source</nr-label>
|
|
49
|
+
</div>
|
|
50
|
+
`;
|
|
51
|
+
}
|
|
52
|
+
return html`
|
|
53
|
+
<nr-video-player
|
|
54
|
+
${ref(this.inputRef)}
|
|
55
|
+
style=${styleMap({
|
|
56
|
+
...this.getStyles(),
|
|
57
|
+
"display": "block"
|
|
58
|
+
})}
|
|
59
|
+
.src=${src}
|
|
60
|
+
.poster=${poster ?? nothing}
|
|
61
|
+
.autoplay=${autoplay}
|
|
62
|
+
.controls=${controls}
|
|
63
|
+
.loop=${loop}
|
|
64
|
+
.muted=${muted}
|
|
65
|
+
.preload=${preload}
|
|
66
|
+
.width=${videoStyleHandlers?.width || videoStyles?.width}
|
|
67
|
+
.height=${videoStyleHandlers?.height || videoStyles?.height}
|
|
68
|
+
@click=${(e) => this.executeEvent("onClick", e)}
|
|
69
|
+
@play=${(e) => this.executeEvent("onPlay", e)}
|
|
70
|
+
@pause=${(e) => this.executeEvent("onPause", e)}
|
|
71
|
+
@ended=${(e) => this.executeEvent("onEnded", e)}
|
|
72
|
+
@loadeddata=${(e) => this.executeEvent("onLoad", e)}
|
|
73
|
+
@error=${(e) => this.executeEvent("onError", e)}
|
|
74
|
+
@timeupdate=${(e) => {
|
|
75
|
+
const video = e.target;
|
|
76
|
+
this.executeEvent("onTimeUpdate", e, {
|
|
77
|
+
currentTime: video?.currentTime,
|
|
78
|
+
duration: video?.duration
|
|
79
|
+
});
|
|
80
|
+
}}
|
|
81
|
+
@volumechange=${(e) => {
|
|
82
|
+
const video = e.target;
|
|
83
|
+
this.executeEvent("onVolumeChange", e, {
|
|
84
|
+
volume: video?.volume,
|
|
85
|
+
muted: video?.muted
|
|
86
|
+
});
|
|
87
|
+
}}
|
|
88
|
+
>
|
|
89
|
+
</nr-video-player>
|
|
90
|
+
`;
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
VideoBlock.styles = [css`
|
|
94
|
+
.video-placeholder {
|
|
95
|
+
display: flex;
|
|
96
|
+
flex-direction: column;
|
|
97
|
+
align-items: center;
|
|
98
|
+
justify-content: center;
|
|
99
|
+
color: #64748b;
|
|
100
|
+
min-height: 200px;
|
|
101
|
+
border-radius: 8px;
|
|
102
|
+
border: 2px dashed #cbd5e1;
|
|
103
|
+
gap: 12px;
|
|
104
|
+
}
|
|
105
|
+
.video-placeholder nr-icon {
|
|
106
|
+
--nuraly-icon-size: 48px;
|
|
107
|
+
}
|
|
108
|
+
.video-placeholder span {
|
|
109
|
+
font-size: 14px;
|
|
110
|
+
font-weight: 500;
|
|
111
|
+
}
|
|
112
|
+
`];
|
|
113
|
+
__decorateClass([
|
|
114
|
+
property({ type: Object })
|
|
115
|
+
], VideoBlock.prototype, "component", 2);
|
|
116
|
+
VideoBlock = __decorateClass([
|
|
117
|
+
customElement("video-block")
|
|
118
|
+
], VideoBlock);
|
|
119
|
+
|
|
120
|
+
export { VideoBlock };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { $ as $components, ag as addComponentAction, bp as getVar, aX as eventDispatcher } from './BaseElement-pS6m_x6Q.js';
|
|
2
|
+
|
|
3
|
+
function addTempApplication(uuid, components) {
|
|
4
|
+
$components.set({
|
|
5
|
+
...$components.get(),
|
|
6
|
+
[uuid]: components
|
|
7
|
+
});
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
function addGeneratedComponents(structureComponent) {
|
|
11
|
+
structureComponent.forEach((component) => {
|
|
12
|
+
addComponentAction(
|
|
13
|
+
component,
|
|
14
|
+
getVar("global", "currentPage").value,
|
|
15
|
+
getVar("global", "currentEditingApplication").value.uuid
|
|
16
|
+
);
|
|
17
|
+
});
|
|
18
|
+
setTimeout(() => {
|
|
19
|
+
eventDispatcher.emit("component:refresh");
|
|
20
|
+
}, 1e3);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
export { addTempApplication as a, addGeneratedComponents as b };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { B as c, n as p, o as u, b as h, i as d, c as $, t as f } from "./micro-app-entry-DiNqE6xi.js";
|
|
2
|
+
import "@nuralyui/color-picker";
|
|
3
|
+
import { E as m } from "./constants-CXdpxgF2.js";
|
|
4
|
+
var H = Object.defineProperty, V = Object.getOwnPropertyDescriptor, i = (o, l, e, s) => {
|
|
5
|
+
for (var t = s > 1 ? void 0 : s ? V(l, e) : l, r = o.length - 1, a; r >= 0; r--)
|
|
6
|
+
(a = o[r]) && (t = (s ? a(l, e, t) : a(t)) || t);
|
|
7
|
+
return s && t && H(l, e, t), t;
|
|
8
|
+
};
|
|
9
|
+
let n = class extends c {
|
|
10
|
+
connectedCallback() {
|
|
11
|
+
super.connectedCallback(), this.registerCallback("value", () => {
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
renderComponent() {
|
|
15
|
+
const l = (this.component?.style || {}).size || "default";
|
|
16
|
+
return h`
|
|
17
|
+
<nr-color-picker
|
|
18
|
+
${p(this.inputRef)}
|
|
19
|
+
style=${u({
|
|
20
|
+
width: "28px",
|
|
21
|
+
height: "28px",
|
|
22
|
+
...this.getStyles()
|
|
23
|
+
})}
|
|
24
|
+
.color=${this.inputHandlersValue.value ?? m}
|
|
25
|
+
.disabled=${this.inputHandlersValue?.state == "disabled"}
|
|
26
|
+
.size=${l}
|
|
27
|
+
.trigger=${this.inputHandlersValue?.trigger || "click"}
|
|
28
|
+
.placement=${this.inputHandlersValue?.placement || "auto"}
|
|
29
|
+
.animation=${this.inputHandlersValue?.animation || "fade"}
|
|
30
|
+
.closeOnSelect=${this.inputHandlersValue?.closeOnSelect || !1}
|
|
31
|
+
.closeOnOutsideClick=${this.inputHandlersValue?.closeOnOutsideClick !== !1}
|
|
32
|
+
.closeOnEscape=${this.inputHandlersValue?.closeOnEscape !== !1}
|
|
33
|
+
.showInput=${this.inputHandlersValue?.showInput !== !1}
|
|
34
|
+
.showCopyButton=${this.inputHandlersValue?.showCopyButton !== !1}
|
|
35
|
+
.format=${this.inputHandlersValue?.format || "hex"}
|
|
36
|
+
.inputPlaceholder=${this.inputHandlersValue?.inputPlaceholder || "Enter color"}
|
|
37
|
+
.label=${this.inputHandlersValue?.label || ""}
|
|
38
|
+
.helperText=${this.inputHandlersValue?.helperText || ""}
|
|
39
|
+
.defaultColorSets=${this.inputHandlersValue?.defaultColorSets || []}
|
|
40
|
+
@nr-color-change=${(e) => {
|
|
41
|
+
this.executeEvent("onChange", e, { value: e.detail.color });
|
|
42
|
+
}}
|
|
43
|
+
@nr-colorpicker-open=${(e) => {
|
|
44
|
+
this.executeEvent("onOpen", e);
|
|
45
|
+
}}
|
|
46
|
+
@nr-colorpicker-close=${(e) => {
|
|
47
|
+
this.executeEvent("onClose", e);
|
|
48
|
+
}}
|
|
49
|
+
></nr-color-picker>
|
|
50
|
+
`;
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
n.styles = [
|
|
54
|
+
d``
|
|
55
|
+
];
|
|
56
|
+
i([
|
|
57
|
+
$({ type: Object })
|
|
58
|
+
], n.prototype, "component", 2);
|
|
59
|
+
n = i([
|
|
60
|
+
f("color-picker-block")
|
|
61
|
+
], n);
|
|
62
|
+
export {
|
|
63
|
+
n as ColorPickerBlock
|
|
64
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { html, css } from 'lit';
|
|
2
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
3
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
4
|
+
import { ae as BaseElementBlock } from './BaseElement-pS6m_x6Q.js';
|
|
5
|
+
import { ref } from 'lit/directives/ref.js';
|
|
6
|
+
import '@nuralyui/color-picker';
|
|
7
|
+
import { E as EMPTY_STRING } from './constants-Bs_KQRi_.js';
|
|
8
|
+
|
|
9
|
+
var __defProp = Object.defineProperty;
|
|
10
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
11
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
12
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
13
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
14
|
+
if (decorator = decorators[i])
|
|
15
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
16
|
+
if (kind && result) __defProp(target, key, result);
|
|
17
|
+
return result;
|
|
18
|
+
};
|
|
19
|
+
let ColorPickerBlock = class extends BaseElementBlock {
|
|
20
|
+
connectedCallback() {
|
|
21
|
+
super.connectedCallback();
|
|
22
|
+
this.registerCallback("value", () => {
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
renderComponent() {
|
|
26
|
+
const colorPickerStyles = this.component?.style || {};
|
|
27
|
+
const size = colorPickerStyles.size || "default";
|
|
28
|
+
return html`
|
|
29
|
+
<nr-color-picker
|
|
30
|
+
${ref(this.inputRef)}
|
|
31
|
+
style=${styleMap({
|
|
32
|
+
width: "28px",
|
|
33
|
+
height: "28px",
|
|
34
|
+
...this.getStyles()
|
|
35
|
+
})}
|
|
36
|
+
.color=${this.inputHandlersValue.value ?? EMPTY_STRING}
|
|
37
|
+
.disabled=${this.inputHandlersValue?.state == "disabled"}
|
|
38
|
+
.size=${size}
|
|
39
|
+
.trigger=${this.inputHandlersValue?.trigger || "click"}
|
|
40
|
+
.placement=${this.inputHandlersValue?.placement || "auto"}
|
|
41
|
+
.animation=${this.inputHandlersValue?.animation || "fade"}
|
|
42
|
+
.closeOnSelect=${this.inputHandlersValue?.closeOnSelect || false}
|
|
43
|
+
.closeOnOutsideClick=${this.inputHandlersValue?.closeOnOutsideClick !== false}
|
|
44
|
+
.closeOnEscape=${this.inputHandlersValue?.closeOnEscape !== false}
|
|
45
|
+
.showInput=${this.inputHandlersValue?.showInput !== false}
|
|
46
|
+
.showCopyButton=${this.inputHandlersValue?.showCopyButton !== false}
|
|
47
|
+
.format=${this.inputHandlersValue?.format || "hex"}
|
|
48
|
+
.inputPlaceholder=${this.inputHandlersValue?.inputPlaceholder || "Enter color"}
|
|
49
|
+
.label=${this.inputHandlersValue?.label || ""}
|
|
50
|
+
.helperText=${this.inputHandlersValue?.helperText || ""}
|
|
51
|
+
.defaultColorSets=${this.inputHandlersValue?.defaultColorSets || []}
|
|
52
|
+
@nr-color-change=${(e) => {
|
|
53
|
+
this.executeEvent("onChange", e, { value: e.detail.color });
|
|
54
|
+
}}
|
|
55
|
+
@nr-colorpicker-open=${(e) => {
|
|
56
|
+
this.executeEvent("onOpen", e);
|
|
57
|
+
}}
|
|
58
|
+
@nr-colorpicker-close=${(e) => {
|
|
59
|
+
this.executeEvent("onClose", e);
|
|
60
|
+
}}
|
|
61
|
+
></nr-color-picker>
|
|
62
|
+
`;
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
ColorPickerBlock.styles = [
|
|
66
|
+
css``
|
|
67
|
+
];
|
|
68
|
+
__decorateClass([
|
|
69
|
+
property({ type: Object })
|
|
70
|
+
], ColorPickerBlock.prototype, "component", 2);
|
|
71
|
+
ColorPickerBlock = __decorateClass([
|
|
72
|
+
customElement("color-picker-block")
|
|
73
|
+
], ColorPickerBlock);
|
|
74
|
+
|
|
75
|
+
export { ColorPickerBlock };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as et } from "./CodeEditor-
|
|
1
|
+
import { m as et } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as f } from "./CodeEditor-
|
|
1
|
+
import { m as f } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as l } from "./CodeEditor-
|
|
1
|
+
import { m as l } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as s } from "./CodeEditor-
|
|
1
|
+
import { m as s } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as lt } from "./CodeEditor-
|
|
1
|
+
import { m as lt } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { html, css } from 'lit';
|
|
2
|
+
import { property, customElement } from 'lit/decorators.js';
|
|
3
|
+
import { styleMap } from 'lit/directives/style-map.js';
|
|
4
|
+
import { ae as BaseElementBlock, a8 as executeHandler, bd as getNestedAttribute } from './BaseElement-pS6m_x6Q.js';
|
|
5
|
+
import { ref } from 'lit/directives/ref.js';
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
9
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
10
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
11
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
12
|
+
if (decorator = decorators[i])
|
|
13
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
14
|
+
if (kind && result) __defProp(target, key, result);
|
|
15
|
+
return result;
|
|
16
|
+
};
|
|
17
|
+
try {
|
|
18
|
+
await import('@nuralyui/button');
|
|
19
|
+
} catch (error) {
|
|
20
|
+
console.warn("[@nuralyui/button] Package not found or failed to load.");
|
|
21
|
+
}
|
|
22
|
+
let IconButtonBlock = class extends BaseElementBlock {
|
|
23
|
+
constructor() {
|
|
24
|
+
super(...arguments);
|
|
25
|
+
this.handleClick = () => {
|
|
26
|
+
setTimeout(() => {
|
|
27
|
+
if (this.component?.event?.click) {
|
|
28
|
+
executeHandler(this.component, getNestedAttribute(this.component, `event.click`));
|
|
29
|
+
}
|
|
30
|
+
}, 0);
|
|
31
|
+
};
|
|
32
|
+
}
|
|
33
|
+
renderComponent() {
|
|
34
|
+
const buttonStyles = this.getStyles();
|
|
35
|
+
const { icon } = this.component?.parameters ?? {};
|
|
36
|
+
const iconArray = icon ? [icon] : [];
|
|
37
|
+
const type = this.inputHandlersValue.value || buttonStyles?.type || "default";
|
|
38
|
+
const size = buttonStyles?.size || "medium";
|
|
39
|
+
return html`
|
|
40
|
+
<nr-button
|
|
41
|
+
${ref(this.inputRef)}
|
|
42
|
+
.size=${size}
|
|
43
|
+
.type=${type}
|
|
44
|
+
.disabled=${this.inputHandlersValue.state == "disabled"}
|
|
45
|
+
.loading=${this.inputHandlersValue.loading || false}
|
|
46
|
+
.block=${this.inputHandlersValue.block || false}
|
|
47
|
+
.dashed=${this.inputHandlersValue.dashed || false}
|
|
48
|
+
.icon=${iconArray}
|
|
49
|
+
.iconPosition=${this.inputHandlersValue.iconPosition || "left"}
|
|
50
|
+
@click=${this.handleClick}
|
|
51
|
+
style=${styleMap({
|
|
52
|
+
...this.getStyles(),
|
|
53
|
+
width: buttonStyles?.width,
|
|
54
|
+
height: buttonStyles?.height
|
|
55
|
+
})}
|
|
56
|
+
>
|
|
57
|
+
</nr-button>
|
|
58
|
+
`;
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
IconButtonBlock.styles = css``;
|
|
62
|
+
__decorateClass([
|
|
63
|
+
property({ type: Object })
|
|
64
|
+
], IconButtonBlock.prototype, "component", 2);
|
|
65
|
+
IconButtonBlock = __decorateClass([
|
|
66
|
+
customElement("icon-button-block")
|
|
67
|
+
], IconButtonBlock);
|
|
68
|
+
|
|
69
|
+
export { IconButtonBlock };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { B as c, h as u, j as p, n as h, o as d, b, i as f, c as m, t as y } from "./micro-app-entry-DiNqE6xi.js";
|
|
2
|
+
var $ = Object.defineProperty, g = Object.getOwnPropertyDescriptor, r = (e, n, o, s) => {
|
|
3
|
+
for (var t = s > 1 ? void 0 : s ? g(n, o) : n, l = e.length - 1, a; l >= 0; l--)
|
|
4
|
+
(a = e[l]) && (t = (s ? a(n, o, t) : a(t)) || t);
|
|
5
|
+
return s && t && $(n, o, t), t;
|
|
6
|
+
};
|
|
7
|
+
try {
|
|
8
|
+
await import("@nuralyui/button");
|
|
9
|
+
} catch {
|
|
10
|
+
console.warn("[@nuralyui/button] Package not found or failed to load.");
|
|
11
|
+
}
|
|
12
|
+
let i = class extends c {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments), this.handleClick = () => {
|
|
15
|
+
setTimeout(() => {
|
|
16
|
+
this.component?.event?.click && u(this.component, p(this.component, "event.click"));
|
|
17
|
+
}, 0);
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
renderComponent() {
|
|
21
|
+
const e = this.getStyles(), { icon: n } = this.component?.parameters ?? {}, o = n ? [n] : [], s = this.inputHandlersValue.value || e?.type || "default", t = e?.size || "medium";
|
|
22
|
+
return b`
|
|
23
|
+
<nr-button
|
|
24
|
+
${h(this.inputRef)}
|
|
25
|
+
.size=${t}
|
|
26
|
+
.type=${s}
|
|
27
|
+
.disabled=${this.inputHandlersValue.state == "disabled"}
|
|
28
|
+
.loading=${this.inputHandlersValue.loading || !1}
|
|
29
|
+
.block=${this.inputHandlersValue.block || !1}
|
|
30
|
+
.dashed=${this.inputHandlersValue.dashed || !1}
|
|
31
|
+
.icon=${o}
|
|
32
|
+
.iconPosition=${this.inputHandlersValue.iconPosition || "left"}
|
|
33
|
+
@click=${this.handleClick}
|
|
34
|
+
style=${d({
|
|
35
|
+
...this.getStyles(),
|
|
36
|
+
width: e?.width,
|
|
37
|
+
height: e?.height
|
|
38
|
+
})}
|
|
39
|
+
>
|
|
40
|
+
</nr-button>
|
|
41
|
+
`;
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
i.styles = f``;
|
|
45
|
+
r([
|
|
46
|
+
m({ type: Object })
|
|
47
|
+
], i.prototype, "component", 2);
|
|
48
|
+
i = r([
|
|
49
|
+
y("icon-button-block")
|
|
50
|
+
], i);
|
|
51
|
+
export {
|
|
52
|
+
i as IconButtonBlock
|
|
53
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { conf as t, language as e } from "./typescript-
|
|
1
|
+
import { conf as t, language as e } from "./typescript-CuL5pdO2.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as Et } from "./CodeEditor-
|
|
1
|
+
import { m as Et } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as l } from "./CodeEditor-
|
|
1
|
+
import { m as l } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as s } from "./CodeEditor-
|
|
1
|
+
import { m as s } from "./CodeEditor-ChuFC0ex.js";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|