@nuraly/runtime 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (114) hide show
  1. package/components/ui/components/base/controllers/InputHandlerController.ts +5 -0
  2. package/components/ui/components/inputs/ColorPicker/colorpicker.ts +1 -7
  3. package/components/ui/components/inputs/Form/Form.ts +3 -11
  4. package/components/ui/components/inputs/RadioButton/Radio-button.ts +1 -7
  5. package/components/ui/components/inputs/Select/Select.ts +1 -7
  6. package/components/ui/components/layout/Grid/Col.ts +2 -6
  7. package/components/ui/components/layout/Grid/Row.ts +2 -6
  8. package/components/ui/components/studio/FunctionsPanel/FunctionsPanel.ts +4 -16
  9. package/dist/AIChat-C-wFf4PD.js +220 -0
  10. package/dist/AIChat-Cly-frW6.js +260 -0
  11. package/dist/Badge-BUm76SZ2.js +70 -0
  12. package/dist/Badge-BarGcY8u.js +48 -0
  13. package/dist/{BaseElement-BNBn_IJk.js → BaseElement-wyA58UxT.js} +156 -24
  14. package/dist/Button-BEgayuX9.js +80 -0
  15. package/dist/Button-wgwjzM_f.js +92 -0
  16. package/dist/Card-B4r5RQgn.js +120 -0
  17. package/dist/Card-a1sdDpKe.js +150 -0
  18. package/dist/Checkbox-CC9PkwpC.js +59 -0
  19. package/dist/Checkbox-WVmAN9ZP.js +65 -0
  20. package/dist/Code-Dc66ui4C.js +109 -0
  21. package/dist/Code-kVoVXBbt.js +123 -0
  22. package/dist/{CodeEditor-B1gNuvPb.js → CodeEditor-2QHTZxKN.js} +22 -22
  23. package/dist/Col-BKbQ2o0P.js +217 -0
  24. package/dist/Col-x4rRO4dz.js +193 -0
  25. package/dist/Collapse-Dd2GfevD.js +74 -0
  26. package/dist/Collapse-Xo-jb8zs.js +96 -0
  27. package/dist/Collections-DEqUHWFe.js +151 -0
  28. package/dist/Collections-DsTr-Zt7.js +122 -0
  29. package/dist/Container-C1HjQgb7.js +204 -0
  30. package/dist/DatePicker-DRVwFJmL.js +99 -0
  31. package/dist/DatePicker-oAOJyU3e.js +80 -0
  32. package/dist/Divider-BMA6S7Pd.js +106 -0
  33. package/dist/Divider-zbcO-KF9.js +86 -0
  34. package/dist/Document-BqVezrmJ.js +90 -0
  35. package/dist/Document-C2lg-jdj.js +74 -0
  36. package/dist/Dropdown-BRN-hpgd.js +133 -0
  37. package/dist/Dropdown-j62nqdd-.js +112 -0
  38. package/dist/EmbedURL-Bgr2pdf_.js +114 -0
  39. package/dist/EmbedURL-DFt6rN3J.js +142 -0
  40. package/dist/FileUpload-B5TBQJPC.js +54 -0
  41. package/dist/FileUpload-sYxMn9Rj.js +47 -0
  42. package/dist/Form-7ZWgBVzR.js +286 -0
  43. package/dist/Form-CsN7UMF-.js +339 -0
  44. package/dist/Icon-B_2ZWGd0.js +64 -0
  45. package/dist/Icon-CkLIObME.js +74 -0
  46. package/dist/Image-CcswllGj.js +93 -0
  47. package/dist/Image-CihbGdKt.js +111 -0
  48. package/dist/Link-BEUscah_.js +95 -0
  49. package/dist/Link-C4HV3i5L.js +76 -0
  50. package/dist/Menu-B98hcumz.js +83 -0
  51. package/dist/Menu-BEzo-k-M.js +73 -0
  52. package/dist/MicroApp-BDPSu_XC.js +75 -0
  53. package/dist/MicroApp-DCBOKAJ4.js +100 -0
  54. package/dist/NumberInput-Bbo10XmQ.js +95 -0
  55. package/dist/NumberInput-YJKsJDcd.js +84 -0
  56. package/dist/Panel-C1tcqveD.js +161 -0
  57. package/dist/Panel-DidE5uT5.js +127 -0
  58. package/dist/Radio-button-CuVS3-fC.js +71 -0
  59. package/dist/Radio-button-Cxj0bL8i.js +53 -0
  60. package/dist/RefComponent-BgOcavVg.js +79 -0
  61. package/dist/RefComponent-DTerPZ8J.js +96 -0
  62. package/dist/RichText-BiZgSdNO.js +449 -0
  63. package/dist/RichText-CwMNVuR_.js +485 -0
  64. package/dist/Row-BEx5bGTR.js +202 -0
  65. package/dist/Row-XczXHjOV.js +229 -0
  66. package/dist/Select-Bd16OOiE.js +87 -0
  67. package/dist/Select-D0xinu-U.js +77 -0
  68. package/dist/Slider-BVFPWYh3.js +55 -0
  69. package/dist/Slider-DGulvswN.js +74 -0
  70. package/dist/Table-C44wa8yn.js +159 -0
  71. package/dist/Table-CQiS_Q-s.js +184 -0
  72. package/dist/Tabs-CPQxFISc.js +131 -0
  73. package/dist/Tabs-DW2Su8xF.js +116 -0
  74. package/dist/Tag-BEfAQrjG.js +61 -0
  75. package/dist/Tag-BLxTFDcC.js +47 -0
  76. package/dist/TextInput-BWhdGS3a.js +148 -0
  77. package/dist/TextInput-CV850FvO.js +193 -0
  78. package/dist/TextLabel-CbSGmoVY.js +102 -0
  79. package/dist/Textarea-Bncyxfts.js +83 -0
  80. package/dist/Textarea-SEbx4KI5.js +117 -0
  81. package/dist/Video--shJ014h.js +120 -0
  82. package/dist/Video-CflXfaiK.js +100 -0
  83. package/dist/aitchat-Btz9TPEN.js +23 -0
  84. package/dist/colorpicker-BO_4CeX4.js +64 -0
  85. package/dist/colorpicker-UzXsx6gP.js +75 -0
  86. package/dist/constants-Bs_KQRi_.js +4 -0
  87. package/dist/constants-CXdpxgF2.js +4 -0
  88. package/dist/{cssMode-D82-gS78.js → cssMode-tpaxIZJS.js} +1 -1
  89. package/dist/{freemarker2-CYRLpyjt.js → freemarker2-Nx-tkO9y.js} +1 -1
  90. package/dist/{handlebars-R8Efxi60.js → handlebars-CF3Jmmto.js} +1 -1
  91. package/dist/{html-czhjovcp.js → html-CdZEJTJR.js} +1 -1
  92. package/dist/{htmlMode-DpyKDYYs.js → htmlMode-CztruwTl.js} +1 -1
  93. package/dist/iconbutton-BwuZYQyh.js +53 -0
  94. package/dist/iconbutton-CE0Vxu1G.js +69 -0
  95. package/dist/{javascript-DwqkMEdb.js → javascript-CVODTc2t.js} +1 -1
  96. package/dist/{jsonMode-Cmxxe0W9.js → jsonMode-ChPl6moP.js} +1 -1
  97. package/dist/{liquid-2spuEcBh.js → liquid-BckHw388.js} +1 -1
  98. package/dist/{mdx-BjBXyEeR.js → mdx-DB1fiwuN.js} +1 -1
  99. package/dist/micro-app-entry-BgDXbkmh.js +12042 -0
  100. package/dist/micro-app.bundle.js +1 -1
  101. package/dist/micro-app.js +6 -4969
  102. package/dist/{python-DLI1ji08.js → python-DOQt67t7.js} +1 -1
  103. package/dist/{razor-oAnIJsrL.js → razor-D65ZeXuP.js} +1 -1
  104. package/dist/runtime.js +4 -2
  105. package/dist/{tsMode-D_PMsbjK.js → tsMode-CXrSAnjJ.js} +1 -1
  106. package/dist/{typescript-Bu3ZbtQI.js → typescript-BuKvlC_a.js} +1 -1
  107. package/dist/{xml-CNSSkPqy.js → xml-_nj2r-yt.js} +1 -1
  108. package/dist/{yaml-5RF_PGNe.js → yaml-m8PrW_TL.js} +1 -1
  109. package/package.json +1 -1
  110. package/utils/index.ts +4 -1
  111. package/utils/lazy-component-loader.ts +120 -0
  112. package/utils/register-components.ts +14 -40
  113. package/utils/render-util.ts +84 -0
  114. package/dist/micro-app-entry-DYAnCRDo.js +0 -15860
