add haptics

app/javascript/elements/native_action.js

@@ -31,7 +31,8 @@ export default class extends HTMLElement {
       url: this.dataset.url,
       accept: this.dataset.accept,
       destructive: this.dataset.destructive === 'true',
-      selected: this.dataset.selected === 'true'
+      selected: this.dataset.selected === 'true',
+      haptic: this.dataset.haptic === 'true'
     })
   }
 

app/javascript/elements/native_menu.js

@@ -35,7 +35,8 @@ export default class extends HTMLElement {
         title: action.dataset.label || target.textContent.trim(),
         icon: action.dataset.icon,
         destructive: action.dataset.destructive === 'true',
-        selected: action.dataset.selected === 'true'
+        selected: action.dataset.selected === 'true',
+        haptic: action.dataset.haptic === 'true'
       }
     })
 

app/javascript/template_builder/builder.vue

@@ -768,6 +768,7 @@
         data-side="leading"
         data-icon="files"
         data-native="drawer"
+        data-haptic="true"
         :data-label="t('documents')"
         data-view="documents"
       />
@@ -777,11 +778,13 @@
         data-side="trailing"
         data-icon="plus"
         data-native="drawer"
+        data-haptic="true"
         :data-label="'Fields'"
         data-view="fields"
       />
       <native-action
         v-if="nativePlatform && (drawField || drawCustomField) && (isBreakpointLg || isMobile)"
+        :key="drawCustomField?.uuid || drawField?.uuid"
         data-placement="draw"
         :data-label="t('draw_field').replace('{field}', drawCustomField ? drawCustomField.name : fieldNames[drawField.type])"
       >