diff --git a/CHANGELOG.md b/CHANGELOG.md
index 71bae7e..35679fe 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,24 @@
 
 All notable changes to `nova-dependency-container` will be documented in this file.
 
+## [1.0.14] - 2025-11-25
+
+### Fixed
+- Fixed dependent field values not being saved on form submission (Vue 3 ref pattern)
+- The previous fix in v1.0.13 used dynamic string refs which don't work reliably in Vue 3 v-for loops
+
+### Changed
+- Switched from dynamic string refs (`:ref="'field-' + field.attribute"`) to Vue 3 function refs (`:ref="(el) => setFieldRef(field.attribute, el)"`)
+- Added `fieldRefs` data property to store child field component references
+- Added `setFieldRef()` method to properly collect and manage child component refs
+- Updated `fill()` method to use the new `fieldRefs` object for accessing child components
+- Added cleanup for `fieldRefs` in `beforeUnmount` lifecycle hook
+
+### Technical
+- Vue 3 requires function refs when using dynamic ref names in v-for loops
+- Dynamic string refs like `:ref="'field-' + x"` create arrays but are unreliable to access via `$refs[key]`
+- Function refs `:ref="(el) => refs[key] = el"` provide direct access to component instances
+
 ## [1.0.13] - 2025-11-25
 
 ### Fixed
