@cwa/nuxt-edge 1.0.0-29371663.f928e92 → 1.0.0-29373708.ddf9663

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.
@@ -53,7 +53,10 @@ const classOptions = computed(() => {
53
53
  return options;
54
54
  });
55
55
  const disabled = exposeMeta.disabled;
56
- disabled.value = !current.value?.styles?.value?.classes.length && !current.value?.ui?.length;
56
+ watchEffect(() => {
57
+ const classesObj = current.value?.styles?.value?.classes;
58
+ disabled.value = (!classesObj || !Object.keys(classesObj).length) && !current.value?.ui?.length;
59
+ });
57
60
  const components = computed(() => {
58
61
  return current.value?.ui;
59
62
  });
@@ -87,15 +90,25 @@ defineExpose(exposeMeta);
87
90
 
88
91
  <template>
89
92
  <div>
90
- <div class="cwa:flex cwa:gap-x-2">
91
- <CwaUiFormSelect
92
- v-model="uiSelect.model.value"
93
- :options="uiSelect.options.value"
94
- />
95
- <CwaUiFormSelect
96
- v-model="classNamesSelect.model.value"
97
- :options="classNamesSelect.options.value"
98
- />
93
+ <div class="cwa:flex cwa:gap-x-6">
94
+ <CwaUiFormLabelWrapper
95
+ v-if="uiSelect.options.value.length > 1"
96
+ label="UI:"
97
+ >
98
+ <CwaUiFormSelect
99
+ v-model="uiSelect.model.value"
100
+ :options="uiSelect.options.value"
101
+ />
102
+ </CwaUiFormLabelWrapper>
103
+ <CwaUiFormLabelWrapper
104
+ v-if="classNamesSelect.options.value.length > 1"
105
+ label="Style:"
106
+ >
107
+ <CwaUiFormSelect
108
+ v-model="classNamesSelect.model.value"
109
+ :options="classNamesSelect.options.value"
110
+ />
111
+ </CwaUiFormLabelWrapper>
99
112
  </div>
100
113
  </div>
101
114
  </template>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cwa/nuxt-edge",
3
- "version": "1.0.0-29371663.f928e92",
3
+ "version": "1.0.0-29373708.ddf9663",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "description": "Components Web Apps Nuxt Module. UI for creating component-driven web apps with the API Components Bundle",