@@ -0,0 +1,150 @@
1
+ import { nothing, html, css } from 'lit';
2
+ import { property, state, customElement } from 'lit/decorators.js';
3
+ import { styleMap } from 'lit/directives/style-map.js';
4
+ import { classMap } from 'lit/directives/class-map.js';
5
+ import { ae as BaseElementBlock, $ as $components, aM as renderComponent, v as RuntimeHelpers, ap as setContextMenuEvent, ak as setCurrentComponentIdAction } from './BaseElement-wyA58UxT.js';
6
+ import { ref } from 'lit/directives/ref.js';
7
+
8
+ var __defProp = Object.defineProperty;
9
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
10
+ var __decorateClass = (decorators, target, key, kind) => {
11
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
12
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
13
+ if (decorator = decorators[i])
14
+ result = (kind ? decorator(target, key, result) : decorator(result)) || result;
15
+ if (kind && result) __defProp(target, key, result);
16
+ return result;
17
+ };
18
+ try {
19
+ await import('@nuralyui/card');
20
+ } catch (error) {
21
+ console.warn("[@nuralyui/card] Package not found or failed to load.");
22
+ }
23
+ let CardBlock = class extends BaseElementBlock {
24
+ constructor() {
25
+ super(...arguments);
26
+ this.isViewMode = false;
27
+ this.childrenComponents = [];
28
+ this.dragOverSituation = false;
29
+ }
30
+ connectedCallback() {
31
+ super.connectedCallback();
32
+ this.updateChildrenComponents();
33
+ }
34
+ willUpdate(changedProperties) {
35
+ super.willUpdate(changedProperties);
36
+ if (changedProperties.has("component")) {
37
+ this.updateChildrenComponents();
38
+ }
39
+ }
40
+ updateChildrenComponents() {
41
+ this.childrenComponents = this.component?.childrenIds?.map((id) => {
42
+ return $components.get()[this.component?.application_id]?.find((component) => component.uuid === id);
43
+ }) ?? [];
44
+ }
45
+ renderView() {
46
+ const cardStyles = this.component?.style || {};
47
+ const title = this.component?.input?.title?.value || this.inputHandlersValue?.title || "";
48
+ const bordered = this.component?.input?.bordered?.value ?? this.inputHandlersValue?.bordered ?? true;
49
+ const hoverable = this.component?.input?.hoverable?.value ?? this.inputHandlersValue?.hoverable ?? false;
50
+ const loading = this.component?.input?.loading?.value ?? this.inputHandlersValue?.loading ?? false;
51
+ const size = this.component?.input?.size?.value || this.inputHandlersValue?.size || "default";
52
+ return html`
53
+ <nr-card
54
+ id=${this.inputHandlersValue.id ?? nothing}
55
+ ${ref(this.inputRef)}
56
+ data-component-uuid=${this.component?.uuid}
57
+ data-component-name=${this.component?.name}
58
+ style=${styleMap({
59
+ "width": RuntimeHelpers.extractUnit(cardStyles?.width) === "%" ? "100%" : cardStyles?.width ?? "auto",
60
+ ...cardStyles
61
+ })}
62
+ class=${classMap({
63
+ "drag-over": this.dragOverSituation
64
+ })}
65
+ .header=${title}
66
+ .size=${size}
67
+ ?bordered=${bordered}
68
+ ?hoverable=${hoverable}
69
+ ?loading=${loading}
70
+ @mouseenter="${(e) => this.executeEvent("onMouseEnter", { ...e, unique: this.uniqueUUID })}"
71
+ @mouseleave="${(e) => this.executeEvent("onMouseLeave", { ...e, unique: this.uniqueUUID })}"
72
+ @click=${(e) => this.executeEvent("onClick", e)}
73
+ >
74
+ <div slot="content">
75
+ ${this.childrenComponents.length ? renderComponent(this.childrenComponents.map((component) => ({ ...component, item: this.item })), this.item, this.isViewMode, { ...this.component, uniqueUUID: this.uniqueUUID }) : nothing}
76
+ </div>
77
+ </nr-card>
78
+ `;
79
+ }
80
+ renderComponent() {
81
+ const cardStyles = this.component?.style || {};
82
+ const title = this.component?.input?.title?.value || this.inputHandlersValue?.title || "";
83
+ const bordered = this.component?.input?.bordered?.value ?? this.inputHandlersValue?.bordered ?? true;
84
+ const hoverable = this.component?.input?.hoverable?.value ?? this.inputHandlersValue?.hoverable ?? false;
85
+ const loading = this.component?.input?.loading?.value ?? this.inputHandlersValue?.loading ?? false;
86
+ const size = this.component?.input?.size?.value || this.inputHandlersValue?.size || "default";
87
+ return html`
88
+ ${this.isViewMode ? this.renderView() : html`
89
+ <nr-card
90
+ ${ref(this.inputRef)}
91
+ data-component-uuid=${this.component?.uuid}
92
+ data-component-name=${this.component?.name}
93
+ style=${styleMap(cardStyles)}
94
+ class=${classMap({
95
+ "drag-over": this.dragOverSituation
96
+ })}
97
+ .header=${title}
98
+ .size=${size}
99
+ ?bordered=${bordered}
100
+ ?hoverable=${hoverable}
101
+ ?loading=${loading}
102
+ @click=${(e) => {
103
+ setContextMenuEvent(null);
104
+ this.executeEvent("onClick", e);
105
+ }}
106
+ >
107
+ <div slot="content" style=${styleMap({ "min-height": this.childrenComponents.length ? "auto" : "100px" })}>
108
+ ${this.childrenComponents.length ? renderComponent(this.childrenComponents.map((component) => ({ ...component, item: this.item })), this.item, this.isViewMode, { ...this.component, uniqueUUID: this.uniqueUUID }) : html`
109
+ <div
110
+ style="padding: 20px; text-align: center; color: #999;"
111
+ @click="${() => setCurrentComponentIdAction(this.component?.uuid)}"
112
+ >
113
+ Add or Drag an item into this card
114
+ <drag-wrapper
115
+ .where=${"inside"}
116
+ .message=${"Drop inside"}
117
+ .component=${{ ...this.component }}
118
+ .inputRef=${this.inputRef}
119
+ .isDragInitiator=${this.isDragInitiator}
120
+ >
121
+ </drag-wrapper>
122
+ </div>
123
+ `}
124
+ </div>
125
+ </nr-card>
126
+ `}
127
+ `;
128
+ }
129
+ };
130
+ CardBlock.styles = [css``];
131
+ __decorateClass([
132
+ property({ type: Object })
133
+ ], CardBlock.prototype, "component", 2);
134
+ __decorateClass([
135
+ property({ type: Object })
136
+ ], CardBlock.prototype, "item", 2);
137
+ __decorateClass([
138
+ property({ type: Boolean })
139
+ ], CardBlock.prototype, "isViewMode", 2);
140
+ __decorateClass([
141
+ state()
142
+ ], CardBlock.prototype, "childrenComponents", 2);
143
+ __decorateClass([
144
+ state()
145
+ ], CardBlock.prototype, "dragOverSituation", 2);
146
+ CardBlock = __decorateClass([
147
+ customElement("card-block")
148
+ ], CardBlock);
149
+
150
+ export { CardBlock };
@@ -0,0 +1,59 @@
1
+ import { B as r, n as o, b as c, t as d } from "./micro-app-entry-BgDXbkmh.js";
2
+ var h = Object.getOwnPropertyDescriptor, p = (e, a, i, s) => {
3
+ for (var t = s > 1 ? void 0 : s ? h(a, i) : a, n = e.length - 1, u; n >= 0; n--)
4
+ (u = e[n]) && (t = u(t) || t);
5
+ return t;
6
+ };
7
+ try {
8
+ await import("@nuralyui/checkbox");
9
+ } catch {
10
+ console.warn("[@nuralyui/checkbox] Package not found or failed to load.");
11
+ }
12
+ let l = class extends r {
13
+ renderComponent() {
14
+ return c`
15
+ <nr-checkbox
16
+ class="${`drop-${this.component.uuid}`}"
17
+ ${o(this.inputRef)}
18
+ .checked=${this.inputHandlersValue?.value === !0}
19
+ .indeterminate=${this.inputHandlersValue?.value === "indeterminate"}
20
+ .disabled=${this.inputHandlersValue?.disabled}
21
+ .size=${this.inputHandlersValue?.size || "medium"}
22
+ .name=${this.inputHandlersValue?.name || ""}
23
+ .value=${this.inputHandlersValue?.value || ""}
24
+ .autoFocus=${this.inputHandlersValue?.autoFocus || !1}
25
+ .id=${this.inputHandlersValue?.id || ""}
26
+ .title=${this.inputHandlersValue?.title || ""}
27
+ .tabIndex=${this.inputHandlersValue?.tabIndex || 0}
28
+ @nr-change=${(e) => {
29
+ this.executeEvent("onChange", e, {
30
+ checked: e.detail.checked
31
+ });
32
+ }}
33
+ @nr-focus=${(e) => {
34
+ this.executeEvent("onFocus", e);
35
+ }}
36
+ @nr-blur=${(e) => {
37
+ this.executeEvent("onBlur", e);
38
+ }}
39
+ @nr-keydown=${(e) => {
40
+ this.executeEvent("onKeydown", e);
41
+ }}
42
+ @nr-mouseenter=${(e) => {
43
+ this.executeEvent("onMouseEnter", e);
44
+ }}
45
+ @nr-mouseleave=${(e) => {
46
+ this.executeEvent("onMouseLeave", e);
47
+ }}
48
+ >
49
+ <nr-label .size=${this.inputHandlersValue?.size || "medium"}> ${this.inputHandlersValue?.label ?? ""}</nr-label>
50
+ </nr-checkbox>
51
+ `;
52
+ }
53
+ };
54
+ l = p([
55
+ d("checkbox-block")
56
+ ], l);
57
+ export {
58
+ l as CheckboxBlock
59
+ };
@@ -0,0 +1,65 @@
1
+ import { html } from 'lit';
2
+ import { customElement } from 'lit/decorators.js';
3
+ import { ae as BaseElementBlock } from './BaseElement-wyA58UxT.js';
4
+ import { ref } from 'lit/directives/ref.js';
5
+
6
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
+ var __decorateClass = (decorators, target, key, kind) => {
8
+ var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
9
+ for (var i = decorators.length - 1, decorator; i >= 0; i--)
10
+ if (decorator = decorators[i])
11
+ result = (decorator(result)) || result;
12
+ return result;
13
+ };
14
+ try {
15
+ await import('@nuralyui/checkbox');
16
+ } catch (error) {
17
+ console.warn("[@nuralyui/checkbox] Package not found or failed to load.");
18
+ }
19
+ let CheckboxBlock = class extends BaseElementBlock {
20
+ renderComponent() {
21
+ return html`
22
+ <nr-checkbox
23
+ class="${`drop-${this.component.uuid}`}"
24
+ ${ref(this.inputRef)}
25
+ .checked=${this.inputHandlersValue?.value === true}
26
+ .indeterminate=${this.inputHandlersValue?.value === "indeterminate"}
27
+ .disabled=${this.inputHandlersValue?.disabled}
28
+ .size=${this.inputHandlersValue?.size || "medium"}
29
+ .name=${this.inputHandlersValue?.name || ""}
30
+ .value=${this.inputHandlersValue?.value || ""}
31
+ .autoFocus=${this.inputHandlersValue?.autoFocus || false}
32
+ .id=${this.inputHandlersValue?.id || ""}
33
+ .title=${this.inputHandlersValue?.title || ""}
34
+ .tabIndex=${this.inputHandlersValue?.tabIndex || 0}
35
+ @nr-change=${(e) => {
36
+ this.executeEvent("onChange", e, {
37
+ checked: e.detail.checked
38
+ });
39
+ }}
40
+ @nr-focus=${(e) => {
41
+ this.executeEvent("onFocus", e);
42
+ }}
43
+ @nr-blur=${(e) => {
44
+ this.executeEvent("onBlur", e);
45
+ }}
46
+ @nr-keydown=${(e) => {
47
+ this.executeEvent("onKeydown", e);
48
+ }}
49
+ @nr-mouseenter=${(e) => {
50
+ this.executeEvent("onMouseEnter", e);
51
+ }}
52
+ @nr-mouseleave=${(e) => {
53
+ this.executeEvent("onMouseLeave", e);
54
+ }}
55
+ >
56
+ <nr-label .size=${this.inputHandlersValue?.size || "medium"}> ${this.inputHandlersValue?.label ?? ""}</nr-label>
57
+ </nr-checkbox>
58
+ `;
59
+ }
60
+ };
61
+ CheckboxBlock = __decorateClass([
62
+ customElement("checkbox-block")
63
+ ], CheckboxBlock);
64
+
65
+ export { CheckboxBlock };
@@ -0,0 +1,109 @@
1
+ import { B as p, h as y, n as h, o as u, b as c, i as m, c as n, d as K, t as f } from "./micro-app-entry-BgDXbkmh.js";
2
+ var C = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (e, t, a, d) => {
3
+ for (var o = d > 1 ? void 0 : d ? g(t, a) : t, s = e.length - 1, r; s >= 0; s--)
4
+ (r = e[s]) && (o = (d ? r(t, a, o) : r(o)) || o);
5
+ return d && o && C(t, a, o), o;
6
+ };
7
+ let i = class extends p {
8
+ constructor() {
9
+ super(...arguments), this.isEditorLoaded = !1;
10
+ }
11
+ connectedCallback() {
12
+ super.connectedCallback(), this.loadEditor();
13
+ }
14
+ async loadEditor() {
15
+ this.isEditorLoaded || (await import("./CodeEditor-2QHTZxKN.js").then((e) => e.C), this.isEditorLoaded = !0);
16
+ }
17
+ disconnectedCallback() {
18
+ super.disconnectedCallback();
19
+ }
20
+ handleCodeEditorChange(e) {
21
+ const t = e.detail.value;
22
+ if (!this.isViewMode) {
23
+ const a = JSON.stringify(t);
24
+ y(
25
+ this.component,
26
+ /* js */
27
+ `
28
+ try {
29
+ const selectedComponent = Utils.first($selectedComponents);
30
+ updateInput(selectedComponent, "value", "string", ${a}, null);
31
+ } catch (error) {
32
+ console.error(error);
33
+ }
34
+ `,
35
+ {}
36
+ );
37
+ }
38
+ this.executeEvent("onChange", e, { value: t });
39
+ }
40
+ renderComponent() {
41
+ return c`
42
+ ${this.isEditorLoaded ? c`
43
+ <code-editor
44
+ ${h(this.inputRef)}
45
+ style=${u({
46
+ ...this.getStyles(),
47
+ display: "block"
48
+ })}
49
+ language="${this.inputHandlersValue?.language ?? "javascript"}"
50
+ theme="${this.inputHandlersValue?.theme ?? "vs-dark"}"
51
+ .readonly=${this.inputHandlersValue?.readonly ?? this.isViewMode === !0}
52
+ .code=${this.inputHandlersValue?.value ?? ""}
53
+ @click=${(e) => {
54
+ this.executeEvent("onClick", e);
55
+ }}
56
+ @change=${(e) => {
57
+ this.handleCodeEditorChange(e);
58
+ }}
59
+ @editor-keydown=${(e) => {
60
+ this.executeEvent("onKeyDown", e, {
61
+ key: e.detail.key,
62
+ code: e.detail.code,
63
+ ctrlKey: e.detail.ctrlKey,
64
+ shiftKey: e.detail.shiftKey,
65
+ altKey: e.detail.altKey,
66
+ metaKey: e.detail.metaKey
67
+ });
68
+ }}
69
+ @editor-keyup=${(e) => {
70
+ this.executeEvent("onKeyUp", e, {
71
+ key: e.detail.key,
72
+ code: e.detail.code,
73
+ ctrlKey: e.detail.ctrlKey,
74
+ shiftKey: e.detail.shiftKey,
75
+ altKey: e.detail.altKey,
76
+ metaKey: e.detail.metaKey
77
+ });
78
+ }}
79
+ >
80
+ </code-editor>
81
+ ` : c`<p>Loading editor...</p>`}
82
+ `;
83
+ }
84
+ };
85
+ i.styles = [
86
+ m`
87
+ :host {
88
+ }
89
+ code-editor {
90
+ display: block;
91
+ height: 100px;
92
+ }
93
+ `
94
+ ];
95
+ l([
96
+ n({ type: Object })
97
+ ], i.prototype, "component", 2);
98
+ l([
99
+ n({ type: Object })
100
+ ], i.prototype, "item", 2);
101
+ l([
102
+ K()
103
+ ], i.prototype, "isEditorLoaded", 2);
104
+ i = l([
105
+ f("code-block")
106
+ ], i);
107
+ export {
108
+ i as TextInputBlock
109
+ };
@@ -0,0 +1,123 @@
1
+ import { html, css } from 'lit';
2
+ import { property, state, customElement } from 'lit/decorators.js';
3
+ import { ae as BaseElementBlock, a8 as executeHandler } from './BaseElement-wyA58UxT.js';
4
+ import { ref } from 'lit/directives/ref.js';
5
+ import { styleMap } from 'lit/directives/style-map.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
+ let TextInputBlock = class extends BaseElementBlock {
18
+ constructor() {
19
+ super(...arguments);
20
+ this.isEditorLoaded = false;
21
+ }
22
+ connectedCallback() {
23
+ super.connectedCallback();
24
+ this.loadEditor();
25
+ }
26
+ async loadEditor() {
27
+ if (!this.isEditorLoaded) {
28
+ await import('./CodeEditor-Cpph-xRc.js');
29
+ this.isEditorLoaded = true;
30
+ }
31
+ }
32
+ disconnectedCallback() {
33
+ super.disconnectedCallback();
34
+ }
35
+ handleCodeEditorChange(event) {
36
+ const value = event.detail.value;
37
+ if (!this.isViewMode) {
38
+ const serializedValue = JSON.stringify(value);
39
+ executeHandler(
40
+ this.component,
41
+ /* js */
42
+ `
43
+ try {
44
+ const selectedComponent = Utils.first($selectedComponents);
45
+ updateInput(selectedComponent, "value", "string", ${serializedValue}, null);
46
+ } catch (error) {
47
+ console.error(error);
48
+ }
49
+ `,
50
+ {}
51
+ );
52
+ }
53
+ this.executeEvent("onChange", event, { value });
54
+ }
55
+ renderComponent() {
56
+ return html`
57
+ ${this.isEditorLoaded ? html`
58
+ <code-editor
59
+ ${ref(this.inputRef)}
60
+ style=${styleMap({
61
+ ...this.getStyles(),
62
+ display: "block"
63
+ })}
64
+ language="${this.inputHandlersValue?.language ?? "javascript"}"
65
+ theme="${this.inputHandlersValue?.theme ?? "vs-dark"}"
66
+ .readonly=${this.inputHandlersValue?.readonly ?? this.isViewMode === true}
67
+ .code=${this.inputHandlersValue?.value ?? ""}
68
+ @click=${(e) => {
69
+ this.executeEvent("onClick", e);
70
+ }}
71
+ @change=${(event) => {
72
+ this.handleCodeEditorChange(event);
73
+ }}
74
+ @editor-keydown=${(event) => {
75
+ this.executeEvent("onKeyDown", event, {
76
+ key: event.detail.key,
77
+ code: event.detail.code,
78
+ ctrlKey: event.detail.ctrlKey,
79
+ shiftKey: event.detail.shiftKey,
80
+ altKey: event.detail.altKey,
81
+ metaKey: event.detail.metaKey
82
+ });
83
+ }}
84
+ @editor-keyup=${(event) => {
85
+ this.executeEvent("onKeyUp", event, {
86
+ key: event.detail.key,
87
+ code: event.detail.code,
88
+ ctrlKey: event.detail.ctrlKey,
89
+ shiftKey: event.detail.shiftKey,
90
+ altKey: event.detail.altKey,
91
+ metaKey: event.detail.metaKey
92
+ });
93
+ }}
94
+ >
95
+ </code-editor>
96
+ ` : html`<p>Loading editor...</p>`}
97
+ `;
98
+ }
99
+ };
100
+ TextInputBlock.styles = [
101
+ css`
102
+ :host {
103
+ }
104
+ code-editor {
105
+ display: block;
106
+ height: 100px;
107
+ }
108
+ `
109
+ ];
110
+ __decorateClass([
111
+ property({ type: Object })
112
+ ], TextInputBlock.prototype, "component", 2);
113
+ __decorateClass([
114
+ property({ type: Object })
115
+ ], TextInputBlock.prototype, "item", 2);
116
+ __decorateClass([
117
+ state()
118
+ ], TextInputBlock.prototype, "isEditorLoaded", 2);
119
+ TextInputBlock = __decorateClass([
120
+ customElement("code-block")
121
+ ], TextInputBlock);
122
+
123
+ export { TextInputBlock };
@@ -1,4 +1,4 @@
1
- import { i as aG, n as b0, a as lG, e as cG, b as dG, c as hG, t as uG } from "./micro-app-entry-DYAnCRDo.js";
1
+ import { i as aG, c as b0, q as lG, e as cG, n as dG, b as hG, t as uG } from "./micro-app-entry-BgDXbkmh.js";
2
2
  function Qo(o, e = 0) {
3
3
  return o[o.length - (1 + e)];
4
4
  }