diff --git a/dist/js/field.js b/dist/js/field.js
index 66c7c90..f14ca75 100644
--- a/dist/js/field.js
+++ b/dist/js/field.js
@@ -1 +1 @@
-(()=>{"use strict";var e,t={72:(e,t,n)=>{var r,i=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function l(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],c=t.base?o[0]+t.base:o[0],s=n[c]||0,d="".concat(c," ").concat(s);n[c]=s+1;var u=l(d),f={css:o[1],media:o[2],sourceMap:o[3]};-1!==u?(a[u].references++,a[u].updater(f)):a.push({identifier:d,updater:y(f,t),references:1}),r.push(d)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach(function(e){t.setAttribute(e,r[e])}),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var d,u=(d=[],function(e,t){return d[e]=t,d.filter(Boolean).join("\n")});function f(e,t,n,r){var i=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=u(t,i);else{var o=document.createTextNode(i),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function h(e,t,n){var r=n.css,i=n.media,o=n.sourceMap;if(i?e.setAttribute("media",i):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var v=null,p=0;function y(e,t){var n,r,i;if(t.singleton){var o=p++;n=v||(v=s(t)),r=f.bind(null,n,o,!1),i=f.bind(null,n,o,!0)}else n=s(t),r=h.bind(null,n,t),i=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else i()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=i());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var i=l(n[r]);a[i].references--}for(var o=c(e,t),s=0;s<n.length;s++){var d=l(n[s]);0===a[d].references&&(a[d].updater(),a.splice(d,1))}n=o}}}},236:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(314),i=n.n(r)()(function(e){return e[1]});i.push([e.id,".nova-dependency-container[data-v-4a25702c]{transition:all .3s ease}",""]);const o=i},254:(e,t,n)=>{n.d(t,{A:()=>o});var r=n(314),i=n.n(r)()(function(e){return e[1]});i.push([e.id,".nova-dependency-container[data-v-f5f08646]{transition:all .3s ease}",""]);const o=i},262:(e,t)=>{t.A=(e,t)=>{const n=e.__vccOpts||e;for(const[e,r]of t)n[e]=r;return n}},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n}).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var i={};if(r)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);r&&i[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},835:()=>{},994:(e,t,n)=>{const r=Vue;const i={props:["resourceName","field"]};var o=n(262);const a=(0,o.A)(i,[["render",function(e,t,n,i,o,a){return(0,r.openBlock)(),(0,r.createElementBlock)("div")}]]);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=d(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const f={props:["resourceName","resourceId","field"],data:function(){return{dependentFieldValues:{},isVisible:!1,cachedContextPrefix:null}},computed:{containerClasses:function(){return this.field.applyToFields?[]:["nova-dependency-container","space-y-4","py-4","px-6","bg-gray-50","dark:bg-gray-800","rounded-lg","border","border-gray-200","dark:border-gray-700"]}},mounted:function(){this.detectFlexibleContextOnMount(),this.checkDependencies()},methods:{detectFlexibleContextOnMount:function(){var e,t,n=this,r=(null===(e=this.field)||void 0===e?void 0:e.attribute)||"";if(r){var i=this.extractPrefixFromAttribute(r);if(i)return void(this.cachedContextPrefix=i)}var o,a=s((null===(t=this.field)||void 0===t?void 0:t.fields)||[]);try{for(a.s();!(o=a.n()).done;){var l=o.value;if(l.attribute){var c=this.extractPrefixFromAttribute(l.attribute);if(c)return void(this.cachedContextPrefix=c)}}}catch(e){a.e(e)}finally{a.f()}for(var d=this.$parent,u=0;d&&u<20;){var f;if(void 0!==d.layout||void 0!==d.layoutIndex||void 0!==d.groupIndex){var h,v,p,y,b=(null===(h=d.field)||void 0===h?void 0:h.attribute)||d.attribute||"",m=null!==(v=null!==(p=null!==(y=d.layoutIndex)&&void 0!==y?y:d.groupIndex)&&void 0!==p?p:d.index)&&void 0!==v?v:0;if(b)return void(this.cachedContextPrefix="".concat(b,"__").concat(m,"__"))}if(null!==(f=d.field)&&void 0!==f&&f.attribute){var x=this.extractPrefixFromAttribute(d.field.attribute);if(x)return void(this.cachedContextPrefix=x)}d=d.$parent,u++}this.$nextTick(function(){if(!n.cachedContextPrefix){var e,t=s(n.getAllFields());try{for(t.s();!(e=t.n()).done;){var r=e.value;if(r.attribute){var i=n.extractPrefixFromAttribute(r.attribute);if(i)return n.cachedContextPrefix=i,void n.checkDependencies()}}}catch(e){t.e(e)}finally{t.f()}}})},checkDependencies:function(){if(this.field.dependencies&&0!==this.field.dependencies.length){var e,t=!0,n=s(this.field.dependencies);try{for(n.s();!(e=n.n()).done;){var r=e.value,i=this.findFieldByAttribute(r.field);if(!i){t=!1;break}var o=i.value;if(r.hasOwnProperty("value")){if(Array.isArray(r.value)){if(!r.value.includes(o)){t=!1;break}}else if(o!=r.value){t=!1;break}}else if(r.hasOwnProperty("not")){if(Array.isArray(r.not)){if(r.not.includes(o)){t=!1;break}}else if(o==r.not){t=!1;break}}else if(r.hasOwnProperty("notIn")){if(r.notIn.includes(o)){t=!1;break}}else if(r.hasOwnProperty("empty")){if(r.empty&&!this.isEmpty(o)){t=!1;break}}else if(r.hasOwnProperty("notEmpty")){if(r.notEmpty&&this.isEmpty(o)){t=!1;break}}else if(r.hasOwnProperty("nullOrZero")&&r.nullOrZero&&null!=o&&0!=o&&"0"!=o){t=!1;break}}}catch(e){n.e(e)}finally{n.f()}this.isVisible=t}else this.isVisible=!0},findFieldByAttribute:function(e){var t=this.getAllFields(),n=t.find(function(t){return t.attribute===e});if(n)return n;if(this.cachedContextPrefix){var r="".concat(this.cachedContextPrefix).concat(e),i=t.find(function(e){return e.attribute===r});if(i)return i;var o,a=s(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{var l,c=function(){var e=o.value,n=t.find(function(t){return t.attribute===e});if(n)return{v:n}};for(a.s();!(o=a.n()).done;)if(l=c())return l.v}catch(e){a.e(e)}finally{a.f()}}return t.find(function(t){if(!t.attribute)return!1;var n=t.attribute;return n.endsWith("__".concat(e))||n.endsWith("][".concat(e,"]"))||n.endsWith("[".concat(e,"]"))})||null},getAllFields:function(){for(var e=this.$parent,t=10;e&&t-- >0;){var n;if(e.fields&&Array.isArray(e.fields))return e.fields;if(null!==(n=e.$refs)&&void 0!==n&&n.fields&&Array.isArray(e.$refs.fields))return e.$refs.fields.map(function(e){return e.field||e});e=e.$parent}return[]},extractPrefixFromAttribute:function(e){if(!e)return null;var t=e.match(/^(.+__\d+__)/);if(t)return t[1];var n=e.match(/^(.+\[\d+\]\[)/);if(n)return n[1];var r=e.match(/^([a-zA-Z0-9]+__)/);return r?r[1]:null},getFlexibleAttributeFormats:function(e,t){var n=[],r=e.match(/^(.+)__(\d+)__$/),i=e.match(/^(.+)\[(\d+)\]\[$/);if(r){var o=c(r,3),a=o[1],l=o[2];n.push("".concat(a,"[").concat(l,"][").concat(t,"]")),n.push("".concat(a,"_").concat(l,"_").concat(t))}if(i){var s=c(i,3),d=s[1],u=s[2];n.push("".concat(d,"__").concat(u,"__").concat(t)),n.push("".concat(d,"_").concat(u,"_").concat(t))}return n},isEmpty:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||"object"===l(e)&&0===Object.keys(e).length}}};var h=n(72),v=n.n(h),p=n(254),y={insert:"head",singleton:!1};v()(p.A,y);p.A.locals;const b=(0,o.A)(f,[["render",function(e,t,n,i,o,a){return(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:(0,r.normalizeClass)(a.containerClasses)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.field.fields,function(e,t){return(0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)("detail-".concat(e.component)),{key:t,"resource-name":n.resourceName,"resource-id":n.resourceId,field:e},null,8,["resource-name","resource-id","field"])}),128))],2)),[[r.vShow,o.isVisible]])}],["__scopeId","data-v-f5f08646"]]);const m=LaravelNova;function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,i=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return l}}(e,t)||A(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=A(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function A(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}const D={mixins:[m.DependentFormField,m.HandlesValidationErrors],props:["resourceName","resourceId","field","errors","showHelpText","mode","viaResource","viaResourceId","viaRelationship"],data:function(){return{dependentFieldValues:{},isVisible:!1,cachedContextPrefix:null,contextDetected:!1}},computed:{containerClasses:function(){return this.field.applyToFields?[]:["nova-dependency-container","space-y-4","py-4","px-6","bg-gray-50","dark:bg-gray-800","rounded-lg","border","border-gray-200","dark:border-gray-700"]}},mounted:function(){console.log("[NovaDependencyContainer] Mounted with field:",this.field),console.log("[NovaDependencyContainer] Dependencies:",this.field.dependencies),this.detectFlexibleContextOnMount(),this.watchDependentFields(),this.checkDependencies()},methods:{detectFlexibleContextOnMount:function(){var e,t,n=this;console.log("[NovaDependencyContainer] detectFlexibleContextOnMount called");var r=(null===(e=this.field)||void 0===e?void 0:e.attribute)||"";if(console.log("[NovaDependencyContainer] Container attribute:",r),r){var i=this.extractPrefixFromAttribute(r);if(i)return console.log("[NovaDependencyContainer] Detected context from own attribute:",i),this.cachedContextPrefix=i,void(this.contextDetected=!0)}var o,a=C((null===(t=this.field)||void 0===t?void 0:t.fields)||[]);try{for(a.s();!(o=a.n()).done;){var l=o.value;if(l.attribute){var c=this.extractPrefixFromAttribute(l.attribute);if(c)return this.cachedContextPrefix=c,void(this.contextDetected=!0)}}}catch(e){a.e(e)}finally{a.f()}for(var s=this.$parent,d=0;s&&d<20;){var u;if(void 0!==s.layout||void 0!==s.layoutIndex||void 0!==s.groupIndex){var f,h,v,p,y=(null===(f=s.field)||void 0===f?void 0:f.attribute)||s.attribute||"",b=null!==(h=null!==(v=null!==(p=s.layoutIndex)&&void 0!==p?p:s.groupIndex)&&void 0!==v?v:s.index)&&void 0!==h?h:0;if(y)return this.cachedContextPrefix="".concat(y,"__").concat(b,"__"),void(this.contextDetected=!0)}if(null!==(u=s.field)&&void 0!==u&&u.attribute){var m=this.extractPrefixFromAttribute(s.field.attribute);if(m)return this.cachedContextPrefix=m,void(this.contextDetected=!0)}s=s.$parent,d++}this.$nextTick(function(){n.contextDetected||n.detectContextFromDOM()})},detectContextFromDOM:function(){try{for(var e=this.$el,t=0;e&&t<20;){if(e.dataset){var n=e.dataset.flexibleKey||e.dataset.layoutKey,r=e.dataset.flexibleIndex||e.dataset.layoutIndex;if(n&&void 0!==r)return this.cachedContextPrefix="".concat(n,"__").concat(r,"__"),void(this.contextDetected=!0)}var i,o=C(e.querySelectorAll?e.querySelectorAll("input, select, textarea"):[]);try{for(o.s();!(i=o.n()).done;){var a=i.value,l=a.name||a.id;if(l){var c=this.extractPrefixFromAttribute(l);if(c)return this.cachedContextPrefix=c,void(this.contextDetected=!0)}}}catch(e){o.e(e)}finally{o.f()}e=e.parentElement,t++}}catch(e){}},watchDependentFields:function(){var e=this;if(!this.field.dependencies||0===this.field.dependencies.length)return console.log("[NovaDependencyContainer] No dependencies, showing field"),void(this.isVisible=!0);console.log("[NovaDependencyContainer] Watching for field-changed events"),Nova.$on("field-changed",this.handleFieldChanged),this.$nextTick(function(){e.setupDOMWatching(),e.loadInitialValuesFromDOM()})},setupDOMWatching:function(){var e=this;if(this.cachedContextPrefix){var t=this.findFlexibleContainer();if(t){console.log("[NovaDependencyContainer] Setting up DOM watching on Flexible container");var n=t.querySelectorAll("select, input, textarea");n.forEach(function(t){t.addEventListener("change",e.handleDOMChange),t.addEventListener("input",e.handleDOMChange)}),this.watchedElements=n,this.flexibleContainer=t,this.setupMutationObserver(t)}else console.log("[NovaDependencyContainer] Could not find Flexible container for DOM watching")}},setupMutationObserver:function(e){var t=this;this.mutationObserver&&this.mutationObserver.disconnect(),this.mutationObserver=new MutationObserver(function(e){t.loadInitialValuesFromDOM()}),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]})},findFlexibleContainer:function(){for(var e,t,n=this.$el,r=0;n&&r<20;){var i;if(n.classList&&(n.classList.contains("flexible-group")||n.classList.contains("nova-flexible-content-group")||null!==(i=n.dataset)&&void 0!==i&&i.flexibleGroup))return n;if(n.querySelector&&this.cachedContextPrefix)if(n.querySelectorAll('[name^="'.concat(this.cachedContextPrefix,'"], [id^="').concat(this.cachedContextPrefix,'"]')).length>1)return n;n=n.parentElement,r++}return(null===(e=this.$el)||void 0===e?void 0:e.closest("form"))||(null===(t=this.$el)||void 0===t?void 0:t.closest("[data-field-wrapper]"))||document.body},handleDOMChange:function(e){var t=e.target,n=t.name||t.id||"",r="checkbox"===t.type?t.checked:t.value;if(console.log("[NovaDependencyContainer] DOM change detected:",{name:n,value:r}),n){var i=this.extractPrefixFromAttribute(n);if(!this.cachedContextPrefix||!i||i===this.cachedContextPrefix){var o=this.extractBaseAttribute(n);this.field.dependencies.some(function(e){return e.field===o})&&(console.log("[NovaDependencyContainer] Relevant field changed via DOM:",o,"=",r),this.dependentFieldValues[n]=r,this.dependentFieldValues[o]=r,this.checkDependencies())}}},loadInitialValuesFromDOM:function(){if(this.field.dependencies){console.log("[NovaDependencyContainer] Loading initial values from DOM");var e,t=C(this.field.dependencies);try{for(t.s();!(e=t.n()).done;)for(var n=e.value.field,r=this.cachedContextPrefix?"".concat(this.cachedContextPrefix).concat(n):n,i=['[name="'.concat(r,'"]'),'[name="'.concat(n,'"]'),'[id="'.concat(r,'"]'),'[id="'.concat(n,'"]'),'[name$="__'.concat(n,'"]'),'[name$="['.concat(n,']"]')],o=0,a=i;o<a.length;o++){var l=a[o];try{var c=document.querySelector(l);if(c){var s="checkbox"===c.type?c.checked:c.value;if(console.log("[NovaDependencyContainer] Found initial value from DOM:",l,"=",s),null!=s&&""!==s){this.dependentFieldValues[c.name||c.id]=s,this.dependentFieldValues[n]=s,this.checkDependencies();break}}}catch(e){}}}catch(e){t.e(e)}finally{t.f()}}},handleFieldChanged:function(e){console.log("[NovaDependencyContainer] field-changed event received:",e);var t=e.field.attribute,n=this.extractPrefixFromAttribute(t),r=this.extractBaseAttribute(t);console.log("[NovaDependencyContainer] Event details:",{fullAttribute:t,eventPrefix:n,baseAttribute:r,value:e.value,cachedContextPrefix:this.cachedContextPrefix,contextDetected:this.contextDetected});var i=this.field.dependencies.some(function(e){return e.field===r});if(console.log("[NovaDependencyContainer] Is relevant field:",i,"Dependencies:",this.field.dependencies.map(function(e){return e.field})),this.contextDetected&&this.cachedContextPrefix){if(n&&n!==this.cachedContextPrefix)return}else n&&i&&(this.cachedContextPrefix=n,this.contextDetected=!0);this.dependentFieldValues[t]=e.value,(!n||this.contextDetected&&this.cachedContextPrefix===n)&&(this.dependentFieldValues[r]=e.value),this.checkDependencies()},extractPrefixFromAttribute:function(e){if(!e)return null;var t=e.match(/^(.+__\d+__)/);if(t)return t[1];var n=e.match(/^(.+\[\d+\]\[)/);if(n)return n[1];var r=e.match(/^([a-zA-Z0-9]+__)/);return r?r[1]:null},extractBaseAttribute:function(e){if(!e)return null;var t=e.match(/^.+__\d+__(.+)$/);if(t)return t[1];var n=e.match(/^.+\[\d+\]\[(.+)\]$/);if(n)return n[1];var r=e.match(/^[a-zA-Z0-9]+__(.+)$/);return r?r[1]:e},checkDependencies:function(){if(console.log("[NovaDependencyContainer] checkDependencies called"),console.log("[NovaDependencyContainer] Cached values:",this.dependentFieldValues),this.field.dependencies&&0!==this.field.dependencies.length){var e,t=!0,n=C(this.field.dependencies);try{for(n.s();!(e=n.n()).done;){var r=e.value,i=this.getFieldValue(r.field);if(console.log("[NovaDependencyContainer] Checking dependency:",r.field,"=",r.value,", current value:",i),r.hasOwnProperty("value")){if(Array.isArray(r.value)){if(!r.value.includes(i)){t=!1;break}}else if(i!=r.value){t=!1;break}}else if(r.hasOwnProperty("not")){if(Array.isArray(r.not)){if(r.not.includes(i)){t=!1;break}}else if(i==r.not){t=!1;break}}else if(r.hasOwnProperty("notIn")){if(r.notIn.includes(i)){t=!1;break}}else if(r.hasOwnProperty("empty")){if(r.empty&&!this.isEmpty(i)){t=!1;break}}else if(r.hasOwnProperty("notEmpty")){if(r.notEmpty&&this.isEmpty(i)){t=!1;break}}else if(r.hasOwnProperty("nullOrZero")&&r.nullOrZero&&null!=i&&0!=i&&"0"!=i){t=!1;break}}}catch(e){n.e(e)}finally{n.f()}this.isVisible=t,console.log("[NovaDependencyContainer] Setting isVisible to:",t),this.field.applyToFields&&this.field.fields&&this.field.fields.forEach(function(e){Nova.$emit("nova-dependency-container:toggle-field",{field:e.attribute,visible:t})})}else this.isVisible=!0},getFieldValue:function(e){if(this.dependentFieldValues.hasOwnProperty(e))return this.dependentFieldValues[e];if(this.cachedContextPrefix){var t="".concat(this.cachedContextPrefix).concat(e);if(this.dependentFieldValues.hasOwnProperty(t))return this.dependentFieldValues[t];var n,r=C(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{for(r.s();!(n=r.n()).done;){var i=n.value;if(this.dependentFieldValues.hasOwnProperty(i))return this.dependentFieldValues[i]}}catch(e){r.e(e)}finally{r.f()}}var o=this.findFieldByAttribute(e);return o?o.value:null},findFieldByAttribute:function(e){var t=this.getAllFields(),n=t.find(function(t){return t.field&&t.field.attribute===e});if(n)return n;if(this.cachedContextPrefix){var r="".concat(this.cachedContextPrefix).concat(e),i=t.find(function(e){return e.field&&e.field.attribute===r});if(i)return i;var o,a=C(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{var l,c=function(){var e=o.value,n=t.find(function(t){return t.field&&t.field.attribute===e});if(n)return{v:n}};for(a.s();!(o=a.n()).done;)if(l=c())return l.v}catch(e){a.e(e)}finally{a.f()}}return t.find(function(t){if(!t.field||!t.field.attribute)return!1;var n=t.field.attribute;return n.endsWith("__".concat(e))||n.endsWith("][".concat(e,"]"))||n.endsWith("[".concat(e,"]"))})||null},getAllFields:function(){var e;if(null!==(e=Nova.$parent)&&void 0!==e&&null!==(e=e.$refs)&&void 0!==e&&e.fields)return Nova.$parent.$refs.fields;for(var t=this.$parent,n=10;t&&n-- >0;){var r;if(null!==(r=t.$refs)&&void 0!==r&&r.fields&&Array.isArray(t.$refs.fields))return t.$refs.fields;if(t.fields&&Array.isArray(t.fields))return t.fields.map(function(e){return{field:e}});t=t.$parent}return[]},getFlexibleAttributeFormats:function(e,t){var n=[],r=e.match(/^(.+)__(\d+)__$/),i=e.match(/^(.+)\[(\d+)\]\[$/);if(r){var o=g(r,3),a=o[1],l=o[2];n.push("".concat(a,"[").concat(l,"][").concat(t,"]")),n.push("".concat(a,"_").concat(l,"_").concat(t))}if(i){var c=g(i,3),s=c[1],d=c[2];n.push("".concat(s,"__").concat(d,"__").concat(t)),n.push("".concat(s,"_").concat(d,"_").concat(t))}return n},isEmpty:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||"object"===x(e)&&0===Object.keys(e).length},fill:function(e){var t=this;console.log("[NovaDependencyContainer] fill() called, isVisible:",this.isVisible),this.isVisible?this.field.fields&&this.field.fields.forEach(function(n){var r="field-".concat(n.attribute),i=t.$refs[r];Array.isArray(i)&&(i=i[0]),console.log("[NovaDependencyContainer] Filling field:",n.attribute,"component:",i),i&&"function"==typeof i.fill?(i.fill(e),console.log("[NovaDependencyContainer] Field filled:",n.attribute)):console.log("[NovaDependencyContainer] Could not fill field:",n.attribute,"ref not found or no fill method")}):console.log("[NovaDependencyContainer] Not visible, skipping fill")}},beforeUnmount:function(){var e=this;Nova.$off("field-changed",this.handleFieldChanged),this.watchedElements&&this.watchedElements.forEach(function(t){t.removeEventListener("change",e.handleDOMChange),t.removeEventListener("input",e.handleDOMChange)}),this.mutationObserver&&this.mutationObserver.disconnect()}};var O=n(236),_={insert:"head",singleton:!1};v()(O.A,_);O.A.locals;const P=(0,o.A)(D,[["render",function(e,t,n,i,o,a){return(0,r.withDirectives)(((0,r.openBlock)(),(0,r.createElementBlock)("div",{class:(0,r.normalizeClass)(a.containerClasses)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(n.field.fields,function(i,o){return(0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)("form-".concat(i.component)),{key:i.attribute||o,ref_for:!0,ref:"field-"+i.attribute,"resource-name":n.resourceName,"resource-id":n.resourceId,field:i,errors:n.errors,"show-help-text":n.showHelpText,mode:n.mode,"via-resource":n.viaResource,"via-resource-id":n.viaResourceId,"via-relationship":n.viaRelationship,onFieldChanged:a.handleFieldChanged,onFileDeleted:t[0]||(t[0]=function(t){return e.$emit("file-deleted")}),onFileUploadStarted:t[1]||(t[1]=function(t){return e.$emit("file-upload-started")}),onFileUploadFinished:t[2]||(t[2]=function(t){return e.$emit("file-upload-finished")})},null,40,["resource-name","resource-id","field","errors","show-help-text","mode","via-resource","via-resource-id","via-relationship","onFieldChanged"])}),128))],2)),[[r.vShow,o.isVisible]])}],["__scopeId","data-v-4a25702c"]]);Nova.booting(function(e,t){e.component("index-nova-dependency-container",a),e.component("detail-nova-dependency-container",b),e.component("form-nova-dependency-container",P)})}},n={};function r(e){var i=n[e];if(void 0!==i)return i.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,r),o.exports}r.m=t,e=[],r.O=(t,n,i,o)=>{if(!n){var a=1/0;for(d=0;d<e.length;d++){for(var[n,i,o]=e[d],l=!0,c=0;c<n.length;c++)(!1&o||a>=o)&&Object.keys(r.O).every(e=>r.O[e](n[c]))?n.splice(c--,1):(l=!1,o<a&&(a=o));if(l){e.splice(d--,1);var s=i();void 0!==s&&(t=s)}}return t}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[n,i,o]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={222:0,101:0};r.O.j=t=>0===e[t];var t=(t,n)=>{var i,o,[a,l,c]=n,s=0;if(a.some(t=>0!==e[t])){for(i in l)r.o(l,i)&&(r.m[i]=l[i]);if(c)var d=c(r)}for(t&&t(n);s<a.length;s++)o=a[s],r.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return r.O(d)},n=self.webpackChunkiamgerwin_nova_dependency_container=self.webpackChunkiamgerwin_nova_dependency_container||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),r.nc=void 0,r.O(void 0,[101],()=>r(994));var i=r.O(void 0,[101],()=>r(835));i=r.O(i)})();
\ No newline at end of file
+(()=>{"use strict";var e,t={72:(e,t,n)=>{var i,r=function(){return void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i},o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),a=[];function l(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},i=[],r=0;r<e.length;r++){var o=e[r],c=t.base?o[0]+t.base:o[0],s=n[c]||0,d="".concat(c," ").concat(s);n[c]=s+1;var u=l(d),f={css:o[1],media:o[2],sourceMap:o[3]};-1!==u?(a[u].references++,a[u].updater(f)):a.push({identifier:d,updater:y(f,t),references:1}),i.push(d)}return i}function s(e){var t=document.createElement("style"),i=e.attributes||{};if(void 0===i.nonce){var r=n.nc;r&&(i.nonce=r)}if(Object.keys(i).forEach(function(e){t.setAttribute(e,i[e])}),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var d,u=(d=[],function(e,t){return d[e]=t,d.filter(Boolean).join("\n")});function f(e,t,n,i){var r=n?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(e.styleSheet)e.styleSheet.cssText=u(t,r);else{var o=document.createTextNode(r),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(o,a[t]):e.appendChild(o)}}function h(e,t,n){var i=n.css,r=n.media,o=n.sourceMap;if(r?e.setAttribute("media",r):e.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),e.styleSheet)e.styleSheet.cssText=i;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(i))}}var v=null,p=0;function y(e,t){var n,i,r;if(t.singleton){var o=p++;n=v||(v=s(t)),i=f.bind(null,n,o,!1),r=f.bind(null,n,o,!0)}else n=s(t),i=h.bind(null,n,t),r=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return i(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;i(e=t)}else r()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=r());var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var i=0;i<n.length;i++){var r=l(n[i]);a[r].references--}for(var o=c(e,t),s=0;s<n.length;s++){var d=l(n[s]);0===a[d].references&&(a[d].updater(),a.splice(d,1))}n=o}}}},254:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(314),r=n.n(i)()(function(e){return e[1]});r.push([e.id,".nova-dependency-container[data-v-f5f08646]{transition:all .3s ease}",""]);const o=r},262:(e,t)=>{t.A=(e,t)=>{const n=e.__vccOpts||e;for(const[e,i]of t)n[e]=i;return n}},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n}).join("")},t.i=function(e,n,i){"string"==typeof e&&(e=[[null,e,""]]);var r={};if(i)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(r[a]=!0)}for(var l=0;l<e.length;l++){var c=[].concat(e[l]);i&&r[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},352:(e,t,n)=>{n.d(t,{A:()=>o});var i=n(314),r=n.n(i)()(function(e){return e[1]});r.push([e.id,".nova-dependency-container[data-v-076f938a]{transition:all .3s ease}",""]);const o=r},835:()=>{},921:(e,t,n)=>{const i=Vue;const r={props:["resourceName","field"]};var o=n(262);const a=(0,o.A)(r,[["render",function(e,t,n,r,o,a){return(0,i.openBlock)(),(0,i.createElementBlock)("div")}]]);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}(e,t)||d(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=d(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function d(e,t){if(e){if("string"==typeof e)return u(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}const f={props:["resourceName","resourceId","field"],data:function(){return{dependentFieldValues:{},isVisible:!1,cachedContextPrefix:null}},computed:{containerClasses:function(){return this.field.applyToFields?[]:["nova-dependency-container","space-y-4","py-4","px-6","bg-gray-50","dark:bg-gray-800","rounded-lg","border","border-gray-200","dark:border-gray-700"]}},mounted:function(){this.detectFlexibleContextOnMount(),this.checkDependencies()},methods:{detectFlexibleContextOnMount:function(){var e,t,n=this,i=(null===(e=this.field)||void 0===e?void 0:e.attribute)||"";if(i){var r=this.extractPrefixFromAttribute(i);if(r)return void(this.cachedContextPrefix=r)}var o,a=s((null===(t=this.field)||void 0===t?void 0:t.fields)||[]);try{for(a.s();!(o=a.n()).done;){var l=o.value;if(l.attribute){var c=this.extractPrefixFromAttribute(l.attribute);if(c)return void(this.cachedContextPrefix=c)}}}catch(e){a.e(e)}finally{a.f()}for(var d=this.$parent,u=0;d&&u<20;){var f;if(void 0!==d.layout||void 0!==d.layoutIndex||void 0!==d.groupIndex){var h,v,p,y,b=(null===(h=d.field)||void 0===h?void 0:h.attribute)||d.attribute||"",m=null!==(v=null!==(p=null!==(y=d.layoutIndex)&&void 0!==y?y:d.groupIndex)&&void 0!==p?p:d.index)&&void 0!==v?v:0;if(b)return void(this.cachedContextPrefix="".concat(b,"__").concat(m,"__"))}if(null!==(f=d.field)&&void 0!==f&&f.attribute){var x=this.extractPrefixFromAttribute(d.field.attribute);if(x)return void(this.cachedContextPrefix=x)}d=d.$parent,u++}this.$nextTick(function(){if(!n.cachedContextPrefix){var e,t=s(n.getAllFields());try{for(t.s();!(e=t.n()).done;){var i=e.value;if(i.attribute){var r=n.extractPrefixFromAttribute(i.attribute);if(r)return n.cachedContextPrefix=r,void n.checkDependencies()}}}catch(e){t.e(e)}finally{t.f()}}})},checkDependencies:function(){if(this.field.dependencies&&0!==this.field.dependencies.length){var e,t=!0,n=s(this.field.dependencies);try{for(n.s();!(e=n.n()).done;){var i=e.value,r=this.findFieldByAttribute(i.field);if(!r){t=!1;break}var o=r.value;if(i.hasOwnProperty("value")){if(Array.isArray(i.value)){if(!i.value.includes(o)){t=!1;break}}else if(o!=i.value){t=!1;break}}else if(i.hasOwnProperty("not")){if(Array.isArray(i.not)){if(i.not.includes(o)){t=!1;break}}else if(o==i.not){t=!1;break}}else if(i.hasOwnProperty("notIn")){if(i.notIn.includes(o)){t=!1;break}}else if(i.hasOwnProperty("empty")){if(i.empty&&!this.isEmpty(o)){t=!1;break}}else if(i.hasOwnProperty("notEmpty")){if(i.notEmpty&&this.isEmpty(o)){t=!1;break}}else if(i.hasOwnProperty("nullOrZero")&&i.nullOrZero&&null!=o&&0!=o&&"0"!=o){t=!1;break}}}catch(e){n.e(e)}finally{n.f()}this.isVisible=t}else this.isVisible=!0},findFieldByAttribute:function(e){var t=this.getAllFields(),n=t.find(function(t){return t.attribute===e});if(n)return n;if(this.cachedContextPrefix){var i="".concat(this.cachedContextPrefix).concat(e),r=t.find(function(e){return e.attribute===i});if(r)return r;var o,a=s(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{var l,c=function(){var e=o.value,n=t.find(function(t){return t.attribute===e});if(n)return{v:n}};for(a.s();!(o=a.n()).done;)if(l=c())return l.v}catch(e){a.e(e)}finally{a.f()}}return t.find(function(t){if(!t.attribute)return!1;var n=t.attribute;return n.endsWith("__".concat(e))||n.endsWith("][".concat(e,"]"))||n.endsWith("[".concat(e,"]"))})||null},getAllFields:function(){for(var e=this.$parent,t=10;e&&t-- >0;){var n;if(e.fields&&Array.isArray(e.fields))return e.fields;if(null!==(n=e.$refs)&&void 0!==n&&n.fields&&Array.isArray(e.$refs.fields))return e.$refs.fields.map(function(e){return e.field||e});e=e.$parent}return[]},extractPrefixFromAttribute:function(e){if(!e)return null;var t=e.match(/^(.+__\d+__)/);if(t)return t[1];var n=e.match(/^(.+\[\d+\]\[)/);if(n)return n[1];var i=e.match(/^([a-zA-Z0-9]+__)/);return i?i[1]:null},getFlexibleAttributeFormats:function(e,t){var n=[],i=e.match(/^(.+)__(\d+)__$/),r=e.match(/^(.+)\[(\d+)\]\[$/);if(i){var o=c(i,3),a=o[1],l=o[2];n.push("".concat(a,"[").concat(l,"][").concat(t,"]")),n.push("".concat(a,"_").concat(l,"_").concat(t))}if(r){var s=c(r,3),d=s[1],u=s[2];n.push("".concat(d,"__").concat(u,"__").concat(t)),n.push("".concat(d,"_").concat(u,"_").concat(t))}return n},isEmpty:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||"object"===l(e)&&0===Object.keys(e).length}}};var h=n(72),v=n.n(h),p=n(254),y={insert:"head",singleton:!1};v()(p.A,y);p.A.locals;const b=(0,o.A)(f,[["render",function(e,t,n,r,o,a){return(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)("div",{class:(0,i.normalizeClass)(a.containerClasses)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.field.fields,function(e,t){return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)("detail-".concat(e.component)),{key:t,"resource-name":n.resourceName,"resource-id":n.resourceId,field:e},null,8,["resource-name","resource-id","field"])}),128))],2)),[[i.vShow,o.isVisible]])}],["__scopeId","data-v-f5f08646"]]);const m=LaravelNova;function x(e){return x="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},x(e)}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var i,r,o,a,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(i=o.call(n)).done)&&(l.push(i.value),l.length!==t);c=!0);}catch(e){s=!0,r=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw r}}return l}}(e,t)||A(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=A(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(l)throw o}}}}function A(e,t){if(e){if("string"==typeof e)return F(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=Array(t);n<t;n++)i[n]=e[n];return i}const D={mixins:[m.DependentFormField,m.HandlesValidationErrors],props:["resourceName","resourceId","field","errors","showHelpText","mode","viaResource","viaResourceId","viaRelationship"],data:function(){return{dependentFieldValues:{},isVisible:!1,cachedContextPrefix:null,contextDetected:!1,fieldRefs:{}}},computed:{containerClasses:function(){return this.field.applyToFields?[]:["nova-dependency-container","space-y-4","py-4","px-6","bg-gray-50","dark:bg-gray-800","rounded-lg","border","border-gray-200","dark:border-gray-700"]}},mounted:function(){console.log("[NovaDependencyContainer] Mounted with field:",this.field),console.log("[NovaDependencyContainer] Dependencies:",this.field.dependencies),this.detectFlexibleContextOnMount(),this.watchDependentFields(),this.checkDependencies()},methods:{setFieldRef:function(e,t){t?this.fieldRefs[e]=t:delete this.fieldRefs[e]},detectFlexibleContextOnMount:function(){var e,t,n=this;console.log("[NovaDependencyContainer] detectFlexibleContextOnMount called");var i=(null===(e=this.field)||void 0===e?void 0:e.attribute)||"";if(console.log("[NovaDependencyContainer] Container attribute:",i),i){var r=this.extractPrefixFromAttribute(i);if(r)return console.log("[NovaDependencyContainer] Detected context from own attribute:",r),this.cachedContextPrefix=r,void(this.contextDetected=!0)}var o,a=C((null===(t=this.field)||void 0===t?void 0:t.fields)||[]);try{for(a.s();!(o=a.n()).done;){var l=o.value;if(l.attribute){var c=this.extractPrefixFromAttribute(l.attribute);if(c)return this.cachedContextPrefix=c,void(this.contextDetected=!0)}}}catch(e){a.e(e)}finally{a.f()}for(var s=this.$parent,d=0;s&&d<20;){var u;if(void 0!==s.layout||void 0!==s.layoutIndex||void 0!==s.groupIndex){var f,h,v,p,y=(null===(f=s.field)||void 0===f?void 0:f.attribute)||s.attribute||"",b=null!==(h=null!==(v=null!==(p=s.layoutIndex)&&void 0!==p?p:s.groupIndex)&&void 0!==v?v:s.index)&&void 0!==h?h:0;if(y)return this.cachedContextPrefix="".concat(y,"__").concat(b,"__"),void(this.contextDetected=!0)}if(null!==(u=s.field)&&void 0!==u&&u.attribute){var m=this.extractPrefixFromAttribute(s.field.attribute);if(m)return this.cachedContextPrefix=m,void(this.contextDetected=!0)}s=s.$parent,d++}this.$nextTick(function(){n.contextDetected||n.detectContextFromDOM()})},detectContextFromDOM:function(){try{for(var e=this.$el,t=0;e&&t<20;){if(e.dataset){var n=e.dataset.flexibleKey||e.dataset.layoutKey,i=e.dataset.flexibleIndex||e.dataset.layoutIndex;if(n&&void 0!==i)return this.cachedContextPrefix="".concat(n,"__").concat(i,"__"),void(this.contextDetected=!0)}var r,o=C(e.querySelectorAll?e.querySelectorAll("input, select, textarea"):[]);try{for(o.s();!(r=o.n()).done;){var a=r.value,l=a.name||a.id;if(l){var c=this.extractPrefixFromAttribute(l);if(c)return this.cachedContextPrefix=c,void(this.contextDetected=!0)}}}catch(e){o.e(e)}finally{o.f()}e=e.parentElement,t++}}catch(e){}},watchDependentFields:function(){var e=this;if(!this.field.dependencies||0===this.field.dependencies.length)return console.log("[NovaDependencyContainer] No dependencies, showing field"),void(this.isVisible=!0);console.log("[NovaDependencyContainer] Watching for field-changed events"),Nova.$on("field-changed",this.handleFieldChanged),this.$nextTick(function(){e.setupDOMWatching(),e.loadInitialValuesFromDOM()})},setupDOMWatching:function(){var e=this;if(this.cachedContextPrefix){var t=this.findFlexibleContainer();if(t){console.log("[NovaDependencyContainer] Setting up DOM watching on Flexible container");var n=t.querySelectorAll("select, input, textarea");n.forEach(function(t){t.addEventListener("change",e.handleDOMChange),t.addEventListener("input",e.handleDOMChange)}),this.watchedElements=n,this.flexibleContainer=t,this.setupMutationObserver(t)}else console.log("[NovaDependencyContainer] Could not find Flexible container for DOM watching")}},setupMutationObserver:function(e){var t=this;this.mutationObserver&&this.mutationObserver.disconnect(),this.mutationObserver=new MutationObserver(function(e){t.loadInitialValuesFromDOM()}),this.mutationObserver.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]})},findFlexibleContainer:function(){for(var e,t,n=this.$el,i=0;n&&i<20;){var r;if(n.classList&&(n.classList.contains("flexible-group")||n.classList.contains("nova-flexible-content-group")||null!==(r=n.dataset)&&void 0!==r&&r.flexibleGroup))return n;if(n.querySelector&&this.cachedContextPrefix)if(n.querySelectorAll('[name^="'.concat(this.cachedContextPrefix,'"], [id^="').concat(this.cachedContextPrefix,'"]')).length>1)return n;n=n.parentElement,i++}return(null===(e=this.$el)||void 0===e?void 0:e.closest("form"))||(null===(t=this.$el)||void 0===t?void 0:t.closest("[data-field-wrapper]"))||document.body},handleDOMChange:function(e){var t=e.target,n=t.name||t.id||"",i="checkbox"===t.type?t.checked:t.value;if(console.log("[NovaDependencyContainer] DOM change detected:",{name:n,value:i}),n){var r=this.extractPrefixFromAttribute(n);if(!this.cachedContextPrefix||!r||r===this.cachedContextPrefix){var o=this.extractBaseAttribute(n);this.field.dependencies.some(function(e){return e.field===o})&&(console.log("[NovaDependencyContainer] Relevant field changed via DOM:",o,"=",i),this.dependentFieldValues[n]=i,this.dependentFieldValues[o]=i,this.checkDependencies())}}},loadInitialValuesFromDOM:function(){if(this.field.dependencies){console.log("[NovaDependencyContainer] Loading initial values from DOM");var e,t=C(this.field.dependencies);try{for(t.s();!(e=t.n()).done;)for(var n=e.value.field,i=this.cachedContextPrefix?"".concat(this.cachedContextPrefix).concat(n):n,r=['[name="'.concat(i,'"]'),'[name="'.concat(n,'"]'),'[id="'.concat(i,'"]'),'[id="'.concat(n,'"]'),'[name$="__'.concat(n,'"]'),'[name$="['.concat(n,']"]')],o=0,a=r;o<a.length;o++){var l=a[o];try{var c=document.querySelector(l);if(c){var s="checkbox"===c.type?c.checked:c.value;if(console.log("[NovaDependencyContainer] Found initial value from DOM:",l,"=",s),null!=s&&""!==s){this.dependentFieldValues[c.name||c.id]=s,this.dependentFieldValues[n]=s,this.checkDependencies();break}}}catch(e){}}}catch(e){t.e(e)}finally{t.f()}}},handleFieldChanged:function(e){console.log("[NovaDependencyContainer] field-changed event received:",e);var t=e.field.attribute,n=this.extractPrefixFromAttribute(t),i=this.extractBaseAttribute(t);console.log("[NovaDependencyContainer] Event details:",{fullAttribute:t,eventPrefix:n,baseAttribute:i,value:e.value,cachedContextPrefix:this.cachedContextPrefix,contextDetected:this.contextDetected});var r=this.field.dependencies.some(function(e){return e.field===i});if(console.log("[NovaDependencyContainer] Is relevant field:",r,"Dependencies:",this.field.dependencies.map(function(e){return e.field})),this.contextDetected&&this.cachedContextPrefix){if(n&&n!==this.cachedContextPrefix)return}else n&&r&&(this.cachedContextPrefix=n,this.contextDetected=!0);this.dependentFieldValues[t]=e.value,(!n||this.contextDetected&&this.cachedContextPrefix===n)&&(this.dependentFieldValues[i]=e.value),this.checkDependencies()},extractPrefixFromAttribute:function(e){if(!e)return null;var t=e.match(/^(.+__\d+__)/);if(t)return t[1];var n=e.match(/^(.+\[\d+\]\[)/);if(n)return n[1];var i=e.match(/^([a-zA-Z0-9]+__)/);return i?i[1]:null},extractBaseAttribute:function(e){if(!e)return null;var t=e.match(/^.+__\d+__(.+)$/);if(t)return t[1];var n=e.match(/^.+\[\d+\]\[(.+)\]$/);if(n)return n[1];var i=e.match(/^[a-zA-Z0-9]+__(.+)$/);return i?i[1]:e},checkDependencies:function(){if(console.log("[NovaDependencyContainer] checkDependencies called"),console.log("[NovaDependencyContainer] Cached values:",this.dependentFieldValues),this.field.dependencies&&0!==this.field.dependencies.length){var e,t=!0,n=C(this.field.dependencies);try{for(n.s();!(e=n.n()).done;){var i=e.value,r=this.getFieldValue(i.field);if(console.log("[NovaDependencyContainer] Checking dependency:",i.field,"=",i.value,", current value:",r),i.hasOwnProperty("value")){if(Array.isArray(i.value)){if(!i.value.includes(r)){t=!1;break}}else if(r!=i.value){t=!1;break}}else if(i.hasOwnProperty("not")){if(Array.isArray(i.not)){if(i.not.includes(r)){t=!1;break}}else if(r==i.not){t=!1;break}}else if(i.hasOwnProperty("notIn")){if(i.notIn.includes(r)){t=!1;break}}else if(i.hasOwnProperty("empty")){if(i.empty&&!this.isEmpty(r)){t=!1;break}}else if(i.hasOwnProperty("notEmpty")){if(i.notEmpty&&this.isEmpty(r)){t=!1;break}}else if(i.hasOwnProperty("nullOrZero")&&i.nullOrZero&&null!=r&&0!=r&&"0"!=r){t=!1;break}}}catch(e){n.e(e)}finally{n.f()}this.isVisible=t,console.log("[NovaDependencyContainer] Setting isVisible to:",t),this.field.applyToFields&&this.field.fields&&this.field.fields.forEach(function(e){Nova.$emit("nova-dependency-container:toggle-field",{field:e.attribute,visible:t})})}else this.isVisible=!0},getFieldValue:function(e){if(this.dependentFieldValues.hasOwnProperty(e))return this.dependentFieldValues[e];if(this.cachedContextPrefix){var t="".concat(this.cachedContextPrefix).concat(e);if(this.dependentFieldValues.hasOwnProperty(t))return this.dependentFieldValues[t];var n,i=C(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{for(i.s();!(n=i.n()).done;){var r=n.value;if(this.dependentFieldValues.hasOwnProperty(r))return this.dependentFieldValues[r]}}catch(e){i.e(e)}finally{i.f()}}var o=this.findFieldByAttribute(e);return o?o.value:null},findFieldByAttribute:function(e){var t=this.getAllFields(),n=t.find(function(t){return t.field&&t.field.attribute===e});if(n)return n;if(this.cachedContextPrefix){var i="".concat(this.cachedContextPrefix).concat(e),r=t.find(function(e){return e.field&&e.field.attribute===i});if(r)return r;var o,a=C(this.getFlexibleAttributeFormats(this.cachedContextPrefix,e));try{var l,c=function(){var e=o.value,n=t.find(function(t){return t.field&&t.field.attribute===e});if(n)return{v:n}};for(a.s();!(o=a.n()).done;)if(l=c())return l.v}catch(e){a.e(e)}finally{a.f()}}return t.find(function(t){if(!t.field||!t.field.attribute)return!1;var n=t.field.attribute;return n.endsWith("__".concat(e))||n.endsWith("][".concat(e,"]"))||n.endsWith("[".concat(e,"]"))})||null},getAllFields:function(){var e;if(null!==(e=Nova.$parent)&&void 0!==e&&null!==(e=e.$refs)&&void 0!==e&&e.fields)return Nova.$parent.$refs.fields;for(var t=this.$parent,n=10;t&&n-- >0;){var i;if(null!==(i=t.$refs)&&void 0!==i&&i.fields&&Array.isArray(t.$refs.fields))return t.$refs.fields;if(t.fields&&Array.isArray(t.fields))return t.fields.map(function(e){return{field:e}});t=t.$parent}return[]},getFlexibleAttributeFormats:function(e,t){var n=[],i=e.match(/^(.+)__(\d+)__$/),r=e.match(/^(.+)\[(\d+)\]\[$/);if(i){var o=g(i,3),a=o[1],l=o[2];n.push("".concat(a,"[").concat(l,"][").concat(t,"]")),n.push("".concat(a,"_").concat(l,"_").concat(t))}if(r){var c=g(r,3),s=c[1],d=c[2];n.push("".concat(s,"__").concat(d,"__").concat(t)),n.push("".concat(s,"_").concat(d,"_").concat(t))}return n},isEmpty:function(e){return null==e||""===e||Array.isArray(e)&&0===e.length||"object"===x(e)&&0===Object.keys(e).length},fill:function(e){var t=this;console.log("[NovaDependencyContainer] fill() called, isVisible:",this.isVisible),console.log("[NovaDependencyContainer] Available fieldRefs:",Object.keys(this.fieldRefs)),this.isVisible?this.field.fields&&this.field.fields.forEach(function(n){var i=t.fieldRefs[n.attribute];console.log("[NovaDependencyContainer] Filling field:",n.attribute,"component:",i?"found":"not found"),i&&"function"==typeof i.fill?(i.fill(e),console.log("[NovaDependencyContainer] Field filled successfully:",n.attribute)):console.warn("[NovaDependencyContainer] Could not fill field:",n.attribute,"ref not found or no fill method")}):console.log("[NovaDependencyContainer] Not visible, skipping fill")}},beforeUnmount:function(){var e=this;Nova.$off("field-changed",this.handleFieldChanged),this.watchedElements&&this.watchedElements.forEach(function(t){t.removeEventListener("change",e.handleDOMChange),t.removeEventListener("input",e.handleDOMChange)}),this.mutationObserver&&this.mutationObserver.disconnect(),this.fieldRefs={}}};var O=n(352),_={insert:"head",singleton:!1};v()(O.A,_);O.A.locals;const P=(0,o.A)(D,[["render",function(e,t,n,r,o,a){return(0,i.withDirectives)(((0,i.openBlock)(),(0,i.createElementBlock)("div",{class:(0,i.normalizeClass)(a.containerClasses)},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(n.field.fields,function(r,o){return(0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)("form-".concat(r.component)),{key:r.attribute||o,ref_for:!0,ref:function(e){return a.setFieldRef(r.attribute,e)},"resource-name":n.resourceName,"resource-id":n.resourceId,field:r,errors:n.errors,"show-help-text":n.showHelpText,mode:n.mode,"via-resource":n.viaResource,"via-resource-id":n.viaResourceId,"via-relationship":n.viaRelationship,onFieldChanged:a.handleFieldChanged,onFileDeleted:t[0]||(t[0]=function(t){return e.$emit("file-deleted")}),onFileUploadStarted:t[1]||(t[1]=function(t){return e.$emit("file-upload-started")}),onFileUploadFinished:t[2]||(t[2]=function(t){return e.$emit("file-upload-finished")})},null,40,["resource-name","resource-id","field","errors","show-help-text","mode","via-resource","via-resource-id","via-relationship","onFieldChanged"])}),128))],2)),[[i.vShow,o.isVisible]])}],["__scopeId","data-v-076f938a"]]);Nova.booting(function(e,t){e.component("index-nova-dependency-container",a),e.component("detail-nova-dependency-container",b),e.component("form-nova-dependency-container",P)})}},n={};function i(e){var r=n[e];if(void 0!==r)return r.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,i),o.exports}i.m=t,e=[],i.O=(t,n,r,o)=>{if(!n){var a=1/0;for(d=0;d<e.length;d++){for(var[n,r,o]=e[d],l=!0,c=0;c<n.length;c++)(!1&o||a>=o)&&Object.keys(i.O).every(e=>i.O[e](n[c]))?n.splice(c--,1):(l=!1,o<a&&(a=o));if(l){e.splice(d--,1);var s=r();void 0!==s&&(t=s)}}return t}o=o||0;for(var d=e.length;d>0&&e[d-1][2]>o;d--)e[d]=e[d-1];e[d]=[n,r,o]},i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={222:0,101:0};i.O.j=t=>0===e[t];var t=(t,n)=>{var r,o,[a,l,c]=n,s=0;if(a.some(t=>0!==e[t])){for(r in l)i.o(l,r)&&(i.m[r]=l[r]);if(c)var d=c(i)}for(t&&t(n);s<a.length;s++)o=a[s],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return i.O(d)},n=self.webpackChunkiamgerwin_nova_dependency_container=self.webpackChunkiamgerwin_nova_dependency_container||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),i.nc=void 0,i.O(void 0,[101],()=>i(921));var r=i.O(void 0,[101],()=>i(835));r=i.O(r)})();
\ No newline at end of file
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
index 7e9a67c..adad68b 100644
--- a/resources/js/components/FormField.vue
+++ b/resources/js/components/FormField.vue
@@ -3,7 +3,7 @@
     <component
       v-for="(field, index) in field.fields"
       :key="field.attribute || index"
