@christianriedl/utils 1.0.166 → 1.0.167

package/src/components/SettingsLine.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-    import { reactive, ref } from 'vue';
+    import { reactive, ref, computed } from 'vue';
     import { IConfigItem, IDataItem, ItemType, EScope } from '@christianriedl/utils';
 
     const props = defineProps<{ item: IConfigItem | IDataItem; scopes?: EScope, clearable?: boolean, op?: string, operations?: string[] }>();
@@ -15,6 +15,7 @@
     const enumValues: ItemType[] = item.values!;
     const description = (item as IConfigItem).description || item.name;
     const operation = ref(props.op ? props.op :  '');
+    const isClearable = computed(() => props.clearable && item.value != item.default);
 
     function onChange() {
 	emits('change');
@@ -33,12 +34,12 @@
         <v-col cols="6">{{description}}</v-col>
         <v-col cols="props.operations ? 4 : 6">
             <v-switch v-if="isBoolean" v-model="item.value" :disabled="isDisabled" density="compact" hide-details color="primary"
-                      :append-icon="props.clearable ? '$clear' : undefined" @update:modelValue="onChange" @click:append="onClear"></v-switch>
-            <v-text-field v-if="isString" v-model="item.value" :disabled="isDisabled" :clearable="props.clearable" density="compact"
+                      :append-icon="isClearable ? '$clear' : undefined" @update:modelValue="onChange" @click:append="onClear"></v-switch>
+            <v-text-field v-if="isString" v-model="item.value" :disabled="isDisabled" :clearable="isClearable" density="compact"
                           hide-details type="string" @update:modelValue="onChange" @click:clear="onClear"></v-text-field>
-            <v-text-field v-if="isNumber" v-model="item.value" :disabled="isDisabled" :clearable="props.clearable" density="compact"
+            <v-text-field v-if="isNumber" v-model="item.value" :disabled="isDisabled" :clearable="isClearable" density="compact"
                           hide-details type="number" @update:modelValue="onChange" @click:clear="onClear"></v-text-field>
-            <v-select v-if="isEnum" name="enum" density="compact" v-model="item.value" :disabled="isDisabled" :clearable="props.clearable"
+            <v-select v-if="isEnum" name="enum" density="compact" v-model="item.value" :disabled="isDisabled" :clearable="isClearable"
                       :items="enumValues" persistent-hint @update:modelValue="onChange" @click:clear="onClear" dense solo hide-details single-line>
             </v-select>
         </v-col>

package/src/components/ThemeSettings.vue

@@ -159,9 +159,19 @@
         }
         */
     async function save() {
-        const stringified = JSON.stringify(stored);
-	await window.navigator.clipboard.writeText(stringified);
+        let stringified = JSON.stringify(stored);
         appConfig.localStorage.setItem('themeColors', stringified);
+        if (paletteColorOk && toPalette.value) {
+            const copy = JSON.parse(stringified) as Dictionary<Dictionary<string>>;
+            for (const basecol in copy) {
+                const col = copy[basecol];
+                for (const c in col) {
+                    col[c] = nearestColorOKLab (paletteColorOk, col[c]).name;
+                }
+            }
+            stringified = JSON.stringify(copy);
+        }
+	await window.navigator.clipboard.writeText(stringified);
     }
     function reset() {
 	appConfig.localStorage.setItem('themeColors', null);
@@ -175,7 +185,7 @@
             <v-container fluid>
                 <v-row dense align="center">
                     <v-col cols="2">Select rule</v-col>
-                    <v-col cols="2"><v-checkbox label="To Palette" v-model="toPalette" hide-details></v-checkbox></v-col>
+                    <v-col cols="2"><v-checkbox label="To Material" v-model="toPalette" hide-details></v-checkbox></v-col>
                     <v-col cols="4">Edit background</v-col>
                     <v-col cols="4">Edit text</v-col>
                 </v-row>

package/src/views/SettingsPage.vue

@@ -45,6 +45,7 @@
     }
 
     function onChange(item: IConfigItem) {
+	/*
         if (item.name === 'smartHomeUseServerWait') {
             const acqCycleItem = appConfig.items['smartHomeAcqCycle'];
             if (acqCycleItem)
@@ -54,6 +55,7 @@
                 scopes.value = appState.scopes
             });
         }
+	*/
         emits('configchange', item);
         changed = true;
     } 
@@ -67,6 +69,6 @@
             <v-col cols="6">Parameter</v-col>
         </v-row>
         <v-divider></v-divider>
-        <settings-line v-for="config in appConfig.items" :key="config.name" :item="config" :scopes="scopes" @change="onChange(config)"></settings-line>
+        <settings-line v-for="config in appConfig.items" :key="config.name" :item="config" clearable :scopes="scopes" @change="onChange(config)" @clear="onChange(config)"></settings-line>
     </v-container>
 </template>