@@ -77835,37 +77835,37 @@ Se({
77835
77835
  id: "freemarker2",
77836
77836
  extensions: [".ftl", ".ftlh", ".ftlx"],
77837
77837
  aliases: ["FreeMarker2", "Apache FreeMarker2"],
77838
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagAutoInterpolationDollar)
77838
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagAutoInterpolationDollar)
77839
77839
  });
77840
77840
  Se({
77841
77841
  id: "freemarker2.tag-angle.interpolation-dollar",
77842
77842
  aliases: ["FreeMarker2 (Angle/Dollar)", "Apache FreeMarker2 (Angle/Dollar)"],
77843
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagAngleInterpolationDollar)
77843
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagAngleInterpolationDollar)
77844
77844
  });
77845
77845
  Se({
77846
77846
  id: "freemarker2.tag-bracket.interpolation-dollar",
77847
77847
  aliases: ["FreeMarker2 (Bracket/Dollar)", "Apache FreeMarker2 (Bracket/Dollar)"],
77848
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagBracketInterpolationDollar)
77848
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagBracketInterpolationDollar)
77849
77849
  });
77850
77850
  Se({
77851
77851
  id: "freemarker2.tag-angle.interpolation-bracket",
77852
77852
  aliases: ["FreeMarker2 (Angle/Bracket)", "Apache FreeMarker2 (Angle/Bracket)"],
77853
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagAngleInterpolationBracket)
77853
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagAngleInterpolationBracket)
77854
77854
  });