-      :ref="'field-' + field.attribute"
+      :ref="(el) => setFieldRef(field.attribute, el)"
       :is="`form-${field.component}`"
       :resource-name="resourceName"
       :resource-id="resourceId"
@@ -46,6 +46,7 @@ export default {
       isVisible: false,
       cachedContextPrefix: null,
       contextDetected: false,
+      fieldRefs: {},
     };
   },
 
@@ -79,6 +80,18 @@ export default {
   },
 
   methods: {
+    /**
+     * Store a reference to a child field component (Vue 3 function ref pattern).
+     * This is needed because Vue 3 doesn't support dynamic string refs in v-for.
+     */
+    setFieldRef(attribute, el) {
+      if (el) {
+        this.fieldRefs[attribute] = el;
+      } else {
+        delete this.fieldRefs[attribute];
+      }
+    },
+
     /**
      * Attempt to detect Flexible field context at mount time.
      * This is critical for proper event filtering in multi-group scenarios.
@@ -692,6 +705,7 @@ export default {
 
     fill(formData) {
       console.log('[NovaDependencyContainer] fill() called, isVisible:', this.isVisible);
+      console.log('[NovaDependencyContainer] Available fieldRefs:', Object.keys(this.fieldRefs));
 
       if (!this.isVisible) {
         console.log('[NovaDependencyContainer] Not visible, skipping fill');
@@ -700,21 +714,16 @@ export default {
 
       if (this.field.fields) {
         this.field.fields.forEach(field => {
-          const refKey = `field-${field.attribute}`;
-          let fieldComponent = this.$refs[refKey];
-
-          // In Vue 3, refs in v-for are stored as arrays
-          if (Array.isArray(fieldComponent)) {
-            fieldComponent = fieldComponent[0];
-          }
+          // Use Vue 3 function refs stored in fieldRefs object
+          const fieldComponent = this.fieldRefs[field.attribute];
 
-          console.log('[NovaDependencyContainer] Filling field:', field.attribute, 'component:', fieldComponent);
+          console.log('[NovaDependencyContainer] Filling field:', field.attribute, 'component:', fieldComponent ? 'found' : 'not found');
 
           if (fieldComponent && typeof fieldComponent.fill === 'function') {
             fieldComponent.fill(formData);
-            console.log('[NovaDependencyContainer] Field filled:', field.attribute);
+            console.log('[NovaDependencyContainer] Field filled successfully:', field.attribute);
           } else {
-            console.log('[NovaDependencyContainer] Could not fill field:', field.attribute, 'ref not found or no fill method');
+            console.warn('[NovaDependencyContainer] Could not fill field:', field.attribute, 'ref not found or no fill method');
           }
         });
       }
@@ -736,6 +745,9 @@ export default {
     if (this.mutationObserver) {
       this.mutationObserver.disconnect();
     }
+
+    // Clean up field refs
+    this.fieldRefs = {};
   },
 };
 </script>