From 635365a4899e21b23f7f2446b194346a0c065553 Mon Sep 17 00:00:00 2001
From: John Gerwin De las Alas <iamgerwin@live.com>
Date: Tue, 25 Nov 2025 12:31:02 +0800
Subject: [PATCH 1/2] fix: add ref attribute and fix fill method for form
 submission

- Added :ref="'field-' + field.attribute" to child components in template
- Fixed fill() method to handle Vue 3's array-based refs in v-for loops
- Improved :key binding to use field.attribute for better component tracking
- Added debug logging to fill() method
---
 dist/js/field.js                      |  2 +-
 resources/js/components/FormField.vue | 20 ++++++++++++++++++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/dist/js/field.js b/dist/js/field.js
index ad18833..66c7c90 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 c(e){for(var t=-1,n=0;n<a.length;n++)if(a[n].identifier===e){t=n;break}return t}function l(e,t){for(var n={},r=[],i=0;i<e.length;i++){var o=e[i],l=t.base?o[0]+t.base:o[0],s=n[l]||0,d="".concat(l," ").concat(s);n[l]=s+1;var u=c(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=l(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=c(n[r]);a[i].references--}for(var o=l(e,t),s=0;s<n.length;s++){var d=c(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 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 c=0;c<e.length;c++){var l=[].concat(e[c]);r&&i[l[0]]||(n&&(l[2]?l[2]="".concat(n," and ").concat(l[2]):l[2]=n),t.push(l))}},t}},835:()=>{},844:(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-7dfd5046]{transition:all .3s ease}",""]);const o=i},976:(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 c(e){return c="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},c(e)}function l(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,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return c}}(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,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){c=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(c)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 c=o.value;if(c.attribute){var l=this.extractPrefixFromAttribute(c.attribute);if(l)return void(this.cachedContextPrefix=l)}}}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 c,l=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(c=l())return c.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=l(r,3),a=o[1],c=o[2];n.push("".concat(a,"[").concat(c,"][").concat(t,"]")),n.push("".concat(a,"_").concat(c,"_").concat(t))}if(i){var s=l(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"===c(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,c=[],l=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;l=!1}else for(;!(l=(r=o.call(n)).done)&&(c.push(r.value),c.length!==t);l=!0);}catch(e){s=!0,i=e}finally{try{if(!l&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(s)throw i}}return c}}(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,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){c=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(c)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 O={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 c=o.value;if(c.attribute){var l=this.extractPrefixFromAttribute(c.attribute);if(l)return this.cachedContextPrefix=l,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,c=a.name||a.id;if(c){var l=this.extractPrefixFromAttribute(c);if(l)return this.cachedContextPrefix=l,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 c=a[o];try{var l=document.querySelector(c);if(l){var s="checkbox"===l.type?l.checked:l.value;if(console.log("[NovaDependencyContainer] Found initial value from DOM:",c,"=",s),null!=s&&""!==s){this.dependentFieldValues[l.name||l.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 c,l=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(c=l())return c.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],c=o[2];n.push("".concat(a,"[").concat(c,"][").concat(t,"]")),n.push("".concat(a,"_").concat(c,"_").concat(t))}if(i){var l=g(i,3),s=l[1],d=l[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;this.isVisible&&this.field.fields&&this.field.fields.forEach(function(n){var r=t.$refs["field-".concat(n.attribute)];r&&"function"==typeof r.fill&&r.fill(e)})}},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 _=n(844),D={insert:"head",singleton:!1};v()(_.A,D);_.A.locals;const P=(0,o.A)(O,[["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:o,"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-7dfd5046"]]);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],c=!0,l=0;l<n.length;l++)(!1&o||a>=o)&&Object.keys(r.O).every(e=>r.O[e](n[l]))?n.splice(l--,1):(c=!1,o<a&&(a=o));if(c){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,c,l]=n,s=0;if(a.some(t=>0!==e[t])){for(i in c)r.o(c,i)&&(r.m[i]=c[i]);if(l)var d=l(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(976));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 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
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
index 5c223a2..7e9a67c 100644
--- a/resources/js/components/FormField.vue
+++ b/resources/js/components/FormField.vue
@@ -2,7 +2,8 @@
   <div v-show="isVisible" :class="containerClasses">
     <component
       v-for="(field, index) in field.fields"
-      :key="index"
+      :key="field.attribute || index"
+      :ref="'field-' + field.attribute"
       :is="`form-${field.component}`"
       :resource-name="resourceName"
       :resource-id="resourceId"
@@ -690,15 +691,30 @@ export default {
     },
 
     fill(formData) {
+      console.log('[NovaDependencyContainer] fill() called, isVisible:', this.isVisible);
+
       if (!this.isVisible) {
+        console.log('[NovaDependencyContainer] Not visible, skipping fill');
         return;
       }
 
       if (this.field.fields) {
         this.field.fields.forEach(field => {
-          const fieldComponent = this.$refs[`field-${field.attribute}`];
+          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];
+          }
+
+          console.log('[NovaDependencyContainer] Filling field:', field.attribute, 'component:', fieldComponent);
+
           if (fieldComponent && typeof fieldComponent.fill === 'function') {
             fieldComponent.fill(formData);
+            console.log('[NovaDependencyContainer] Field filled:', field.attribute);
+          } else {
+            console.log('[NovaDependencyContainer] Could not fill field:', field.attribute, 'ref not found or no fill method');
           }
         });
       }