77855
77855
  Se({
77856
77856
  id: "freemarker2.tag-bracket.interpolation-bracket",
77857
77857
  aliases: ["FreeMarker2 (Bracket/Bracket)", "Apache FreeMarker2 (Bracket/Bracket)"],
77858
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagBracketInterpolationBracket)
77858
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagBracketInterpolationBracket)
77859
77859
  });
77860
77860
  Se({
77861
77861
  id: "freemarker2.tag-auto.interpolation-dollar",
77862
77862
  aliases: ["FreeMarker2 (Auto/Dollar)", "Apache FreeMarker2 (Auto/Dollar)"],
77863
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagAutoInterpolationDollar)
77863
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagAutoInterpolationDollar)
77864
77864
  });
77865
77865
  Se({
77866
77866
  id: "freemarker2.tag-auto.interpolation-bracket",
77867
77867
  aliases: ["FreeMarker2 (Auto/Bracket)", "Apache FreeMarker2 (Auto/Bracket)"],
77868
- loader: () => import("./freemarker2-CYRLpyjt.js").then((o) => o.TagAutoInterpolationBracket)
77868
+ loader: () => import("./freemarker2-Nx-tkO9y.js").then((o) => o.TagAutoInterpolationBracket)
77869
77869
  });
77870
77870
  /*!-----------------------------------------------------------------------------
77871
77871
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -77903,7 +77903,7 @@ Se({
77903
77903
  extensions: [".handlebars", ".hbs"],
77904
77904
  aliases: ["Handlebars", "handlebars", "hbs"],
77905
77905
  mimetypes: ["text/x-handlebars-template"],
77906
- loader: () => import("./handlebars-R8Efxi60.js")
77906
+ loader: () => import("./handlebars-CF3Jmmto.js")
77907
77907
  });
77908
77908
  /*!-----------------------------------------------------------------------------
77909
77909
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -77928,7 +77928,7 @@ Se({
77928
77928
  extensions: [".html", ".htm", ".shtml", ".xhtml", ".mdoc", ".jsp", ".asp", ".aspx", ".jshtm"],
77929
77929
  aliases: ["HTML", "htm", "html", "xhtml"],
77930
77930
  mimetypes: ["text/html", "text/x-jshtm", "text/template", "text/ng-template"],
77931
- loader: () => import("./html-czhjovcp.js")
77931
+ loader: () => import("./html-CdZEJTJR.js")
77932
77932
  });
77933
77933
  /*!-----------------------------------------------------------------------------
77934
77934
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -77969,7 +77969,7 @@ Se({
77969
77969
  filenames: ["jakefile"],
77970
77970
  aliases: ["JavaScript", "javascript", "js"],
77971
77971
  mimetypes: ["text/javascript"],
77972
- loader: () => import("./javascript-DwqkMEdb.js")
77972
+ loader: () => import("./javascript-CVODTc2t.js")
77973
77973
  });
77974
77974
  /*!-----------------------------------------------------------------------------
77975
77975
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78044,7 +78044,7 @@ Se({
78044
78044
  extensions: [".liquid", ".html.liquid"],
78045
78045
  aliases: ["Liquid", "liquid"],
78046
78046
  mimetypes: ["application/liquid"],
78047
- loader: () => import("./liquid-2spuEcBh.js")
78047
+ loader: () => import("./liquid-BckHw388.js")
78048
78048
  });
78049
78049
  /*!-----------------------------------------------------------------------------
78050
78050
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78080,7 +78080,7 @@ Se({
78080
78080
  id: "mdx",
78081
78081
  extensions: [".mdx"],
78082
78082
  aliases: ["MDX", "mdx"],
78083
- loader: () => import("./mdx-BjBXyEeR.js")
78083
+ loader: () => import("./mdx-DB1fiwuN.js")
78084
78084
  });
78085
78085
  /*!-----------------------------------------------------------------------------
78086
78086
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78275,7 +78275,7 @@ Se({
78275
78275
  extensions: [".py", ".rpy", ".pyw", ".cpy", ".gyp", ".gypi"],
78276
78276
  aliases: ["Python", "py"],
78277
78277
  firstLine: "^#!/.*\\bpython[0-9.-]*\\b",
78278
- loader: () => import("./python-DLI1ji08.js")
78278
+ loader: () => import("./python-DOQt67t7.js")
78279
78279
  });
78280
78280
  /*!-----------------------------------------------------------------------------
78281
78281
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78312,7 +78312,7 @@ Se({
78312
78312
  extensions: [".cshtml"],
78313
78313
  aliases: ["Razor", "razor"],
78314
78314
  mimetypes: ["text/x-cshtml"],
78315
- loader: () => import("./razor-oAnIJsrL.js")
78315
+ loader: () => import("./razor-D65ZeXuP.js")
78316
78316
  });
78317
78317
  /*!-----------------------------------------------------------------------------
78318
78318
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78564,7 +78564,7 @@ Se({
78564
78564
  extensions: [".ts", ".tsx", ".cts", ".mts"],
78565
78565
  aliases: ["TypeScript", "ts", "typescript"],
78566
78566
  mimetypes: ["text/typescript"],
78567
- loader: () => import("./typescript-Bu3ZbtQI.js")
78567
+ loader: () => import("./typescript-BuKvlC_a.js")
78568
78568
  });
78569
78569
  /*!-----------------------------------------------------------------------------
78570
78570
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78632,7 +78632,7 @@ Se({
78632
78632
  firstLine: "(\\<\\?xml.*)|(\\<svg)|(\\<\\!doctype\\s+svg)",
78633
78633
  aliases: ["XML", "xml"],
78634
78634
  mimetypes: ["text/xml", "application/xml", "application/xaml+xml", "application/xml-dtd"],
78635
- loader: () => import("./xml-CNSSkPqy.js")
78635
+ loader: () => import("./xml-_nj2r-yt.js")
78636
78636
  });
78637
78637
  /*!-----------------------------------------------------------------------------
78638
78638
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78645,7 +78645,7 @@ Se({
78645
78645
  extensions: [".yaml", ".yml"],
78646
78646
  aliases: ["YAML", "yaml", "YML", "yml"],
78647
78647
  mimetypes: ["application/x-yaml", "text/x-yaml"],
78648
- loader: () => import("./yaml-5RF_PGNe.js")
78648
+ loader: () => import("./yaml-m8PrW_TL.js")
78649
78649
  });
78650
78650
  /*!-----------------------------------------------------------------------------
78651
78651
  * Copyright (c) Microsoft Corporation. All rights reserved.
@@ -78748,7 +78748,7 @@ var nP = class {
78748
78748
  );
78749
78749
  lp.languages.css = { cssDefaults: tU, lessDefaults: nU, scssDefaults: iU };
78750
78750
  function rP() {
78751
- return import("./cssMode-D82-gS78.js");
78751
+ return import("./cssMode-tpaxIZJS.js");
78752
78752
  }
78753
78753
  lp.languages.onLanguage("less", () => {
78754
78754
  rP().then((o) => o.setupMode(nU));
@@ -78854,7 +78854,7 @@ jy.languages.html = {
78854
78854
  registerHTMLLanguageService: Ky
78855
78855
  };
78856
78856
  function Zpe() {
78857
- return import("./htmlMode-DpyKDYYs.js");
78857
+ return import("./htmlMode-CztruwTl.js");
78858
78858
  }
78859
78859
  function Ky(o, e = Gy, t = Yy(o)) {
78860
78860
  const i = new Kpe(o, e, t);
@@ -78931,7 +78931,7 @@ var r_e = class {
78931
78931
  ), c_e = () => lU().then((o) => o.getWorker());
78932
78932
  fw.languages.json = { jsonDefaults: aU, getWorker: c_e };
78933
78933
  function lU() {
78934
- return import("./jsonMode-Cmxxe0W9.js");
78934
+ return import("./jsonMode-ChPl6moP.js");
78935
78935
  }
78936
78936
  fw.languages.register({
78937
78937
  id: "json",
@@ -79095,7 +79095,7 @@ xm.languages.typescript = {
79095
79095
  getJavaScriptWorker: b_e
79096
79096
  };
79097
79097
  function $y() {
79098
- return import("./tsMode-D_PMsbjK.js");
79098
+ return import("./tsMode-CXrSAnjJ.js");
79099
79099
  }
79100
79100
  xm.languages.onLanguage("typescript", () => $y().then((o) => o.setupTypeScript(pU)));
79101
79101
  xm.languages.onLanguage("javascript", () => $y().then((o) => o.setupJavaScript(_U)));