@threadlabs/looma 0.25.3 → 0.25.5
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-badge/ui-badge.html +59 -3
- package/components/ui-button/ui-button.html +1 -1
- package/components/ui-card/ui-card.html +27 -2
- package/components/ui-cluster/ui-cluster.html +30 -0
- package/components/ui-editor-surface/ui-editor-surface.html +23 -0
- package/components/ui-scroll-area/ui-scroll-area.html +5 -0
- package/components/ui-stack/ui-stack.html +17 -1
- package/components/ui-text/ui-text.html +5 -0
- package/components/ui-textarea/ui-textarea.html +7 -0
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/styles/ui-badge.css +61 -4
- package/styles/ui-button.css +1 -1
- package/styles/ui-card.css +24 -0
- package/styles/ui-cluster.css +25 -0
- package/styles/ui-editor-surface.css +19 -0
- package/styles/ui-scroll-area.css +4 -0
- package/styles/ui-stack.css +13 -0
- package/styles/ui-text.css +4 -0
- package/styles/ui-textarea.css +4 -0
- package/vanilla/UiBadge.js +16 -3
- package/vanilla/UiCard.d.ts +1 -1
- package/vanilla/UiCard.js +1 -1
- package/vanilla/UiCluster.d.ts +3 -0
- package/vanilla/UiCluster.js +9 -3
- package/vanilla/UiEditorSurface.d.ts +14 -0
- package/vanilla/UiEditorSurface.js +27 -0
- package/vanilla/UiScrollArea.d.ts +1 -0
- package/vanilla/UiScrollArea.js +1 -1
- package/vanilla/UiStack.d.ts +2 -0
- package/vanilla/UiStack.js +8 -9
- package/vanilla/UiText.d.ts +1 -0
- package/vanilla/UiText.js +1 -1
- package/vanilla/UiTextarea.d.ts +1 -0
- package/vanilla/UiTextarea.js +4 -1
- package/vanilla/index.js +1 -0
- package/vue/UiBadge.d.ts +4 -2
- package/vue/UiBadge.vue +57 -3
- package/vue/UiButton.vue +1 -1
- package/vue/UiCard.d.ts +3 -3
- package/vue/UiCard.vue +34 -5
- package/vue/UiCluster.d.ts +27 -0
- package/vue/UiCluster.vue +95 -1
- package/vue/UiEditorSlashMenuItem.d.ts +1 -1
- package/vue/UiEditorSurface.d.ts +26 -0
- package/vue/UiEditorSurface.js +2 -0
- package/vue/UiEditorSurface.vue +129 -0
- package/vue/UiScrollArea.d.ts +9 -0
- package/vue/UiScrollArea.vue +28 -2
- package/vue/UiStack.d.ts +18 -0
- package/vue/UiStack.vue +58 -1
- package/vue/UiText.d.ts +9 -0
- package/vue/UiText.vue +33 -0
- package/vue/UiTextarea.d.ts +9 -0
- package/vue/UiTextarea.vue +37 -2
- package/vue/chunks/UiBadge.js +7 -3
- package/vue/chunks/UiButton.js +1 -1
- package/vue/chunks/UiCard.js +10 -3
- package/vue/chunks/UiCluster.js +82 -1
- package/vue/chunks/UiEditorSurface.js +71 -0
- package/vue/chunks/UiScrollArea.js +28 -2
- package/vue/chunks/UiStack.js +46 -1
- package/vue/chunks/UiText.js +43 -1
- package/vue/chunks/UiTextarea.js +28 -2
- package/vue/components.css +321 -190
- package/vue/editor/LoomaEditor.d.ts +12 -0
- package/vue/editor/index.js +7 -2
- package/vue/index.d.ts +1 -0
- package/vue/index.js +2 -1
package/vue/chunks/UiTextarea.js
CHANGED
|
@@ -13,6 +13,7 @@ var _hoisted_1 = [
|
|
|
13
13
|
"data-autosize",
|
|
14
14
|
"data-disabled",
|
|
15
15
|
"data-invalid",
|
|
16
|
+
"data-max-rows",
|
|
16
17
|
"data-readonly",
|
|
17
18
|
"data-required",
|
|
18
19
|
"data-rows",
|
|
@@ -38,6 +39,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
38
39
|
type: null,
|
|
39
40
|
default: false
|
|
40
41
|
},
|
|
42
|
+
maxRows: {
|
|
43
|
+
type: null,
|
|
44
|
+
default: null
|
|
45
|
+
},
|
|
41
46
|
readonly: {
|
|
42
47
|
type: null,
|
|
43
48
|
default: false
|
|
@@ -93,6 +98,15 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
93
98
|
description: "Exposes invalid state to assistive technology and styling.",
|
|
94
99
|
default: false
|
|
95
100
|
},
|
|
101
|
+
maxRows: {
|
|
102
|
+
type: {
|
|
103
|
+
kind: "terminal",
|
|
104
|
+
name: "integer"
|
|
105
|
+
},
|
|
106
|
+
required: false,
|
|
107
|
+
target: { attribute: "maxrows" },
|
|
108
|
+
description: "Optional maximum visible rows, for a growing field in a bounded layout. Extra text scrolls inside the field. Omit it to retain unbounded growth."
|
|
109
|
+
},
|
|
96
110
|
readonly: {
|
|
97
111
|
type: {
|
|
98
112
|
kind: "terminal",
|
|
@@ -153,6 +167,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
153
167
|
autosize: false,
|
|
154
168
|
disabled: false,
|
|
155
169
|
invalid: false,
|
|
170
|
+
maxRows: null,
|
|
156
171
|
readonly: false,
|
|
157
172
|
required: false,
|
|
158
173
|
rows: 4,
|
|
@@ -172,6 +187,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
172
187
|
kind: "terminal",
|
|
173
188
|
name: "boolean"
|
|
174
189
|
}, false, "invalid", acceptedProps),
|
|
190
|
+
maxRows: checkedProp(props["maxRows"], {
|
|
191
|
+
kind: "terminal",
|
|
192
|
+
name: "integer"
|
|
193
|
+
}, false, "maxRows", acceptedProps),
|
|
175
194
|
readonly: checkedProp(props["readonly"], {
|
|
176
195
|
kind: "terminal",
|
|
177
196
|
name: "boolean"
|
|
@@ -232,6 +251,8 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
232
251
|
const hostState = computed(() => [
|
|
233
252
|
checkedProps.value.size && "size",
|
|
234
253
|
checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
|
|
254
|
+
checkedProps.value.maxRows && "maxRows",
|
|
255
|
+
checkedProps.value.maxRows != null && `maxRows=${checkedProps.value.maxRows}`,
|
|
235
256
|
checkedProps.value.autosize && "autosize"
|
|
236
257
|
].filter(Boolean).join(" "));
|
|
237
258
|
const dispatch = createDispatch(root);
|
|
@@ -252,6 +273,7 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
252
273
|
"autosize",
|
|
253
274
|
"disabled",
|
|
254
275
|
"invalid",
|
|
276
|
+
"maxRows",
|
|
255
277
|
"readonly",
|
|
256
278
|
"required",
|
|
257
279
|
"rows",
|
|
@@ -270,10 +292,14 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
270
292
|
required: checkedProps.value.required ?? void 0,
|
|
271
293
|
"aria-invalid": checkedProps.value.invalid ?? void 0,
|
|
272
294
|
rows: checkedProps.value.rows ?? void 0,
|
|
273
|
-
style: {
|
|
295
|
+
style: {
|
|
296
|
+
"--_rows": checkedProps.value.rows ?? void 0,
|
|
297
|
+
"--_max-rows": checkedProps.value.maxRows ?? void 0
|
|
298
|
+
},
|
|
274
299
|
"data-autosize": reflectedProp("autosize", "autosize", checkedProps.value.autosize, void 0, false),
|
|
275
300
|
"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
|
|
276
301
|
"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
|
|
302
|
+
"data-max-rows": reflectedProp("maxRows", "max-rows", checkedProps.value.maxRows, void 0, false),
|
|
277
303
|
"data-readonly": reflectedProp("readonly", "readonly", checkedProps.value.readonly, void 0, false),
|
|
278
304
|
"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
|
|
279
305
|
"data-rows": reflectedProp("rows", "rows", checkedProps.value.rows, void 0, false),
|
|
@@ -295,6 +321,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
|
|
|
295
321
|
}]]);
|
|
296
322
|
};
|
|
297
323
|
}
|
|
298
|
-
}), [["__scopeId", "data-v-
|
|
324
|
+
}), [["__scopeId", "data-v-4fc6e397"]]);
|
|
299
325
|
//#endregion
|
|
300
326
|
export { UiTextarea_default as t };
|