From 3199ca68f02eb34866eaa4f437d520953ceade89 Mon Sep 17 00:00:00 2001
From: John Gerwin De las Alas <iamgerwin@live.com>
Date: Tue, 25 Nov 2025 12:31:09 +0800
Subject: [PATCH 2/2] docs: update changelog and version for v1.0.13

---
 CHANGELOG.md                   | 16 ++++++++++++++++
 composer.json                  |  2 +-
 docs/flexible-field-support.md |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 586b7ec..71bae7e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -2,6 +2,22 @@
 
 All notable changes to `nova-dependency-container` will be documented in this file.
 
+## [1.0.13] - 2025-11-25
+
+### Fixed
+- Fixed dependent field values not being saved on form submission
+- Added missing `ref` attribute to child components in template for proper Vue component referencing
+- Fixed `fill()` method to handle Vue 3's array-based refs in v-for loops
+
+### Changed
+- Updated template to use `:ref="'field-' + field.attribute"` for each child field
+- Updated `fill()` method to extract first element when ref is an array (Vue 3 behavior)
+- Improved `:key` binding to use `field.attribute` for better component tracking
+
+### Technical
+- In Vue 3, refs created in v-for loops are stored as arrays, not single elements
+- The fill method now correctly accesses `$refs[refKey][0]` when the ref is an array
+
 ## [1.0.12] - 2025-11-25
 
 ### Fixed
diff --git a/composer.json b/composer.json
index e21c196..c23e60a 100644
--- a/composer.json
+++ b/composer.json
@@ -1,6 +1,6 @@
 {
     "name": "iamgerwin/nova-dependency-container",
-    "version": "1.0.12",
+    "version": "1.0.13",
     "description": "A Laravel Nova 4 and 5 field container allowing to depend on other fields values",
     "keywords": [
         "laravel",
diff --git a/docs/flexible-field-support.md b/docs/flexible-field-support.md
index 1d51c3c..7b4f99f 100644
--- a/docs/flexible-field-support.md
+++ b/docs/flexible-field-support.md
@@ -168,6 +168,7 @@ This ensures that changing a field in Overlay Item #1 doesn't affect the depende
 
 ## Version History
 
+- **1.0.13**: Fixed dependent field values not being saved on form submission
 - **1.0.12**: Added DOM-based watching for Flexible fields where Nova events don't fire
 - **1.0.11**: Fixed regex patterns to support nova-flexible-content's random key format
 - **1.0.10**: Fixed FieldServiceProvider not registering assets with Nova