diff --git a/js/dist/controllerElement.min.js b/js/dist/controllerElement.min.js
index 4ebfcd6084a6071425871e9d9986c4d5ee7022e2..5608568e4462690a527d425056d5e56b7e89d378 100644
--- a/js/dist/controllerElement.min.js
+++ b/js/dist/controllerElement.min.js
@@ -1 +1 @@
-Drupal.controllerElement={body:document.body,utilities:Drupal.vdUtilities,activated:!1,activeThemeElement:null,defaultThemeElement:null,controllerLayer:null,listContentLayer:null,baseLayer:null,tabs:null,themeDebugNodes:null,themeDebugFilterNodes:{objectTypesFilter:[]},themeDebugNodesWithCache:null,constants:{initialControllerWidth:"400px",controllerDeactivatedGap:10,controllerDeactivatedInputMargin:"200px"},ids:{idControllerElement:"visual-debugger--controller-layer",idControllerElementSelected:"visual-debugger--controller-layer--selected",idControllerButtonSelected:"visual-debugger--controller-layer--button--selected",idControllerElementInfo:"visual-debugger--controller-layer--info",idControllerElementList:"visual-debugger--controller-layer--list",idControllerButtonList:"visual-debugger--controller-layer--button--list",idControllerActiveElementInfo:"visual-debugger--controller--active-element--info",idControllerButtonFilters:"visual-debugger--controller-layer--button--filters",idControllerElementFilters:"visual-debugger--controller-layer--filters",idControllerActivationCheckbox:"debuggerActivationCheckbox"},classNames:{classNameVisualDebugger:"visual-debugger",classNameBaseLayer:"visual-debugger--controller",classNameBaseLayerActivated:"visual-debugger--activated",classNameBaseLayerDeactivated:"visual-debugger--deactivated",classNameForm:"activation-form",classNameFormWrapper:"activation-form-wrapper",classNameContent:"content-auto-scroll",classNameElementInfoTextContent:"tag",classNameElementInfoEmpty:"tag--empty",classNameElementInfoObjectType:"tag--object-type",classNameElementInfoPropertyHook:"tag--prop-hook",classNameActiveElementLayer:"active-element",classNameActiveElementInfo:"active-element__info",classNameTabsNavigation:"tabbed-navigation",classNameTabsNavigationTabs:"tabbed-navigation__tabs",classNameTabsNavigationTab:"tabbed-navigation__tab",classNameTabsNavigationTabSelected:"tabbed-navigation__tab--selected",classNameTabsNavigationSeparator:"tabbed-navigation__separator",classNameSelectedElement:"selected-element",classNameSelectedElementContent:"selected-element__content",classNameSelectedElementContentItem:"content-item",classNameSelectedElementContentItemCache:"content-item--cache",classNameListElement:"list",classNameListElementContent:"list__content",classNameListElementItem:"list-item",classNameListElementItemActivation:"list-item__activation",classNameListElementItemActivationHover:"list-item__activation--hover",classNameListElementItemVisibility:"list-item__visibility",classNameFiltersElement:"filters",classNameFiltersElementContent:"filters__content",classNameFiltersElementItem:"filters-item",classNameFiltersElementItemSelectAll:"filters-item--select-all",classNameFiltersElementItemActivation:"filters-item__activation",classNameFiltersElementItemActivationHover:"filter-item__activation--hover",classNameAggregateElement:"aggregate",classNameTarget:"nav-target",classNameContentCopyData:"content-copy-data",classNameContentCopyDataLabel:"content-copy-data__label",classNameIconSelectedTrue:"icon-selected-true",classNameIconSelectedFalse:"icon-selected-false",classNameIconControllerActivated:"icon-controller-activated",classNameIconControllerDeactivated:"icon-controller-deactivated",classNameIconCopyToClipboard:"icon-copy",classNameIconEye:"icon-eye",classNameIconEyeBlocked:"icon-eye-blocked",classNameIconSquare:"icon-square",classNameIconSlideResize:"icon-slide-resize",classNameIconNavigateNext:"icon-navigate-next",classNameClickDragButton:"click-drag-button",classNameCheckboxToggle:"checkbox-toggle",classNameActivated:"item-activated",classNameDeactivated:"item-deactivated"},layerAttributes:{controllerActivatedAttributeName:"data-vd-controller-activated",controllerFiltersEnabledAttributeName:"data-vd-controller-filters-enabled",controllerListClickOrigin:"data-vs-click-origin"},strings:{stringCopyToClipboard:Drupal.t("Copy to clipboard"),stringDeactivateDebugger:Drupal.t("Deactivate debugger"),stringSelectedElement:Drupal.t("Selected Element"),stringTabLabelSelected:Drupal.t("Selected"),stringTabLabelList:Drupal.t("List"),stringTabLabelFilters:Drupal.t("Filters"),stringAllElements:Drupal.t("All Elements"),stringClickDragButton:Drupal.t("Click and drag to resize"),stringTemplateFilePath:Drupal.t("Template File Path"),stringFolderPath:Drupal.t("Folder path"),stringFilePath:Drupal.t("File path"),stringActiveElement:Drupal.t("Active Element"),stringNoActiveElement:Drupal.t("No active element."),stringNoSelectedElement:Drupal.t("No selected element."),stringNotAvailable:Drupal.t("Not available.")},system:{localStorageDebuggerActivatedKey:"debuggerActivated",localStorageControllerWidthKey:"controllerWidth"},getControllerLayer(){return this.controllerLayer},setControllerLayer(e){this.controllerLayer=e},getListContentLayer(){return this.listContentLayer},setListContentLayer(e){this.listContentLayer=e},init(e,t){this.baseLayer=e,this.themeDebugNodes=t;const{body:a}=document;new MutationObserver((e=>{if(null==this.getControllerLayer())return;const t=e[0].target.style.paddingTop||0;this.controllerLayer.style.top=t})).observe(a,{attributes:!0,attributeFilter:["style"]})},toggleDebuggerActivated(e=!0){const{classNameBaseLayerActivated:t,classNameBaseLayerDeactivated:a}=this.classNames,{controllerActivatedAttributeName:s}=this.layerAttributes;this.body.classList.toggle(t,e),this.body.classList.toggle(a,!e),localStorage.setItem(this.system.localStorageDebuggerActivatedKey,e),null!==this.controllerLayer&&(this.controllerLayer.setAttribute(s,e),this.checkControllerActivation())},generateContentCopyData(e,t,a){const s=this,{stringCopyToClipboard:l}=this.strings,{classNameContentCopyData:i,classNameIconCopyToClipboard:n}=this.classNames,c=document.createElement("div"),r=document.createElement("div"),o=document.createElement("input"),d=document.createElement("button");return c.classList.add(i),r.classList.add(t),r.textContent=e,o.value=a,o.readOnly=!0,d.classList.add(n),d.setAttribute("aria-label",l),d.addEventListener("click",(()=>{s.clipboardCopy(o)})),c.append(r,o,d),c},clipboardCopy(e){const t=e.textContent;navigator.clipboard?navigator.clipboard.writeText(t):(e.select(),document.execCommand("copy"),e.focus())},generateControllerLayer(){const{classNameVisualDebugger:e,classNameBaseLayer:t,classNameForm:a,classNameFormWrapper:s,classNameCheckboxToggle:l,classNameActivated:i,classNameIconEye:n,classNameIconControllerActivated:c,classNameDeactivated:r,classNameIconEyeBlocked:o,classNameIconControllerDeactivated:d,classNameContent:m}=this.classNames,{idControllerActivationCheckbox:u}=this.ids,{controllerActivatedAttributeName:g}=this.layerAttributes,{stringDeactivateDebugger:h}=this.strings,p=this,b=document.createElement("div");b.classList.add(e,t);const v=document.createElement("div");v.classList.add(m);const y=document.createElement("input");y.type="checkbox",y.id=u,y.classList.add(l);const E="true"===(localStorage.getItem(p.system.localStorageDebuggerActivatedKey)||"true");y.checked=E,b.setAttribute(g,E),p.toggleDebuggerActivated(E),y.addEventListener("change",(e=>{p.toggleDebuggerActivated(e.target.checked)}));const N=document.createElement("span");N.classList.add(n,i,c);const C=document.createElement("span");C.classList.add(o,r,d);const L=document.createElement("label");L.setAttribute("for",y.id),L.textContent=h;const A=document.createElement("div");A.classList.add(s),A.append(y,N,C,L);const T=document.createElement("form");T.classList.add(a),T.appendChild(A);const I=this.generateActiveElementLayer(),f=this.generateTabbedNavigation(),S=this.generateSelectedElement(),k=this.generateListElementLayer(),D=this.generateFiltersTab();return v.append(I,f,S,k,D),b.append(T,v),this.setControllerLayer(b),this.setListContentLayer(k),b},calculateInitialControllerWidth(){const{initialControllerWidth:e}=this.constants,{localStorageControllerWidthKey:t}=this.system,{controllerLayer:a}=this,s=localStorage.getItem(t)||e;let l=s;const i=window.innerWidth,n=window.getComputedStyle(a).getPropertyValue("max-width");if(n){const e=parseFloat(n),t=parseFloat(s);l=n.endsWith("%")?Math.min(e/100*i,t):Math.min(i,e,t)}a.style.width=`${l}px`},generateActiveElementLayer(){const{classNameActiveElementLayer:e,classNameActiveElementInfo:t}=this.classNames,{idControllerActiveElementInfo:a}=this.ids,{stringActiveElement:s}=this.strings,l=document.createElement("div");l.classList.add(e);const i=document.createElement("h3");i.textContent=s;const n=document.createElement("div");return n.setAttribute("id",a),n.classList.add(t),l.append(i,n),l},switchToTab(e){const t=document.querySelector(`[data-target-tab='${e}']`),a=this.getControllerLayer().querySelector(`#${e}`);if(null===t||null===a)return;t.classList.add("active"),a.classList.add("active");const s=e=>{this.utilities.getSiblings(e).forEach((e=>{e.classList.remove("active")}))};s(t),s(a)},generateTabbedNavigation(){const{classNameTabsNavigation:e,classNameTabsNavigationTabs:t,classNameTabsNavigationTab:a,classNameTabsNavigationTabSelected:s,classNameTabsNavigationSeparator:l}=this.classNames,{stringTabLabelSelected:i,stringTabLabelList:n,stringTabLabelFilters:c}=this.strings,{idControllerElementSelected:r,idControllerButtonSelected:o,idControllerElementList:d,idControllerButtonList:m,idControllerButtonFilters:u,idControllerElementFilters:g}=this.ids,h=[{id:o,label:i,targetId:r,extraClasses:[s]},{id:m,label:n,targetId:d},{id:u,label:c,targetId:g}],p=document.createElement("div");p.classList.add(e);const b=document.createElement("div");b.classList.add(t);const v=document.createElement("div");return v.classList.add(l),h.forEach((e=>{const t=document.createElement("button"),s=[a,...e.extraClasses||[]];t.setAttribute("data-target-tab",e.targetId),t.setAttribute("id",e.id),t.setAttribute("aria-label",e.label),t.classList.add(...s),t.textContent=e.label,t.addEventListener("click",(()=>{this.switchToTab(e.targetId)})),b.appendChild(t)})),this.tabs=h,p.append(b,v),p},generateSelectedElement(){const{idControllerElementSelected:e}=this.ids,{classNameSelectedElement:t,classNameSelectedElementContent:a,classNameSelectedElementContentItem:s,classNameSelectedElementContentItemCache:l,classNameTarget:i}=this.classNames,n=Drupal.vdUtilities.getNodesWithCache(this.themeDebugNodes);this.themeDebugNodesWithCache=n;const c=document.createElement("div");c.setAttribute("id",e),c.classList.add(t,i);let r=Drupal.themeElement.getDisplayElements();n.length||(r=r.filter((e=>"cache"!==e.type)));const o=document.createElement("div");return o.classList.add(a),r.forEach((e=>{const t=document.createElement("div"),a=document.createElement("h4"),i=document.createElement("div");t.classList.add(s,...e.wrapperClasses||[]),"cache"===e.type&&t.classList.add(l),a.textContent=e.label,e.id&&i.setAttribute("id",e.id),i.classList.add(...e.valueClasses||[]),t.append(a,i),o.appendChild(t)})),c.appendChild(o),c},generateListElementLayer(){const{classNameListElement:e,classNameListElementContent:t,classNameTarget:a,classNameListElementItem:s,classNameListElementItemActivation:l,classNameListElementItemVisibility:i,classNameIconEye:n,classNameIconEyeBlocked:c}=this.classNames,{classNameCheckboxToggleWrapper:r,classNameInputWrapperDisabled:o}=this.utilities.classNames,{idControllerElementList:d}=this.ids,{stringTabLabelList:m}=this.strings,{layerTargetIdAttributeName:u,listItemActivatedAttributeName:g,layerAttributeIsVisible:h}=this.utilities.layerAttributes,{themeDebugNodes:p}=this,b=document.createElement("div");b.classList.add(e,a),b.setAttribute("id",d);const v=document.createElement("h3");v.textContent=m;const y=document.createElement("div");return y.classList.add(t),b.append(v,y),p.forEach((e=>{const t=document.createElement("div");t.classList.add(s);const a=this.utilities.generateOnOffSwitch(e.instanceActiveElement.propertyHook,!1,[{eventListener:"click",eventCallback:()=>{"true"===e.listItemLayer.getAttribute(h)&&e.instanceLayer.click()}},{eventListener:"change",eventCallback:e=>{const{parentNode:t}=e.target;t.setAttribute(g,e.target.checked)}},{eventListener:"mouseenter",eventCallback:()=>{e.triggerMouseEnter()}},{eventListener:"mouseleave",eventCallback:()=>{e.triggerMouseLeave()}}],{[u]:e.instanceLayer.getAttribute(u),[g]:!1,[h]:!0},[l,this.utilities.classNames.classNameObjectTypeTyped(e.instanceActiveElement.objectType)]),d=this.utilities.generateOnOffSwitch("",!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(r)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:t=>{e.listItemLayer.classList.toggle(o),e.listItemLayer.setAttribute(h,t.target.checked);t.target.parentNode.setAttribute(h,t.target.checked),t.target.checked?e.showInstanceLayer():e.hideInstanceLayer(),this.updateControllerFiltersActivation("filter"===this.getListClickOrigin()),this.setListClickOrigin(null)}}],{[h]:!0},[i],!0,n,c);e.listItemLayer=a,t.append(a,d),y.appendChild(t)})),b},generateFiltersTab(){const{classNameTarget:e,classNameFiltersElement:t,classNameFiltersElementContent:a,classNameFiltersElementItem:s,classNameFiltersElementItemActivation:l,classNameFiltersElementItemActivationHover:i,classNameFiltersElementItemSelectAll:n,classNameIconEye:c,classNameIconEyeBlocked:r,classNameIconSquare:o}=this.classNames,{classNameCheckboxToggleWrapper:d,classNameObjectType:m}=this.utilities.classNames,{idControllerElementFilters:u}=this.ids,{stringTabLabelFilters:g,stringAllElements:h}=this.strings,{layerAttributeIsVisible:p}=this.utilities.layerAttributes,{themeDebugNodes:b}=this,v=this.utilities.consolidateObjectTypes(b),y=document.createElement("div");y.classList.add(t,e),y.setAttribute("id",u);const E=document.createElement("h3");E.textContent=g;const N=document.createElement("div");N.classList.add(a);Object.entries(v).forEach((([e,t])=>{const a=this.utilities.getFilteredNodesByObjectType(b,e),n=document.createElement("div");n.classList.add(s);const u=this.utilities.generateOnOffSwitch(`${e} - (${t.count})`,!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(d)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:e=>{a.forEach((t=>{this.setListClickOrigin("filter"),((e,t)=>{e.parentNode.setAttribute(p,t)})(e.target,e.target.checked);const a=t.listItemLayer.nextElementSibling;null!==a&&a.getAttribute(p)!==String(e.target.checked)&&a.click()}))}},{eventListener:"mouseenter",eventCallback:e=>{e.target.classList.add(i),a.forEach((e=>{e.triggerMouseEnter()}))}},{eventListener:"mouseleave",eventCallback:e=>{e.target.classList.remove(i),a.forEach((e=>{e.triggerMouseLeave()}))}}],{[p]:!0},[l,m,this.utilities.classNames.classNameObjectTypeTyped(e)],!1,c,r,o);this.themeDebugFilterNodes.objectTypesFilter.push(u),n.appendChild(u),N.appendChild(n)}));const C=document.createElement("div");C.classList.add(n);const L=this.utilities.generateOnOffSwitch(h,!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(d)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:e=>{this.themeDebugFilterNodes.objectTypesFilter.forEach((t=>{t.getAttribute(p)!==String(e.target.checked)&&t.click()})),this.updateControllerFiltersActivation(!0)}}],{[p]:!0},[l],!1,c,r);return C.appendChild(L),N.prepend(C),y.append(E,N),y},checkControllerActivation(){const{controllerDeactivatedGap:e}=this.constants;if(this.getControllerActivationStatus())return void(this.controllerLayer.style.right="0px");const t=-1*(parseInt(this.controllerLayer.style.width,10)-e);this.controllerLayer.style.right=`${t}px`},executePostActivation(){this.generateSliderButton(),this.calculateInitialControllerWidth(),this.checkControllerActivation(),this.updateActiveElement(),this.updateSelectedElement("selected"),this.updateControllerFiltersActivation(!0),this.setSelectedElementValues(),this.switchToTab(this.ids.idControllerElementSelected)},generateSliderButton(){const e=this,{classNameClickDragButton:t,classNameIconSlideResize:a}=this.classNames,{stringClickDragButton:s}=this.strings,{localStorageControllerWidthKey:l}=this.system,i=this.getControllerLayer();let n=!1;const c=document.createElement("button");c.classList.add(t),c.classList.add(a),c.setAttribute("aria-label",s),c.addEventListener("mousedown",(()=>{n=!!e.getControllerActivationStatus()})),document.addEventListener("mousemove",(t=>{n&&e.resizeControllerLayer(t.clientX)})),document.addEventListener("mouseup",(()=>{n=!1,localStorage.setItem(l,i.style.width)})),i.appendChild(c)},resizeControllerLayer(e=0){const{controllerLayer:t}=this,a=t.getBoundingClientRect();requestAnimationFrame((()=>{const s=a.width+a.left-e;t.style.width=`${s}px`}))},getControllerActivationStatus(){const{controllerActivatedAttributeName:e}=this.layerAttributes;return"true"===this.getControllerLayer().getAttribute(e)},setActivated(){this.activated=!0},getActiveElementInfoLayer(){return this.getControllerLayer().querySelector(`#${this.ids.idControllerActiveElementInfo}`)},getSelectedThemeElement(){return this.activeThemeElement||this.defaultThemeElement||null},setElementInfo(e,t,a="active"){t.innerHTML="";const{classNameElementInfoTextContent:s,classNameElementInfoObjectType:l,classNameElementInfoPropertyHook:i}=this.classNames;if(null===e){const e=this.generateEmptyTag(a);return void t.append(e)}let n="";if(e.hasOwnProperty("objectType")&&null!==e.objectType){const a=document.createElement("div");a.classList.add(s,l,`${l}--${e.objectType}`),n=e.objectType,a.textContent=n,t.append(a)}if(e.hasOwnProperty("propertyHook")&&null!==e.propertyHook&&n!==e.propertyHook){const a=document.createElement("div");a.classList.add(s,i),a.textContent=e.propertyHook,t.append(a)}},setSelectedElementValues(){const{classNameContentCopyDataLabel:e}=this.classNames,{stringNoSelectedElement:t,stringNotAvailable:a}=this.strings,s=Drupal.themeElement.getDisplayElements(),l=this.defaultThemeElement;s.forEach((s=>{const i=document.getElementById(s.id);if(null!==i)if(i.innerHTML="",null!==l)if(l.hasOwnProperty(s.key)&&l[s.key]){if("info"===s.displayType)this.setElementInfo(this.defaultThemeElement,i,t);else if("singleInfo"===s.displayType)i.appendChild(this.generateSingleInfoOutput(l[s.key]));else if("singleCopy"===s.displayType){const t=this.generateContentCopyData(s.inlineLabel,e,l[s.key]);i.appendChild(t)}else if("multipleCopy"===s.displayType){const{classNameIconNavigateNext:e}=this.classNames;l[s.key].forEach((t=>{const a=this.generateContentCopyData(null,e,t);i.appendChild(a)}))}else if("multipleCopyWithChecked"===s.displayType){const{classNameIconSelectedTrue:e,classNameIconSelectedFalse:t}=this.classNames;l.suggestions.forEach((a=>{const s=this.generateContentCopyData(null,a.activated?e:t,a.suggestion);i.appendChild(s)}))}}else{const e=this.generateEmptyTag(a);i.appendChild(e)}else{const e=this.generateEmptyTag(t);i.appendChild(e)}}))},generateSingleInfoOutput:e=>document.createTextNode(e),generateSingleCopyOutput(e,t){const{classNameContentCopyData:a,classNameContentCopyDataLabel:s}=this.classNames,l=document.createElement("div");l.classList.add(a);const i=this.generateContentCopyData(e,s,t);return l.appendChild(i),l},updateControllerFiltersActivation(e){const{controllerFiltersEnabledAttributeName:t}=this.layerAttributes;this.getControllerLayer().setAttribute(t,e)},generateEmptyTag(e){const{classNameElementInfoTextContent:t,classNameElementInfoEmpty:a}=this.classNames,s=document.createElement("div");return s.classList.add(t,a),s.textContent=e,s},handleSelectedListItemChange(e,t=!0){const{classNameCheckboxToggle:a}=this.classNames,s=this.themeDebugNodes.find((t=>t.instanceActiveElement===e)).listItemLayer.querySelector(`.${a}`);s.click(),t&&s.scrollIntoView({behavior:"smooth",block:"center"})},setTabCue(){const{idControllerButtonSelected:e}=this.ids,t=document.getElementById(e),a=this.defaultThemeElement,s=this.utilities.classNames.classNameObjectTypeTyped("");if(Array.from(t.classList).forEach((e=>{e.startsWith(s)&&t.classList.remove(e)})),null===a)return;const{objectType:l}=a,i=this.utilities.classNames.classNameObjectTypeTyped(l);t.classList.add(i)},setHoverElement(e,t=!0){const{classNameListElementItemActivationHover:a}=this.classNames,s=this.themeDebugNodes.find((t=>t.instanceActiveElement===e));!0===t?s.listItemLayer.classList.add(a):s.listItemLayer.classList.remove(a)},getListClickOrigin(){const{controllerListClickOrigin:e}=this.layerAttributes;return this.getListContentLayer().getAttribute(e)},setListClickOrigin(e){const{controllerListClickOrigin:t}=this.layerAttributes,a=this.getListContentLayer();null!==e?a.setAttribute(t,e):a.removeAttribute(t)},updateActiveElement(){const{stringNoActiveElement:e}=this.strings,t=this.getActiveElementInfoLayer();this.setElementInfo(this.activeThemeElement,t,e)},setActiveThemeElement(e){this.activeThemeElement=e,this.updateActiveElement(),this.setHoverElement(e)},resetActiveThemeElement(e){this.activeThemeElement=null,this.updateActiveElement(),this.setHoverElement(e,!1)},updateSelectedElement(){this.setSelectedElementValues(),this.setTabCue()},setDefaultThemeElement(e){this.defaultThemeElement=e,this.updateSelectedElement(),this.handleSelectedListItemChange(e)},resetDefaultThemeElement(e){this.defaultThemeElement=null,this.updateSelectedElement(),this.handleSelectedListItemChange(e,!1)}};
\ No newline at end of file
+Drupal.controllerElement={body:document.body,utilities:Drupal.vdUtilities,activated:!1,activeThemeElement:null,defaultThemeElement:null,controllerLayer:null,listContentLayer:null,baseLayer:null,tabs:null,themeDebugNodes:null,themeDebugFilterNodes:{objectTypesFilter:[]},themeDebugNodesWithCache:null,constants:{initialControllerWidth:"400px",controllerDeactivatedGap:10,controllerDeactivatedInputMargin:"200px"},ids:{idControllerElement:"visual-debugger--controller-layer",idControllerElementSelected:"visual-debugger--controller-layer--selected",idControllerButtonSelected:"visual-debugger--controller-layer--button--selected",idControllerElementInfo:"visual-debugger--controller-layer--info",idControllerElementList:"visual-debugger--controller-layer--list",idControllerButtonList:"visual-debugger--controller-layer--button--list",idControllerActiveElementInfo:"visual-debugger--controller--active-element--info",idControllerButtonFilters:"visual-debugger--controller-layer--button--filters",idControllerElementFilters:"visual-debugger--controller-layer--filters",idControllerActivationCheckbox:"debuggerActivationCheckbox"},classNames:{classNameVisualDebugger:"visual-debugger",classNameBaseLayer:"visual-debugger--controller",classNameBaseLayerActivated:"visual-debugger--activated",classNameBaseLayerDeactivated:"visual-debugger--deactivated",classNameForm:"activation-form",classNameFormWrapper:"activation-form-wrapper",classNameContent:"content-auto-scroll",classNameElementInfoTextContent:"tag",classNameElementInfoEmpty:"tag--empty",classNameElementInfoObjectType:"tag--object-type",classNameElementInfoPropertyHook:"tag--prop-hook",classNameActiveElementLayer:"active-element",classNameActiveElementInfo:"active-element__info",classNameTabsNavigation:"tabbed-navigation",classNameTabsNavigationTabs:"tabbed-navigation__tabs",classNameTabsNavigationTab:"tabbed-navigation__tab",classNameTabsNavigationTabSelected:"tabbed-navigation__tab--selected",classNameTabsNavigationSeparator:"tabbed-navigation__separator",classNameSelectedElement:"selected-element",classNameSelectedElementContent:"selected-element__content",classNameSelectedElementContentItem:"content-item",classNameSelectedElementContentItemCache:"content-item--cache",classNameListElement:"list",classNameListElementContent:"list__content",classNameListElementItem:"list-item",classNameListElementItemActivation:"list-item__activation",classNameListElementItemActivationHover:"list-item__activation--hover",classNameListElementItemVisibility:"list-item__visibility",classNameFiltersElement:"filters",classNameFiltersElementContent:"filters__content",classNameFiltersElementItem:"filters-item",classNameFiltersElementItemSelectAll:"filters-item--select-all",classNameFiltersElementItemActivation:"filters-item__activation",classNameFiltersElementItemActivationHover:"filter-item__activation--hover",classNameAggregateElement:"aggregate",classNameTarget:"nav-target",classNameContentCopyData:"content-copy-data",classNameContentCopyDataLabel:"content-copy-data__label",classNameIconSelectedTrue:"icon-selected-true",classNameIconSelectedFalse:"icon-selected-false",classNameIconControllerActivated:"icon-controller-activated",classNameIconControllerDeactivated:"icon-controller-deactivated",classNameIconCopyToClipboard:"icon-copy",classNameIconEye:"icon-eye",classNameIconEyeBlocked:"icon-eye-blocked",classNameIconSquare:"icon-square",classNameIconSlideResize:"icon-slide-resize",classNameIconNavigateNext:"icon-navigate-next",classNameClickDragButton:"click-drag-button",classNameCheckboxToggle:"checkbox-toggle",classNameActivated:"item-activated",classNameDeactivated:"item-deactivated"},layerAttributes:{controllerActivatedAttributeName:"data-vd-controller-activated",controllerFiltersEnabledAttributeName:"data-vd-controller-filters-enabled",controllerListClickOrigin:"data-vs-click-origin"},strings:{stringCopyToClipboard:Drupal.t("Copy to clipboard"),stringDeactivateDebugger:Drupal.t("Deactivate debugger"),stringSelectedElement:Drupal.t("Selected Element"),stringTabLabelSelected:Drupal.t("Selected"),stringTabLabelList:Drupal.t("List"),stringTabLabelFilters:Drupal.t("Filters"),stringAllElements:Drupal.t("All Elements"),stringClickDragButton:Drupal.t("Click and drag to resize"),stringTemplateFilePath:Drupal.t("Template File Path"),stringFolderPath:Drupal.t("Folder path"),stringFilePath:Drupal.t("File path"),stringActiveElement:Drupal.t("Active Element"),stringNoActiveElement:Drupal.t("No active element."),stringNoSelectedElement:Drupal.t("No selected element."),stringNotAvailable:Drupal.t("Not available.")},system:{localStorageDebuggerActivatedKey:"debuggerActivated",localStorageControllerWidthKey:"controllerWidth"},getControllerLayer(){return this.controllerLayer},setControllerLayer(e){this.controllerLayer=e},getListContentLayer(){return this.listContentLayer},setListContentLayer(e){this.listContentLayer=e},init(e,t){this.baseLayer=e,this.themeDebugNodes=t;const{body:a}=document;new MutationObserver((e=>{if(null==this.getControllerLayer())return;const t=e[0].target.style.paddingTop||0;this.controllerLayer.style.top=t})).observe(a,{attributes:!0,attributeFilter:["style"]})},toggleDebuggerActivated(e=!0){const{classNameBaseLayerActivated:t,classNameBaseLayerDeactivated:a}=this.classNames,{controllerActivatedAttributeName:s}=this.layerAttributes;this.body.classList.toggle(t,e),this.body.classList.toggle(a,!e),localStorage.setItem(this.system.localStorageDebuggerActivatedKey,e),null!==this.controllerLayer&&(this.controllerLayer.setAttribute(s,e),this.checkControllerActivation())},generateContentCopyData(e,t,a){const s=this,{stringCopyToClipboard:l}=this.strings,{classNameContentCopyData:i,classNameIconCopyToClipboard:n}=this.classNames,c=document.createElement("div"),r=document.createElement("div"),o=document.createElement("input"),d=document.createElement("button");return c.classList.add(i),r.classList.add(t),r.textContent=e,o.value=a,o.readOnly=!0,d.classList.add(n),d.setAttribute("aria-label",l),d.addEventListener("click",(()=>{s.clipboardCopy(o)})),c.append(r,o,d),c},clipboardCopy(e){if(e.select(),e.focus(),navigator.clipboard){const t=e.value;navigator.clipboard.writeText(t)}else document.execCommand("copy")},generateControllerLayer(){const{classNameVisualDebugger:e,classNameBaseLayer:t,classNameForm:a,classNameFormWrapper:s,classNameCheckboxToggle:l,classNameActivated:i,classNameIconEye:n,classNameIconControllerActivated:c,classNameDeactivated:r,classNameIconEyeBlocked:o,classNameIconControllerDeactivated:d,classNameContent:m}=this.classNames,{idControllerActivationCheckbox:u}=this.ids,{controllerActivatedAttributeName:g}=this.layerAttributes,{stringDeactivateDebugger:h}=this.strings,p=this,b=document.createElement("div");b.classList.add(e,t);const v=document.createElement("div");v.classList.add(m);const y=document.createElement("input");y.type="checkbox",y.id=u,y.classList.add(l);const E="true"===(localStorage.getItem(p.system.localStorageDebuggerActivatedKey)||"true");y.checked=E,b.setAttribute(g,E),p.toggleDebuggerActivated(E),y.addEventListener("change",(e=>{p.toggleDebuggerActivated(e.target.checked)}));const N=document.createElement("span");N.classList.add(n,i,c);const C=document.createElement("span");C.classList.add(o,r,d);const L=document.createElement("label");L.setAttribute("for",y.id),L.textContent=h;const A=document.createElement("div");A.classList.add(s),A.append(y,N,C,L);const T=document.createElement("form");T.classList.add(a),T.appendChild(A);const I=this.generateActiveElementLayer(),f=this.generateTabbedNavigation(),S=this.generateSelectedElement(),k=this.generateListElementLayer(),D=this.generateFiltersTab();return v.append(I,f,S,k,D),b.append(T,v),this.setControllerLayer(b),this.setListContentLayer(k),b},calculateInitialControllerWidth(){const{initialControllerWidth:e}=this.constants,{localStorageControllerWidthKey:t}=this.system,{controllerLayer:a}=this,s=localStorage.getItem(t)||e;let l=s;const i=window.innerWidth,n=window.getComputedStyle(a).getPropertyValue("max-width");if(n){const e=parseFloat(n),t=parseFloat(s);l=n.endsWith("%")?Math.min(e/100*i,t):Math.min(i,e,t)}a.style.width=`${l}px`},generateActiveElementLayer(){const{classNameActiveElementLayer:e,classNameActiveElementInfo:t}=this.classNames,{idControllerActiveElementInfo:a}=this.ids,{stringActiveElement:s}=this.strings,l=document.createElement("div");l.classList.add(e);const i=document.createElement("h3");i.textContent=s;const n=document.createElement("div");return n.setAttribute("id",a),n.classList.add(t),l.append(i,n),l},switchToTab(e){const t=document.querySelector(`[data-target-tab='${e}']`),a=this.getControllerLayer().querySelector(`#${e}`);if(null===t||null===a)return;t.classList.add("active"),a.classList.add("active");const s=e=>{this.utilities.getSiblings(e).forEach((e=>{e.classList.remove("active")}))};s(t),s(a)},generateTabbedNavigation(){const{classNameTabsNavigation:e,classNameTabsNavigationTabs:t,classNameTabsNavigationTab:a,classNameTabsNavigationTabSelected:s,classNameTabsNavigationSeparator:l}=this.classNames,{stringTabLabelSelected:i,stringTabLabelList:n,stringTabLabelFilters:c}=this.strings,{idControllerElementSelected:r,idControllerButtonSelected:o,idControllerElementList:d,idControllerButtonList:m,idControllerButtonFilters:u,idControllerElementFilters:g}=this.ids,h=[{id:o,label:i,targetId:r,extraClasses:[s]},{id:m,label:n,targetId:d},{id:u,label:c,targetId:g}],p=document.createElement("div");p.classList.add(e);const b=document.createElement("div");b.classList.add(t);const v=document.createElement("div");return v.classList.add(l),h.forEach((e=>{const t=document.createElement("button"),s=[a,...e.extraClasses||[]];t.setAttribute("data-target-tab",e.targetId),t.setAttribute("id",e.id),t.setAttribute("aria-label",e.label),t.classList.add(...s),t.textContent=e.label,t.addEventListener("click",(()=>{this.switchToTab(e.targetId)})),b.appendChild(t)})),this.tabs=h,p.append(b,v),p},generateSelectedElement(){const{idControllerElementSelected:e}=this.ids,{classNameSelectedElement:t,classNameSelectedElementContent:a,classNameSelectedElementContentItem:s,classNameSelectedElementContentItemCache:l,classNameTarget:i}=this.classNames,n=Drupal.vdUtilities.getNodesWithCache(this.themeDebugNodes);this.themeDebugNodesWithCache=n;const c=document.createElement("div");c.setAttribute("id",e),c.classList.add(t,i);let r=Drupal.themeElement.getDisplayElements();n.length||(r=r.filter((e=>"cache"!==e.type)));const o=document.createElement("div");return o.classList.add(a),r.forEach((e=>{const t=document.createElement("div"),a=document.createElement("h4"),i=document.createElement("div");t.classList.add(s,...e.wrapperClasses||[]),"cache"===e.type&&t.classList.add(l),a.textContent=e.label,e.id&&i.setAttribute("id",e.id),i.classList.add(...e.valueClasses||[]),t.append(a,i),o.appendChild(t)})),c.appendChild(o),c},generateListElementLayer(){const{classNameListElement:e,classNameListElementContent:t,classNameTarget:a,classNameListElementItem:s,classNameListElementItemActivation:l,classNameListElementItemVisibility:i,classNameIconEye:n,classNameIconEyeBlocked:c}=this.classNames,{classNameCheckboxToggleWrapper:r,classNameInputWrapperDisabled:o}=this.utilities.classNames,{idControllerElementList:d}=this.ids,{stringTabLabelList:m}=this.strings,{layerTargetIdAttributeName:u,listItemActivatedAttributeName:g,layerAttributeIsVisible:h}=this.utilities.layerAttributes,{themeDebugNodes:p}=this,b=document.createElement("div");b.classList.add(e,a),b.setAttribute("id",d);const v=document.createElement("h3");v.textContent=m;const y=document.createElement("div");return y.classList.add(t),b.append(v,y),p.forEach((e=>{const t=document.createElement("div");t.classList.add(s);const a=this.utilities.generateOnOffSwitch(e.instanceActiveElement.propertyHook,!1,[{eventListener:"click",eventCallback:()=>{"true"===e.listItemLayer.getAttribute(h)&&e.instanceLayer.click()}},{eventListener:"change",eventCallback:e=>{const{parentNode:t}=e.target;t.setAttribute(g,e.target.checked)}},{eventListener:"mouseenter",eventCallback:()=>{e.triggerMouseEnter()}},{eventListener:"mouseleave",eventCallback:()=>{e.triggerMouseLeave()}}],{[u]:e.instanceLayer.getAttribute(u),[g]:!1,[h]:!0},[l,this.utilities.classNames.classNameObjectTypeTyped(e.instanceActiveElement.objectType)]),d=this.utilities.generateOnOffSwitch("",!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(r)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:t=>{e.listItemLayer.classList.toggle(o),e.listItemLayer.setAttribute(h,t.target.checked);t.target.parentNode.setAttribute(h,t.target.checked),t.target.checked?e.showInstanceLayer():e.hideInstanceLayer(),this.updateControllerFiltersActivation("filter"===this.getListClickOrigin()),this.setListClickOrigin(null)}}],{[h]:!0},[i],!0,n,c);e.listItemLayer=a,t.append(a,d),y.appendChild(t)})),b},generateFiltersTab(){const{classNameTarget:e,classNameFiltersElement:t,classNameFiltersElementContent:a,classNameFiltersElementItem:s,classNameFiltersElementItemActivation:l,classNameFiltersElementItemActivationHover:i,classNameFiltersElementItemSelectAll:n,classNameIconEye:c,classNameIconEyeBlocked:r,classNameIconSquare:o}=this.classNames,{classNameCheckboxToggleWrapper:d,classNameObjectType:m}=this.utilities.classNames,{idControllerElementFilters:u}=this.ids,{stringTabLabelFilters:g,stringAllElements:h}=this.strings,{layerAttributeIsVisible:p}=this.utilities.layerAttributes,{themeDebugNodes:b}=this,v=this.utilities.consolidateObjectTypes(b),y=document.createElement("div");y.classList.add(t,e),y.setAttribute("id",u);const E=document.createElement("h3");E.textContent=g;const N=document.createElement("div");N.classList.add(a);Object.entries(v).forEach((([e,t])=>{const a=this.utilities.getFilteredNodesByObjectType(b,e),n=document.createElement("div");n.classList.add(s);const u=this.utilities.generateOnOffSwitch(`${e} - (${t.count})`,!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(d)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:e=>{a.forEach((t=>{this.setListClickOrigin("filter"),((e,t)=>{e.parentNode.setAttribute(p,t)})(e.target,e.target.checked);const a=t.listItemLayer.nextElementSibling;null!==a&&a.getAttribute(p)!==String(e.target.checked)&&a.click()}))}},{eventListener:"mouseenter",eventCallback:e=>{e.target.classList.add(i),a.forEach((e=>{e.triggerMouseEnter()}))}},{eventListener:"mouseleave",eventCallback:e=>{e.target.classList.remove(i),a.forEach((e=>{e.triggerMouseLeave()}))}}],{[p]:!0},[l,m,this.utilities.classNames.classNameObjectTypeTyped(e)],!1,c,r,o);this.themeDebugFilterNodes.objectTypesFilter.push(u),n.appendChild(u),N.appendChild(n)}));const C=document.createElement("div");C.classList.add(n);const L=this.utilities.generateOnOffSwitch(h,!0,[{eventListener:"click",eventCallback:e=>{e.target.classList.contains(d)&&e.target.querySelector("input").click()}},{eventListener:"change",eventCallback:e=>{this.themeDebugFilterNodes.objectTypesFilter.forEach((t=>{t.getAttribute(p)!==String(e.target.checked)&&t.click()})),this.updateControllerFiltersActivation(!0)}}],{[p]:!0},[l],!1,c,r);return C.appendChild(L),N.prepend(C),y.append(E,N),y},checkControllerActivation(){const{controllerDeactivatedGap:e}=this.constants;if(this.getControllerActivationStatus())return void(this.controllerLayer.style.right="0px");const t=-1*(parseInt(this.controllerLayer.style.width,10)-e);this.controllerLayer.style.right=`${t}px`},executePostActivation(){this.generateSliderButton(),this.calculateInitialControllerWidth(),this.checkControllerActivation(),this.updateActiveElement(),this.updateSelectedElement("selected"),this.updateControllerFiltersActivation(!0),this.setSelectedElementValues(),this.switchToTab(this.ids.idControllerElementSelected)},generateSliderButton(){const e=this,{classNameClickDragButton:t,classNameIconSlideResize:a}=this.classNames,{stringClickDragButton:s}=this.strings,{localStorageControllerWidthKey:l}=this.system,i=this.getControllerLayer();let n=!1;const c=document.createElement("button");c.classList.add(t),c.classList.add(a),c.setAttribute("aria-label",s),c.addEventListener("mousedown",(()=>{n=!!e.getControllerActivationStatus()})),document.addEventListener("mousemove",(t=>{n&&e.resizeControllerLayer(t.clientX)})),document.addEventListener("mouseup",(()=>{n=!1,localStorage.setItem(l,i.style.width)})),i.appendChild(c)},resizeControllerLayer(e=0){const{controllerLayer:t}=this,a=t.getBoundingClientRect();requestAnimationFrame((()=>{const s=a.width+a.left-e;t.style.width=`${s}px`}))},getControllerActivationStatus(){const{controllerActivatedAttributeName:e}=this.layerAttributes;return"true"===this.getControllerLayer().getAttribute(e)},setActivated(){this.activated=!0},getActiveElementInfoLayer(){return this.getControllerLayer().querySelector(`#${this.ids.idControllerActiveElementInfo}`)},getSelectedThemeElement(){return this.activeThemeElement||this.defaultThemeElement||null},setElementInfo(e,t,a="active"){t.innerHTML="";const{classNameElementInfoTextContent:s,classNameElementInfoObjectType:l,classNameElementInfoPropertyHook:i}=this.classNames;if(null===e){const e=this.generateEmptyTag(a);return void t.append(e)}let n="";if(e.hasOwnProperty("objectType")&&null!==e.objectType){const a=document.createElement("div");a.classList.add(s,l,`${l}--${e.objectType}`),n=e.objectType,a.textContent=n,t.append(a)}if(e.hasOwnProperty("propertyHook")&&null!==e.propertyHook&&n!==e.propertyHook){const a=document.createElement("div");a.classList.add(s,i),a.textContent=e.propertyHook,t.append(a)}},setSelectedElementValues(){const{classNameContentCopyDataLabel:e}=this.classNames,{stringNoSelectedElement:t,stringNotAvailable:a}=this.strings,s=Drupal.themeElement.getDisplayElements(),l=this.defaultThemeElement;s.forEach((s=>{const i=document.getElementById(s.id);if(null!==i)if(i.innerHTML="",null!==l)if(l.hasOwnProperty(s.key)&&l[s.key]){if("info"===s.displayType)this.setElementInfo(this.defaultThemeElement,i,t);else if("singleInfo"===s.displayType)i.appendChild(this.generateSingleInfoOutput(l[s.key]));else if("singleCopy"===s.displayType){const t=this.generateContentCopyData(s.inlineLabel,e,l[s.key]);i.appendChild(t)}else if("multipleCopy"===s.displayType){const{classNameIconNavigateNext:e}=this.classNames;l[s.key].forEach((t=>{const a=this.generateContentCopyData(null,e,t);i.appendChild(a)}))}else if("multipleCopyWithChecked"===s.displayType){const{classNameIconSelectedTrue:e,classNameIconSelectedFalse:t}=this.classNames;l.suggestions.forEach((a=>{const s=this.generateContentCopyData(null,a.activated?e:t,a.suggestion);i.appendChild(s)}))}}else{const e=this.generateEmptyTag(a);i.appendChild(e)}else{const e=this.generateEmptyTag(t);i.appendChild(e)}}))},generateSingleInfoOutput:e=>document.createTextNode(e),generateSingleCopyOutput(e,t){const{classNameContentCopyData:a,classNameContentCopyDataLabel:s}=this.classNames,l=document.createElement("div");l.classList.add(a);const i=this.generateContentCopyData(e,s,t);return l.appendChild(i),l},updateControllerFiltersActivation(e){const{controllerFiltersEnabledAttributeName:t}=this.layerAttributes;this.getControllerLayer().setAttribute(t,e)},generateEmptyTag(e){const{classNameElementInfoTextContent:t,classNameElementInfoEmpty:a}=this.classNames,s=document.createElement("div");return s.classList.add(t,a),s.textContent=e,s},handleSelectedListItemChange(e,t=!0){const{classNameCheckboxToggle:a}=this.classNames,s=this.themeDebugNodes.find((t=>t.instanceActiveElement===e)).listItemLayer.querySelector(`.${a}`);s.click(),t&&s.scrollIntoView({behavior:"smooth",block:"center"})},setTabCue(){const{idControllerButtonSelected:e}=this.ids,t=document.getElementById(e),a=this.defaultThemeElement,s=this.utilities.classNames.classNameObjectTypeTyped("");if(Array.from(t.classList).forEach((e=>{e.startsWith(s)&&t.classList.remove(e)})),null===a)return;const{objectType:l}=a,i=this.utilities.classNames.classNameObjectTypeTyped(l);t.classList.add(i)},setHoverElement(e,t=!0){const{classNameListElementItemActivationHover:a}=this.classNames,s=this.themeDebugNodes.find((t=>t.instanceActiveElement===e));!0===t?s.listItemLayer.classList.add(a):s.listItemLayer.classList.remove(a)},getListClickOrigin(){const{controllerListClickOrigin:e}=this.layerAttributes;return this.getListContentLayer().getAttribute(e)},setListClickOrigin(e){const{controllerListClickOrigin:t}=this.layerAttributes,a=this.getListContentLayer();null!==e?a.setAttribute(t,e):a.removeAttribute(t)},updateActiveElement(){const{stringNoActiveElement:e}=this.strings,t=this.getActiveElementInfoLayer();this.setElementInfo(this.activeThemeElement,t,e)},setActiveThemeElement(e){this.activeThemeElement=e,this.updateActiveElement(),this.setHoverElement(e)},resetActiveThemeElement(e){this.activeThemeElement=null,this.updateActiveElement(),this.setHoverElement(e,!1)},updateSelectedElement(){this.setSelectedElementValues(),this.setTabCue()},setDefaultThemeElement(e){this.defaultThemeElement=e,this.updateSelectedElement(),this.handleSelectedListItemChange(e)},resetDefaultThemeElement(e){this.defaultThemeElement=null,this.updateSelectedElement(),this.handleSelectedListItemChange(e,!1)}};
\ No newline at end of file
diff --git a/js/source/controllerElement.js b/js/source/controllerElement.js
index 63df7dc0d92bdf9cce4ec4a28cecb1708813c861..7da302074a40460b16ab628cbd4c5a066a02e950 100644
--- a/js/source/controllerElement.js
+++ b/js/source/controllerElement.js
@@ -301,13 +301,15 @@ Drupal.controllerElement = {
    * @return {void}
    */
   clipboardCopy(contentRefField) {
-    const textToCopy = contentRefField.textContent;
+    contentRefField.select();
+    contentRefField.focus();
+
+    // Check if the Clipboard API is available.
     if (navigator.clipboard) {
+      const textToCopy = contentRefField.value;
       navigator.clipboard.writeText(textToCopy);
     } else {
-      contentRefField.select();
       document.execCommand("copy");
-      contentRefField.focus();
     }
   },