From 84a4a4a94b6d91434d052b0e72b9b779b733175f Mon Sep 17 00:00:00 2001 From: Thomas von Deyen Date: Fri, 29 May 2026 20:17:28 +0200 Subject: [PATCH 1/5] refactor(alchemy-select): replace Select2 with Tom Select The basic enhanced select (`',copyClassesToDropdown:!1,placeholder:null,hidePlaceholder:null,shouldLoad:function(e){return e.length>0},render:{}};function Ht(e,t){var i=Object.assign({},Pt,t),s=i.dataAttr,n=i.labelField,o=i.valueField,r=i.disabledField,l=i.optgroupField,a=i.optgroupLabelField,c=i.optgroupValueField,d=e.tagName.toLowerCase(),h=e.getAttribute("placeholder")||e.getAttribute("data-placeholder");if(!h&&!i.allowEmptyOption){let t=e.querySelector('option[value=""]');t&&(h=t.textContent)}var u={placeholder:h,options:[],optgroups:[],items:[],maxItems:null};return"select"===d?(()=>{var t,d=u.options,h={},p=1;let m=0;var g=e=>{var t=Object.assign({},e.dataset),i=s&&t[s];return"string"==typeof i&&i.length&&(t=Object.assign(t,JSON.parse(i))),t},f=(e,t)=>{var s=ht(e.value);if(null!=s&&(s||i.allowEmptyOption)){if(h.hasOwnProperty(s)){if(t){var a=h[s][l];a?Array.isArray(a)?a.push(t):h[s][l]=[a,t]:h[s][l]=t}}else{var c=g(e);c[n]=c[n]||e.textContent,c[o]=c[o]||s,c[r]=c[r]||e.disabled,c[l]=c[l]||t,c.$option=e,c.$order=c.$order||++m,h[s]=c,d.push(c)}e.selected&&u.items.push(s)}};u.maxItems=e.hasAttribute("multiple")?null:1,kt(e.children,e=>{var i,s,n;"optgroup"===(t=e.tagName.toLowerCase())?((n=g(i=e))[a]=n[a]||i.getAttribute("label")||"",n[c]=n[c]||p++,n[r]=n[r]||i.disabled,n.$order=n.$order||++m,u.optgroups.push(n),s=n[c],kt(i.children,e=>{f(e,s)})):"option"===t&&f(e)})})():(()=>{var t,r;const l=e.getAttribute(s);if(l)u.options=JSON.parse(l),kt(u.options,e=>{u.items.push(e[o])});else{var a=null!==(r=null===(t=null==e?void 0:e.value)||void 0===t?void 0:t.trim())&&void 0!==r?r:"";if(!i.allowEmptyOption&&!a.length)return;const s=a.split(i.delimiter);kt(s,e=>{const t={};t[n]=e,t[o]=e,u.options.push(t)}),u.items=s}})(),Object.assign({},Pt,u,t)}var zt=0;class Rt extends(function(e){return e.plugins={},class extends e{constructor(){super(...arguments),this.plugins={names:[],settings:{},requested:{},loaded:{}}}static define(t,i){e.plugins[t]={name:t,fn:i}}initializePlugins(e){var t,i;const s=this,n=[];if(Array.isArray(e))e.forEach(e=>{"string"==typeof e?n.push(e):(s.plugins.settings[e.name]=e.options,n.push(e.name))});else if(e)for(t in e)e.hasOwnProperty(t)&&(s.plugins.settings[t]=e[t],n.push(t));for(;i=n.shift();)s.require(i)}loadPlugin(t){var i=this,s=i.plugins,n=e.plugins[t];if(!e.plugins.hasOwnProperty(t))throw new Error('Unable to find "'+t+'" plugin');s.requested[t]=!0,s.loaded[t]=n.fn.apply(i,[i.plugins.settings[t]||{}]),s.names.push(t)}require(e){var t=this,i=t.plugins;if(!t.plugins.loaded.hasOwnProperty(e)){if(i.requested[e])throw new Error('Plugin has circular dependency ("'+e+'")');t.loadPlugin(e)}return i.loaded[e]}}}($e)){constructor(e,t){var i;super(),this.order=0,this.isOpen=!1,this.isDisabled=!1,this.isReadOnly=!1,this.isInvalid=!1,this.isValid=!0,this.isLocked=!1,this.isFocused=!1,this.isInputHidden=!1,this.isSetup=!1,this.isDropdownContentStale=!0,this.ignoreFocus=!1,this.ignoreHover=!1,this.hasOptions=!1,this.lastValue="",this.caretPos=0,this.loading=0,this.loadedSearches={},this.activeOption=null,this.activeItems=[],this.optgroups={},this.options={},this.userOptions={},this.items=[],this.refreshTimeout=null,zt++;var s=_t(e);if(s.tomselect)throw new Error("Tom Select already initialized on this element");s.tomselect=this,i=(window.getComputedStyle&&window.getComputedStyle(s,null)).getPropertyValue("direction");const n=Ht(s,t);this.settings=n,this.input=s,this.tabIndex=s.tabIndex||0,this.is_select_tag="select"===s.tagName.toLowerCase(),this.rtl=/rtl/i.test(i),this.inputId=bt(s,"tomselect-"+zt),this.isRequired=s.required,this.sifter=new dt(this.options,{diacritics:n.diacritics}),n.mode=n.mode||(1===n.maxItems?"single":"multi"),"boolean"!=typeof n.hideSelected&&(n.hideSelected="multi"===n.mode),"boolean"!=typeof n.hidePlaceholder&&(n.hidePlaceholder="multi"!==n.mode);var o=n.createFilter;"function"!=typeof o&&("string"==typeof o&&(o=new RegExp(o)),o instanceof RegExp?n.createFilter=e=>o.test(e):n.createFilter=e=>this.settings.duplicates||!this.options[e]),this.initializePlugins(n.plugins),this.setupCallbacks(),this.setupTemplates();const r=_t("
"),l=_t("
"),a=this._render("dropdown"),c=_t('
'),d=this.input.getAttribute("class")||"",h=n.mode;var u;if(xt(r,n.wrapperClass,d,h),xt(l,n.controlClass),Et(r,l),xt(a,n.dropdownClass,h),n.copyClassesToDropdown&&xt(a,d),xt(c,n.dropdownContentClass),Et(a,c),_t(n.dropdownParent||r).appendChild(a),Lt(n.controlInput)){u=_t(n.controlInput);kt(["autocorrect","autocapitalize","autocomplete","spellcheck","aria-label"],e=>{s.getAttribute(e)&&qt(u,{[e]:s.getAttribute(e)})}),u.tabIndex=-1,l.appendChild(u),this.focus_node=u}else n.controlInput?(u=_t(n.controlInput),this.focus_node=u):(u=_t(""),this.focus_node=l);this.wrapper=r,this.dropdown=a,this.dropdown_content=c,this.control=l,this.control_input=u,this.setup()}setup(){const e=this,t=e.settings,i=e.control_input,s=e.dropdown,n=e.dropdown_content,o=e.wrapper,r=e.control,l=e.input,a=e.focus_node,c={passive:!0},d=e.inputId+"-ts-dropdown";qt(n,{id:d}),qt(a,{role:"combobox","aria-haspopup":"listbox","aria-expanded":"false","aria-controls":d});const h=bt(a,e.inputId+"-ts-control"),u="label[for='"+(e=>e.replace(/['"\\]/g,"\\$&"))(e.inputId)+"']",p=document.querySelector(u),m=e.focus.bind(e);if(p){vt(p,"click",m),qt(p,{for:h});const t=bt(p,e.inputId+"-ts-label");qt(a,{"aria-labelledby":t}),qt(n,{"aria-labelledby":t})}if(o.style.width=l.style.width,o.style.minWidth=l.style.minWidth,o.style.maxWidth=l.style.maxWidth,e.plugins.names.length){const t="plugin-"+e.plugins.names.join(" plugin-");xt([o,s],t)}(null===t.maxItems||t.maxItems>1)&&e.is_select_tag&&qt(l,{multiple:"multiple"}),t.placeholder&&qt(i,{placeholder:t.placeholder}),!t.splitOn&&t.delimiter&&(t.splitOn=new RegExp("\\s*"+Pe(t.delimiter)+"+\\s*")),t.load&&t.loadThrottle&&(t.load=mt(t.load,t.loadThrottle)),vt(s,"mousemove",()=>{e.ignoreHover=!1}),vt(s,"mouseenter",t=>{var i=It(t.target,"[data-selectable]",s);i&&e.onOptionHover(t,i)},{capture:!0}),vt(s,"click",t=>{const i=It(t.target,"[data-selectable]");i&&(e.onOptionSelect(t,i),ft(t,!0))}),vt(r,"click",t=>{var s=It(t.target,"[data-ts-item]",r);s&&e.onItemSelect(t,s)?ft(t,!0):""==i.value&&(e.onClick(),ft(t,!0))}),vt(a,"keydown",t=>e.onKeyDown(t)),vt(i,"keypress",t=>e.onKeyPress(t)),vt(i,"input",t=>e.onInput(t)),vt(a,"blur",t=>e.onBlur(t)),vt(a,"focus",t=>e.onFocus(t)),vt(i,"paste",t=>e.onPaste(t));const g=t=>{const n=t.composedPath()[0];if(!o.contains(n)&&!s.contains(n))return e.isFocused&&e.blur(),void e.inputState();n==i&&e.isOpen?t.stopPropagation():ft(t,!0)},f=()=>{e.isOpen&&e.positionDropdown()},v=()=>{e.isValid&&(e.isValid=!1,e.isInvalid=!0,e.refreshState())};vt(l,"invalid",v),vt(document,"mousedown",g),vt(window,"scroll",f,c),vt(window,"resize",f,c),this._destroy=()=>{l.removeEventListener("invalid",v),document.removeEventListener("mousedown",g),window.removeEventListener("scroll",f),window.removeEventListener("resize",f),p&&p.removeEventListener("click",m)},this.revertSettings={innerHTML:l.innerHTML,tabIndex:l.tabIndex},l.tabIndex=-1,l.insertAdjacentElement("afterend",e.wrapper),e.sync(!1),t.items=[],delete t.optgroups,delete t.options,e.refreshItems(),e.close(!1),e.inputState(),e.isSetup=!0,e.on("change",this.onChange),xt(l,"tomselected","ts-hidden-accessible"),e.trigger("initialize"),!0===t.preload&&e.preload()}setupOptions(e=[],t=[]){this.addOptions(e),kt(t,e=>{this.registerOptionGroup(e)})}setupTemplates(){var e=this,t=e.settings.labelField,i=e.settings.optgroupLabelField,s={optgroup:e=>{let t=document.createElement("div");return t.className="optgroup",t.appendChild(e.options),t},optgroup_header:(e,t)=>'
'+t(e[i])+"
",option:(e,i)=>"
"+i(e[t])+"
",item:(e,i)=>"
"+i(e[t])+"
",option_create:(e,t)=>'
Add '+t(e.input)+"…
",no_results:()=>'
No results found
',loading:()=>'',not_loading:()=>{},dropdown:()=>"
"};e.settings.render=Object.assign({},s,e.settings.render)}setupCallbacks(){var e,t,i={initialize:"onInitialize",change:"onChange",item_add:"onItemAdd",item_remove:"onItemRemove",item_select:"onItemSelect",clear:"onClear",option_add:"onOptionAdd",option_remove:"onOptionRemove",option_clear:"onOptionClear",optgroup_add:"onOptionGroupAdd",optgroup_remove:"onOptionGroupRemove",optgroup_clear:"onOptionGroupClear",dropdown_open:"onDropdownOpen",dropdown_close:"onDropdownClose",type:"onType",load:"onLoad",focus:"onFocus",blur:"onBlur"};for(e in i)(t=this.settings[i[e]])&&this.on(e,t)}sync(e=!0){const t=this,i=e?Ht(t.input,{delimiter:t.settings.delimiter,allowEmptyOption:t.settings.allowEmptyOption}):t.settings;t.setupOptions(i.options,i.optgroups),t.setValue(i.items||[],!0),t.input.disabled?t.disable():t.input.readOnly?t.setReadOnly(!0):t.enable(),t.lastQuery=null}onClick(){var e=this;if(e.activeItems.length>0)return e.clearActiveItems(),void e.focus();e.isFocused&&e.isOpen?e.blur():e.focus()}onMouseDown(){}onChange(){St(this.input,"input"),St(this.input,"change")}onPaste(e){var t=this;t.isInputHidden||t.isLocked?ft(e):t.settings.splitOn&&setTimeout(()=>{var e=t.inputValue();if(e.match(t.settings.splitOn)){var i=e.trim().split(t.settings.splitOn);kt(i,e=>{ht(e)&&(this.options[e]?t.addItem(e):t.createItem(e))})}},0)}onKeyPress(e){var t=this;if(!t.isLocked){var i=String.fromCharCode(e.keyCode||e.which);return t.settings.create&&"multi"===t.settings.mode&&i===t.settings.delimiter?(t.createItem(),void ft(e)):void 0}ft(e)}onKeyDown(e){var t=this;if(t.ignoreHover=!0,t.isLocked)9!==e.keyCode&&ft(e);else{switch(e.keyCode){case 65:if(yt(Bt,e)&&""==t.control_input.value)return ft(e),void t.selectAll();break;case 27:return t.isOpen&&(ft(e,!0),t.close()),void t.clearActiveItems();case 40:if(!t.isOpen&&t.hasOptions)t.open();else if(t.activeOption){let e=t.getAdjacent(t.activeOption,1);e&&t.setActiveOption(e)}return void ft(e);case 38:if(t.activeOption){let e=t.getAdjacent(t.activeOption,-1);e&&t.setActiveOption(e)}return void ft(e);case 13:return void(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),ft(e)):(t.settings.create&&t.createItem()||document.activeElement==t.control_input&&t.isOpen)&&ft(e));case 37:return void t.advanceSelection(-1,e);case 39:return void t.advanceSelection(1,e);case 9:return void(t.settings.selectOnTab&&(t.canSelect(t.activeOption)?(t.onOptionSelect(e,t.activeOption),ft(e)):t.settings.create&&t.createItem()&&ft(e)));case 8:case 46:return void t.deleteSelection(e)}t.isInputHidden&&!yt(Bt,e)&&ft(e)}}onInput(e){if(this.isLocked)return;const t=this.inputValue();this.lastValue!==t&&(this.lastValue=t,""!=t?(this.refreshTimeout&&window.clearTimeout(this.refreshTimeout),this.refreshTimeout=((e,t)=>t>0?window.setTimeout(e,t):(e.call(null),null))(()=>{this.refreshTimeout=null,this._onInput()},this.settings.refreshThrottle)):this._onInput())}_onInput(){const e=this.lastValue;this.settings.shouldLoad.call(this,e)&&this.load(e),this.refreshOptions(),this.trigger("type",e)}onOptionHover(e,t){this.ignoreHover||this.setActiveOption(t,!1)}onFocus(e){var t=this,i=t.isFocused;if(t.isDisabled||t.isReadOnly)return t.blur(),void ft(e);t.ignoreFocus||(t.isFocused=!0,"focus"===t.settings.preload&&t.preload(),i||t.trigger("focus"),t.activeItems.length||(t.inputState(),t.refreshOptions(!!t.settings.openOnFocus)),t.refreshState())}onBlur(e){if(!1!==document.hasFocus()){var t=this;if(t.isFocused){t.isFocused=!1,t.ignoreFocus=!1;var i=()=>{t.close(),t.setActiveItem(),t.setCaret(t.items.length),t.trigger("blur")};t.settings.create&&t.settings.createOnBlur?t.createItem(null,i):i()}}}onOptionSelect(e,t){var i,s=this;t.parentElement&&t.parentElement.matches("[data-disabled]")||(t.classList.contains("create")?s.createItem(null,()=>{s.settings.closeAfterSelect?s.close():s.settings.clearAfterSelect&&s.setTextboxValue()}):void 0!==(i=t.dataset.value)&&(s.isDropdownContentStale=s.settings.hideSelected,s.addItem(i),s.settings.closeAfterSelect?s.close():s.settings.clearAfterSelect&&s.setTextboxValue(),!s.settings.hideSelected&&e.type&&/click/.test(e.type)&&s.setActiveOption(t)))}canSelect(e){return!!(this.isOpen&&e&&this.dropdown_content.contains(e))}onItemSelect(e,t){var i=this;return!i.isLocked&&"multi"===i.settings.mode&&(ft(e),i.setActiveItem(t,e),!0)}canLoad(e){return!!this.settings.load&&!this.loadedSearches.hasOwnProperty(e)}load(e){const t=this;if(!t.canLoad(e))return;xt(t.wrapper,t.settings.loadingClass),t.loading++;const i=t.loadCallback.bind(t);t.settings.load.call(t,e,i)}loadCallback(e,t){const i=this;i.loading=Math.max(i.loading-1,0),i.isDropdownContentStale=!0,i.clearActiveOption(),i.setupOptions(e,t),i.refreshOptions(i.isFocused&&!i.isInputHidden),i.loading||At(i.wrapper,i.settings.loadingClass),i.trigger("load",e,t)}preload(){var e=this.wrapper.classList;e.contains("preloaded")||(e.add("preloaded"),this.load(""))}setTextboxValue(e=""){var t=this.control_input;t.value!==e&&(t.value=e,St(t,"update"),this.lastValue=e)}getValue(){return this.is_select_tag&&this.input.hasAttribute("multiple")?this.items:this.items.join(this.settings.delimiter)}setValue(e,t){gt(this,t?[]:["change"],()=>{this.clear(t),this.addItems(e,t)})}setMaxItems(e){0===e&&(e=null),this.settings.maxItems=e,this.refreshState()}setActiveItem(e,t){var i,s,n,o,r,l,a=this;if("single"!==a.settings.mode){if(!e)return a.clearActiveItems(),void(a.isFocused&&a.inputState());if("click"===(i=t&&t.type.toLowerCase())&&yt("shiftKey",t)&&a.activeItems.length){for(l=a.getLastActive(),(n=Array.prototype.indexOf.call(a.control.children,l))>(o=Array.prototype.indexOf.call(a.control.children,e))&&(r=n,n=o,o=r),s=n;s<=o;s++)e=a.control.children[s],-1===a.activeItems.indexOf(e)&&a.setActiveItemClass(e);ft(t)}else"click"===i&&yt(Bt,t)||"keydown"===i&&yt("shiftKey",t)?e.classList.contains("active")?a.removeActiveItem(e):a.setActiveItemClass(e):(a.clearActiveItems(),a.setActiveItemClass(e));a.inputState(),a.isFocused||a.focus()}}setActiveItemClass(e){const t=this,i=t.control.querySelector(".last-active");i&&At(i,"last-active"),xt(e,"active last-active"),t.trigger("item_select",e),-1==t.activeItems.indexOf(e)&&t.activeItems.push(e)}removeActiveItem(e){var t=this.activeItems.indexOf(e);this.activeItems.splice(t,1),At(e,"active")}clearActiveItems(){At(this.activeItems,"active"),this.activeItems=[]}setActiveOption(e,t=!0){e!==this.activeOption&&(this.clearActiveOption(),e&&(this.activeOption=e,qt(this.focus_node,{"aria-activedescendant":e.getAttribute("id")}),qt(e,{"aria-selected":"true"}),xt(e,"active"),t&&this.scrollToOption(e)))}scrollToOption(e,t){if(!e)return;const i=this.dropdown_content,s=i.clientHeight,n=i.scrollTop||0,o=e.offsetHeight,r=e.getBoundingClientRect().top-i.getBoundingClientRect().top+n;r+o>s+n?this.scroll(r-s+o,t):r{e.setActiveItemClass(t)}))}inputState(){var e=this;e.control.contains(e.control_input)&&(qt(e.control_input,{placeholder:e.settings.placeholder}),e.activeItems.length>0||!e.isFocused&&e.settings.hidePlaceholder&&e.items.length>0?(e.setTextboxValue(),e.isInputHidden=!0):(e.settings.hidePlaceholder&&e.items.length>0&&qt(e.control_input,{placeholder:""}),e.isInputHidden=!1),e.wrapper.classList.toggle("input-hidden",e.isInputHidden))}inputValue(){return this.control_input.value.trim()}focus(){var e=this;if(e.isDisabled||e.isReadOnly)return;e.ignoreFocus=!0;const t=this.control_input.offsetWidth?this.control_input:this.focus_node;t.focus(),setTimeout(()=>{e.ignoreFocus=!1;t.getRootNode().activeElement===t&&this.onFocus()},0)}blur(){this.focus_node.blur(),this.onBlur()}getScoreFunction(e){return this.sifter.getScoreFunction(e,this.getSearchOptions())}getSearchOptions(){var e=this.settings,t=e.sortField;return"string"==typeof e.sortField&&(t=[{field:e.sortField}]),{fields:e.searchField,conjunction:e.searchConjunction,sort:t,nesting:e.nesting}}search(e){var t,i,s=this,n=this.getSearchOptions();if(s.settings.score&&"function"!=typeof(i=s.settings.score.call(s,e)))throw new Error('Tom Select "score" setting must be a function that returns a function');return s.isDropdownContentStale||e!==s.lastQuery?(s.lastQuery=e,/(.)\1{15,}/.test(e)&&(e=""),t=s.sifter.search(e,Object.assign(n,{score:i})),s.currentResults=t):t=Object.assign({},s.currentResults),s.settings.hideSelected&&(t.items=t.items.filter(e=>{let t=ht(e.id);return!(null!==t&&-1!==s.items.indexOf(t))})),t}refreshOptions(e=!0){var t,i,s,n,o,r,l,a,c,d;const h={},u=[];var p=this,m=p.inputValue();const g=m===p.lastQuery||""==m&&null==p.lastQuery;var f=p.search(m),v=null,y=p.settings.shouldOpen||!1,b=p.dropdown_content;g&&(v=p.activeOption)&&(c=v.closest("[data-group]")),n=f.items.length,"number"==typeof p.settings.maxOptions&&(n=Math.min(n,p.settings.maxOptions)),n>0&&(y=!0);const w=(e,t)=>{let i=h[e];if(void 0!==i){let e=u[i];if(void 0!==e)return[i,e.fragment]}let s=document.createDocumentFragment();return i=u.length,u.push({fragment:s,order:t,optgroup:e}),[i,s]};for(t=0;t0&&(d=d.cloneNode(!0),qt(d,{id:l.$id+"-clone-"+i,"aria-selected":null}),d.classList.add("ts-cloned"),At(d,"active"),p.activeOption&&p.activeOption.dataset.value==n&&c&&c.dataset.group===o.toString()&&(v=d)),a.appendChild(d),""!=o&&(h[o]=s)}}var k;p.settings.lockOptgroupOrder&&u.sort((e,t)=>e.order-t.order),l=document.createDocumentFragment(),kt(u,e=>{let t=e.fragment,i=e.optgroup;if(!t||!t.children.length)return;let s=p.optgroups[i];if(void 0!==s){let e=document.createDocumentFragment(),i=p.render("optgroup_header",s);Et(e,i),Et(e,t);let n=p.render("optgroup",{group:s,options:e});Et(l,n)}else Et(l,t)}),b.innerHTML="",Et(b,l),p.isDropdownContentStale=!1,p.settings.highlight&&(k=b.querySelectorAll("span.highlight"),Array.prototype.forEach.call(k,function(e){var t=e.parentNode;t.replaceChild(e.firstChild,e),t.normalize()}),f.query.length&&f.tokens.length&&kt(f.tokens,e=>{Mt(b,e.regex)}));var _=e=>{let t=p.render(e,{input:m});return t&&(y=!0,b.insertBefore(t,b.firstChild)),t};if(p.loading?_("loading"):p.settings.shouldLoad.call(p,m)?0===f.items.length&&_("no_results"):_("not_loading"),(a=p.canCreate(m))&&(d=_("option_create")),p.hasOptions=f.items.length>0||a,y){if(f.items.length>0){if(v||"single"!==p.settings.mode||null==p.items[0]||(v=p.getOption(p.items[0])),!b.contains(v)){let e=0;d&&!p.settings.addPrecedence&&(e=1),v=p.selectable()[e]}}else d&&(v=d);e&&!p.isOpen&&(p.open(),p.scrollToOption(v,"auto")),p.setActiveOption(v)}else p.clearActiveOption(),e&&p.isOpen&&p.close(!1)}selectable(){return this.dropdown_content.querySelectorAll("[data-selectable]")}addOption(e,t=!1){const i=this;if(Array.isArray(e))return i.addOptions(e,t),!1;const s=ht(e[i.settings.valueField]);return null===s||i.options.hasOwnProperty(s)?(i.updateOption(e[i.settings.valueField],e),!1):(e.$order=e.$order||++i.order,e.$id=i.inputId+"-opt-"+e.$order,i.options[s]=e,i.isDropdownContentStale=!0,t&&(i.userOptions[s]=t,i.trigger("option_add",s,e)),s)}addOptions(e,t=!1){kt(e,e=>{this.addOption(e,t)})}registerOption(e){return this.addOption(e)}registerOptionGroup(e){var t=ht(e[this.settings.optgroupValueField]);return null!==t&&(e.$order=e.$order||++this.order,this.optgroups[t]=e,t)}addOptionGroup(e,t){var i;t[this.settings.optgroupValueField]=e,(i=this.registerOptionGroup(t))&&this.trigger("optgroup_add",i,t)}removeOptionGroup(e){this.optgroups.hasOwnProperty(e)&&(delete this.optgroups[e],this.clearCache(),this.trigger("optgroup_remove",e))}clearOptionGroups(){this.optgroups={},this.clearCache(),this.trigger("optgroup_clear")}updateOption(e,t){const i=this;var s,n;const o=ht(e),r=ht(t[i.settings.valueField]);if(null===o)return;const l=i.options[o];if(null==l)return;if("string"!=typeof r)throw new Error("Value must be set in option data");const a=i.getOption(o),c=i.getItem(o);if(t.$order=t.$order||l.$order,delete i.options[o],i.uncacheValue(r),i.options[r]=t,a){if(i.dropdown_content.contains(a)){const e=i._render("option",t);Dt(a,e),i.activeOption===a&&i.setActiveOption(e)}a.remove()}c&&(-1!==(n=i.items.indexOf(o))&&i.items.splice(n,1,r),s=i._render("item",t),c.classList.contains("active")&&xt(s,"active"),Dt(c,s)),i.isDropdownContentStale=!0}removeOption(e,t){const i=this;e=ut(e),i.uncacheValue(e),delete i.userOptions[e],delete i.options[e],i.isDropdownContentStale=!0,i.trigger("option_remove",e),i.removeItem(e,t)}clearOptions(e){const t=(e||this.clearFilter).bind(this);this.loadedSearches={},this.userOptions={},this.clearCache();const i={};kt(this.options,(e,s)=>{t(e,s)&&(i[s]=e)}),this.options=this.sifter.items=i,this.isDropdownContentStale=!0,this.trigger("option_clear")}clearFilter(e,t){return this.items.indexOf(t)>=0}getOption(e,t=!1){const i=ht(e);if(null===i)return null;const s=this.options[i];if(null!=s){if(s.$div)return s.$div;if(t)return this._render("option",s)}return null}getAdjacent(e,t,i="option"){var s;if(!e)return null;s="item"==i?this.controlChildren():this.dropdown_content.querySelectorAll("[data-selectable]");for(let i=0;i0?s[i+1]:s[i-1];return null}getItem(e){if("object"==typeof e)return e;var t=ht(e);return null!==t?this.control.querySelector(`[data-value="${wt(t)}"]`):null}addItems(e,t){var i=this,s=Array.isArray(e)?e:[e];const n=(s=s.filter(e=>-1===i.items.indexOf(e)))[s.length-1];s.forEach(e=>{i.isPending=e!==n,i.addItem(e,t)})}addItem(e,t){gt(this,t?[]:["change","dropdown_close"],()=>{var i,s;const n=this,o=n.settings.mode,r=ht(e);if((!r||-1===n.items.indexOf(r)||("single"===o&&n.close(),"single"!==o&&n.settings.duplicates))&&null!==r&&n.options.hasOwnProperty(r)&&("single"===o&&n.clear(t),"multi"!==o||!n.isFull())){if(i=n._render("item",n.options[r]),n.control.contains(i)&&(i=i.cloneNode(!0)),s=n.isFull(),n.items.splice(n.caretPos,0,r),n.insertAtCaret(i),n.isSetup){if(!n.isPending&&n.settings.hideSelected){let e=n.getOption(r),t=n.getAdjacent(e,1);t&&n.setActiveOption(t)}n.settings.clearAfterSelect&&n.setTextboxValue(),n.isPending||n.settings.closeAfterSelect||n.refreshOptions(n.isFocused&&"single"!==o),0!=n.settings.closeAfterSelect&&n.isFull()?n.close():n.isPending||n.positionDropdown(),n.trigger("item_add",r,i),n.isPending||n.updateOriginalInput({silent:t})}(!n.isPending||!s&&n.isFull())&&(n.inputState(),n.refreshState())}})}removeItem(e=null,t){const i=this;if(!(e=i.getItem(e)))return;var s,n;const o=e.dataset.value;s=$t(e),e.remove(),e.classList.contains("active")&&(n=i.activeItems.indexOf(e),i.activeItems.splice(n,1),At(e,"active")),i.items.splice(s,1),i.isDropdownContentStale=!0,!i.settings.persist&&i.userOptions.hasOwnProperty(o)&&i.removeOption(o,t),s{}){3===arguments.length&&(t=arguments[2]),"function"!=typeof t&&(t=()=>{});var i,s=this,n=s.caretPos;if(e=e||s.inputValue(),!s.canCreate(e)){return ht(e)&&this.options[e]&&s.addItem(e),t(),!1}s.lock();var o=!1,r=e=>{if(s.unlock(),!e||"object"!=typeof e)return t();var i=ht(e[s.settings.valueField]);if("string"!=typeof i)return t();s.setTextboxValue(),s.addOption(e,!0),s.setCaret(n),s.addItem(i),t(e),o=!0};return i="function"==typeof s.settings.create?s.settings.create.call(this,e,r):{[s.settings.labelField]:e,[s.settings.valueField]:e},o||r(i),!0}refreshItems(){var e=this;e.isDropdownContentStale=!0,e.isSetup&&e.addItems(e.items),e.updateOriginalInput(),e.refreshState()}refreshState(){const e=this;e.refreshValidityState();const t=e.isFull(),i=e.isLocked;e.wrapper.classList.toggle("rtl",e.rtl);const s=e.wrapper.classList;var n;s.toggle("focus",e.isFocused),s.toggle("disabled",e.isDisabled),s.toggle("readonly",e.isReadOnly),s.toggle("required",e.isRequired),s.toggle("invalid",!e.isValid),s.toggle("locked",i),s.toggle("full",t),s.toggle("input-active",e.isFocused&&!e.isInputHidden),s.toggle("dropdown-active",e.isOpen),s.toggle("has-options",(n=e.options,0===Object.keys(n).length)),s.toggle("has-items",e.items.length>0)}refreshValidityState(){var e=this;e.input.validity&&(e.isValid=e.input.validity.valid,e.isInvalid=!e.isValid)}isFull(){return null!==this.settings.maxItems&&this.items.length>=this.settings.maxItems}updateOriginalInput(e={}){const t=this;var i,s;const n=t.input.querySelector('option[value=""]');if(t.is_select_tag){const o=[],r=t.input.querySelectorAll("option:checked").length;function l(e,i,s){return e||(e=_t('")),e!=n&&t.input.append(e),o.push(e),(e!=n||r>0)&&(e.selected=!0),e}t.input.querySelectorAll("option:checked").forEach(e=>{e.selected=!1}),0==t.items.length&&"single"==t.settings.mode?l(n,"",""):t.items.forEach(e=>{if(i=t.options[e],s=i[t.settings.labelField]||"",o.includes(i.$option)){l(t.input.querySelector(`option[value="${wt(e)}"]:not(:checked)`),e,s)}else i.$option=l(i.$option,e,s)})}else t.input.value=t.getValue();t.isSetup&&(e.silent||t.trigger("change",t.getValue()))}open(){var e=this;e.isLocked||e.isOpen||"multi"===e.settings.mode&&e.isFull()||(e.isOpen=!0,qt(e.focus_node,{"aria-expanded":"true"}),e.refreshState(),Ct(e.dropdown,{visibility:"hidden",display:"block"}),e.positionDropdown(),Ct(e.dropdown,{visibility:"visible",display:"block"}),e.focus(),e.trigger("dropdown_open",e.dropdown))}close(e=!0){var t=this,i=t.isOpen;e&&(t.setTextboxValue(),"single"===t.settings.mode&&t.items.length&&t.inputState()),t.isOpen=!1,qt(t.focus_node,{"aria-expanded":"false"}),Ct(t.dropdown,{display:"none"}),t.settings.hideSelected&&t.clearActiveOption(),t.refreshState(),i&&t.trigger("dropdown_close",t.dropdown)}positionDropdown(){if("body"===this.settings.dropdownParent){var e=this.control,t=e.getBoundingClientRect(),i=e.offsetHeight+t.top+window.scrollY,s=t.left+window.scrollX;Ct(this.dropdown,{width:t.width+"px",top:i+"px",left:s+"px"})}}clear(e){var t=this;if(t.items.length){var i=t.controlChildren();kt(i,e=>{t.removeItem(e,!0)}),t.inputState(),e||t.updateOriginalInput(),t.trigger("clear")}}insertAtCaret(e){const t=this,i=t.caretPos,s=t.control;s.insertBefore(e,s.children[i]||null),t.setCaret(i+1)}deleteSelection(e){var t,i,s,n,o,r=this;t=e&&8===e.keyCode?-1:1,i={start:(o=r.control_input).selectionStart||0,length:(o.selectionEnd||0)-(o.selectionStart||0)};const l=[];if(r.activeItems.length)n=Ft(r.activeItems,t),s=$t(n),t>0&&s++,kt(r.activeItems,e=>l.push(e));else if((r.isFocused||"single"===r.settings.mode)&&r.items.length){const e=r.controlChildren();let s;t<0&&0===i.start&&0===i.length?s=e[r.caretPos-1]:t>0&&i.start===r.inputValue().length&&(s=e[r.caretPos]),void 0!==s&&l.push(s)}if(!r.shouldDelete(l,e))return!1;for(ft(e,!0),void 0!==s&&r.setCaret(s);l.length;)r.removeItem(l.pop());return r.inputState(),r.positionDropdown(),r.refreshOptions(!1),!0}shouldDelete(e,t){const i=e.map(e=>e.dataset.value);return!(!i.length||"function"==typeof this.settings.onDelete&&!1===this.settings.onDelete.call(this,i,t))}advanceSelection(e,t){var i,s,n=this;n.rtl&&(e*=-1),n.inputValue().length||(yt(Bt,t)||yt("shiftKey",t)?(s=(i=n.getLastActive(e))?i.classList.contains("active")?n.getAdjacent(i,e,"item"):i:e>0?n.control_input.nextElementSibling:n.control_input.previousElementSibling)&&(s.classList.contains("active")&&n.removeActiveItem(i),n.setActiveItemClass(s)):n.moveCaret(e))}moveCaret(e){}getLastActive(e){let t=this.control.querySelector(".last-active");if(t)return t;var i=this.control.querySelectorAll(".active");return i?Ft(i,e):void 0}setCaret(e){this.caretPos=this.items.length}controlChildren(){return Array.from(this.control.querySelectorAll("[data-ts-item]"))}lock(){this.setLocked(!0)}unlock(){this.setLocked(!1)}setLocked(e=this.isReadOnly||this.isDisabled){this.isLocked=e,this.refreshState()}disable(){this.setDisabled(!0),this.close()}enable(){this.setDisabled(!1)}setDisabled(e){this.focus_node.tabIndex=e?-1:this.tabIndex,this.isDisabled=e,this.input.disabled=e,this.control_input.disabled=e,this.setLocked()}setReadOnly(e){this.isReadOnly=e,this.input.readOnly=e,this.control_input.readOnly=e,this.setLocked()}destroy(){var e=this,t=e.revertSettings;e.trigger("destroy"),e.off(),e.wrapper.remove(),e.dropdown.remove(),e.input.innerHTML=t.innerHTML,e.input.tabIndex=t.tabIndex,At(e.input,"tomselected","ts-hidden-accessible"),e._destroy(),delete e.input.tomselect}render(e,t){var i,s;const n=this;if("function"!=typeof this.settings.render[e])return null;if(!(s=n.settings.render[e].call(this,t,pt)))return null;if(s=_t(s),"option"===e||"option_create"===e?t[n.settings.disabledField]?qt(s,{"aria-disabled":"true"}):qt(s,{"data-selectable":""}):"optgroup"===e&&(i=t.group[n.settings.optgroupValueField],qt(s,{"data-group":i}),t.group[n.settings.disabledField]&&qt(s,{"data-disabled":""})),"option"===e||"item"===e){const i=ut(t[n.settings.valueField]);qt(s,{"data-value":i}),"item"===e?(xt(s,n.settings.itemClass),qt(s,{"data-ts-item":""})):(xt(s,n.settings.optionClass),qt(s,{role:"option",id:t.$id}),t.$div=s,n.options[i]=t)}return s}_render(e,t){const i=this.render(e,t);if(null==i)throw"HTMLElement expected";return i}clearCache(){kt(this.options,e=>{e.$div&&(e.$div.remove(),delete e.$div)})}uncacheValue(e){const t=this.getOption(e);t&&t.remove()}canCreate(e){return this.settings.create&&e.length>0&&this.settings.createFilter.call(this,e)}hook(e,t,i){var s=this,n=s[t];s[t]=function(){var t,o;return"after"===e&&(t=n.apply(s,arguments)),o=i.apply(s,arguments),"instead"===e?o:("before"===e&&(t=n.apply(s,arguments)),t)}}}const Nt=e=>"boolean"==typeof e?e?"1":"0":e+"",jt=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},Vt=e=>"string"==typeof e&&e.indexOf("<")>-1;const Ut=e=>"string"==typeof e&&e.indexOf("<")>-1;const Wt=(e,t,i,s)=>{e.addEventListener(t,i,s)},Kt=e=>"string"==typeof e&&e.indexOf("<")>-1,Jt=(e,t)=>{((e,t)=>{if(Array.isArray(e))e.forEach(t);else for(var i in e)e.hasOwnProperty(i)&&t(e[i],i)})(t,(t,i)=>{null==t?e.removeAttribute(i):e.setAttribute(i,""+t)})};const Gt=e=>"string"==typeof e&&e.indexOf("<")>-1;const Qt=e=>{var t=[];return((e,t)=>{if(Array.isArray(e))e.forEach(t);else for(var i in e)e.hasOwnProperty(i)&&t(e[i],i)})(e,e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))}),t.filter(Boolean)},Xt=e=>(Array.isArray(e)||(e=[e]),e);const Yt=e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(Zt(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},Zt=e=>"string"==typeof e&&e.indexOf("<")>-1,ei=e=>{var t=[];return((e,t)=>{if(Array.isArray(e))e.forEach(t);else for(var i in e)e.hasOwnProperty(i)&&t(e[i],i)})(e,e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))}),t.filter(Boolean)},ti=e=>(Array.isArray(e)||(e=[e]),e);const ii=(e,t,i,s)=>{e.addEventListener(t,i,s)};const si=(e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())},ni=(e,t,i,s)=>{e.addEventListener(t,i,s)},oi=e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(ri(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)},ri=e=>"string"==typeof e&&e.indexOf("<")>-1;const li=e=>{var t=[];return((e,t)=>{if(Array.isArray(e))e.forEach(t);else for(var i in e)e.hasOwnProperty(i)&&t(e[i],i)})(e,e=>{"string"==typeof e&&(e=e.trim().split(/[\t\n\f\r\s]/)),Array.isArray(e)&&(t=t.concat(e))}),t.filter(Boolean)},ai=e=>(Array.isArray(e)||(e=[e]),e);Rt.define("change_listener",function(){((e,t,i,s)=>{e.addEventListener(t,i,s)})(this.input,"change",()=>{this.sync()})}),Rt.define("checkbox_options",function(e){var t=this,i=t.onOptionSelect;t.settings.hideSelected=!1;const s=Object.assign({className:"tomselect-checkbox",checkedClassNames:void 0,uncheckedClassNames:void 0},e);var n=function(e,t){t?(e.checked=!0,s.uncheckedClassNames&&e.classList.remove(...s.uncheckedClassNames),s.checkedClassNames&&e.classList.add(...s.checkedClassNames)):(e.checked=!1,s.checkedClassNames&&e.classList.remove(...s.checkedClassNames),s.uncheckedClassNames&&e.classList.add(...s.uncheckedClassNames))},o=function(e){setTimeout(()=>{var t=e.querySelector("input."+s.className);t instanceof HTMLInputElement&&n(t,e.classList.contains("selected"))},1)};t.hook("after","setupTemplates",()=>{var e=t.settings.render.option;t.settings.render.option=(i,o)=>{var r=(e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(Vt(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)})(e.call(t,i,o)),l=document.createElement("input");s.className&&l.classList.add(s.className),l.addEventListener("click",function(e){jt(e)}),l.type="checkbox";const a=null==(c=i[t.settings.valueField])?null:Nt(c);var c;return n(l,!!(a&&t.items.indexOf(a)>-1)),r.prepend(l),r}}),t.on("item_remove",e=>{var i=t.getOption(e);i&&(i.classList.remove("selected"),o(i))}),t.on("item_add",e=>{var i=t.getOption(e);i&&o(i)}),t.hook("instead","onOptionSelect",(e,s)=>{if(s.classList.contains("selected"))return s.classList.remove("selected"),t.removeItem(s.dataset.value),t.refreshOptions(),void jt(e,!0);i.call(t,e,s),o(s)})}),Rt.define("clear_button",function(e){const t=this,i=Object.assign({className:"clear-button",title:"Clear All",role:"button",tabindex:0,html:e=>`
×
`},e);t.on("initialize",()=>{var e=(e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(Ut(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)})(i.html(i));e.addEventListener("click",e=>{t.isLocked||(t.clear(),"single"===t.settings.mode&&t.settings.allowEmptyOption&&t.addItem(""),t.refreshOptions(!1),e.preventDefault(),e.stopPropagation())}),t.control.appendChild(e)})}),Rt.define("drag_drop",function(){var e=this;if("multi"!==e.settings.mode)return;var t=e.lock,i=e.unlock;let s,n=!0;e.hook("after","setupTemplates",()=>{var t=e.settings.render.item;e.settings.render.item=(i,o)=>{const r=(e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(Kt(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)})(t.call(e,i,o));Jt(r,{draggable:"true"});const l=e=>{e.preventDefault(),r.classList.add("ts-drag-over"),a(r,s)},a=(e,t)=>{var i,s,n;void 0!==t&&(((e,t)=>{do{var i;if(e==(t=null==(i=t)?void 0:i.previousElementSibling))return!0}while(t&&t.previousElementSibling);return!1})(t,r)?(s=t,null==(n=(i=e).parentNode)||n.insertBefore(s,i.nextSibling)):((e,t)=>{var i;null==(i=e.parentNode)||i.insertBefore(t,e)})(e,t))};return Wt(r,"mousedown",e=>{n||((e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())})(e),e.stopPropagation()}),Wt(r,"dragstart",e=>{s=r,setTimeout(()=>{r.classList.add("ts-dragging")},0)}),Wt(r,"dragenter",l),Wt(r,"dragover",l),Wt(r,"dragleave",()=>{r.classList.remove("ts-drag-over")}),Wt(r,"dragend",()=>{var t;document.querySelectorAll(".ts-drag-over").forEach(e=>e.classList.remove("ts-drag-over")),null==(t=s)||t.classList.remove("ts-dragging"),s=void 0;var i=[];e.control.querySelectorAll("[data-value]").forEach(e=>{if(e.dataset.value){let t=e.dataset.value;t&&i.push(t)}}),e.setValue(i)}),r}}),e.hook("instead","lock",()=>(n=!1,t.call(e))),e.hook("instead","unlock",()=>(n=!0,i.call(e)))}),Rt.define("dropdown_header",function(e){const t=this,i=Object.assign({title:"Untitled",headerClass:"dropdown-header",titleRowClass:"dropdown-header-title",labelClass:"dropdown-header-label",closeClass:"dropdown-header-close",html:e=>'
'+e.title+'×
'},e);t.on("initialize",()=>{var e=(e=>{if(e.jquery)return e[0];if(e instanceof HTMLElement)return e;if(Gt(e)){var t=document.createElement("template");return t.innerHTML=e.trim(),t.content.firstChild}return document.querySelector(e)})(i.html(i)),s=e.querySelector("."+i.closeClass);s&&s.addEventListener("click",e=>{((e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())})(e,!0),t.close()}),t.dropdown.insertBefore(e,t.dropdown.firstChild)})}),Rt.define("caret_position",function(){var e=this;e.hook("instead","setCaret",t=>{"single"!==e.settings.mode&&e.control.contains(e.control_input)?(t=Math.max(0,Math.min(e.items.length,t)))==e.caretPos||e.isPending||e.controlChildren().forEach((i,s)=>{s{if(!e.isFocused)return;const i=e.getLastActive(t);if(i){const s=((e,t)=>{if(!e)return-1;t=t||e.nodeName;for(var i=0;e=e.previousElementSibling;)e.matches(t)&&i++;return i})(i);e.setCaret(t>0?s+1:s),e.setActiveItem(),((e,...t)=>{var i=Qt(t);(e=Xt(e)).map(e=>{i.map(t=>{e.classList.remove(t)})})})(i,"last-active")}else e.setCaret(e.caretPos+t)})}),Rt.define("dropdown_input",function(){const e=this;e.settings.shouldOpen=!0,e.hook("before","setup",()=>{var t;e.focus_node=e.control,((e,...t)=>{var i=ei(t);(e=ti(e)).map(e=>{i.map(t=>{e.classList.add(t)})})})(e.control_input,"dropdown-input");const i=Yt('
');i.append(e.control_input),e.dropdown.insertBefore(i,e.dropdown.firstChild);const s=Yt('');s.placeholder=e.settings.placeholder||"",e.control.append(s);const n=null==(t=e.input)?void 0:t.getAttribute("aria-label");n&&s.setAttribute("aria-label",n)}),e.on("initialize",()=>{e.control_input.addEventListener("keydown",t=>{switch(t.keyCode){case 27:return e.isOpen&&(((e,t=!1)=>{e&&(e.preventDefault(),t&&e.stopPropagation())})(t,!0),e.close()),void e.clearActiveItems();case 9:e.focus_node.tabIndex=-1}return e.onKeyDown.call(e,t)}),e.on("blur",()=>{e.focus_node.tabIndex=e.isDisabled?-1:e.tabIndex}),e.on("dropdown_open",()=>{e.control_input.focus()});const t=e.onBlur;e.hook("instead","onBlur",i=>{if(!i||i.relatedTarget!=e.control_input)return t.call(e)}),((e,t,i,s)=>{e.addEventListener(t,i,s)})(e.control_input,"blur",()=>e.onBlur()),e.hook("before","close",()=>{e.isOpen&&e.focus_node.focus({preventScroll:!0})})})}),Rt.define("input_autogrow",function(){var e=this;e.on("initialize",()=>{var t=document.createElement("span"),i=e.control_input;t.style.cssText="position:absolute; top:-99999px; left:-99999px; width:auto; padding:0; white-space:pre; ",e.wrapper.appendChild(t);for(const e of["letterSpacing","fontSize","fontFamily","fontWeight","textTransform"])t.style[e]=i.style[e];var s=()=>{t.textContent=i.value,i.style.width=t.clientWidth+"px"};s(),e.on("update item_add item_remove",s),ii(i,"input",s),ii(i,"keyup",s),ii(i,"blur",s),ii(i,"update",s)})}),Rt.define("no_backspace_delete",function(){var e=this,t=e.deleteSelection;this.hook("instead","deleteSelection",i=>!!e.activeItems.length&&t.call(e,i))}),Rt.define("no_active_items",function(){this.hook("instead","setActiveItem",()=>{}),this.hook("instead","selectAll",()=>{})}),Rt.define("optgroup_columns",function(){var e=this,t=e.onKeyDown;e.hook("instead","onKeyDown",i=>{var s,n,o,r;if(!e.isOpen||37!==i.keyCode&&39!==i.keyCode)return t.call(e,i);e.ignoreHover=!0,r=((e,t)=>{for(;e&&e.matches;){if(e.matches(t))return e;e=e.parentNode}})(e.activeOption,"[data-group]"),s=((e,t)=>{if(!e)return-1;t=t||e.nodeName;for(var i=0;e=e.previousElementSibling;)e.matches(t)&&i++;return i})(e.activeOption,"[data-selectable]"),r&&(r=37===i.keyCode?r.previousSibling:r.nextSibling)&&(n=(o=r.querySelectorAll("[data-selectable]"))[Math.min(o.length-1,s)])&&e.setActiveOption(n)})}),Rt.define("remove_button",function(e){const t=Object.assign({label:"×",title:"Remove",className:"remove",append:!0},e);var i=this;if(t.append){var s='/g,">").replace(/"/g,""")+'">')+t.label+"";i.hook("after","setupTemplates",()=>{var e=i.settings.render.item;i.settings.render.item=(t,n)=>{var o=oi(e.call(i,t,n)),r=oi(s);return o.appendChild(r),ni(r,"mousedown",e=>{si(e,!0)}),ni(r,"click",e=>{i.isLocked||(si(e,!0),i.isLocked||i.shouldDelete([o],e)&&(i.removeItem(o),i.refreshOptions(!1),i.inputState()))}),o}})}}),Rt.define("restore_on_backspace",function(e){const t=this,i=Object.assign({text:e=>e[t.settings.labelField]},e);t.on("item_remove",function(e){if(t.isFocused&&""===t.control_input.value.trim()){var s=t.options[e];s&&t.setTextboxValue(i.text.call(t,s))}})}),Rt.define("virtual_scroll",function(){const e=this,t=e.canLoad,i=e.clearActiveOption,s=e.loadCallback;var n,o,r,l={},a=!1,c=[],d=!1;if(e.settings.shouldLoadMore||(e.settings.shouldLoadMore=()=>{if(n.clientHeight/(n.scrollHeight-n.scrollTop)>.9)return!0;if(e.activeOption){var t=e.selectable();if(Array.from(t).indexOf(e.activeOption)>=t.length-2)return!0}return!1}),!e.settings.firstUrl)throw"virtual_scroll plugin requires a firstUrl() method";e.settings.sortField=[{field:"$order"},{field:"$score"}];const h=t=>!("number"==typeof e.settings.maxOptions&&n.children.length>=e.settings.maxOptions)&&!(!(t in l)||!l[t]),u=(t,i)=>e.items.indexOf(i)>=0||c.indexOf(i)>=0;e.setNextUrl=(e,t)=>{l[e]=t},e.getUrl=t=>{if(t in l){const e=l[t];return l[t]=!1,e}return e.clearPagination(),e.settings.firstUrl.call(e,t)},e.clearPagination=()=>{l={}},e.hook("instead","clearActiveOption",()=>{if(!a)return i.call(e)}),e.hook("instead","canLoad",i=>i in l?h(i):t.call(e,i)),e.hook("instead","loadCallback",(t,i)=>{if(a){if(o){const i=t[0];void 0!==i&&(o.dataset.value=i[e.settings.valueField])}}else e.clearOptions(u);s.call(e,t,i),a||d||(d=!0,""===e.lastValue&&(c=Object.keys(e.options),r=l[""])),a=!1}),e.hook("before","refreshOptions",()=>{e.activeOption&&"option"!==e.activeOption.getAttribute("role")&&e.setActiveOption(e.activeOption.previousElementSibling)}),e.hook("after","refreshOptions",()=>{const t=e.lastValue;var i;h(t)?(i=e.render("loading_more",{query:t}))&&(i.setAttribute("data-selectable",""),o=i):t in l&&!n.querySelector(".no-results")&&(i=e.render("no_more_results",{query:t})),i&&(((e,...t)=>{var i=li(t);(e=ai(e)).map(e=>{i.map(t=>{e.classList.add(t)})})})(i,e.settings.optionClass),n.append(i))});const p=()=>{d&&(e.clearOptions(u),r&&(l[""]=r))};e.on("type",t=>{""===t&&(p(),e.refreshOptions(!1))}),e.on("dropdown_close",p),e.on("initialize",()=>{c=Object.keys(e.options),n=e.dropdown_content,e.settings.render=Object.assign({},{loading_more:()=>'
Loading more results ...
',no_more_results:()=>'
No more results
'},e.settings.render),n.addEventListener("scroll",()=>{e.settings.shouldLoadMore.call(e)&&h(e.lastValue)&&(a||(a=!0,e.load.call(e,e.lastValue)))})})});const ci=Math.min,di=Math.max,hi=Math.round,ui=Math.floor,pi=e=>({x:e,y:e}),mi={left:"right",right:"left",bottom:"top",top:"bottom"};function gi(e,t){return"function"==typeof e?e(t):e}function fi(e){return e.split("-")[0]}function vi(e){return e.split("-")[1]}function yi(e){return"y"===e?"height":"width"}function bi(e){const t=e[0];return"t"===t||"b"===t?"y":"x"}function wi(e){return"x"===bi(e)?"y":"x"}function Ei(e){return e.includes("start")?e.replace("start","end"):e.replace("end","start")}const ki=["left","right"],_i=["right","left"],Li=["top","bottom"],Si=["bottom","top"];function Ci(e,t,i,s){const n=vi(e);let o=function(e,t,i){switch(e){case"top":case"bottom":return i?t?_i:ki:t?ki:_i;case"left":case"right":return t?Li:Si;default:return[]}}(fi(e),"start"===i,s);return n&&(o=o.map(e=>e+"-"+n),t&&(o=o.concat(o.map(Ei)))),o}function xi(e){const t=fi(e);return mi[t]+e.slice(t.length)}function Ai(e){const{x:t,y:i,width:s,height:n}=e;return{width:s,height:n,top:i,left:t,right:t+s,bottom:i+n,x:t,y:i}}function Ti(e,t,i){let{reference:s,floating:n}=e;const o=bi(t),r=wi(t),l=yi(r),a=fi(t),c="y"===o,d=s.x+s.width/2-n.width/2,h=s.y+s.height/2-n.height/2,u=s[l]/2-n[l]/2;let p;switch(a){case"top":p={x:d,y:s.y-n.height};break;case"bottom":p={x:d,y:s.y+s.height};break;case"right":p={x:s.x+s.width,y:h};break;case"left":p={x:s.x-n.width,y:h};break;default:p={x:s.x,y:s.y}}switch(vi(t)){case"start":p[r]-=u*(i&&c?-1:1);break;case"end":p[r]+=u*(i&&c?-1:1)}return p}async function Oi(e,t){var i;void 0===t&&(t={});const{x:s,y:n,platform:o,rects:r,elements:l,strategy:a}=e,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:p=0}=gi(t,e),m=function(e){return"number"!=typeof e?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(e):{top:e,right:e,bottom:e,left:e}}(p),g=l[u?"floating"===h?"reference":"floating":h],f=Ai(await o.getClippingRect({element:null==(i=await(null==o.isElement?void 0:o.isElement(g)))||i?g:g.contextElement||await(null==o.getDocumentElement?void 0:o.getDocumentElement(l.floating)),boundary:c,rootBoundary:d,strategy:a})),v="floating"===h?{x:s,y:n,width:r.floating.width,height:r.floating.height}:r.reference,y=await(null==o.getOffsetParent?void 0:o.getOffsetParent(l.floating)),b=await(null==o.isElement?void 0:o.isElement(y))&&await(null==o.getScale?void 0:o.getScale(y))||{x:1,y:1},w=Ai(o.convertOffsetParentRelativeRectToViewportRelativeRect?await o.convertOffsetParentRelativeRectToViewportRelativeRect({elements:l,rect:v,offsetParent:y,strategy:a}):v);return{top:(f.top-w.top+m.top)/b.y,bottom:(w.bottom-f.bottom+m.bottom)/b.y,left:(f.left-w.left+m.left)/b.x,right:(w.right-f.right+m.right)/b.x}}const Ii=new Set(["left","top"]);function Fi(){return"undefined"!=typeof window}function $i(e){return Mi(e)?(e.nodeName||"").toLowerCase():"#document"}function qi(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function Di(e){var t;return null==(t=(Mi(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function Mi(e){return!!Fi()&&(e instanceof Node||e instanceof qi(e).Node)}function Bi(e){return!!Fi()&&(e instanceof Element||e instanceof qi(e).Element)}function Pi(e){return!!Fi()&&(e instanceof HTMLElement||e instanceof qi(e).HTMLElement)}function Hi(e){return!(!Fi()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof qi(e).ShadowRoot)}function zi(e){const{overflow:t,overflowX:i,overflowY:s,display:n}=Qi(e);return/auto|scroll|overlay|hidden|clip/.test(t+s+i)&&"inline"!==n&&"contents"!==n}function Ri(e){return/^(table|td|th)$/.test($i(e))}function Ni(e){try{if(e.matches(":popover-open"))return!0}catch(e){}try{return e.matches(":modal")}catch(e){return!1}}const ji=/transform|translate|scale|rotate|perspective|filter/,Vi=/paint|layout|strict|content/,Ui=e=>!!e&&"none"!==e;let Wi;function Ki(e){const t=Bi(e)?Qi(e):e;return Ui(t.transform)||Ui(t.translate)||Ui(t.scale)||Ui(t.rotate)||Ui(t.perspective)||!Ji()&&(Ui(t.backdropFilter)||Ui(t.filter))||ji.test(t.willChange||"")||Vi.test(t.contain||"")}function Ji(){return null==Wi&&(Wi="undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),Wi}function Gi(e){return/^(html|body|#document)$/.test($i(e))}function Qi(e){return qi(e).getComputedStyle(e)}function Xi(e){return Bi(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Yi(e){if("html"===$i(e))return e;const t=e.assignedSlot||e.parentNode||Hi(e)&&e.host||Di(e);return Hi(t)?t.host:t}function Zi(e){const t=Yi(e);return Gi(t)?e.ownerDocument?e.ownerDocument.body:e.body:Pi(t)&&zi(t)?t:Zi(t)}function es(e,t,i){var s;void 0===t&&(t=[]),void 0===i&&(i=!0);const n=Zi(e),o=n===(null==(s=e.ownerDocument)?void 0:s.body),r=qi(n);if(o){const e=ts(r);return t.concat(r,r.visualViewport||[],zi(n)?n:[],e&&i?es(e):[])}return t.concat(n,es(n,[],i))}function ts(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function is(e){const t=Qi(e);let i=parseFloat(t.width)||0,s=parseFloat(t.height)||0;const n=Pi(e),o=n?e.offsetWidth:i,r=n?e.offsetHeight:s,l=hi(i)!==o||hi(s)!==r;return l&&(i=o,s=r),{width:i,height:s,$:l}}function ss(e){return Bi(e)?e:e.contextElement}function ns(e){const t=ss(e);if(!Pi(t))return pi(1);const i=t.getBoundingClientRect(),{width:s,height:n,$:o}=is(t);let r=(o?hi(i.width):i.width)/s,l=(o?hi(i.height):i.height)/n;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}const os=pi(0);function rs(e){const t=qi(e);return Ji()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:os}function ls(e,t,i,s){void 0===t&&(t=!1),void 0===i&&(i=!1);const n=e.getBoundingClientRect(),o=ss(e);let r=pi(1);t&&(s?Bi(s)&&(r=ns(s)):r=ns(e));const l=function(e,t,i){return void 0===t&&(t=!1),!(!i||t&&i!==qi(e))&&t}(o,i,s)?rs(o):pi(0);let a=(n.left+l.x)/r.x,c=(n.top+l.y)/r.y,d=n.width/r.x,h=n.height/r.y;if(o){const e=qi(o),t=s&&Bi(s)?qi(s):s;let i=e,n=ts(i);for(;n&&s&&t!==i;){const e=ns(n),t=n.getBoundingClientRect(),s=Qi(n),o=t.left+(n.clientLeft+parseFloat(s.paddingLeft))*e.x,r=t.top+(n.clientTop+parseFloat(s.paddingTop))*e.y;a*=e.x,c*=e.y,d*=e.x,h*=e.y,a+=o,c+=r,i=qi(n),n=ts(i)}}return Ai({width:d,height:h,x:a,y:c})}function as(e,t){const i=Xi(e).scrollLeft;return t?t.left+i:ls(Di(e)).left+i}function cs(e,t){const i=e.getBoundingClientRect();return{x:i.left+t.scrollLeft-as(e,i),y:i.top+t.scrollTop}}function ds(e,t,i){let s;if("viewport"===t)s=function(e,t){const i=qi(e),s=Di(e),n=i.visualViewport;let o=s.clientWidth,r=s.clientHeight,l=0,a=0;if(n){o=n.width,r=n.height;const e=Ji();(!e||e&&"fixed"===t)&&(l=n.offsetLeft,a=n.offsetTop)}const c=as(s);if(c<=0){const e=s.ownerDocument,t=e.body,i=getComputedStyle(t),n="CSS1Compat"===e.compatMode&&parseFloat(i.marginLeft)+parseFloat(i.marginRight)||0,r=Math.abs(s.clientWidth-t.clientWidth-n);r<=25&&(o-=r)}else c<=25&&(o+=c);return{width:o,height:r,x:l,y:a}}(e,i);else if("document"===t)s=function(e){const t=Di(e),i=Xi(e),s=e.ownerDocument.body,n=di(t.scrollWidth,t.clientWidth,s.scrollWidth,s.clientWidth),o=di(t.scrollHeight,t.clientHeight,s.scrollHeight,s.clientHeight);let r=-i.scrollLeft+as(e);const l=-i.scrollTop;return"rtl"===Qi(s).direction&&(r+=di(t.clientWidth,s.clientWidth)-n),{width:n,height:o,x:r,y:l}}(Di(e));else if(Bi(t))s=function(e,t){const i=ls(e,!0,"fixed"===t),s=i.top+e.clientTop,n=i.left+e.clientLeft,o=Pi(e)?ns(e):pi(1);return{width:e.clientWidth*o.x,height:e.clientHeight*o.y,x:n*o.x,y:s*o.y}}(t,i);else{const i=rs(e);s={x:t.x-i.x,y:t.y-i.y,width:t.width,height:t.height}}return Ai(s)}function hs(e,t){const i=Yi(e);return!(i===t||!Bi(i)||Gi(i))&&("fixed"===Qi(i).position||hs(i,t))}function us(e,t,i){const s=Pi(t),n=Di(t),o="fixed"===i,r=ls(e,!0,o,t);let l={scrollLeft:0,scrollTop:0};const a=pi(0);function c(){a.x=as(n)}if(s||!s&&!o)if(("body"!==$i(t)||zi(n))&&(l=Xi(t)),s){const e=ls(t,!0,o,t);a.x=e.x+t.clientLeft,a.y=e.y+t.clientTop}else n&&c();o&&!s&&n&&c();const d=!n||s||o?pi(0):cs(n,l);return{x:r.left+l.scrollLeft-a.x-d.x,y:r.top+l.scrollTop-a.y-d.y,width:r.width,height:r.height}}function ps(e){return"static"===Qi(e).position}function ms(e,t){if(!Pi(e)||"fixed"===Qi(e).position)return null;if(t)return t(e);let i=e.offsetParent;return Di(e)===i&&(i=i.ownerDocument.body),i}function gs(e,t){const i=qi(e);if(Ni(e))return i;if(!Pi(e)){let t=Yi(e);for(;t&&!Gi(t);){if(Bi(t)&&!ps(t))return t;t=Yi(t)}return i}let s=ms(e,t);for(;s&&Ri(s)&&ps(s);)s=ms(s,t);return s&&Gi(s)&&ps(s)&&!Ki(s)?i:s||function(e){let t=Yi(e);for(;Pi(t)&&!Gi(t);){if(Ki(t))return t;if(Ni(t))return null;t=Yi(t)}return null}(e)||i}const fs={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:i,offsetParent:s,strategy:n}=e;const o="fixed"===n,r=Di(s),l=!!t&&Ni(t.floating);if(s===r||l&&o)return i;let a={scrollLeft:0,scrollTop:0},c=pi(1);const d=pi(0),h=Pi(s);if((h||!h&&!o)&&(("body"!==$i(s)||zi(r))&&(a=Xi(s)),h)){const e=ls(s);c=ns(s),d.x=e.x+s.clientLeft,d.y=e.y+s.clientTop}const u=!r||h||o?pi(0):cs(r,a);return{width:i.width*c.x,height:i.height*c.y,x:i.x*c.x-a.scrollLeft*c.x+d.x+u.x,y:i.y*c.y-a.scrollTop*c.y+d.y+u.y}},getDocumentElement:Di,getClippingRect:function(e){let{element:t,boundary:i,rootBoundary:s,strategy:n}=e;const o=[..."clippingAncestors"===i?Ni(t)?[]:function(e,t){const i=t.get(e);if(i)return i;let s=es(e,[],!1).filter(e=>Bi(e)&&"body"!==$i(e)),n=null;const o="fixed"===Qi(e).position;let r=o?Yi(e):e;for(;Bi(r)&&!Gi(r);){const t=Qi(r),i=Ki(r);i||"fixed"!==t.position||(n=null),(o?!i&&!n:!i&&"static"===t.position&&n&&("absolute"===n.position||"fixed"===n.position)||zi(r)&&!i&&hs(e,r))?s=s.filter(e=>e!==r):n=t,r=Yi(r)}return t.set(e,s),s}(t,this._c):[].concat(i),s],r=ds(t,o[0],n);let l=r.top,a=r.right,c=r.bottom,d=r.left;for(let e=1;e{n&&e.addEventListener("scroll",i,{passive:!0}),o&&e.addEventListener("resize",i)});const h=c&&l?function(e,t){let i,s=null;const n=Di(e);function o(){var e;clearTimeout(i),null==(e=s)||e.disconnect(),s=null}return function r(l,a){void 0===l&&(l=!1),void 0===a&&(a=1),o();const c=e.getBoundingClientRect(),{left:d,top:h,width:u,height:p}=c;if(l||t(),!u||!p)return;const m={rootMargin:-ui(h)+"px "+-ui(n.clientWidth-(d+u))+"px "+-ui(n.clientHeight-(h+p))+"px "+-ui(d)+"px",threshold:di(0,ci(1,a))||1};let g=!0;function f(t){const s=t[0].intersectionRatio;if(s!==a){if(!g)return r();s?r(!1,s):i=setTimeout(()=>{r(!1,1e-7)},1e3)}1!==s||vs(c,e.getBoundingClientRect())||r(),g=!1}try{s=new IntersectionObserver(f,{...m,root:n.ownerDocument})}catch(e){s=new IntersectionObserver(f,m)}s.observe(e)}(!0),o}(c,i):null;let u,p=-1,m=null;r&&(m=new ResizeObserver(e=>{let[s]=e;s&&s.target===c&&m&&t&&(m.unobserve(t),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var e;null==(e=m)||e.observe(t)})),i()}),c&&!a&&m.observe(c),t&&m.observe(t));let g=a?ls(e):null;return a&&function t(){const s=ls(e);g&&!vs(g,s)&&i();g=s,u=requestAnimationFrame(t)}(),i(),()=>{var e;d.forEach(e=>{n&&e.removeEventListener("scroll",i),o&&e.removeEventListener("resize",i)}),null==h||h(),null==(e=m)||e.disconnect(),m=null,a&&cancelAnimationFrame(u)}}const bs=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var i,s;const{x:n,y:o,placement:r,middlewareData:l}=t,a=await async function(e,t){const{placement:i,platform:s,elements:n}=e,o=await(null==s.isRTL?void 0:s.isRTL(n.floating)),r=fi(i),l=vi(i),a="y"===bi(i),c=Ii.has(r)?-1:1,d=o&&a?-1:1,h=gi(t,e);let{mainAxis:u,crossAxis:p,alignmentAxis:m}="number"==typeof h?{mainAxis:h,crossAxis:0,alignmentAxis:null}:{mainAxis:h.mainAxis||0,crossAxis:h.crossAxis||0,alignmentAxis:h.alignmentAxis};return l&&"number"==typeof m&&(p="end"===l?-1*m:m),a?{x:p*d,y:u*c}:{x:u*c,y:p*d}}(t,e);return r===(null==(i=l.offset)?void 0:i.placement)&&null!=(s=l.arrow)&&s.alignmentOffset?{}:{x:n+a.x,y:o+a.y,data:{...a,placement:r}}}}},ws=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var i,s;const{placement:n,middlewareData:o,rects:r,initialPlacement:l,platform:a,elements:c}=t,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:g=!0,...f}=gi(e,t);if(null!=(i=o.arrow)&&i.alignmentOffset)return{};const v=fi(n),y=bi(l),b=fi(l)===l,w=await(null==a.isRTL?void 0:a.isRTL(c.floating)),E=u||(b||!g?[xi(l)]:function(e){const t=xi(e);return[Ei(e),t,Ei(t)]}(l)),k="none"!==m;!u&&k&&E.push(...Ci(l,g,m,w));const _=[l,...E],L=await a.detectOverflow(t,f),S=[];let C=(null==(s=o.flip)?void 0:s.overflows)||[];if(d&&S.push(L[v]),h){const e=function(e,t,i){void 0===i&&(i=!1);const s=vi(e),n=wi(e),o=yi(n);let r="x"===n?s===(i?"end":"start")?"right":"left":"start"===s?"bottom":"top";return t.reference[o]>t.floating[o]&&(r=xi(r)),[r,xi(r)]}(n,r,w);S.push(L[e[0]],L[e[1]])}if(C=[...C,{placement:n,overflows:S}],!S.every(e=>e<=0)){var x,A;const e=((null==(x=o.flip)?void 0:x.index)||0)+1,t=_[e];if(t){if(!("alignment"===h&&y!==bi(t))||C.every(e=>bi(e.placement)!==y||e.overflows[0]>0))return{data:{index:e,overflows:C},reset:{placement:t}}}let i=null==(A=C.filter(e=>e.overflows[0]<=0).sort((e,t)=>e.overflows[1]-t.overflows[1])[0])?void 0:A.placement;if(!i)switch(p){case"bestFit":{var T;const e=null==(T=C.filter(e=>{if(k){const t=bi(e.placement);return t===y||"y"===t}return!0}).map(e=>[e.placement,e.overflows.filter(e=>e>0).reduce((e,t)=>e+t,0)]).sort((e,t)=>e[1]-t[1])[0])?void 0:T[0];e&&(i=e);break}case"initialPlacement":i=l}if(n!==i)return{reset:{placement:i}}}return{}}}},Es=function(e){return void 0===e&&(e={}),{name:"size",options:e,async fn(t){var i,s;const{placement:n,rects:o,platform:r,elements:l}=t,{apply:a=()=>{},...c}=gi(e,t),d=await r.detectOverflow(t,c),h=fi(n),u=vi(n),p="y"===bi(n),{width:m,height:g}=o.floating;let f,v;"top"===h||"bottom"===h?(f=h,v=u===(await(null==r.isRTL?void 0:r.isRTL(l.floating))?"start":"end")?"left":"right"):(v=h,f="end"===u?"top":"bottom");const y=g-d.top-d.bottom,b=m-d.left-d.right,w=ci(g-d[f],y),E=ci(m-d[v],b),k=!t.middlewareData.shift;let _=w,L=E;if(null!=(i=t.middlewareData.shift)&&i.enabled.x&&(L=b),null!=(s=t.middlewareData.shift)&&s.enabled.y&&(_=y),k&&!u){const e=di(d.left,0),t=di(d.right,0),i=di(d.top,0),s=di(d.bottom,0);p?L=m-2*(0!==e||0!==t?e+t:di(d.left,d.right)):_=g-2*(0!==i||0!==s?i+s:di(d.top,d.bottom))}await a({...t,availableWidth:L,availableHeight:_});const S=await r.getDimensions(l.floating);return m!==S.width||g!==S.height?{reset:{rects:!0}}:{}}}},ks=(e,t,i)=>{const s=new Map,n={platform:fs,...i},o={...n.platform,_c:s};return(async(e,t,i)=>{const{placement:s="bottom",strategy:n="absolute",middleware:o=[],platform:r}=i,l=r.detectOverflow?r:{...r,detectOverflow:Oi},a=await(null==r.isRTL?void 0:r.isRTL(t));let c=await r.getElementRects({reference:e,floating:t,strategy:n}),{x:d,y:h}=Ti(c,s,a),u=s,p=0;const m={};for(let i=0;i{this.add(new Option(e.text,e.id,!1,e.id===i))}),this.#we()}get allowClear(){return this.dataset.hasOwnProperty("allowClear")||this.multiple}get placeholder(){return this.getAttribute("placeholder")}#we(){const e={},t=!!this.placeholder,i=!!this.querySelector("option[selected]"),s=document.createElement("div");s.className="ts-dropdown-mask";let n=()=>{};this.multiple&&(e.remove_button={title:d("Remove")}),this.allowClear&&(e.clear_button={html:()=>``});const o={plugins:e,closeAfterSelect:!this.multiple,onInitialize:function(){this.input.autofocus&&this.focus(),t&&!i&&this.clear()},onType(e){this.control_input.classList.toggle("has-value",e.length>0)},refreshThrottle:0,onDropdownOpen:async function(){const e={minWidth:`${this.control.offsetWidth}px`};this.control.closest(".alchemy-dialog-body, .alchemy-popover")&&(e.zIndex="101"),Object.assign(this.dropdown.style,e),document.body.append(s),document.body.append(this.dropdown);n=ys(this.control,this.dropdown,async()=>{const{x:e,y:t}=await ks(this.control,this.dropdown,{middleware:[ws(),bs(2),Es({apply({availableHeight:e,elements:t}){Object.assign(t.floating.querySelector(".ts-dropdown-content").style,{maxHeight:`${Math.max(120,e-16)}px`})}})]});Object.assign(this.dropdown.style,{left:`${e}px`,top:`${t}px`})})},onDropdownClose:function(){this.control_input.classList.remove("has-value"),this.dropdown.remove(),s.remove(),n()},allowEmptyOption:!0,openOnFocus:!1,sortField:"$order",maxOptions:null,render:{option_create:(e,t)=>`
\n ${d("Add")}${t(e.input)}…\n
`,no_results:()=>`
${d("No results found")}
`}};this.#be=new Rt(this,o),this.#be.control.addEventListener("click",this.#be.open.bind(this.#be))}#Ee(){this.#be?.destroy(),this.#be=null}}customElements.define("alchemy-select",_s,{extends:"select"});class Ls extends HTMLElement{connectedCallback(){this.searchInput=document.querySelector(".search_input_field"),this.clearButton=document.querySelector("#search_field_clear"),this.resultCounter=document.querySelector("#page_filter_result"),this.setupSearch(),requestAnimationFrame(()=>{this.setupSortables()}),this.observer=new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e.nodeType===Node.ELEMENT_NODE&&(e.classList?.contains("children")&&this.setupSortable(e),e.querySelectorAll(".children").forEach(e=>this.setupSortable(e)))})})}),this.observer.observe(this,{childList:!0,subtree:!0})}disconnectedCallback(){this.teardownSearch(),this.observer?.disconnect()}setupSearch(){this.searchInput?.addEventListener("input",this),this.clearButton?.addEventListener("click",this)}teardownSearch(){this.searchInput?.removeEventListener("input",this),this.clearButton?.removeEventListener("click",this)}handleEvent(e){"input"===e.type&&e.target===this.searchInput?this.handleSearch(e):"click"===e.type&&e.target===this.clearButton&&this.handleClearSearch(e)}handleSearch(e){const t=e.target.value.toLowerCase().trim();""!==t?this.filterPages(t):this.clearFilter()}filterPages(e){const t=this.querySelectorAll(".sitemap_page");let i=0,s=null;t.forEach(t=>{(t.getAttribute("name")||"").toLowerCase().includes(e)?(t.classList.add("highlight"),t.classList.remove("no-match"),i++,s||(s=t)):(t.classList.remove("highlight"),t.classList.add("no-match"))}),1===i?(this.resultCounter.textContent=`1 ${d("page_found")}`,this.resultCounter.style.display="block"):i>1?(this.resultCounter.textContent=`${i} ${d("pages_found")}`,this.resultCounter.style.display="block"):this.resultCounter.style.display="none",s&&s.scrollIntoView({behavior:"smooth",block:"center"})}clearFilter(){this.querySelectorAll(".sitemap_page").forEach(e=>{e.classList.remove("highlight","no-match")}),this.resultCounter.style.display="none"}handleClearSearch(e){e.preventDefault(),this.searchInput.value="",this.clearFilter()}setupSortable(e){new s(e,{group:"pages",animation:150,fallbackOnBody:!0,swapThreshold:.65,handle:".page-icon.handle",draggable:"alchemy-page-node",onEnd:e=>this.handleSort(e)})}setupSortables(){this.querySelectorAll(".children").forEach(e=>this.setupSortable(e))}async handleSort(e){if(e.from===e.to&&e.oldIndex===e.newIndex)return;const t=e.item,i=t.pageId,s=Alchemy.routes.move_admin_page_path(i),n={target_parent_id:e.to.dataset.parentId,new_position:e.newIndex};S(!0);try{const o=await Z(s,n),r=await o.data,l=t.querySelector(`#page_${i}`);if(l){const e=l.querySelector(".sitemap_url");e&&r.url_path&&(e.textContent=r.url_path)}this.updateFolderIcons(e.from,e.to),O(d("Successfully moved page"))}catch(e){O(e.message||e,"error"),window.location.reload()}finally{S(!1)}}updateFolderIcons(e,t){const i=e.closest("alchemy-page-node");if(i?.updateFolderButton(),e!==t){const e=t.closest("alchemy-page-node");e?.updateFolderButton()}}}customElements.define("alchemy-sitemap",Ls);const Ss={draggable:".element-editor",handle:".element-handle.draggable",ghostClass:"dragged",animation:150,swapThreshold:.65,easing:"cubic-bezier(1, 0, 0, 1)"};function Cs(e){const t=e.item.dataset.elementName;document.querySelectorAll(`[data-droppable-elements~="${t}"]`).forEach(e=>e.classList.add("droppable-elements"))}function xs(e){const t=e.item,i=e.to.parentElement.closest(".element-editor"),s={element_id:t.dataset.elementId,position:e.newIndex+1};i&&(s.parent_element_id=i.dataset.elementId),e.target===e.to&&ee(Alchemy.routes.order_admin_elements_path,s).then(e=>{const i=e.data;O(i.message),i.pageHasUnpublishedChanges&&oe(i),q(),t.updateTitle(i.preview_text)})}function As(){document.querySelectorAll("[data-droppable-elements]").forEach(e=>e.classList.remove("droppable-elements"))}class Ts extends HTMLElement{connectedCallback(){const e={name:this.dataset.elementName,put:(e,t,i)=>e.el.dataset.droppableElements.split(" ").includes(i.dataset.elementName)};new s(this,{...Ss,onStart:Cs,onSort:xs,onEnd:As,group:e})}}customElements.define("alchemy-sortable-elements",Ts);class Os extends HTMLElement{connectedCallback(){this.className=`spinner spinner--${this.size}`,this.innerHTML=`\n \n \n \n \n \n `}get size(){return this.getAttribute("size")||"medium"}get color(){return this.getAttribute("color")||"currentColor"}}customElements.define("alchemy-spinner",Os);class Is extends HTMLElement{#d=null;async connectedCallback(){await h(),this.isConnected&&(this.classList.add("autocomplete_tag_list"),this.#d=$(this.input).select2(this.select2Config))}disconnectedCallback(){this.#d?.select2("destroy"),this.#d=null}get input(){return this.getElementsByTagName("input")[0]}get select2Config(){return{tags:!0,tokenSeparators:[","],openOnEnter:!1,minimumInputLength:1,createSearchChoice:this.#ke,ajax:{url:this.getAttribute("url"),dataType:"json",data:e=>({term:e}),results:e=>({results:e})},initSelection:this.#_e}}#ke(e,t){if(0===$(t).filter(function(){return 0===this.text.localeCompare(e)}).length)return{id:e,text:e}}#_e(e,t){const i=[];$(e.val().split(",")).each(function(){i.push({id:this.trim(),text:this})}),t(i)}}customElements.define("alchemy-tags-autocomplete",Is);const Fs="alchemy-dark",$s="alchemy";class qs extends HTMLElement{#Le=null;connectedCallback(){this.className="tinymce_container",this.querySelector(":scope > alchemy-spinner")||this.insertAdjacentHTML("beforeend",''),this.style.minHeight=`${this.minHeight}px`,this.editor.style.display="none";const e={root:document.getElementById("element_area"),rootMargin:"0px",threshold:[.05]};this.tinymceIntersectionObserver=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.intersectionRatio>0&&(this._initTinymceEditor(),t.unobserve(e.target))})},e),this.tinymceIntersectionObserver.observe(this),this._setupThemeChangeListener()}disconnectedCallback(){this.tinymceIntersectionObserver?.disconnect(),this._removeThemeChangeListener(),tinymce.get(this.editorId)?.remove(this.editorId)}_initTinymceEditor(){tinymce.init(this.configuration).then(e=>{e.forEach(e=>this._setupEditor(e))})}_setupEditor(e){e.show();const t=this.getElementsByTagName("alchemy-spinner")[0];t&&t.remove(),this.elementEditor&&(e.on("dirty",e=>{this.elementEditor.setDirty(e.target.editorContainer)}),e.on("click",()=>this.elementEditor.onClickElement(!1)))}_setupThemeChangeListener(){this.darkModeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.themeChangeHandler=e=>this._handleThemeChange(e),this.darkModeMediaQuery.addEventListener("change",this.themeChangeHandler)}_removeThemeChangeListener(){this.darkModeMediaQuery&&this.themeChangeHandler&&this.darkModeMediaQuery.removeEventListener("change",this.themeChangeHandler)}_handleThemeChange(e){const t=tinymce.get(this.editorId);if(t){const i=e.matches?Fs:$s,s=e.matches?Fs:$s;t.remove(),tinymce.init({content_css:s,...this.configuration,skin:i}).then(e=>{e.forEach(e=>this._setupEditor(e))})}}get configuration(){const e={};this.getAttributeNames().forEach(t=>{if(!["class","id","is","name","style"].includes(t)){const i=this.getAttribute(t),s=t.replaceAll("-","_");if(i===t||""===i)e[s]=!0;else try{e[s]=JSON.parse(i)}catch(t){e[s]=i}}});const t={content_css:this.preferredTheme,...Alchemy.TinymceDefaults,...e,language:c(),selector:`#${this.editorId}`,skin:this.preferredTheme};return t.height=t.min_height,t}get preferredTheme(){return window.matchMedia("(prefers-color-scheme: dark)").matches?Fs:$s}get editorId(){return this.editor.id}get editor(){return this.getElementsByTagName("textarea")[0]}get elementEditor(){return document.getElementById(this.editorId).closest("alchemy-element-editor")}get minHeight(){return this.#Le||this.configuration.min_height}set minHeight(e){this.#Le=e}}customElements.define("alchemy-tinymce",qs);class Ds extends HTMLElement{async connectedCallback(){const e=new f("small");e.spin(this);try{const e=await fetch(this.url,{credentials:"include"}),t=await e.json();e.ok?this.showStatus(t):this.showError(e)}catch(e){this.showError(e)}finally{e.stop()}}get url(){return this.getAttribute("url")}showStatus(e){"true"==e.status?this.querySelector(".update_available").classList.remove("hidden"):this.querySelector(".up_to_date").classList.remove("hidden")}showError(e){this.querySelector(".error").classList.remove("hidden"),console.error("[alchemy] Error fetching update status",e)}}var Ms;customElements.define("alchemy-update-check",Ds),Ms=Handlebars.template,(Handlebars.templates=Handlebars.templates||{})["node_folder.hbs"]=Ms({0:function(e,t,i,s,n){return"right"},1:function(e,t,i,s,n){return"down"},compiler:[8,">= 4.3.0"],main:function(e,t,i,s,n){var o,r=e.lambda,l=e.escapeExpression,a=e.lookupProperty||function(e,t){if(Object.prototype.hasOwnProperty.call(e,t))return e[t]};return'\n \n\n'},useData:!0}),n("tooltip.show",{keyframes:[{transform:"translateY(10px)",opacity:"0"},{transform:"translateY(0)",opacity:"1"}],options:{duration:100}}),n("tooltip.hide",{keyframes:[{transform:"translateY(0)",opacity:"1"},{transform:"translateY(10px)",opacity:"0"}],options:{duration:100}}),n("dialog.show",{keyframes:[{transform:"scale(0.98)",opacity:"0"},{transform:"scale(1)",opacity:"1"}],options:{duration:150}}),n("dialog.hide",{keyframes:[{transform:"scale(1)",opacity:"1"},{transform:"scale(0.98)",opacity:"0"}],options:{duration:150}});const Bs=document.querySelector('link[rel="preload"][as="image"]').getAttribute("href"),Ps={"x-lg":"close",caret:"arrow-down-s"},Hs={resolver:e=>`${Bs}#ri-${Ps[e]||e}-line`,mutator:e=>{e.setAttribute("fill","currentColor"),e.setAttribute("viewBox","0 0 24 24")},spriteSheet:!0};function zs(e,t,i,s){document.querySelectorAll(t).forEach(t=>{t.addEventListener(e,e=>{const n=Array.from(t.querySelectorAll(i));let o=e.target;for(;o!==t;){if(n.includes(o))return void s.call(o,e);o=o.parentElement}})})}o("default",Hs),o("system",Hs);class Rs{#Se=!1;#Ce=null;#xe=null;#Ae=null;constructor(e,t){this.image=e,this.defaultBox=t.default_box,this.aspectRatio=t.ratio,this.#xe=document.getElementById(t.crop_from_form_field_id),this.#Ae=document.getElementById(t.crop_size_form_field_id),this.elementId=t.element_id,this.dialog=Alchemy.currentDialog(),this.dialog&&(this.dialog.options.closed=()=>this.destroy(),this.bind()),this.init()}get cropperOptions(){return{aspectRatio:this.aspectRatio,viewMode:1,zoomable:!1,checkCrossOrigin:!1,checkOrientation:!1,data:this.box,cropend:()=>{const e=this.#Ce.getData(!0);this.update(e)}}}get cropFrom(){if(this.#xe?.value)return this.#xe.value.split("x").map(e=>parseInt(e))}get cropSize(){if(this.#Ae?.value)return this.#Ae.value.split("x").map(e=>parseInt(e))}get box(){return this.cropFrom&&this.cropSize?{x:this.cropFrom[0],y:this.cropFrom[1],width:this.cropSize[0],height:this.cropSize[1]}:this.defaultBoxSize}get defaultBoxSize(){return{x:this.defaultBox[0],y:this.defaultBox[1],width:this.defaultBox[2],height:this.defaultBox[3]}}init(){this.#Se||(this.#Ce=new r(this.image,this.cropperOptions),this.#Se=!0)}update(e){this.#xe.value=`${e.x}x${e.y}`,this.#xe.dispatchEvent(new Event("change")),this.#Ae.value=`${e.width}x${e.height}`,this.#Ae.dispatchEvent(new Event("change"))}reset(){this.#Ce.setData(this.defaultBoxSize),this.update(this.defaultBoxSize)}destroy(){return this.#Ce&&this.#Ce.destroy(),this.#Se=!1,!0}bind(){this.dialog.dialog_body.find('button[type="submit"]').on("click",()=>(document.querySelector(`[data-element-id='${this.elementId}']`).setDirty(),this.dialog.close(),!1)),this.dialog.dialog_body.find('button[type="reset"]').on("click",()=>(this.reset(),!1))}}class Ns extends b{constructor(e,t={}){super(e,t)}init(){$(".zoomed-picture-background").on("click",e=>{if(e.stopPropagation(),"IMG"!==e.target.nodeName)return this.close(),!1}),$(".picture-overlay-handle").on("click",e=>(this.dialog.toggleClass("hide-form"),!1)),this.$previous=$(".previous-picture"),this.$next=$(".next-picture"),this.#Te(),super.init()}previous(){null!=this.$previous[0]&&this.$previous[0].click()}next(){null!=this.$next[0]&&this.$next[0].click()}build(){this.dialog_container=$('
'),this.dialog=$('
'),this.dialog_body=$('
'),this.close_button=$('\n \n '),this.dialog.append(this.close_button),this.dialog.append(this.dialog_body),this.dialog_container.append(this.dialog),this.overlay=$('
'),this.$body.append(this.overlay),this.$body.append(this.dialog_container)}#Te(){this.$document.keydown(e=>{if("INPUT"===e.target.nodeName||"TEXTAREA"===e.target.nodeName)return!0;switch(e.which){case 37:return this.previous(),!1;case 39:return this.next(),!1;default:return!0}})}}function js(){return document.querySelectorAll("#picture_archive input:checked")}function Vs(){const e=document.querySelector("#select_all_pictures"),t=document.querySelector(".selected_item_tools");zs("click",".toolbar_buttons","a#select_all_pictures",i=>{i.preventDefault(),e.classList.toggle("active");const s=e.classList.contains("active");!function(e){document.querySelectorAll(".picture_tool.select input[type='checkbox']").forEach(t=>{t.checked=e,t.closest(".picture_thumbnail").classList.toggle("active",e)})}(s),t.classList.toggle("hidden",!s)}),zs("change",".picture_tool.select","input",e=>{t.classList.toggle("hidden",0===js().length);const i=e.target.parentElement.classList,s=e.target.checked;i.toggle("visible",s)}),zs("click",".selected_item_tools","a#edit_multiple_pictures",e=>{e.preventDefault();k(function(e){const t=new URL(e);return js().forEach(e=>t.searchParams.append(e.name,e.value)),t.toString()}(e.target.href),{title:e.target.title,size:"400x295"})})}function Us(){document.querySelectorAll("li.menu-item").forEach(e=>{const t=e.querySelector(".nodes_tree-left_images"),i=e.querySelector(".children"),s={folded:"true"===e.dataset.folded,id:e.dataset.id,type:e.dataset.type};i.children.length>0||s.folded?t.innerHTML=Handlebars.templates["node_folder.hbs"]({node:s}):t.innerHTML=" "})}function Ws(e){Z(Alchemy.routes[e.item.dataset.type].move_api_path(e.item.dataset.id),{target_parent_id:e.to.dataset.recordId,new_position:e.newIndex}).then(()=>{O(Alchemy.t("Successfully moved menu item")),Us()}).catch(e=>{O(e.message||e,"error")})}function Ks(){zs("click",".nodes_tree",".node_folder",function(){const e=this.dataset.recordId,t=this.closest("li.menu-item"),i=Alchemy.routes[this.dataset.recordType].toggle_folded_api_path(e),s=t.querySelector(".children");Z(i).then(()=>{s.classList.toggle("folded"),t.dataset.folded="true"==t.dataset.folded?"false":"true",Us()}).catch(e=>{O(e.message||e)})}),Us(),document.querySelectorAll(".nodes_tree ul.children").forEach(e=>{new s(e,{group:"nodes",animation:150,fallbackOnBody:!0,swapThreshold:.65,handle:".node_name",invertSwap:!0,onEnd:Ws})})}void 0===window.Alchemy&&(window.Alchemy={}),Object.assign(Alchemy,{closeCurrentDialog:E,currentDialog:w,...x,t:d,FixedElements:T,growl:O,LinkDialog:class extends b{#Oe;constructor(e){const t=new URL(Alchemy.routes.link_admin_pages_path,window.location),i={url:e.url,selected_tab:e.type,link_title:e.title,link_target:e.target};Object.keys(i).forEach(e=>{i[e]&&t.searchParams.set(e,i[e])}),super(t.href,{size:"600x320",title:d("Link")})}replace(e){super.replace(e),this.#a()}open(){return super.open(),new Promise(e=>this.#Oe=e)}#a(){const e=document.querySelector('[data-link-form-type="internal"]'),t=document.querySelector('[data-link-form-type="file"] alchemy-attachment-select');e.addEventListener("Alchemy.RemoteSelect.Change",e=>{this.#Ie(e.detail.added)}),t.addEventListener("Alchemy.RemoteSelect.Change",e=>{const t=e.detail.added;document.getElementById("file_link").value=t?t.url:""}),document.querySelectorAll("[data-link-form-type]").forEach(e=>{e.addEventListener("submit",e=>{e.preventDefault(),this.#Fe(e.target.dataset.linkFormType)})})}#Ie(e=null){const t=document.getElementById("internal_link"),i=document.querySelector('[data-link-form-type="internal"] alchemy-dom-id-api-select');t.value=e?e.url_path:"",i.page=e?e.id:void 0}#Fe(e){const t=document.getElementById("element_anchor");let i=document.getElementById(`${e}_link`).value;if("internal"===e&&""!==t.value)i=i.replace(I,"")+t.value;else if("external"===e&&!i.match(Alchemy.link_url_regexp))return void this.#$e();this.#Oe({url:i.trim(),title:document.getElementById(`${e}_link_title`).value,target:document.getElementById(`${e}_link_target`)?.value,type:e}),this.close()}#$e(){const e=document.getElementById("errors");e.querySelector("ul").innerHTML=`
  • ${Alchemy.t("url_validation_failed")}
    • `,e.style.display="block"}},pleaseWaitOverlay:S,Spinner:f,reloadPreview:q}),t.start(),e.config.forms.confirm=L,document.addEventListener("turbo:load",function(){document.documentElement.classList.remove("no-js"),m(),document.querySelectorAll(".please_wait").forEach(e=>{e.addEventListener("click",S)}),document.querySelectorAll("a.button").forEach(e=>{e.setAttribute("tabindex",0)}),key.filter=function(e){let t=(e.target||e.srcElement).tagName;return key.isPressed("esc")||!("INPUT"===t||"SELECT"===t||"TEXTAREA"===t)}});export{Rs as ImageCropper,Ns as ImageOverlay,Ks as NodeTree,P as RemoteSelect,zs as on,Vs as pictureSelector}; //# sourceMappingURL=alchemy_admin.min.js.map diff --git a/app/assets/builds/alchemy/alchemy_admin.min.js.map b/app/assets/builds/alchemy/alchemy_admin.min.js.map index 041918e4bc..d57aba070a 100644 --- a/app/assets/builds/alchemy/alchemy_admin.min.js.map +++ b/app/assets/builds/alchemy/alchemy_admin.min.js.map @@ -1 +1 @@ -{"version":3,"file":"alchemy_admin.min.js","sources":["../../../javascript/alchemy_admin/i18n.js","../../../javascript/alchemy_admin/hotkeys.js","../../../javascript/alchemy_admin/utils/dom_helpers.js","../../../javascript/alchemy_admin/spinner.js","../../../javascript/alchemy_admin/dialog.js","../../../javascript/alchemy_admin/confirm_dialog.js","../../../javascript/alchemy_admin/please_wait_overlay.js","../../../javascript/alchemy_admin/dirty.js","../../../javascript/alchemy_admin/fixed_elements.js","../../../javascript/alchemy_admin/growler.js","../../../javascript/alchemy_admin/link_dialog.js","../../../javascript/alchemy_admin/components/preview_window.js","../../../javascript/alchemy_admin/ingredient_anchor_link.js","../../../javascript/alchemy_admin/components/action.js","../../../javascript/alchemy_admin/components/remote_select.js","../../../javascript/alchemy_admin/components/attachment_select.js","../../../javascript/alchemy_admin/components/auto_submit.js","../../../javascript/alchemy_admin/components/button.js","../../../javascript/alchemy_admin/components/char_counter.js","../../../javascript/alchemy_admin/components/clipboard_button.js","../../../javascript/alchemy_admin/components/color_select.js","../../../javascript/alchemy_admin/components/datepicker.js","../../../javascript/alchemy_admin/components/dialog_link.js","../../../javascript/alchemy_admin/utils/ajax.js","../../../javascript/alchemy_admin/components/dom_id_select.js","../../../javascript/alchemy_admin/components/element_editor/publish_element_button.js","../../../javascript/alchemy_admin/components/element_editor/delete_element_button.js","../../../javascript/alchemy_admin/components/element_editor.js","../../../javascript/alchemy_admin/components/element_select.js","../../../javascript/alchemy_admin/components/elements_window.js","../../../javascript/alchemy_admin/components/elements_window_handle.js","../../../javascript/alchemy_admin/components/file_editor.js","../../../javascript/alchemy_admin/components/list_filter.js","../../../javascript/alchemy_admin/components/message.js","../../../javascript/alchemy_admin/components/growl.js","../../../javascript/alchemy_admin/components/icon.js","../../../javascript/alchemy_admin/components/ingredient_group.js","../../../javascript/alchemy_admin/components/link_buttons/link_button.js","../../../javascript/alchemy_admin/components/link_buttons/unlink_button.js","../../../javascript/alchemy_admin/components/link_buttons.js","../../../javascript/alchemy_admin/utils/format.js","../../../javascript/alchemy_admin/components/node_select.js","../../../javascript/alchemy_admin/components/uploader/file_upload.js","../../../javascript/alchemy_admin/components/uploader/progress.js","../../../javascript/alchemy_admin/components/uploader.js","../../../javascript/alchemy_admin/components/overlay.js","../../../javascript/alchemy_admin/components/page_node.js","../../../javascript/alchemy_admin/components/page_publication_fields.js","../../../javascript/alchemy_admin/components/page_select.js","../../../javascript/alchemy_admin/components/picture_description_select.js","../../../javascript/alchemy_admin/components/picture_editor.js","../../../javascript/alchemy_admin/utils/debounce.js","../../../javascript/alchemy_admin/utils/max.js","../../../javascript/alchemy_admin/components/picture_thumbnail.js","../../../javascript/alchemy_admin/components/publish_page_button.js","../../../javascript/alchemy_admin/components/select.js","../../../javascript/alchemy_admin/components/sitemap.js","../../../javascript/alchemy_admin/components/sortable_elements.js","../../../javascript/alchemy_admin/components/spinner.js","../../../javascript/alchemy_admin/components/tags_autocomplete.js","../../../javascript/alchemy_admin/components/tinymce.js","../../../javascript/alchemy_admin/components/update_check.js","../../../javascript/alchemy_admin/templates/compiled.js","../../../javascript/alchemy_admin/shoelace_theme.js","../../../javascript/alchemy_admin/utils/events.js","../../../javascript/alchemy_admin/image_cropper.js","../../../javascript/alchemy_admin/image_overlay.js","../../../javascript/alchemy_admin/picture_selector.js","../../../javascript/alchemy_admin/node_tree.js","../../../javascript/alchemy_admin.js","../../../javascript/alchemy_admin/initializer.js"],"sourcesContent":["const KEY_SEPARATOR = /\\./\n\nfunction nestedTranslation(translations, key) {\n const keys = key.split(KEY_SEPARATOR)\n const group = translations[keys[0]]\n if (group) {\n return group[keys[1]] || key\n }\n return key\n}\n\nfunction getTranslation(key) {\n const locale = currentLocale()\n const translations = Alchemy.translations\n\n if (!translations) {\n console.warn(`Translations for locale ${locale} not found!`)\n return key\n }\n\n if (KEY_SEPARATOR.test(key)) {\n return nestedTranslation(translations, key)\n }\n return translations[key] || key\n}\n\nexport function currentLocale() {\n if (document.documentElement.lang) {\n return document.documentElement.lang\n }\n return \"en\"\n}\n\nexport function translate(key, replacement = undefined) {\n let translation = getTranslation(key)\n\n if (replacement) {\n return translation.replace(/%\\{.+\\}/, replacement)\n }\n return translation\n}\n\nexport async function setupSelectLocale() {\n const locale = currentLocale()\n if (locale === \"en\") return\n\n await import(`select2/${locale}.js`)\n $.extend($.fn.select2.defaults, $.fn.select2.locales[locale])\n}\n","import \"keymaster\"\nimport { openDialog } from \"alchemy_admin/dialog\"\n\nconst bindedHotkeys = []\n\nfunction showHelp(evt) {\n if (\n !$(evt.target).is(\"input, textarea\") &&\n String.fromCharCode(evt.which) === \"?\"\n ) {\n openDialog(\"/admin/help\", {\n title: Alchemy.t(\"help\"),\n size: \"400x492\"\n })\n return false\n } else {\n return true\n }\n}\n\nexport default function (scope = document) {\n // The scope can be a jQuery object because we still use jQuery in alchemy_admin/dialog.js.\n if (scope instanceof jQuery) {\n scope = scope[0]\n }\n\n // Unbind all previously registered hotkeys if we are not inside a dialog.\n if (scope === document) {\n document.removeEventListener(\"keypress\", showHelp)\n document.addEventListener(\"keypress\", showHelp)\n bindedHotkeys.forEach((hotkey) => key.unbind(hotkey))\n }\n\n // Binds keyboard shortcuts to search fields.\n const search_fields = scope.querySelectorAll(\".search_input_field\")\n const search_fields_clear = scope.querySelectorAll(\n \".search_field_clear, .js_filter_field_clear\"\n )\n key(\"alt+f\", function () {\n key.setScope(\"search\")\n search_fields.forEach((el) => el.focus({ focusVisible: true }))\n return false\n })\n bindedHotkeys.push(\"alt+f\")\n key(\"esc\", \"search\", function () {\n search_fields_clear.forEach((el) => el.click())\n search_fields.forEach((el) => el.blur())\n })\n bindedHotkeys.push(\"esc\")\n\n // Binds click events to buttons with hotkeys.\n //\n // Simply add a data-alchemy-hotkey attribute to your link.\n // If a hotkey is triggered by user, the click event of the element gets triggerd.\n //\n scope.querySelectorAll(\"[data-alchemy-hotkey]\").forEach(function (el) {\n const hotkey = el.dataset.alchemyHotkey\n key(hotkey, () => el.click())\n bindedHotkeys.push(hotkey)\n })\n}\n","/**\n * create a HTML element\n * @param {string} text\n * @returns {HTMLElement}\n */\nexport function createHtmlElement(text) {\n const element = document.createElement(\"template\")\n element.innerHTML = text\n return element.content.children[0]\n}\n\n/**\n * wrap element with wrappingElement\n * @param {HTMLElement} element\n * @param {HTMLElement} wrappingElement\n */\nexport function wrap(element, wrappingElement) {\n element.replaceWith(wrappingElement)\n wrappingElement.appendChild(element)\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\n\nexport default class Spinner {\n constructor(size, color = \"currentColor\") {\n this.size = size\n this.color = color\n this.spinner = undefined\n }\n\n /**\n * @returns {HTMLElement|undefined}\n */\n get el() {\n return this.spinner\n }\n /**\n * @param {HTMLElement|undefined} parent\n */\n spin(parent) {\n if (typeof parent === \"undefined\") {\n parent = document.body\n }\n this.spinner = createHtmlElement(\n ``\n )\n parent.append(this.spinner)\n return this\n }\n\n stop() {\n if (this.spinner) {\n this.spinner.remove()\n this.spinner = undefined\n }\n }\n}\n","import Hotkeys from \"alchemy_admin/hotkeys\"\nimport Spinner from \"alchemy_admin/spinner\"\n\n// Collection of all current dialog instances\nconst currentDialogs = []\n\nconst DEFAULTS = {\n header_height: 36,\n size: \"400x300\",\n padding: true,\n title: \"\",\n modal: true,\n overflow: \"visible\",\n ready: () => {},\n closed: () => {}\n}\n\nexport class Dialog {\n // Arguments:\n // - url: The url to load the content from via ajax\n // - options: A object holding options\n // - size: The maximum size of the Dialog\n // - title: The title of the Dialog\n constructor(url, options = {}) {\n this.url = url\n this.options = { ...DEFAULTS, ...options }\n this.$document = $(document)\n this.$window = $(window)\n this.$body = $(\"body\")\n const size = this.options.size.split(\"x\")\n this.width = parseInt(size[0], 10)\n this.height = parseInt(size[1], 10)\n this.build()\n this.resize()\n }\n\n // Opens the Dialog and loads the content via ajax.\n open() {\n this.dialog.trigger(\"Alchemy.DialogOpen\")\n this.bind_close_events()\n window.requestAnimationFrame(() => {\n this.dialog_container.addClass(\"open\")\n if (this.overlay != null) {\n return this.overlay.addClass(\"open\")\n }\n })\n this.$body.addClass(\"prevent-scrolling\")\n currentDialogs.push(this)\n this.load()\n }\n\n // Closes the Dialog and removes it from the DOM\n close() {\n this.dialog.trigger(\"DialogClose.Alchemy\")\n this.$document.off(\"keydown\")\n this.dialog_container.removeClass(\"open\")\n if (this.overlay != null) {\n this.overlay.removeClass(\"open\")\n }\n this.$document.on(\n \"webkitTransitionEnd transitionend oTransitionEnd\",\n () => {\n this.$document.off(\"webkitTransitionEnd transitionend oTransitionEnd\")\n this.dialog_container.remove()\n if (this.overlay != null) {\n this.overlay.remove()\n }\n this.$body.removeClass(\"prevent-scrolling\")\n currentDialogs.pop(this)\n if (this.options.closed != null) {\n return this.options.closed()\n }\n }\n )\n return true\n }\n\n // Loads the content via ajax and replaces the Dialog body with server response.\n load() {\n this.show_spinner()\n $.get(this.url, (data) => {\n this.replace(data)\n }).fail((xhr) => {\n this.show_error(xhr)\n })\n }\n\n // Reloads the Dialog content\n reload() {\n this.dialog_body.empty()\n this.load()\n }\n\n // Replaces the dialog body with given content and initializes it.\n replace(data) {\n this.remove_spinner()\n this.dialog_body.hide()\n this.dialog_body.html(data)\n this.init()\n this.dialog[0].dispatchEvent(\n new CustomEvent(\"DialogReady.Alchemy\", {\n bubbles: true,\n detail: {\n body: this.dialog_body[0]\n }\n })\n )\n if (this.options.ready != null) {\n this.options.ready(this.dialog_body)\n }\n this.dialog_body.show()\n }\n\n // Adds a spinner into Dialog body\n show_spinner() {\n this.spinner = new Spinner(\"medium\")\n this.spinner.spin(this.dialog_body[0])\n }\n\n // Removes the spinner from Dialog body\n remove_spinner() {\n this.spinner.stop()\n }\n\n // Initializes the Dialog body\n init() {\n Hotkeys(this.dialog_body)\n this.watch_remote_forms()\n }\n\n // Watches ajax requests inside of dialog body and replaces the content accordingly\n watch_remote_forms() {\n const $form = $('[data-remote=\"true\"]', this.dialog_body)\n\n $form.on(\"ajax:success\", (event) => {\n const xhr = event.detail[2]\n const content_type = xhr.getResponseHeader(\"Content-Type\")\n if (content_type.match(/javascript/)) {\n return\n } else {\n this.dialog_body.html(xhr.responseText)\n this.init()\n }\n })\n\n $form.on(\"ajax:error\", (event) => {\n const statusText = event.detail[1]\n const xhr = event.detail[2]\n this.show_error(xhr, statusText)\n })\n }\n\n // Displays an error message\n show_error(xhr, statusText) {\n if (xhr.status === 422) {\n this.dialog_body.html(xhr.responseText)\n this.init()\n return\n }\n\n const { error_body, error_header, error_type } = this.error_messages(\n xhr,\n statusText\n )\n\n const $errorDiv = $(`\n

    ${error_header}

    \n

    ${error_body}

    \n     `)\n\n this.dialog_body.html($errorDiv)\n }\n\n // Returns error message based on xhr status\n error_messages(xhr, statusText) {\n let error_body,\n error_header,\n error_type = \"warning\"\n\n switch (xhr.status) {\n case 0:\n error_header = \"The server does not respond.\"\n error_body = \"Please check server and try again.\"\n break\n case 403:\n error_header = \"You are not authorized!\"\n error_body = \"Please close this window.\"\n break\n default:\n error_type = \"error\"\n if (statusText) {\n error_header = statusText\n console.error(xhr.responseText)\n } else {\n error_header = `${xhr.statusText} (${xhr.status})`\n }\n error_body = \"Please check log and try again.\"\n }\n\n return { error_header, error_body, error_type }\n }\n\n // Binds close events on:\n // - Close button\n // - Overlay (if the Dialog is a modal)\n // - ESC Key\n bind_close_events() {\n this.close_button.on(\"click\", () => {\n this.close()\n })\n this.dialog_container.addClass(\"closable\").on(\"click\", (e) => {\n if (e.target !== this.dialog_container.get(0)) {\n return true\n }\n this.close()\n return false\n })\n this.$document.keydown((e) => {\n if (e.which === 27) {\n this.close()\n return false\n } else {\n return true\n }\n })\n }\n\n // Builds the html structure of the Dialog\n build() {\n this.dialog_container = $('
    ')\n this.dialog = $('
    ')\n this.dialog_body = $('
    ')\n this.dialog_header = $('
    ')\n this.dialog_title = $('
    ')\n this.close_button = $(\n ''\n )\n this.dialog_title.text(this.options.title)\n this.dialog_header.append(this.dialog_title)\n this.dialog_header.append(this.close_button)\n this.dialog.append(this.dialog_header)\n this.dialog.append(this.dialog_body)\n this.dialog_container.append(this.dialog)\n if (this.options.modal) {\n this.dialog.addClass(\"modal\")\n }\n if (this.options.padding) {\n this.dialog_body.addClass(\"padded\")\n }\n if (this.options.modal) {\n this.overlay = $('
    ')\n this.$body.append(this.overlay)\n }\n this.$body.append(this.dialog_container)\n }\n\n // Sets the correct size of the dialog\n // It normalizes the given size, so that it never acceeds the window size.\n resize() {\n const { width, height } = this.getSize()\n\n this.dialog.css({\n width: width,\n \"min-height\": height,\n overflow: this.options.overflow\n })\n\n if (this.options.overflow === \"hidden\") {\n this.dialog_body.css({\n height: height,\n overflow: \"auto\"\n })\n } else {\n this.dialog_body.css({\n \"min-height\": height,\n overflow: \"visible\"\n })\n }\n }\n\n getSize() {\n const padding = this.options.padding ? 16 : 0\n const doc_width = this.$window.width()\n const doc_height = this.$window.height()\n\n let width = this.width\n let height = this.height\n\n if (width >= doc_width) {\n width = doc_width - padding\n }\n\n if (height >= doc_height) {\n height = doc_height - padding - DEFAULTS.header_height\n }\n\n return { width, height }\n }\n}\n\n// Gets the last dialog instantiated, which is the current one.\nexport function currentDialog() {\n const { length } = currentDialogs\n if (length === 0) {\n return\n }\n return currentDialogs[length - 1]\n}\n\n// Utility function to close the current Dialog\n//\n// You can pass a callback function, that gets triggered after the Dialog gets closed.\n//\nexport function closeCurrentDialog(callback) {\n const dialog = currentDialog()\n if (dialog != null) {\n dialog.options.closed = callback\n return dialog.close()\n }\n}\n\n// Utility function to open a new Dialog\nexport function openDialog(url, options) {\n if (!url) {\n throw \"No url given! Please provide an url.\"\n }\n const dialog = new Dialog(url, options)\n dialog.open()\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nconst getDefaults = () => ({\n // The default size of the dialog\n size: \"300x100\",\n title: translate(\"Please confirm\"),\n ok_label: translate(\"Yes\"),\n cancel_label: translate(\"No\"),\n on_ok() {}\n})\n\nclass ConfirmDialog {\n constructor(message, options = {}) {\n this.message = message\n this.options = { ...getDefaults(), ...options }\n this.#build()\n this.#bindEvents()\n }\n\n open() {\n requestAnimationFrame(() => {\n this.dialog.show()\n })\n }\n\n #build() {\n const width = this.options.size.split(\"x\")[0]\n this.dialog = createHtmlElement(`\n \n ${this.message}\n \n \n \n `)\n document.body.append(this.dialog)\n }\n\n #bindEvents() {\n this.cancelButton.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.options.on_cancel()\n this.dialog.hide()\n })\n this.okButton.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.options.on_ok()\n this.dialog.hide()\n })\n // Prevent the dialog from closing when the user clicks on the overlay\n this.dialog.addEventListener(\"sl-request-close\", (event) => {\n if (event.detail.source === \"overlay\") {\n this.options.on_cancel()\n event.preventDefault()\n }\n })\n // Remove the dialog from the DOM after it has been hidden\n this.dialog.addEventListener(\"sl-after-hide\", () => {\n this.dialog.remove()\n })\n }\n\n get cancelButton() {\n return this.dialog.querySelector(\"button[type=reset]\")\n }\n\n get okButton() {\n return this.dialog.querySelector(\"button[type=submit]\")\n }\n}\n\n/* Opens a confirm dialog\n *\n * @param {string} message - The message that will be displayed to the user\n * @param {Object} [options={}] - Configuration options for the dialog\n * @param {string} [options.title=\"Please confirm\"] - The title of the overlay window\n * @param {string} [options.cancel_label=\"No\"] - The label of the cancel button\n * @param {string} [options.ok_label=\"Yes\"] - The label of the ok button\n *\n * @returns {Promise} A promise that resolves to true when the OK button is clicked and\n * resolves to false when the cancel button is clicked. Works as confirm dialog replacement\n * for Turbo.confirm.\n */\nexport function openConfirmDialog(message, options = {}) {\n return new Promise((resolve) => {\n const dialog = new ConfirmDialog(message, {\n ...options,\n on_ok() {\n resolve(true)\n },\n on_cancel() {\n resolve(false)\n }\n })\n dialog.open()\n })\n}\n","/**\n * To show the \"Please wait\" overlay.\n * Pass false to hide it.\n * @param {boolean} show\n */\nexport default function pleaseWaitOverlay(show = true) {\n document.querySelector(\"alchemy-overlay\").show = !!show\n}\n","import { openConfirmDialog } from \"alchemy_admin/confirm_dialog\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\nfunction checkPageDirtyness(element) {\n let callback = () => {}\n\n if ($(element).is(\"form\")) {\n callback = function () {\n const $form = $(\n `
    `\n )\n $form.append($(element).find(\"input\"))\n $form.appendTo(\"body\")\n\n pleaseWaitOverlay()\n $form.trigger(\"submit\")\n }\n } else if ($(element).is(\"a\")) {\n callback = () => Turbo.visit(element.pathname)\n }\n\n const isPageDirty =\n document.querySelectorAll(\"alchemy-element-editor.dirty\").length > 0\n\n if (isPageDirty) {\n openConfirmDialog(translate(\"page_dirty_notice\"), {\n title: translate(\"warning\"),\n ok_label: translate(\"ok\"),\n cancel_label: translate(\"cancel\")\n }).then((proceed) => {\n if (proceed) {\n window.onbeforeunload = void 0\n callback()\n }\n })\n return false\n }\n return true\n}\n\nfunction PageLeaveObserver() {\n document.querySelectorAll(\"#main_navi a\").forEach((element) => {\n element.addEventListener(\"click\", (event) => {\n if (!checkPageDirtyness(event.currentTarget)) {\n event.preventDefault()\n }\n })\n })\n}\n\nexport default {\n checkPageDirtyness,\n PageLeaveObserver\n}\n","// Creates a fixed element tab.\nexport function createTab(element_id, label) {\n const fixed_elements = document.getElementById(\"fixed-elements\")\n const panel_name = `fixed-element-${element_id}`\n\n const tab = `${label}`\n const panel = ``\n\n fixed_elements.innerHTML += tab + panel\n\n window.requestAnimationFrame(function () {\n fixed_elements.show(panel_name)\n })\n}\n\nexport function removeTab(element_id) {\n const fixed_elements = document.getElementById(\"fixed-elements\")\n const panel_name = `fixed-element-${element_id}`\n\n fixed_elements.querySelector(`sl-tab[panel=\"${panel_name}\"]`).remove()\n fixed_elements.querySelector(`sl-tab-panel[name=\"${panel_name}\"]`).remove()\n\n fixed_elements.show(\"main-content-elements\")\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\n\nfunction build(message, flashType) {\n const flashNotices = document.getElementById(\"flash_notices\")\n const flashMessage = createHtmlElement(`\n \n ${message}\n \n `)\n flashNotices.append(flashMessage)\n}\n\nexport function growl(message, style = \"notice\") {\n build(message, style)\n}\n","import { translate } from \"alchemy_admin/i18n\"\nimport { Dialog } from \"alchemy_admin/dialog\"\n\n// Matches a URL fragment (#anchor) at the end of a string.\n// Covers RFC 3986 unreserved characters (ALPHA, DIGIT, \"-\", \".\", \"_\", \"~\")\n// which are the characters valid in URL fragments and common in DOM element IDs.\nconst ANCHOR_REGEX = /#[\\w.~-]+$/\n\n// Represents the link Dialog that appears, if a user clicks the link buttons\n// in TinyMCE or on an Ingredient that has links enabled (e.g. Picture)\n//\nexport class LinkDialog extends Dialog {\n #onCreateLink\n\n constructor(link) {\n const url = new URL(Alchemy.routes.link_admin_pages_path, window.location)\n const parameterMapping = {\n url: link.url,\n selected_tab: link.type,\n link_title: link.title,\n link_target: link.target\n }\n\n // searchParams.set would also add undefined values\n Object.keys(parameterMapping).forEach((key) => {\n if (parameterMapping[key]) {\n url.searchParams.set(key, parameterMapping[key])\n }\n })\n\n super(url.href, {\n size: \"600x320\",\n title: translate(\"Link\")\n })\n }\n\n /**\n * Called from Dialog class after the url was loaded\n */\n replace(data) {\n // let Dialog class handle the content replacement\n super.replace(data)\n this.#attachEvents()\n }\n\n /**\n * make the open method a promise\n * maybe in a future version the whole Dialog will respond with a promise result if the dialog is closing\n * @returns {Promise}\n */\n open() {\n super.open()\n return new Promise((resolve) => (this.#onCreateLink = resolve))\n }\n\n /**\n * Attaches click events to forms in the link dialog.\n */\n #attachEvents() {\n // enable the dom selection in internal link tab\n const internalForm = document.querySelector(\n '[data-link-form-type=\"internal\"]'\n )\n const attachmentSelect = document.querySelector(\n '[data-link-form-type=\"file\"] alchemy-attachment-select'\n )\n\n internalForm.addEventListener(\"Alchemy.RemoteSelect.Change\", (e) => {\n this.#updatePage(e.detail.added)\n })\n\n attachmentSelect.addEventListener(\"Alchemy.RemoteSelect.Change\", (e) => {\n const attachment = e.detail.added\n document.getElementById(\"file_link\").value = attachment\n ? attachment.url\n : \"\"\n })\n\n document.querySelectorAll(\"[data-link-form-type]\").forEach((form) => {\n form.addEventListener(\"submit\", (e) => {\n e.preventDefault()\n this.#submitForm(e.target.dataset.linkFormType)\n })\n })\n }\n\n /**\n * update page select and set anchor select\n * @param page\n */\n #updatePage(page = null) {\n const internalLink = document.getElementById(\"internal_link\")\n const domIdSelect = document.querySelector(\n '[data-link-form-type=\"internal\"] alchemy-dom-id-api-select'\n )\n\n internalLink.value = page ? page.url_path : \"\"\n domIdSelect.page = page ? page.id : undefined\n }\n\n /**\n * submit the form itself\n * @param linkType\n */\n #submitForm(linkType) {\n const elementAnchor = document.getElementById(\"element_anchor\")\n let url = document.getElementById(`${linkType}_link`).value\n\n if (linkType === \"internal\" && elementAnchor.value !== \"\") {\n // remove possible fragments on the url and attach the fragment (which contains the #)\n url = url.replace(ANCHOR_REGEX, \"\") + elementAnchor.value\n } else if (linkType === \"external\" && !url.match(Alchemy.link_url_regexp)) {\n // show validation error and prevent link creation\n this.#showValidationError()\n return\n }\n\n // Create the link\n this.#onCreateLink({\n url: url.trim(),\n title: document.getElementById(`${linkType}_link_title`).value,\n target: document.getElementById(`${linkType}_link_target`)?.value,\n type: linkType\n })\n this.close()\n }\n\n /**\n * Shows validation errors\n */\n #showValidationError() {\n const errors = document.getElementById(\"errors\")\n errors.querySelector(\"ul\").innerHTML =\n `
  • ${Alchemy.t(\"url_validation_failed\")}
    • `\n errors.style.display = \"block\"\n }\n}\n","import { growl } from \"alchemy_admin/growler\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass PreviewWindow extends HTMLIFrameElement {\n #afterLoad\n #reloadIcon\n #loadTimeout\n\n handleEvent(evt) {\n if (evt.type === \"load\") {\n this.#clearLoadTimeout()\n this.#stopSpinner()\n this.#afterLoad?.call(this, evt)\n }\n }\n\n #onPreviewReady = (event) => {\n if (event.data.message === \"Alchemy.previewReady\") {\n this.#clearLoadTimeout()\n this.#stopSpinner()\n this.#afterLoad?.call(this, event)\n }\n }\n\n connectedCallback() {\n let url = this.url\n\n this.addEventListener(\"load\", this)\n this.#attachEvents()\n window.addEventListener(\"message\", this.#onPreviewReady)\n\n if (window.localStorage.getItem(\"alchemy-preview-url\")) {\n url = window.localStorage.getItem(\"alchemy-preview-url\")\n this.previewUrlSelect.value = url\n }\n\n this.refresh(url)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"load\", this)\n key.unbind(\"alt+r\")\n window.removeEventListener(\"message\", this.#onPreviewReady)\n }\n\n postMessage(data) {\n this.contentWindow.postMessage(data, \"*\")\n }\n\n resize(width) {\n this.style.width = `${width}px`\n }\n\n refresh(url) {\n this.#startSpinner()\n\n if (url) {\n this.src = url\n } else {\n this.src = this.url\n }\n\n // Set 5s timeout as fallback - if iframe doesn't load, stop spinner anyway\n this.#clearLoadTimeout()\n this.#loadTimeout = setTimeout(() => {\n this.#stopSpinner()\n growl(translate(\"Preview failed to load\"), \"warning\")\n }, 5000)\n\n return new Promise((resolve) => {\n this.#afterLoad = resolve\n })\n }\n\n set isDragged(dragged) {\n this.style.transitionProperty = dragged ? \"none\" : null\n this.style.pointerEvents = dragged ? \"none\" : null\n }\n\n #attachEvents() {\n this.reloadButton?.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.refresh()\n })\n\n key(\"alt+r\", () => this.refresh())\n\n this.sizeSelect.addEventListener(\"change\", (evt) => {\n const select = evt.target\n const width = select.value\n\n if (width === \"\") {\n this.style.width = null\n } else {\n this.resize(width)\n }\n })\n\n this.previewUrlSelect?.addEventListener(\"change\", (evt) => {\n const url = evt.target.value\n window.localStorage.setItem(\"alchemy-preview-url\", url)\n this.refresh(url)\n })\n }\n\n #startSpinner() {\n // Only save the reload icon if we're not already showing a spinner\n if (!this.reloadButton.innerHTML.includes(\"alchemy-spinner\")) {\n this.#reloadIcon = this.reloadButton.innerHTML\n }\n this.reloadButton.innerHTML = ``\n }\n\n #stopSpinner() {\n this.reloadButton.innerHTML = this.#reloadIcon\n }\n\n #clearLoadTimeout() {\n if (this.#loadTimeout) {\n clearTimeout(this.#loadTimeout)\n this.#loadTimeout = null\n }\n }\n\n get url() {\n return this.getAttribute(\"url\")\n }\n\n get sizeSelect() {\n return document.querySelector(\"select#preview_size\")\n }\n\n get previewUrlSelect() {\n return document.querySelector(\"select#preview_url\")\n }\n\n get reloadButton() {\n return document.querySelector(\"#reload_preview_button\")\n }\n}\n\ncustomElements.define(\"alchemy-preview-window\", PreviewWindow, {\n extends: \"iframe\"\n})\n\nexport function reloadPreview() {\n const previewWindow = document.getElementById(\"alchemy_preview_window\")\n previewWindow.refresh()\n}\n","export default class IngredientAnchorLink {\n static updateIcon(ingredientId, active = false) {\n const ingredientEditor = document.querySelector(\n `[data-ingredient-id=\"${ingredientId}\"]`\n )\n if (ingredientEditor) {\n const icon = ingredientEditor.querySelector(\n \".edit-ingredient-anchor-link alchemy-icon\"\n )\n icon.setAttribute(\"icon-style\", active ? \"fill\" : \"line\")\n }\n }\n}\n","import { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { removeTab } from \"alchemy_admin/fixed_elements\"\nimport { closeCurrentDialog } from \"alchemy_admin/dialog\"\nimport IngredientAnchorLink from \"alchemy_admin/ingredient_anchor_link\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\nclass Action extends HTMLElement {\n constructor() {\n super()\n\n // map action names with Javascript functions\n this.actions = {\n // add a intermediate closeCurrentDialog - action\n // this will be gone, if all dialogs are working with a promise and\n // we don't have to implicitly close the dialog\n closeCurrentDialog,\n reloadPreview,\n removeFixedElement: removeTab,\n updateAnchorIcon: IngredientAnchorLink.updateIcon,\n hidePleaseWaitOverlay() {\n pleaseWaitOverlay(false)\n }\n }\n }\n\n connectedCallback() {\n const func = this.actions[this.name]\n\n if (func) {\n func(...this.params)\n } else {\n console.error(`Unknown Alchemy action: ${this.name}`)\n }\n\n this.remove()\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get params() {\n if (this.hasAttribute(\"params\")) {\n return JSON.parse(this.getAttribute(\"params\"))\n }\n return []\n }\n}\n\ncustomElements.define(\"alchemy-action\", Action)\n","import { setupSelectLocale } from \"alchemy_admin/i18n\"\n\nexport function hightlightTerm(name, term) {\n return name.replace(new RegExp(term, \"gi\"), (match) => `${match}`)\n}\n\nexport class RemoteSelect extends HTMLElement {\n #select2 = null\n\n async connectedCallback() {\n await setupSelectLocale()\n // Bail out if the element was disconnected while the locale was loading.\n // Otherwise Select2 would leak onto a detached input.\n if (!this.isConnected) return\n\n this.input.classList.add(\"alchemy_selectbox\")\n\n this.#select2 = $(this.input)\n .select2(this.select2Config)\n .on(\"select2-open\", this.#onOpen)\n .on(\"change\", this.#onChange)\n }\n\n disconnectedCallback() {\n if (this.#select2) {\n this.#select2.off(\"select2-open\", this.#onOpen)\n this.#select2.off(\"change\", this.#onChange)\n this.#select2.select2(\"destroy\")\n this.#select2 = null\n }\n }\n\n #onOpen = (evt) => this.onOpen(evt)\n #onChange = (evt) => this.onChange(evt)\n\n /**\n * Optional on change handler called by Select2.\n * @param {Event} event\n */\n onChange(event) {\n // Update selection attribute so re-attaching the select2 component to\n // the same input (e.g. after dragndrop) does not reset the selection.\n if (event.added) {\n this.setAttribute(\"selection\", JSON.stringify(event.added))\n }\n this.dispatchCustomEvent(\"RemoteSelect.Change\", {\n removed: event.removed,\n added: event.added\n })\n }\n\n /**\n * Optional on open handler called by Select2.\n * @param {Event} event\n */\n onOpen(event) {\n // add focus to the search input. Select2 is handling the focus on the first opening,\n // but it does not work the second time. One process in select2 is \"stealing\" the focus\n // if the command is not delayed. It is an intermediate solution until we are going to\n // move away from Select2\n setTimeout(() => {\n document.querySelector(\"#select2-drop .select2-input\").focus()\n }, 100)\n }\n\n /**\n * Dispatches a custom event with given name, namespaced under `Alchemy.`.\n * Subclasses may call this to emit their own events.\n * @param {string} name The name of the custom event\n * @param {object} detail Optional event details\n */\n dispatchCustomEvent(name, detail = {}) {\n this.dispatchEvent(\n new CustomEvent(`Alchemy.${name}`, { bubbles: true, detail })\n )\n }\n\n get allowClear() {\n return this.hasAttribute(\"allow-clear\")\n }\n\n get selection() {\n return this.getAttribute(\"selection\")\n }\n\n get placeholder() {\n return this.getAttribute(\"placeholder\") ?? \"\"\n }\n\n get queryParams() {\n return this.getAttribute(\"query-params\") ?? \"{}\"\n }\n\n get url() {\n return this.getAttribute(\"url\") ?? \"\"\n }\n\n get input() {\n return this.getElementsByTagName(\"input\")[0]\n }\n\n get select2Config() {\n return {\n placeholder: this.placeholder,\n allowClear: this.allowClear,\n initSelection: (_$el, callback) => {\n if (this.selection) {\n callback(JSON.parse(this.selection))\n }\n },\n ajax: this.ajaxConfig,\n formatSelection: (item) => this._renderResult(item),\n formatResult: (item, _el, query) =>\n this._renderListEntry(item, query.term)\n }\n }\n\n /**\n * Ajax configuration for Select2\n * @returns {object}\n */\n get ajaxConfig() {\n return {\n url: this.url,\n datatype: \"json\",\n quietMillis: 300,\n data: (term, page) => this._searchQuery(term, page),\n results: (response) => this._parseResponse(response)\n }\n }\n\n /**\n * Search query send to server from select2\n * @param {string} term\n * @param {number} page\n * @returns {object}\n * @private\n */\n _searchQuery(term, page) {\n return {\n q: {\n name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n /**\n * Parses server response into select2 results object\n * @param {object} response\n * @returns {object}\n * @private\n */\n _parseResponse(response) {\n const meta = response.meta\n return {\n results: response.data,\n more: meta.page * meta.per_page < meta.total_count\n }\n }\n\n /**\n * result which is visible if a page was selected\n * @param {object} item\n * @returns {string}\n * @private\n */\n _renderResult() {\n throw new Error(\n \"You need to define a _renderResult function on your sub class!\"\n )\n }\n\n /**\n * html template for each list entry\n * @param {object} item\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry() {\n throw new Error(\n \"You need to define a _renderListEntry function on your sub class!\"\n )\n }\n\n /**\n * hightlighted search term\n * @param {string} name\n * @param {string} term\n * @returns {string}\n * @private\n */\n _hightlightTerm(name, term) {\n return hightlightTerm(name, term)\n }\n}\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass AttachmentSelect extends RemoteSelect {\n _renderResult(item) {\n return this._renderListEntry(item)\n }\n\n /**\n * html template for each list entry\n * @param {object} page\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(attachment, term) {\n return `\n
    \n \n ${this._hightlightTerm(attachment.name, term)}\n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-attachment-select\", AttachmentSelect)\n","// Dispatch a submit event on change of input or select elements\n// contained in a form, so that Turbo can submit the form.\nclass AutoSubmit extends HTMLElement {\n connectedCallback() {\n // Still using jQuery here, because select2 does not emit\n // the event from the original select element.\n $(this).on(\"change\", this.#onChange)\n }\n\n disconnectedCallback() {\n $(this).off(\"change\", this.#onChange)\n }\n\n #onChange = (event) => {\n // We need to dispatch a submit event, so that Turbo that listens\n // to it submits the search form us.\n const submitEvent = new Event(\"submit\", {\n bubbles: true,\n cancelable: true\n })\n event.target.form.dispatchEvent(submitEvent)\n return false\n }\n}\n\ncustomElements.define(\"alchemy-auto-submit\", AutoSubmit)\n","import Spinner from \"alchemy_admin/spinner\"\n\nclass Button extends HTMLButtonElement {\n connectedCallback() {\n if (this.form) {\n this.form.addEventListener(\"submit\", this)\n\n if (this.form.dataset.remote == \"true\") {\n this.form.addEventListener(\"ajax:complete\", this)\n }\n\n this.form.addEventListener(\"turbo:submit-end\", this)\n } else {\n console.warn(\"No form for button found!\", this)\n }\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"submit\":\n const isDisabled = this.getAttribute(\"disabled\") === \"disabled\"\n\n if (isDisabled) {\n event.preventDefault()\n event.stopPropagation()\n } else {\n this.disable()\n }\n break\n case \"ajax:complete\":\n case \"turbo:submit-end\":\n this.enable()\n break\n }\n }\n\n disable() {\n const spinner = new Spinner(\"small\")\n const rect = this.getBoundingClientRect()\n\n this.dataset.initialButtonText = this.innerHTML\n this.setAttribute(\"disabled\", \"disabled\")\n this.setAttribute(\"tabindex\", \"-1\")\n this.classList.add(\"disabled\")\n this.style.width = `${rect.width}px`\n this.style.height = `${rect.height}px`\n this.innerHTML = \" \"\n\n spinner.spin(this)\n }\n\n enable() {\n this.classList.remove(\"disabled\")\n this.removeAttribute(\"disabled\")\n this.removeAttribute(\"tabindex\")\n this.style.width = null\n this.style.height = null\n this.innerHTML = this.dataset.initialButtonText\n }\n}\n\ncustomElements.define(\"alchemy-button\", Button, { extends: \"button\" })\n","/**\n * Show the character counter below input fields and textareas\n */\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass CharCounter extends HTMLElement {\n connectedCallback() {\n this.translation = translate(\"allowed_chars\", this.maxChars)\n this.formField = this.getFormField()\n\n if (this.formField) {\n this.createDisplayElement()\n this.countCharacters()\n this.formField.addEventListener(\"keyup\", this)\n }\n }\n\n disconnectedCallback() {\n this.formField?.removeEventListener(\"keyup\", this)\n }\n\n handleEvent(event) {\n if (event.type === \"keyup\") this.countCharacters()\n }\n\n getFormField() {\n const formFields = this.querySelectorAll(\"input, textarea\")\n return formFields.length > 0 ? formFields[0] : undefined\n }\n\n createDisplayElement() {\n this.display = this.querySelector(\":scope > .alchemy-char-counter\")\n if (this.display) return\n this.display = document.createElement(\"small\")\n this.display.className = \"alchemy-char-counter\"\n this.formField.after(this.display)\n }\n\n countCharacters() {\n const charLength = this.formField.value.length\n this.display.textContent = `${charLength} ${this.translation}`\n this.display.classList.toggle(\"too-long\", charLength > this.maxChars)\n }\n\n get maxChars() {\n return this.getAttribute(\"max-chars\") ?? 60\n }\n}\n\ncustomElements.define(\"alchemy-char-counter\", CharCounter)\n","import \"clipboard\"\nimport { growl } from \"alchemy_admin/growler\"\n\nclass ClipboardButton extends HTMLElement {\n connectedCallback() {\n this.innerHTML = ''\n\n this.clipboard = new ClipboardJS(this, {\n text: () => {\n return this.getAttribute(\"content\")\n }\n })\n\n this.clipboard.on(\"success\", () => {\n growl(this.getAttribute(\"success-text\"))\n })\n }\n\n disconnectedCallback() {\n this.clipboard.destroy()\n }\n}\n\ncustomElements.define(\"alchemy-clipboard-button\", ClipboardButton)\n","const formatItem = (object) => {\n const optionEl = object.element[0]\n const swatch = optionEl.dataset.swatch || optionEl.value\n const customColor = optionEl.value === \"custom_color\"\n const colorIndicator = customColor\n ? ``\n : ``\n\n return `\n
    \n ${colorIndicator}\n ${object.text}\n
    `\n}\n\nclass ColorSelect extends HTMLElement {\n #select2 = null\n\n connectedCallback() {\n if (this.select) {\n this.#initializeSelect2()\n this.#select2.on(\"change\", this.#onSelectChange)\n } else {\n this.colorInput?.addEventListener(\"input\", this)\n this.textInput?.addEventListener(\"input\", this)\n this.#toggleColorPicker(true)\n }\n }\n\n handleEvent(event) {\n switch (event.target) {\n case this.colorInput:\n this.textInput.value = this.colorInput.value\n break\n case this.textInput:\n this.colorInput.value = this.textInput.value\n break\n }\n }\n\n disconnectedCallback() {\n this.colorInput?.removeEventListener(\"input\", this)\n this.textInput?.removeEventListener(\"input\", this)\n if (this.#select2) {\n this.#select2.off(\"change\", this.#onSelectChange)\n this.#select2.select2(\"destroy\")\n this.#select2 = null\n }\n }\n\n #onSelectChange = (event) => {\n this.#toggleColorPicker(event.val === \"custom_color\")\n }\n\n #initializeSelect2() {\n this.select.classList.add(\"alchemy_selectbox\")\n const options = {\n minimumResultsForSearch: 10,\n formatResult: formatItem,\n formatSelection: formatItem\n }\n this.#select2 = $(this.select).select2(options)\n }\n\n #toggleColorPicker(enabled = true) {\n this.colorInput.disabled = !enabled\n }\n\n get colorInput() {\n return this.querySelector(\"input[type='color']\")\n }\n\n get textInput() {\n return this.querySelector(\"input[type='text']\")\n }\n\n get select() {\n return this.querySelector(\"select\")\n }\n}\n\ncustomElements.define(\"alchemy-color-select\", ColorSelect)\n","import { translate, currentLocale } from \"alchemy_admin/i18n\"\nimport flatpickr from \"flatpickr\"\n\nconst locale = currentLocale()\n\nclass Datepicker extends HTMLElement {\n // Load the locales for flatpickr before setting it up.\n async connectedCallback() {\n // English is the default locale for flatpickr, so we don't need to load it\n if (locale !== \"en\") {\n await import(`flatpickr/${locale}.js`)\n }\n // Bail out if the element was disconnected while the locale was loading.\n // Otherwise flatpickr would leak a calendar onto a detached input.\n if (!this.isConnected) return\n\n this.flatpickr = flatpickr(this.inputField, this.flatpickrOptions)\n }\n\n disconnectedCallback() {\n this.flatpickr?.destroy()\n }\n\n get flatpickrOptions() {\n const enableTime = /time/.test(this.inputType)\n const options = {\n // alchemy_i18n supports `zh_CN` etc., but flatpickr only has two-letter codes (`zh`)\n locale: locale.slice(0, 2),\n altInput: true,\n altFormat: translate(`formats.${this.inputType}`),\n altInputClass: \"flatpickr-input\",\n enableTime,\n noCalendar: this.inputType === \"time\",\n time_24hr: translate(\"formats.time_24hr\"),\n onValueUpdate(_selectedDates, _dateStr, instance) {\n instance.element\n .closest(\"alchemy-element-editor\")\n ?.setDirty(this.inputField)\n }\n }\n\n if (enableTime) {\n options.dateFormat = \"Z\"\n }\n\n return options\n }\n\n get inputField() {\n return this.querySelector(\"input\")\n }\n\n get inputType() {\n return this.getAttribute(\"input-type\") || \"date\"\n }\n}\n\ncustomElements.define(\"alchemy-datepicker\", Datepicker)\n","import { Dialog } from \"alchemy_admin/dialog\"\n\nexport class DialogLink extends HTMLAnchorElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this)\n }\n\n handleEvent(evt) {\n if (!this.disabled) {\n this.openDialog()\n }\n evt.preventDefault()\n }\n\n openDialog() {\n this.dialog = new Dialog(this.getAttribute(\"href\"), this.dialogOptions)\n this.dialog.open()\n }\n\n get dialogOptions() {\n const options = this.dataset.dialogOptions\n ? JSON.parse(this.dataset.dialogOptions)\n : {}\n return options\n }\n\n get disabled() {\n return this.classList.contains(\"disabled\")\n }\n}\n\ncustomElements.define(\"alchemy-dialog-link\", DialogLink, { extends: \"a\" })\n","const JSON_CONTENT_TYPE = \"application/json\"\nconst TURBO_STREAM_CONTENT_TYPE = \"text/vnd.turbo-stream.html\"\n\nfunction isGetRequest(method) {\n return method.toLowerCase() === \"get\"\n}\n\nfunction prepareURL(path, data, method) {\n const url = new URL(window.location.origin + path)\n\n if (data && isGetRequest(method)) {\n url.search = new URLSearchParams(data).toString()\n }\n\n return url.toString()\n}\n\nfunction prepareHeaders(accept) {\n return {\n \"Content-Type\": \"application/json; charset=utf-8\",\n Accept: accept,\n \"X-Requested-With\": \"XMLHttpRequest\",\n \"X-CSRF-Token\": getToken()\n }\n}\n\nfunction prepareOptions(method, data, accept) {\n const headers = prepareHeaders(accept)\n const options = { method, headers }\n\n if (data && !isGetRequest(method)) {\n options.body = JSON.stringify(data)\n }\n\n return options\n}\n\nexport function getToken() {\n const metaTag = document.querySelector('meta[name=\"csrf-token\"]')\n return metaTag.attributes.content.textContent\n}\n\nexport function get(url, params) {\n return ajax(\"GET\", url, params)\n}\n\nexport function patch(url, data, accept) {\n return ajax(\"PATCH\", url, data, accept)\n}\n\nexport function post(url, data, accept = JSON_CONTENT_TYPE) {\n return ajax(\"POST\", url, data, accept)\n}\n\nexport default async function ajax(\n method,\n path,\n data,\n accept = JSON_CONTENT_TYPE\n) {\n const response = await fetch(\n prepareURL(path, data, method),\n prepareOptions(method, data, accept)\n )\n const contentType = response.headers.get(\"content-type\")\n const isJson = contentType?.includes(JSON_CONTENT_TYPE)\n const isTurboStream = contentType?.includes(TURBO_STREAM_CONTENT_TYPE)\n\n let responseData = null\n if (isJson) {\n responseData = await response.json()\n } else if (isTurboStream) {\n responseData = await response.text()\n // Automatically render Turbo Stream if Turbo is available\n if (typeof Turbo !== \"undefined\") {\n Turbo.renderStreamMessage(responseData)\n }\n }\n\n if (response.ok) {\n return { data: responseData, status: response.status }\n } else {\n throw responseData || new Error(\"An error occurred during the transaction\")\n }\n}\n","import { get } from \"alchemy_admin/utils/ajax\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass DomIdSelect extends HTMLElement {\n dataItem(hash) {\n return {\n id: `#${hash}`,\n text: `#${hash}`\n }\n }\n\n get selectElement() {\n return this.querySelector('select[is=\"alchemy-select\"]')\n }\n}\n\nclass DomIdApiSelect extends DomIdSelect {\n #pageId = undefined\n\n connectedCallback() {\n this.page = this.getAttribute(\"page\")\n }\n\n async #fetchDomIds() {\n const result = await get(Alchemy.routes.api_ingredients_path, {\n page_id: this.#pageId\n })\n const options = result.data.ingredients\n .filter((ingredient) => ingredient.data?.dom_id)\n .map((ingredient) => this.dataItem(ingredient.data.dom_id))\n const prompt =\n options.length > 0 ? translate(\"None\") : translate(\"No anchors found\")\n\n this.selectElement.setOptions(options, prompt)\n this.selectElement.enable()\n }\n\n #reset() {\n // wait a tick to initialize the alchemy-select\n requestAnimationFrame(() => {\n this.selectElement.disable()\n this.selectElement.setOptions([], translate(\"Select a page first\"))\n })\n }\n\n set page(pageId) {\n this.#pageId = pageId\n pageId ? this.#fetchDomIds() : this.#reset()\n }\n}\n\nclass DomIdPreviewSelect extends DomIdSelect {\n connectedCallback() {\n // wait a tick to let the browser initialize the inner select component\n requestAnimationFrame(() => {\n const frame = document.getElementById(\"alchemy_preview_window\")\n const elements = frame.contentDocument?.querySelectorAll(\"[id]\") || []\n if (elements.length > 0) {\n const options = Array.from(elements).map((element) => {\n return this.dataItem(element.id)\n })\n this.selectElement.setOptions(options, translate(\"None\"))\n }\n })\n }\n}\n\ncustomElements.define(\"alchemy-dom-id-api-select\", DomIdApiSelect)\ncustomElements.define(\"alchemy-dom-id-preview-select\", DomIdPreviewSelect)\n","export class PublishElementButton extends HTMLElement {\n #scheduleButtonVariant\n\n connectedCallback() {\n this.#scheduleButtonVariant = this.scheduleButton.getAttribute(\"variant\")\n this.publishButton.addEventListener(\"click\", this)\n this.dropdown.addEventListener(\"sl-show\", this)\n this.dropdown.addEventListener(\"sl-hide\", this)\n }\n\n disconnectedCallback() {\n this.publishButton.removeEventListener(\"click\", this)\n this.dropdown.removeEventListener(\"sl-show\", this)\n this.dropdown.removeEventListener(\"sl-hide\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"click\":\n this.publishButton.loading = true\n break\n case \"sl-show\":\n this.scheduleButton.setAttribute(\"variant\", \"primary\")\n break\n case \"sl-hide\":\n this.scheduleButton.setAttribute(\"variant\", this.#scheduleButtonVariant)\n break\n }\n }\n\n get publishButton() {\n return this.querySelector(\"sl-button[type='submit']\")\n }\n\n get dropdown() {\n return this.querySelector(\"sl-dropdown\")\n }\n\n get scheduleButton() {\n return this.querySelector(\"sl-button[slot='trigger']\")\n }\n}\n\ncustomElements.define(\"alchemy-publish-element-button\", PublishElementButton)\n","import ajax from \"alchemy_admin/utils/ajax\"\nimport { removeTab } from \"alchemy_admin/fixed_elements\"\nimport { growl } from \"alchemy_admin/growler\"\nimport { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { openConfirmDialog } from \"alchemy_admin/confirm_dialog\"\nimport { dispatchPageDirtyEvent } from \"alchemy_admin/components/element_editor\"\n\nexport class DeleteElementButton extends HTMLElement {\n connectedCallback() {\n this.button?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.button?.removeEventListener(\"click\", this)\n }\n\n async handleEvent() {\n const confirmed = await openConfirmDialog(this.message)\n if (confirmed) {\n const response = await ajax(\"DELETE\", this.url)\n this.#removeElement(response.data)\n }\n }\n\n #removeElement(data) {\n const elementEditor = this.closest(\"alchemy-element-editor\")\n elementEditor.addEventListener(\"transitionend\", () => {\n if (elementEditor.fixed) {\n removeTab(elementEditor.elementId)\n }\n elementEditor.remove()\n })\n elementEditor.classList.add(\"dismiss\")\n growl(data.message)\n if (data.pageHasUnpublishedChanges) {\n dispatchPageDirtyEvent(data)\n }\n reloadPreview()\n }\n\n get url() {\n return this.getAttribute(\"href\")\n }\n\n get message() {\n return this.getAttribute(\"message\")\n }\n\n get button() {\n return this.querySelector(\"button\")\n }\n}\n\ncustomElements.define(\"alchemy-delete-element-button\", DeleteElementButton)\n","import IngredientAnchorLink from \"alchemy_admin/ingredient_anchor_link\"\nimport { post } from \"alchemy_admin/utils/ajax\"\nimport { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\nimport { growl } from \"alchemy_admin/growler\"\n\nimport \"alchemy_admin/components/element_editor/publish_element_button\"\nimport \"alchemy_admin/components/element_editor/delete_element_button\"\n\nexport function dispatchPageDirtyEvent(data) {\n document.dispatchEvent(\n new CustomEvent(\"alchemy:page-dirty\", {\n detail: { tooltip: data.publishButtonTooltip }\n })\n )\n}\n\nexport class ElementEditor extends HTMLElement {\n #form = null\n #header = null\n #toggleButton = null\n\n connectedCallback() {\n // The placeholder while be being dragged is empty.\n if (this.classList.contains(\"ui-sortable-placeholder\")) {\n return\n }\n\n // Add event listeners\n this.addEventListener(\"click\", this)\n // Triggered by child elements\n this.addEventListener(\"alchemy:element-update-title\", this)\n // We use of @rails/ujs for Rails remote forms\n this.addEventListener(\"ajax:complete\", this)\n\n // Dirty observer still needs to be jQuery\n // in order to support select2.\n this.#form = this.form\n if (this.#form) {\n $(this.#form).on(\"change\", this.onChange)\n }\n\n this.#header = this.header\n this.#header?.addEventListener(\"dblclick\", this.#onHeaderDblclick)\n\n this.#toggleButton = this.toggleButton\n this.#toggleButton?.addEventListener(\"click\", this.#onToggleClick)\n\n // When newly created, focus the element and refresh the preview\n if (this.hasAttribute(\"created\")) {\n this.focusElement()\n this.previewWindow?.refresh().then(() => {\n this.focusElementPreview()\n })\n this.removeAttribute(\"created\")\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this)\n this.removeEventListener(\"alchemy:element-update-title\", this)\n this.removeEventListener(\"ajax:complete\", this)\n if (this.#form) {\n $(this.#form).off(\"change\", this.onChange)\n this.#form = null\n }\n this.#header?.removeEventListener(\"dblclick\", this.#onHeaderDblclick)\n this.#header = null\n this.#toggleButton?.removeEventListener(\"click\", this.#onToggleClick)\n this.#toggleButton = null\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"click\":\n const elementEditor = event.target.closest(\"alchemy-element-editor\")\n if (elementEditor === this) {\n this.onClickElement()\n }\n break\n case \"ajax:complete\":\n if (event.target === this.body) {\n const xhr = event.detail[0]\n event.stopPropagation()\n this.onSaveElement(xhr)\n }\n break\n case \"alchemy:element-update-title\":\n if (!this.hasEditors && event.target == this.firstChild) {\n this.setTitle(event.detail.title)\n }\n break\n }\n }\n\n onChange = (event) => {\n const target = event.target\n // SortableJS fires a native change event :/\n // and we do not want to set the element editor dirty\n // when this happens\n if (target.classList.contains(\"nested-elements\")) {\n return\n }\n this.setDirty(target)\n event.stopPropagation()\n return false\n }\n\n /**\n * Scrolls to and highlights element\n * Expands if collapsed\n * Also chooses the right fixed elements tab, if necessary.\n * Can be triggered through custom event 'FocusElementEditor.Alchemy'\n * Used by the elements on click events in the preview frame.\n */\n async focusElement() {\n // Select tab if necessary\n if (document.querySelector(\"#fixed-elements\")) {\n await this.selectTabForElement()\n }\n // Expand if necessary\n await this.expand()\n this.selectElement(true)\n }\n\n focusElementPreview() {\n this.previewWindow?.postMessage({\n message: \"Alchemy.focusElement\",\n element_id: this.elementId\n })\n }\n\n onClickElement() {\n this.selectElement()\n this.focusElementPreview()\n }\n\n /**\n * Sets the element to saved state\n * Updates title\n * JS event bubbling will also update the parents element quote.\n * Shows error messages if ingredient validations fail\n * @argument {XMLHttpRequest} xhr\n */\n onSaveElement(xhr) {\n const data = JSON.parse(xhr.responseText)\n // Reset errors that might be visible from last save attempt\n this.setClean()\n // If validation failed\n if (xhr.status === 422) {\n const warning = data.warning\n // Create error messages\n // Mark ingredients as failed\n data.ingredientsWithErrors.forEach((ingredient) => {\n const ingredientEditor = this.querySelector(\n `[data-ingredient-id=\"${ingredient.id}\"]`\n )\n const errorDisplay = createHtmlElement(\n `${ingredient.errorMessage}`\n )\n ingredientEditor?.appendChild(errorDisplay)\n ingredientEditor?.classList.add(\"validation_failed\")\n })\n // Show message\n growl(warning, \"warn\")\n this.elementErrors.classList.remove(\"hidden\")\n } else {\n growl(data.notice)\n this.previewWindow?.refresh().then(() => {\n this.focusElementPreview()\n })\n this.updateTitle(data.previewText)\n data.ingredientAnchors.forEach((anchor) => {\n IngredientAnchorLink.updateIcon(anchor.ingredientId, anchor.active)\n })\n if (data.pageHasUnpublishedChanges) {\n dispatchPageDirtyEvent(data)\n }\n }\n }\n\n /**\n * Smoothly scrolls to element\n */\n scrollToElement() {\n // The timeout gives the browser some time to calculate the position\n // of nested elements correctly\n setTimeout(() => {\n this.scrollIntoView({\n behavior: \"smooth\"\n })\n }, 50)\n }\n\n /**\n * Highlight element and optionally scroll into view\n * @param {boolean} scroll smoothly scroll element into view. Default (false)\n */\n selectElement(scroll = false) {\n document\n .querySelectorAll(\"alchemy-element-editor.selected\")\n .forEach((el) => {\n el.classList.remove(\"selected\")\n })\n window.requestAnimationFrame(() => {\n this.classList.add(\"selected\")\n })\n if (scroll) this.scrollToElement()\n }\n\n /**\n * Selects tab for given element\n * Resolves the promise if this is done.\n * @returns {Promise}\n */\n selectTabForElement() {\n return new Promise((resolve, reject) => {\n const tabs = document.querySelector(\"#fixed-elements\")\n const panel = this.closest(\"sl-tab-panel\")\n if (tabs && panel) {\n tabs.show(panel.getAttribute(\"name\"))\n resolve()\n } else {\n reject(new Error(\"No tabs present\"))\n }\n })\n }\n\n /**\n * Sets the element into clean (safed) state\n */\n setClean() {\n this.dirty = false\n window.onbeforeunload = null\n this.elementErrors.classList.add(\"hidden\")\n\n if (this.hasEditors) {\n this.body.querySelectorAll(\".ingredient-editor\").forEach((el) => {\n el.classList.remove(\"dirty\", \"validation_failed\")\n el.querySelectorAll(\"small.error\").forEach((e) => e.remove())\n })\n }\n }\n\n /**\n * Sets the element into dirty (unsafed) state\n * @param {HTMLElement} editor\n */\n setDirty(editor) {\n if (this.hasEditors) {\n this.dirty = true\n\n if (!window.onbeforeunload) {\n window.onbeforeunload = (event) => event.preventDefault()\n }\n\n editor?.closest(\".ingredient-editor\")?.classList.add(\"dirty\")\n }\n }\n\n /**\n * Sets the title quote\n * @param {string} title\n */\n setTitle(title) {\n const quote = this.querySelector(\".element-header .preview_text_quote\")\n quote.textContent = title\n }\n\n /**\n * Expands or collapses element editor\n * If the element is dirty (has unsaved changes) it displays a confirm first.\n */\n async toggle() {\n if (this.collapsed) {\n await this.expand()\n } else {\n await this.collapse()\n }\n }\n\n /**\n * Collapses the element editor and persists the state on the server\n * @returns {Promise}\n */\n collapse() {\n if (this.collapsed || this.compact || this.fixed) {\n return Promise.resolve(\"Element is already collapsed.\")\n }\n\n const spinner = new Alchemy.Spinner(\"small\")\n spinner.spin(this.toggleButton)\n this.toggleIcon?.classList?.add(\"hidden\")\n return post(Alchemy.routes.collapse_admin_element_path(this.elementId))\n .then((response) => {\n const data = response.data\n\n this.collapsed = true\n this.toggleButton?.setAttribute(\"title\", data.title)\n\n // Collapse all nested elements if necessarry\n if (data.nestedElementIds.length) {\n const selector = data.nestedElementIds\n .map((id) => `#element_${id}`)\n .join(\", \")\n this.querySelectorAll(selector).forEach((nestedElement) => {\n nestedElement.collapsed = true\n nestedElement.toggleButton?.setAttribute(\"title\", data.title)\n })\n }\n })\n .catch((error) => {\n growl(error.message, \"error\")\n console.error(error)\n })\n .finally(() => {\n this.toggleIcon?.classList?.remove(\"hidden\")\n spinner.stop()\n })\n }\n\n /**\n * Collapses the element editor and persists the state on the server\n * @* @returns {Promise}\n */\n expand() {\n if (this.expanded && !this.compact) {\n return Promise.resolve(\"Element is already expanded.\")\n }\n\n if (this.compact && this.parentElementEditor) {\n return this.parentElementEditor.expand()\n } else {\n const spinner = new Alchemy.Spinner(\"small\")\n spinner.spin(this.toggleButton)\n this.toggleIcon?.classList.add(\"hidden\")\n\n return new Promise((resolve, reject) => {\n post(Alchemy.routes.expand_admin_element_path(this.elementId))\n .then((response) => {\n const data = response.data\n\n // First expand all parent elements if necessary\n if (data.parentElementIds.length) {\n const selector = data.parentElementIds\n .map((id) => `#element_${id}`)\n .join(\", \")\n document.querySelectorAll(selector).forEach((parentElement) => {\n parentElement.collapsed = false\n parentElement.toggleButton?.setAttribute(\"title\", data.title)\n })\n }\n // Finally expand ourselve\n this.collapsed = false\n this.toggleButton?.setAttribute(\"title\", data.title)\n // Resolve the promise that scrolls to the element very last\n resolve()\n })\n .catch((error) => {\n growl(error.message, \"error\")\n console.error(error)\n reject(error)\n })\n .finally(() => {\n this.toggleIcon?.classList?.remove(\"hidden\")\n spinner.stop()\n })\n })\n }\n }\n\n /**\n * Updates the quote in the element header and dispatches event\n * to parent elements\n * @param {string} title\n */\n updateTitle(title) {\n this.setTitle(title)\n this.dispatchEvent(\n new CustomEvent(\"alchemy:element-update-title\", {\n bubbles: true,\n detail: { title }\n })\n )\n }\n\n /**\n * Sets element published or hidden\n * @param {boolean}\n */\n set published(isPublished) {\n if (isPublished) {\n this.classList.remove(\"element-hidden\")\n } else {\n this.classList.add(\"element-hidden\")\n }\n }\n\n /**\n * Is element published or hidden\n * @returns {boolean}\n */\n get published() {\n return !this.classList.contains(\"hidden\")\n }\n\n /**\n * @returns {boolean}\n */\n get compact() {\n return this.getAttribute(\"compact\") !== null\n }\n\n /**\n * @returns {boolean}\n */\n get fixed() {\n return this.getAttribute(\"fixed\") !== null\n }\n\n /**\n * @param {boolean} value\n */\n set collapsed(value) {\n this.classList.toggle(\"folded\", value)\n this.classList.toggle(\"expanded\", !value)\n this.toggleIcon &&\n (this.toggleIcon.name = value ? \"arrow-left-s\" : \"arrow-down-s\")\n }\n\n /**\n * @returns {boolean}\n */\n get collapsed() {\n return this.classList.contains(\"folded\")\n }\n\n /**\n * @returns {boolean}\n */\n get expanded() {\n return !this.collapsed\n }\n\n /**\n * Toggles the dirty class\n *\n * @param {boolean} value\n */\n set dirty(value) {\n this.classList.toggle(\"dirty\", value)\n }\n\n /**\n * Returns the dirty state of this element\n *\n * @returns {boolean}\n */\n get dirty() {\n return this.classList.contains(\"dirty\")\n }\n\n /**\n * Returns the element header\n *\n * @returns {HTMLElement|undefined}\n */\n get header() {\n return this.querySelector(`.element-header`)\n }\n\n /**\n * Returns the immediate body container of this element if present\n *\n * Makes sure it does not return a nested elements body\n * by scoping the selector to this elements id.\n *\n * @returns {HTMLElement|undefined}\n */\n get body() {\n return this.querySelector(this.bodySelector)\n }\n\n get bodySelector() {\n return `#${this.id} > .element-body`\n }\n\n /**\n * Returns the immediate footer container of this element if present\n *\n * Makes sure it does not return a nested elements footer\n * by scoping the selector to this elements id.\n *\n * @returns {HTMLElement|undefined}\n */\n get footer() {\n return this.querySelector(`#${this.id} > .element-footer`)\n }\n\n /**\n * The collapse/expand toggle button\n *\n * @returns {HTMLButtonElement|undefined}\n */\n get toggleButton() {\n return this.querySelector(\".element-toggle\")\n }\n\n /**\n * The collapse/expand toggle buttons icon\n *\n * @returns {HTMLElement|undefined}\n */\n get toggleIcon() {\n return this.toggleButton?.querySelector(\"alchemy-icon\")\n }\n\n /**\n * The validation messages list container\n *\n * @returns {HTMLElement}\n */\n get elementErrors() {\n return this.body.querySelector(\".element_errors\")\n }\n\n /**\n * The element database id\n *\n * @returns {string}\n */\n get elementId() {\n return this.dataset.elementId\n }\n\n /**\n * The element defintion name\n *\n * @returns {string}\n */\n get elementName() {\n return this.dataset.elementName\n }\n\n /**\n * Does this element have ingredient editor fields?\n *\n * @returns {boolean}\n */\n get hasEditors() {\n return !!this.body?.querySelector(\".element-ingredient-editors\")\n }\n\n /**\n * Does this element have nested elements?\n *\n * @returns {boolean}\n */\n get hasChildren() {\n return !!this.querySelector(\".nested-elements\")\n }\n\n /**\n * The first child element editor if present\n *\n * @returns {HTMLButtonElement|undefined}\n */\n get firstChild() {\n return this.querySelector(\"alchemy-element-editor\")\n }\n\n /**\n * The form element if present\n *\n * @returns {HTMLFormElement|undefined}\n */\n get form() {\n return this.querySelector(\"form.element-body\")\n }\n\n /**\n * The parent element editor if present\n *\n * @returns {ElementEditor|undefined}\n */\n get parentElementEditor() {\n return this.parentElement?.closest(\"alchemy-element-editor\")\n }\n\n get previewWindow() {\n return document.getElementById(\"alchemy_preview_window\")\n }\n\n #onHeaderDblclick = () => {\n this.toggle()\n }\n\n #onToggleClick = (evt) => {\n const elementEditor = evt.target.closest(\"alchemy-element-editor\")\n if (elementEditor === this) {\n this.toggle()\n }\n }\n}\n\ncustomElements.define(\"alchemy-element-editor\", ElementEditor)\n","import { hightlightTerm } from \"alchemy_admin/components/remote_select\"\n\nconst formatSelection = (option) => {\n return `\n
    \n ${option.icon}${option.text}\n
    \n `\n}\n\nconst formatItem = (icon, text, hint) => {\n const description = hint\n ? `
    ${hint}
    `\n : \"\"\n return `\n
    \n ${formatSelection({ icon, text })}\n ${description}\n
    \n `\n}\n\nclass ElementSelect extends HTMLElement {\n #select2 = null\n\n connectedCallback() {\n const results = this.options\n const options = {\n minimumResultsForSearch: 3,\n dropdownAutoWidth: true,\n data() {\n return { results }\n },\n formatResult: (option, _el, search) => {\n let text\n\n if (option.id === \"\") return option.text\n if (search.term !== \"\") {\n text = hightlightTerm(option.text, search.term)\n } else {\n text = option.text\n }\n\n return formatItem(option.icon, text, option.hint)\n },\n formatSelection,\n placeholder: this.placeholder\n }\n this.#select2 = $(this.inputField).select2(options)\n }\n\n disconnectedCallback() {\n this.#select2?.select2(\"destroy\")\n this.#select2 = null\n }\n\n get options() {\n return JSON.parse(this.getAttribute(\"options\"))\n }\n\n get placeholder() {\n return this.getAttribute(\"placeholder\")\n }\n\n get inputField() {\n return this.querySelector(\"input\")\n }\n}\n\ncustomElements.define(\"alchemy-element-select\", ElementSelect)\n","import { ElementEditor } from \"alchemy_admin/components/element_editor\"\n\nclass ElementsWindow extends HTMLElement {\n #visible = true\n #turboFrame = null\n\n connectedCallback() {\n this.toggleButton?.addEventListener(\"click\", this.#onToggleClick)\n this.collapseButton?.addEventListener(\"click\", this.#onCollapseClick)\n window.addEventListener(\"message\", this.#onWindowMessage)\n document.body.addEventListener(\"click\", this.#onBodyClick)\n if (window.location.hash) {\n this.focusElementEditor(window.location.hash)\n }\n this.resize()\n }\n\n disconnectedCallback() {\n this.toggleButton?.removeEventListener(\"click\", this.#onToggleClick)\n this.collapseButton?.removeEventListener(\"click\", this.#onCollapseClick)\n window.removeEventListener(\"message\", this.#onWindowMessage)\n document.body.removeEventListener(\"click\", this.#onBodyClick)\n }\n\n #onToggleClick = (evt) => {\n evt.preventDefault()\n this.toggle()\n }\n\n #onCollapseClick = () => {\n this.collapseAllElements()\n }\n\n #onWindowMessage = (event) => {\n const data = event.data\n if (data?.message == \"Alchemy.focusElementEditor\") {\n const element = document.getElementById(`element_${data.element_id}`)\n this.show()\n element?.focusElement()\n }\n }\n\n #onBodyClick = (evt) => {\n if (!evt.target.closest(\"alchemy-element-editor\")) {\n this.querySelectorAll(\"alchemy-element-editor\").forEach((editor) => {\n editor.classList.remove(\"selected\")\n })\n this.previewWindow?.postMessage({ message: \"Alchemy.blurElements\" })\n }\n }\n\n collapseAllElements() {\n this.querySelectorAll(\n \"alchemy-element-editor:not([compact]):not([fixed])\"\n ).forEach((editor) => editor.collapse())\n }\n\n toggle() {\n this.#visible ? this.hide() : this.show()\n }\n\n show() {\n document.body.classList.add(\"elements-window-visible\")\n this.#visible = true\n this.toggleButton.closest(\"sl-tooltip\").content = Alchemy.t(\"Hide elements\")\n this.toggleButton\n .querySelector(\"alchemy-icon\")\n .setAttribute(\"name\", \"menu-unfold\")\n this.resize()\n }\n\n hide() {\n document.body.classList.remove(\"elements-window-visible\")\n document.body.style.removeProperty(\"--elements-window-width\")\n this.#visible = false\n this.toggleButton.closest(\"sl-tooltip\").content = Alchemy.t(\"Show elements\")\n this.toggleButton\n .querySelector(\"alchemy-icon\")\n .setAttribute(\"name\", \"menu-fold\")\n }\n\n resize(width) {\n if (width === undefined) {\n width = this.widthFromCookie\n }\n\n if (width) {\n document.body.style.setProperty(\"--elements-window-width\", `${width}px`)\n document.cookie = `alchemy-elements-window-width=${width}; SameSite=Lax; Path=/;`\n }\n }\n\n // Focus element editor and element in preview if URL contains hash to element editor.\n // The link is coming from the assignment view when showing assigned files or pictures.\n focusElementEditor(dom_id) {\n const el = document.querySelector(dom_id)\n\n if (el instanceof ElementEditor) {\n el.focusElement() && el.focusElementPreview()\n }\n }\n\n get collapseButton() {\n return this.querySelector(\"#collapse-all-elements-button\")\n }\n\n get toggleButton() {\n return document.querySelector(\"#element_window_button\")\n }\n\n get previewWindow() {\n return document.getElementById(\"alchemy_preview_window\")\n }\n\n get turboFrame() {\n if (!this.#turboFrame) {\n this.#turboFrame = this.closest(\"turbo-frame\")\n }\n return this.#turboFrame\n }\n\n get widthFromCookie() {\n return document.cookie\n .split(\"; \")\n .find((row) => row.startsWith(\"alchemy-elements-window-width=\"))\n ?.split(\"=\")[1]\n }\n\n set isDragged(dragged) {\n this.turboFrame.style.transitionProperty = dragged ? \"none\" : null\n this.turboFrame.style.pointerEvents = dragged ? \"none\" : null\n }\n}\n\ncustomElements.define(\"alchemy-elements-window\", ElementsWindow)\n","class ElementsWindowHandle extends HTMLElement {\n #dragging = false\n #elementsWindow = null\n #previewWindow = null\n\n connectedCallback() {\n this.addEventListener(\"mousedown\", this)\n window.addEventListener(\"mousemove\", this)\n window.addEventListener(\"mouseup\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"mousedown\", this)\n window.removeEventListener(\"mousemove\", this)\n window.removeEventListener(\"mouseup\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"mousedown\":\n event.stopPropagation()\n this.onMouseDown()\n break\n case \"mouseup\":\n this.onMouseUp()\n break\n case \"mousemove\":\n if (this.#dragging) {\n this.onDrag(event.pageX)\n }\n break\n }\n }\n\n onMouseDown() {\n this.#dragging = true\n this.elementsWindow.isDragged = true\n this.previewWindow.isDragged = true\n this.classList.add(\"is-dragged\")\n }\n\n onMouseUp() {\n this.#dragging = false\n this.elementsWindow.isDragged = false\n this.previewWindow.isDragged = false\n this.classList.remove(\"is-dragged\")\n }\n\n onDrag(pageX) {\n const elementWindowWidth = window.innerWidth - pageX\n this.elementsWindow.resize(elementWindowWidth)\n }\n\n get elementsWindow() {\n if (!this.#elementsWindow) {\n this.#elementsWindow = document.querySelector(\"alchemy-elements-window\")\n }\n return this.#elementsWindow\n }\n\n get previewWindow() {\n if (!this.#previewWindow) {\n this.#previewWindow = document.getElementById(\"alchemy_preview_window\")\n }\n return this.#previewWindow\n }\n}\n\ncustomElements.define(\"alchemy-elements-window-handle\", ElementsWindowHandle)\n","class FileEditor extends HTMLElement {\n connectedCallback() {\n this.deleteLink = this.querySelector(\".remove_file_link\")\n this.fileIcon = this.querySelector(\".file_icon\")\n this.fileName = this.querySelector(\".file_name\")\n this.formFieldId = this.deleteLink?.dataset.formFieldId\n this.formField = this.querySelector(`#${this.formFieldId}`)\n this.deleteLink?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.deleteLink?.removeEventListener(\"click\", this)\n }\n\n handleEvent(event) {\n if (event.type === \"click\") this.removeFile()\n event.stopPropagation()\n }\n\n removeFile() {\n this.formField.value = \"\"\n this.fileIcon.innerHTML = \"\"\n this.fileName.innerHTML = \"\"\n this.deleteLink?.classList.add(\"hidden\")\n this.closest(\"alchemy-element-editor\").setDirty(this.formField)\n }\n}\n\ncustomElements.define(\"alchemy-file-editor\", FileEditor)\n","const DEFAULT_DEBOUNCE_TIME = 150\n\nclass ListFilter extends HTMLElement {\n #debounceTimer\n #filterField = null\n #clearButton = null\n\n connectedCallback() {\n if (this.hotkey) {\n key(this.hotkey, this.#onHotkey)\n }\n this.#filterField = this.filterField\n this.#filterField.addEventListener(\"keyup\", this.#onKeyup)\n this.#filterField.addEventListener(\"focus\", this.#onFocus)\n\n this.#clearButton = this.clearButton\n this.#clearButton.addEventListener(\"click\", this.#onClearClick)\n\n key(\"esc\", \"list_filter\", this.#onEscape)\n }\n\n disconnectedCallback() {\n clearTimeout(this.#debounceTimer)\n this.#filterField?.removeEventListener(\"keyup\", this.#onKeyup)\n this.#filterField?.removeEventListener(\"focus\", this.#onFocus)\n this.#filterField = null\n this.#clearButton?.removeEventListener(\"click\", this.#onClearClick)\n this.#clearButton = null\n if (this.hotkey) {\n key.unbind(this.hotkey)\n }\n key.unbind(\"esc\", \"list_filter\")\n }\n\n filter(term) {\n if (term === \"\") {\n this.clearButton.style.visibility = \"hidden\"\n }\n\n const matchedItems = []\n const itemsToShow = new Set()\n const lowerTerm = term.toLowerCase()\n\n // First pass: find matching items and mark their ancestors as visible too\n this.items.forEach((item) => {\n const name = item.getAttribute(this.nameAttribute)?.toLowerCase()\n // indexOf is much faster then match()\n if (name.indexOf(lowerTerm) !== -1) {\n matchedItems.push(item)\n itemsToShow.add(item)\n // Mark ancestor items as visible so nested matches stay visible\n let ancestor = item.parentElement?.closest(this.itemsSelector)\n while (ancestor) {\n itemsToShow.add(ancestor)\n ancestor = ancestor.parentElement?.closest(this.itemsSelector)\n }\n }\n })\n\n // Second pass: apply visibility\n this.items.forEach((item) => {\n item.classList.toggle(\"hidden\", !itemsToShow.has(item))\n })\n\n // Scroll into view if only one match\n if (matchedItems.length === 1) {\n matchedItems[0].scrollIntoView({ behavior: \"smooth\", block: \"nearest\" })\n }\n }\n\n clear() {\n this.filterField.value = \"\"\n this.clearButton.style.visibility = \"hidden\"\n this.items.forEach((item) => item.classList.remove(\"hidden\"))\n }\n\n get nameAttribute() {\n return this.getAttribute(\"name-attribute\") || \"name\"\n }\n\n get clearButton() {\n return this.querySelector('button[type=\"button\"]')\n }\n\n get filterField() {\n return this.querySelector('input[type=\"text\"]')\n }\n\n get items() {\n return document.querySelectorAll(this.itemsSelector)\n }\n\n get itemsSelector() {\n return this.getAttribute(\"items-selector\")\n }\n\n get debounceTime() {\n return parseInt(this.getAttribute(\"debounce-time\")) || DEFAULT_DEBOUNCE_TIME\n }\n\n get hotkey() {\n return this.getAttribute(\"hotkey\")\n }\n\n #onHotkey = () => {\n this.filterField.focus()\n return false\n }\n\n #onKeyup = () => {\n clearTimeout(this.#debounceTimer)\n this.#debounceTimer = setTimeout(() => {\n const term = this.filterField.value\n this.clearButton.style.visibility = term ? \"visible\" : \"hidden\"\n this.filter(term)\n }, this.debounceTime)\n }\n\n #onFocus = () => key.setScope(\"list_filter\")\n\n #onClearClick = (e) => {\n e.preventDefault()\n this.clear()\n }\n\n #onEscape = () => {\n this.clear()\n this.filterField.blur()\n }\n}\n\ncustomElements.define(\"alchemy-list-filter\", ListFilter)\n","const DISMISS_DELAY = 5000\n\nclass Message extends HTMLElement {\n #dismissTimeoutId = null\n\n handleEvent(event) {\n if (event.type === \"click\") {\n this.dismiss()\n }\n }\n\n connectedCallback() {\n if (!this.querySelector(\":scope > alchemy-icon\")) {\n const closeIcon =\n this.dismissable && this.type === \"error\"\n ? ''\n : \"\"\n this.insertAdjacentHTML(\n \"afterbegin\",\n `${closeIcon}`\n )\n }\n if (this.dismissable || this.type === \"error\") {\n this.addEventListener(\"click\", this)\n }\n if (this.dismissable && this.type !== \"error\") {\n this.#dismissTimeoutId = setTimeout(() => {\n this.dismiss()\n }, this.dismissDelay)\n }\n }\n\n disconnectedCallback() {\n if (this.#dismissTimeoutId !== null) {\n clearTimeout(this.#dismissTimeoutId)\n this.#dismissTimeoutId = null\n }\n }\n\n dismiss() {\n this.addEventListener(\"transitionend\", () => this.remove())\n this.classList.add(\"dismissed\")\n }\n\n get dismissable() {\n return this.hasAttribute(\"dismissable\")\n }\n\n get icon() {\n return this.getAttribute(\"icon\")\n }\n\n get type() {\n return this.getAttribute(\"type\") || \"notice\"\n }\n\n get dismissDelay() {\n return parseInt(\n this.noticesWrapper?.dataset.autoDismissDelay || DISMISS_DELAY\n )\n }\n\n get iconName() {\n switch (this.icon || this.type) {\n case \"warning\":\n case \"warn\":\n case \"alert\":\n return \"alert\"\n case \"notice\":\n return \"check\"\n case \"info\":\n case \"hint\":\n return \"information\"\n case \"error\":\n return \"bug\"\n default:\n return this.type\n }\n }\n\n get noticesWrapper() {\n return this.closest(\"#flash_notices\")\n }\n}\n\ncustomElements.define(\"alchemy-message\", Message)\n","import { growl } from \"alchemy_admin/growler\"\n\nclass Growl extends HTMLElement {\n connectedCallback() {\n growl(this.message, this.getAttribute(\"type\") || \"notice\")\n this.remove()\n }\n\n get message() {\n return this.getAttribute(\"message\") || this.innerHTML\n }\n}\n\ncustomElements.define(\"alchemy-growl\", Growl)\n","class Icon extends HTMLElement {\n static get observedAttributes() {\n return [\"name\", \"size\", \"icon-style\"]\n }\n\n constructor() {\n super()\n this.spriteUrl = document\n .querySelector('link[rel=\"preload\"][as=\"image\"]')\n .getAttribute(\"href\")\n }\n\n connectedCallback() {\n this.render()\n }\n\n attributeChangedCallback() {\n this.render()\n }\n\n render() {\n const sizeClass = this.size ? ` icon--${this.size}` : \"\"\n this.innerHTML = ``\n }\n\n set name(value) {\n this.setAttribute(\"name\", value)\n }\n\n get iconName() {\n return this.getAttribute(\"name\")\n }\n\n get size() {\n return this.getAttribute(\"size\")\n }\n\n get style() {\n const value = this.getAttribute(\"icon-style\")\n switch (value) {\n case \"none\":\n return \"\"\n case null:\n return \"-line\"\n default:\n return `-${value}`\n }\n }\n}\n\ncustomElements.define(\"alchemy-icon\", Icon)\n","export class IngredientGroup extends HTMLDetailsElement {\n #localStorageKey = \"Alchemy.expanded_ingredient_groups\"\n\n connectedCallback() {\n this.addEventListener(\"toggle\", this)\n\n if (this.isInLocalStorage) {\n this.open = true\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"toggle\", this)\n }\n\n /**\n * Toggle visibility of the ingredient fields in this group\n */\n handleEvent() {\n let expanded_ingredient_groups = this.localStorageItem\n\n if (this.open) {\n this.toggleIcon.name = \"arrow-down-s\"\n if (!this.isInLocalStorage) expanded_ingredient_groups.push(this.id)\n } else {\n this.toggleIcon.name = \"arrow-left-s\"\n expanded_ingredient_groups = expanded_ingredient_groups.filter(\n (value) => value !== this.id\n )\n }\n\n localStorage.setItem(\n this.#localStorageKey,\n JSON.stringify(expanded_ingredient_groups)\n )\n }\n\n get isInLocalStorage() {\n return this.localStorageItem.includes(this.id)\n }\n\n get localStorageItem() {\n const item = localStorage.getItem(this.#localStorageKey)\n\n if (!item) return []\n\n try {\n return JSON.parse(item)\n } catch (error) {\n console.error(error)\n return []\n }\n }\n\n get toggleIcon() {\n return this.querySelector(\"alchemy-icon\")\n }\n}\n\ncustomElements.define(\"alchemy-ingredient-group\", IngredientGroup, {\n extends: \"details\"\n})\n","class LinkButton extends HTMLButtonElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n this.classList.add(\"icon_button\")\n // Prevent accidental form submits if this component is wrapped inside a form\n this.setAttribute(\"type\", \"button\")\n this.innerHTML = ''\n }\n\n handleEvent(event) {\n const dialog = new Alchemy.LinkDialog({\n url: this.linkUrl,\n title: this.linkTitle,\n target: this.linkTarget,\n type: this.linkClass\n })\n dialog.open().then((link) => this.setLink(link))\n event.preventDefault()\n }\n\n setLink(link) {\n if (link.url === \"\") {\n this.classList.remove(\"linked\")\n this.dispatchEvent(new CustomEvent(\"alchemy:unlink\", { bubbles: true }))\n } else {\n this.classList.add(\"linked\")\n this.dispatchEvent(\n new CustomEvent(\"alchemy:link\", {\n bubbles: true,\n detail: link\n })\n )\n }\n }\n\n get linkUrl() {\n return this.linkButtons.linkUrlField.value\n }\n\n get linkTitle() {\n return this.linkButtons.linkTitleField.value\n }\n\n get linkTarget() {\n return this.linkButtons.linkTargetField.value\n }\n\n get linkClass() {\n return this.linkButtons.linkClassField.value\n }\n\n get linkButtons() {\n return this.closest(\"alchemy-link-buttons\")\n }\n}\n\ncustomElements.define(\"alchemy-link-button\", LinkButton, { extends: \"button\" })\n","class UnlinkButton extends HTMLButtonElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n this.classList.add(\"icon_button\")\n // Prevent accidental form submits if this component is wrapped inside a form\n this.setAttribute(\"type\", \"button\")\n this.linked = this.linked\n this.innerHTML =\n ''\n }\n\n handleEvent(event) {\n if (this.linked) {\n this.linked = false\n this.blur()\n this.dispatchEvent(new CustomEvent(\"alchemy:unlink\", { bubbles: true }))\n }\n event.preventDefault()\n }\n\n set linked(isLinked) {\n if (isLinked) {\n this.classList.replace(\"disabled\", \"linked\")\n this.removeAttribute(\"tabindex\")\n } else {\n this.classList.replace(\"linked\", \"disabled\")\n this.setAttribute(\"tabindex\", \"-1\")\n }\n }\n\n get linked() {\n return this.classList.contains(\"linked\")\n }\n}\n\ncustomElements.define(\"alchemy-unlink-button\", UnlinkButton, {\n extends: \"button\"\n})\n","import \"alchemy_admin/components/link_buttons/link_button\"\nimport \"alchemy_admin/components/link_buttons/unlink_button\"\n\nclass LinkButtons extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"alchemy:link\", this)\n this.addEventListener(\"alchemy:unlink\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"alchemy:link\", this)\n this.removeEventListener(\"alchemy:unlink\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"alchemy:link\":\n this.setLink(event.detail)\n break\n case \"alchemy:unlink\":\n this.removeLink()\n }\n event.stopPropagation()\n }\n\n setLink(data) {\n this.linkUrlField.value = data.url\n this.linkUrlField.dispatchEvent(new Event(\"change\"))\n this.linkTitleField.value = data.title\n this.linkClassField.value = data.type\n this.linkTargetField.value = data.target\n\n this.unlinkButton.linked = true\n this.setElementDirty()\n }\n\n removeLink() {\n this.linkUrlField.value = \"\"\n this.linkUrlField.dispatchEvent(new Event(\"change\"))\n this.linkTitleField.value = \"\"\n this.linkClassField.value = \"\"\n this.linkTargetField.value = \"\"\n\n this.linkButton.classList.remove(\"linked\")\n this.unlinkButton.linked = false\n\n this.setElementDirty()\n }\n\n setElementDirty() {\n this.elementEditor.setDirty(this)\n }\n\n get linkButton() {\n return this.querySelector('[is=\"alchemy-link-button\"]')\n }\n\n get unlinkButton() {\n return this.querySelector('[is=\"alchemy-unlink-button\"]')\n }\n\n get ingredientEditor() {\n const ingredientId = this.dataset.ingredientId\n return this.parentElement.closest(`[data-ingredient-id='${ingredientId}']`)\n }\n\n get elementEditor() {\n return this.closest(\"alchemy-element-editor\")\n }\n\n get linkUrlField() {\n return this.ingredientEditor.querySelector(\"[data-link-value]\")\n }\n\n get linkTitleField() {\n return this.ingredientEditor.querySelector(\"[data-link-title]\")\n }\n\n get linkTargetField() {\n return this.ingredientEditor.querySelector(\"[data-link-target]\")\n }\n\n get linkClassField() {\n return this.ingredientEditor.querySelector(\"[data-link-class]\")\n }\n}\n\ncustomElements.define(\"alchemy-link-buttons\", LinkButtons)\n","export function formatFileSize(bytes) {\n let exponent = bytes === 0 ? 0 : Math.floor(Math.log(bytes) / Math.log(1024))\n\n // prevent format higher than GB\n if (exponent > 3) {\n exponent = 3\n }\n\n let value = (bytes / Math.pow(1024, exponent)).toFixed(2)\n return value + \" \" + [\"B\", \"kB\", \"MB\", \"GB\"][exponent]\n}\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass NodeSelect extends RemoteSelect {\n _searchQuery(term, page) {\n return {\n filter: {\n name_or_page_name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n _renderResult(item) {\n return this._renderListEntry(item)\n }\n\n /**\n * html template for each list entry\n * @param {object} node\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(node, term) {\n const ancestors = node.ancestors.map((a) => a.name)\n const seperator = ``\n\n return `\n
    \n \n
    \n \n ${ancestors.length > 0 ? ancestors.join(seperator) + seperator : \"\"}\n \n \n ${this._hightlightTerm(node.name, term)}\n \n
    \n
    \n ${node.url || \"\"}\n
    \n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-node-select\", NodeSelect)\n","import { formatFileSize } from \"alchemy_admin/utils/format\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport { growl } from \"alchemy_admin/growler\"\n\nexport class FileUpload extends HTMLElement {\n // public — used by callers (Uploader, Progress, tests)\n file = null\n request = null\n progressEventLoaded = 0\n progressEventTotal = 0\n\n // private — backing state for getters/setters\n #valid = true\n #value = 0\n #status = undefined\n #errorMessage = \"\"\n\n connectedCallback() {\n this.innerHTML = `\n \n
    \n ${this.file?.name}\n ${this.loadedSize}\n ${this.errorMessage}\n
    \n \n \n \n `\n\n this.querySelector(\"button\").addEventListener(\"click\", () => this.cancel())\n\n if (this.file?.type.includes(\"image\")) {\n const reader = new FileReader()\n reader.readAsDataURL(this.file)\n reader.addEventListener(\"load\", () => {\n const image = new Image()\n image.src = reader.result\n this.prepend(image)\n })\n }\n }\n\n /**\n * Initialize the component with file and request\n * @param {File} file\n * @param {XMLHttpRequest} request\n */\n initialize(file, request) {\n this.file = file\n this.request = request\n this.progressEventTotal = file ? file.size : 0\n this.status = \"in-progress\"\n\n this.#validateFile()\n this.#addRequestEventListener()\n }\n\n /**\n * cancel the upload\n */\n cancel() {\n if (!this.finished) {\n this.status = \"canceled\"\n this.request?.abort()\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n }\n\n /**\n * Dispatches a custom event with given name, namespaced under `Alchemy.`.\n * @param {string} name The name of the custom event\n */\n dispatchCustomEvent(name) {\n this.dispatchEvent(new CustomEvent(`Alchemy.${name}`, { bubbles: true }))\n }\n\n /**\n * validate given file with the `Alchemy.uploader_defaults` - configuration\n */\n #validateFile() {\n const config = Alchemy.uploader_defaults\n const maxFileSize = config.file_size_limit * Math.pow(1024, 2) // in Byte\n let errorMessage = undefined\n\n if (this.file?.size > maxFileSize) {\n errorMessage = translate(\"Uploaded bytes exceed file size\")\n }\n\n const allowedFiletypes = this.file?.type.includes(\"image\")\n ? config.allowed_filetypes.alchemy_pictures\n : config.allowed_filetypes.alchemy_attachments\n\n const isFileFormatSupported =\n allowedFiletypes.includes(\"*\") ||\n allowedFiletypes.includes(\n this.file?.type.replace(/^\\w+\\/(\\w+)(\\+\\w+)?/i, \"$1\")\n )\n\n if (!isFileFormatSupported) {\n errorMessage = translate(\"File type not allowed\")\n }\n\n if (errorMessage) {\n this.valid = false\n this.errorMessage = errorMessage\n }\n }\n\n /**\n * register event listeners to react on request changes\n */\n #addRequestEventListener() {\n // prevent errors if the component will be called without a request - object\n if (!this.request) {\n return\n }\n\n // update the progress bar and currently loaded size information\n this.request.upload.onprogress = (progressEvent) => {\n this.progressEvent = progressEvent\n }\n\n // triggers, when the upload is done\n this.request.onload = () => {\n if (this.request.status < 400) {\n this.status = \"successful\"\n growl(this.responseMessage)\n } else {\n this.status = \"failed\"\n this.errorMessage = this.responseMessage\n }\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n\n // catch request errors\n this.request.onerror = () => {\n this.errorMessage = translate(\"An error occurred during the transaction\")\n }\n }\n\n /**\n * @returns {boolean}\n */\n get active() {\n return this.valid && this.status !== \"canceled\"\n }\n\n /**\n * @returns {string}\n */\n get errorMessage() {\n return this.#errorMessage || \"\"\n }\n\n /**\n * @param {string} message\n */\n set errorMessage(message) {\n this.#errorMessage = message\n const errorMessageContainer = this.querySelector(\".error-message\")\n if (errorMessageContainer) {\n errorMessageContainer.textContent = message\n }\n growl(message, \"error\")\n }\n\n /**\n * @returns {boolean}\n */\n get finished() {\n return [\"canceled\", \"successful\", \"failed\"].includes(this.status)\n }\n\n /**\n * format the loaded and total size and present that as a string\n * @returns {string}\n */\n get loadedSize() {\n return `${formatFileSize(this.progressEventLoaded)} / ${formatFileSize(\n this.progressEventTotal\n )}`\n }\n\n /**\n * @returns {HTMLProgressElement|undefined}\n */\n get progressElement() {\n return this.querySelector(\"sl-progress-bar\")\n }\n\n /**\n * @param {ProgressEvent} progressEvent\n */\n set progressEvent(progressEvent) {\n this.progressEventLoaded = progressEvent.loaded\n this.progressEventTotal = progressEvent.total\n\n this.value = Math.round((progressEvent.loaded / progressEvent.total) * 100)\n this.querySelector(\".loaded-size\").textContent = this.loadedSize\n }\n\n /**\n * @returns {string}\n */\n get responseMessage() {\n try {\n const response = JSON.parse(this.request.responseText)\n return response[\"message\"]\n } catch (error) {\n return `${this.request.status}: ${this.request.statusText}`\n }\n }\n\n /**\n * @returns {string}\n */\n get status() {\n return this.#status\n }\n\n /**\n * @param {string} status\n */\n set status(status) {\n this.#status = status\n this.className = status\n\n this.progressElement?.toggleAttribute(\n \"indeterminate\",\n status === \"upload-finished\"\n )\n }\n\n /**\n * @returns {boolean}\n */\n get valid() {\n return this.#valid\n }\n\n /**\n * @param {boolean} isValid\n */\n set valid(isValid) {\n this.#valid = isValid\n this.classList.toggle(\"invalid\", !isValid)\n }\n\n /**\n * get the progress value of the current file\n * @returns {number}\n */\n get value() {\n return this.#value\n }\n\n /**\n * @param {number} value\n */\n set value(value) {\n this.#value = value\n if (this.progressElement) {\n this.progressElement.value = value\n }\n\n if (value === 100) {\n this.status = \"upload-finished\"\n }\n\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n}\n\ncustomElements.define(\"alchemy-file-upload\", FileUpload)\n","import { FileUpload } from \"alchemy_admin/components/uploader/file_upload\"\nimport { formatFileSize } from \"alchemy_admin/utils/format\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nconst template = (buttonLabel, fileCount) => `\n \n
    \n \n\n \n \n \n
    \n
    3 ? 3 : fileCount\n }\">
    \n
    \n`\n\nexport class Progress extends HTMLElement {\n // public — accessed by Uploader and tests\n fileCount = 0\n\n // private — backing state and internals\n #fileUploads = []\n #buttonLabel = translate(\"Cancel all uploads\")\n #actionButton = null\n #visible = false\n #handleFileChange = () => this.#updateView()\n\n connectedCallback() {\n this.innerHTML = template(this.#buttonLabel, this.fileCount)\n this.visible = true\n\n this.#actionButton = this.querySelector(\"button\")\n this.#actionButton.addEventListener(\"click\", () => {\n if (this.finished) {\n this.onComplete(this.status)\n } else {\n this.cancel()\n }\n })\n\n this.#fileUploads.forEach((fileUpload) => {\n this.querySelector(\".single-uploads\").append(fileUpload)\n })\n\n this.#updateView()\n this.addEventListener(\"Alchemy.FileUpload.Change\", this.#handleFileChange)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n \"Alchemy.FileUpload.Change\",\n this.#handleFileChange\n )\n }\n\n /**\n * Initialize the component with file uploads\n * @param {FileUpload[]} fileUploads\n */\n initialize(fileUploads = []) {\n this.#fileUploads = fileUploads\n this.fileCount = fileUploads.length\n }\n\n /**\n * cancel requests in all remaining uploads\n */\n cancel() {\n this.#activeUploads().forEach((upload) => {\n upload.cancel()\n })\n this.#setupCloseButton()\n }\n\n /**\n * a complete hook to allow the uploader to react and trigger an event\n * it would be possible to trigger the event here, but the dispatching would happen\n * in the scope of that component and can't be cached o uploader - component level\n */\n onComplete(_status) {}\n\n /**\n * get all active upload components\n * @returns {FileUpload[]}\n */\n #activeUploads() {\n return this.#fileUploads.filter((upload) => upload.active)\n }\n\n /**\n * replace cancel button to be the close button\n */\n #setupCloseButton() {\n this.#buttonLabel = translate(\"Close\")\n this.#actionButton.ariaLabel = this.#buttonLabel\n this.#actionButton.parentElement.content = this.#buttonLabel // update tooltip content\n }\n\n /**\n * @param {string} field\n * @returns {number}\n */\n #sumFileProgresses(field) {\n return this.#activeUploads().reduce(\n (accumulator, upload) => upload[field] + accumulator,\n 0\n )\n }\n\n /**\n * don't render the whole element new, because it would prevent selecting buttons\n */\n #updateView() {\n const status = this.status\n this.className = status\n\n // update progress bar\n this.progressElement.value = this.totalProgress\n this.progressElement.toggleAttribute(\n \"indeterminate\",\n status === \"upload-finished\"\n )\n\n // show progress in file size and percentage\n this.querySelector(`.overall-progress-value > span`).textContent =\n this.overallProgressValue\n this.querySelector(`.overall-upload-value`).textContent =\n this.overallUploadSize\n\n if (this.finished) {\n this.#setupCloseButton()\n this.onComplete(status)\n } else {\n this.visible = true\n }\n }\n\n /**\n * @returns {boolean}\n */\n get finished() {\n return this.#activeUploads().every((entry) => entry.finished)\n }\n\n /**\n * @returns {string}\n */\n get overallUploadSize() {\n const uploadedFileCount = this.#activeUploads().filter(\n (fileProgress) => fileProgress.value >= 100\n ).length\n const overallProgressValue = `${\n this.totalProgress\n }% (${uploadedFileCount} / ${this.#activeUploads().length})`\n\n return `${formatFileSize(\n this.#sumFileProgresses(\"progressEventLoaded\")\n )} / ${formatFileSize(this.#sumFileProgresses(\"progressEventTotal\"))}`\n }\n\n /**\n * @returns {string}\n */\n get overallProgressValue() {\n const uploadedFileCount = this.#activeUploads().filter(\n (fileProgress) => fileProgress.value >= 100\n ).length\n return `${this.totalProgress}% (${uploadedFileCount} / ${\n this.#activeUploads().length\n })`\n }\n\n /**\n * @returns {HTMLProgressElement|undefined}\n */\n get progressElement() {\n return this.querySelector(\"sl-progress-bar\")\n }\n\n /**\n * get status of file progresses and accumulate the overall status\n * @returns {string}\n */\n get status() {\n const uploadsStatuses = this.#activeUploads().map(\n (upload) => upload.className\n )\n\n // mark as failed, if any upload failed\n if (uploadsStatuses.includes(\"failed\")) {\n return \"failed\"\n }\n\n // no active upload means that every upload was canceled\n if (uploadsStatuses.length === 0) {\n return \"canceled\"\n }\n\n // all uploads are successful or upload-finished or in-progress\n if (uploadsStatuses.every((entry) => entry === uploadsStatuses[0])) {\n return uploadsStatuses[0]\n }\n\n return \"in-progress\"\n }\n\n /**\n * @returns {number}\n */\n get totalProgress() {\n const totalSize = this.#activeUploads().reduce(\n (accumulator, upload) => accumulator + upload.file.size,\n 0\n )\n let totalProgress = Math.ceil(\n this.#activeUploads().reduce((accumulator, upload) => {\n const weight = upload.file.size / totalSize\n return upload.value * weight + accumulator\n }, 0)\n )\n // prevent rounding errors\n if (totalProgress > 100) {\n totalProgress = 100\n }\n return totalProgress\n }\n\n /**\n * @returns {boolean}\n */\n get visible() {\n return this.#visible\n }\n\n /**\n * @param {boolean} visible\n */\n set visible(visible) {\n this.classList.toggle(\"visible\", visible)\n this.#visible = visible\n }\n}\n\ncustomElements.define(\"alchemy-upload-progress\", Progress)\n","/**\n * @typedef {object} PersistedFile\n * @property {string} name\n * @property {number} size\n */\nimport { Progress } from \"alchemy_admin/components/uploader/progress\"\nimport { FileUpload } from \"alchemy_admin/components/uploader/file_upload\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport { getToken } from \"alchemy_admin/utils/ajax\"\n\nexport class Uploader extends HTMLElement {\n #dropzoneElement = null\n #isDraggedOver = false\n\n connectedCallback() {\n this.fileInput.addEventListener(\"change\", this.#onFileInputChange)\n if (this.dropzone) {\n this.#setupDropZone()\n }\n this.addEventListener(\"Alchemy.upload.successful\", this)\n }\n\n disconnectedCallback() {\n this.fileInput?.removeEventListener(\"change\", this.#onFileInputChange)\n if (this.#dropzoneElement) {\n this.#dropzoneElement.removeEventListener(\n \"dragleave\",\n this.#onDropzoneDragleave\n )\n this.#dropzoneElement.removeEventListener(\"drop\", this.#onDropzoneDrop)\n this.#dropzoneElement.removeEventListener(\n \"dragover\",\n this.#onDropzoneDragover\n )\n this.#dropzoneElement = null\n }\n }\n\n handleEvent(evt) {\n switch (evt.type) {\n case \"Alchemy.upload.successful\":\n this.#handleUploadComplete()\n break\n }\n }\n\n #onFileInputChange = (event) => {\n this.uploadFiles(Array.from(event.target.files))\n }\n\n #toggleDropzoneClass = (enabled) => {\n if (this.#isDraggedOver !== enabled) {\n this.#isDraggedOver = enabled\n this.#dropzoneElement.classList.toggle(\"dragover\")\n }\n }\n\n #onDropzoneDragleave = () => this.#toggleDropzoneClass(false)\n\n #onDropzoneDrop = async (event) => {\n event.preventDefault()\n this.#toggleDropzoneClass(false)\n\n const files = [...event.dataTransfer.items].map((item) => item.getAsFile())\n\n this.uploadFiles(files)\n }\n\n #onDropzoneDragover = (event) => {\n event.preventDefault() // dragover has to be disabled to use the custom drop event\n this.#toggleDropzoneClass(true)\n }\n\n #handleUploadComplete() {\n setTimeout(() => {\n const url = this.redirectUrl\n const turboFrame = this.closest(\"turbo-frame\")\n this.uploadProgress.visible = false\n\n if (!url) return\n\n if (turboFrame) {\n turboFrame.setAttribute(\"src\", url)\n turboFrame.reload()\n } else {\n Turbo.visit(url)\n }\n }, 750)\n }\n\n /**\n * add dragover class to indicate, if the file is draggable\n * @private\n */\n #setupDropZone() {\n this.#dropzoneElement = document.querySelector(this.dropzone)\n if (!this.#dropzoneElement) return\n\n this.#dropzoneElement.addEventListener(\n \"dragleave\",\n this.#onDropzoneDragleave\n )\n this.#dropzoneElement.addEventListener(\"drop\", this.#onDropzoneDrop)\n this.#dropzoneElement.addEventListener(\"dragover\", this.#onDropzoneDragover)\n }\n\n /**\n * @param {File[]} files\n */\n uploadFiles(files) {\n // prepare file progress bars and server request\n let fileUploadCount = 0\n\n const fileUploads = files.map((file) => {\n const request = new XMLHttpRequest()\n const fileUpload = new FileUpload()\n fileUpload.initialize(file, request)\n\n if (Alchemy.uploader_defaults.upload_limit - 1 < fileUploadCount) {\n fileUpload.valid = false\n fileUpload.errorMessage = translate(\"Maximum number of files exceeded\")\n } else if (fileUpload.valid) {\n fileUploadCount++\n this.#submitFile(request, file)\n }\n\n return fileUpload\n })\n\n this.#createProgress(fileUploads)\n }\n\n /**\n * @param {XMLHttpRequest} request\n * @param {File} file\n * @private\n */\n #submitFile(request, file) {\n const form = this.querySelector(\"form\")\n const formData = new FormData(form)\n formData.set(this.fileInput.name, file)\n request.open(\"POST\", form.action)\n request.setRequestHeader(\"X-CSRF-Token\", getToken())\n request.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\")\n request.setRequestHeader(\"Accept\", \"application/json\")\n request.send(formData)\n }\n\n /**\n * create (and maybe remove the old) progress bar - component\n * @param {FileUpload[]} fileUploads\n * @private\n */\n #createProgress(fileUploads) {\n if (this.uploadProgress) {\n this.uploadProgress.cancel()\n document.body.removeChild(this.uploadProgress)\n }\n this.uploadProgress = new Progress()\n this.uploadProgress.initialize(fileUploads)\n this.uploadProgress.onComplete = (status) => {\n this.dispatchEvent(\n new CustomEvent(`Alchemy.upload.${status}`, { bubbles: true })\n )\n }\n\n document.body.append(this.uploadProgress)\n }\n\n get dropzone() {\n return this.getAttribute(\"dropzone\")\n }\n\n /**\n * @returns {HTMLInputElement}\n */\n get fileInput() {\n return this.querySelector(\"input[type='file']\")\n }\n\n get redirectUrl() {\n return this.getAttribute(\"redirect-url\")\n }\n}\n\ncustomElements.define(\"alchemy-uploader\", Uploader)\n","class Overlay extends HTMLElement {\n connectedCallback() {\n this.innerHTML = `\n \n
    \n ${this.getAttribute(\"text\") ?? \"\"}\n
    \n `\n }\n\n set show(value) {\n this.classList.toggle(\"visible\", value)\n }\n}\n\ncustomElements.define(\"alchemy-overlay\", Overlay)\n","import { patch } from \"alchemy_admin/utils/ajax\"\nimport { growl } from \"alchemy_admin/growler\"\nimport Spinner from \"alchemy_admin/spinner\"\n\nconst BUTTON = \"BUTTON\"\nconst SPAN = \"SPAN\"\n\n/**\n * Custom element for page nodes in the sitemap tree\n * Handles folding/unfolding of page children\n */\nexport class AlchemyPageNode extends HTMLElement {\n connectedCallback() {\n this.pageId = this.getAttribute(\"page-id\")\n this.folded = this.hasAttribute(\"folded\")\n\n this.folderButton?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.folderButton?.removeEventListener(\"click\", this)\n }\n\n async handleEvent(event) {\n if (event.type === \"click\") {\n await this.handleFolderClick(event)\n }\n }\n\n async handleFolderClick(event) {\n event.preventDefault()\n event.stopPropagation()\n\n const folderButton = event.currentTarget\n folderButton.innerHTML = \"\"\n const spinner = new Spinner(\"small\")\n spinner.spin(folderButton)\n\n try {\n await patch(\n Alchemy.routes.fold_admin_page_path(this.pageId),\n null,\n \"text/vnd.turbo-stream.html\"\n )\n\n this.folded = !this.folded\n this.toggleAttribute(\"folded\", this.folded)\n this.toggleChildren()\n this.updateFolderIcon()\n } catch (error) {\n growl(error.message || error, \"error\")\n this.updateFolderIcon()\n } finally {\n spinner.stop()\n }\n }\n\n toggleChildren() {\n const childrenContainer = this.querySelector(\n `#page_${this.pageId}_children`\n )\n if (childrenContainer) {\n childrenContainer.classList.toggle(\"hidden\", this.folded)\n }\n }\n\n updateFolderIcon() {\n if (this.folderButton) {\n const iconName = this.folded ? \"arrow-right-s\" : \"arrow-down-s\"\n this.folderButton.innerHTML = ``\n }\n }\n\n /**\n * Updates the folder button state based on whether the node has children\n * Converts between button and span as needed\n */\n updateFolderButton() {\n const folderElement = this.querySelector(\".page_folder\")\n if (!folderElement) return\n\n const shouldShowButton = this.hasChildren || this.folded\n\n if (shouldShowButton && folderElement.tagName === SPAN) {\n // Convert span to button with icon\n const iconName = this.folded ? \"arrow-right-s\" : \"arrow-down-s\"\n folderElement.outerHTML = ``\n\n // Re-attach event listener to the new button element\n this.folderButton?.addEventListener(\"click\", this)\n } else if (!shouldShowButton && folderElement.tagName === BUTTON) {\n // Convert button to empty span (no children and not folded)\n folderElement.outerHTML = ''\n } else if (shouldShowButton && folderElement.tagName === BUTTON) {\n // Button exists, just update the icon direction\n this.updateFolderIcon()\n }\n }\n\n get hasChildren() {\n const childrenContainer = this.querySelector(\n `#page_${this.pageId}_children`\n )\n if (!childrenContainer) return false\n\n return (\n childrenContainer.querySelectorAll(\":scope > alchemy-page-node\").length >\n 0\n )\n }\n\n get folderButton() {\n return this.querySelector(\"button.page_folder\")\n }\n}\n\ncustomElements.define(\"alchemy-page-node\", AlchemyPageNode)\n","// Handles the page publication date fields\nexport class PagePublicationFields extends HTMLElement {\n connectedCallback() {\n this.publicField?.addEventListener(\"click\", this.#onClick)\n }\n\n disconnectedCallback() {\n this.publicField?.removeEventListener(\"click\", this.#onClick)\n }\n\n #onClick = (evt) => {\n const checkbox = evt.target\n const now = new Date()\n\n if (checkbox.checked) {\n this.publicationDateFields.classList.remove(\"hidden\")\n this.publicOnPicker.flatpickr.setDate(now)\n } else {\n this.publicationDateFields.classList.add(\"hidden\")\n this.publicOnPicker.flatpickr.clear()\n }\n this.publicUntilPicker.flatpickr?.clear()\n }\n\n get publicField() {\n return this.querySelector(\"#page_public\")\n }\n\n get publicOnPicker() {\n return this.querySelector(\"alchemy-datepicker:has(#page_public_on)\")\n }\n\n get publicUntilPicker() {\n return this.querySelector(\"alchemy-datepicker:has(#page_public_until)\")\n }\n\n get publicationDateFields() {\n return this.querySelector(\".page-publication-date-fields\")\n }\n}\n\ncustomElements.define(\"alchemy-page-publication-fields\", PagePublicationFields)\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass PageSelect extends RemoteSelect {\n get pageId() {\n return this.selection ? JSON.parse(this.selection)[\"id\"] : undefined\n }\n\n _searchQuery(term, page) {\n return {\n q: {\n name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n _parseResponse(response) {\n const meta = response.meta\n return {\n results: response.pages,\n more: meta.page * meta.per_page < meta.total_count\n }\n }\n\n /**\n * result which is visible if a page was selected\n * @param {object} page\n * @returns {string}\n * @private\n */\n _renderResult(page) {\n return page.text || page.name\n }\n\n /**\n * html template for each list entry\n * @param {object} page\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(page, term) {\n return `\n
    \n
    \n \n ${this._hightlightTerm(page.name, term)}\n ${page.site.name}\n
    \n
    \n ${page.url_path}\n ${page.language_code}\n
    \n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-page-select\", PageSelect)\n","class PictureDescriptionSelect extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"change\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"change\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"change\":\n this.onChange()\n break\n }\n }\n\n onChange() {\n const url = new URL(this.getAttribute(\"url\"))\n const select = this.querySelector(\"select\")\n url.searchParams.set(\"language_id\", select.value)\n Turbo.visit(url, { frame: \"picture_descriptions\" })\n }\n}\n\ncustomElements.define(\n \"alchemy-picture-description-select\",\n PictureDescriptionSelect\n)\n","import debounce from \"alchemy_admin/utils/debounce\"\nimport max from \"alchemy_admin/utils/max\"\nimport { get } from \"alchemy_admin/utils/ajax\"\nimport { growl } from \"alchemy_admin/growler\"\n\nconst UPDATE_DELAY = 125\nconst IMAGE_PLACEHOLDER = ''\nconst THUMBNAIL_SIZE = \"160x120\"\n\nexport class PictureEditor extends HTMLElement {\n connectedCallback() {\n this.cropFromField = this.querySelector(\"[data-crop-from]\")\n this.cropSizeField = this.querySelector(\"[data-crop-size]\")\n this.pictureIdField = this.querySelector(\"[data-picture-id]\")\n this.targetSizeField = this.querySelector(\"[data-target-size]\")\n this.imageCropperField = this.querySelector(\"[data-image-cropper]\")\n this.image = this.querySelector(\"img\")\n this.pictureThumbnail = this.querySelector(\"alchemy-picture-thumbnail\")\n this.deleteButton = this.querySelector(\".picture_tool.delete\")\n this.cropLink = this.querySelector(\".crop_link\")\n\n this.targetSize = this.targetSizeField.dataset.targetSize\n this.pictureId = this.pictureIdField.value\n\n // The mutation observer is observing multiple fields that all get updated\n // simultaneously. We only want to update the image once, so we debounce.\n this.update = debounce(() => {\n this.updateImage()\n this.updateCropLink()\n }, UPDATE_DELAY)\n\n this.deleteButton?.addEventListener(\"click\", this.removeImage)\n\n this.observer = new MutationObserver(this.mutationCallback)\n this.observer.observe(this.cropFromField, { attributes: true })\n this.observer.observe(this.cropSizeField, { attributes: true })\n this.observer.observe(this.pictureIdField, { attributes: true })\n }\n\n disconnectedCallback() {\n this.observer.disconnect()\n }\n\n mutationCallback = (mutationsList) => {\n for (const mutation of mutationsList) {\n if (\"pictureId\" in mutation.target.dataset) {\n this.cropFromField.value = \"\"\n this.cropSizeField.value = \"\"\n this.pictureId = mutation.target.value\n }\n this.update()\n }\n }\n\n updateImage() {\n if (!this.pictureId) return\n\n this.pictureThumbnail.loading = true\n get(Alchemy.routes.url_admin_picture_path(this.pictureId), {\n crop: this.imageCropperEnabled,\n crop_from: this.cropFrom,\n crop_size: this.cropSize,\n flatten: true,\n size: THUMBNAIL_SIZE\n })\n .then(({ data }) => {\n this.pictureThumbnail.src = data.url\n this.pictureThumbnail.image.alt = data.alt\n this.pictureThumbnail.image.title = data.title\n this.setElementDirty()\n })\n .catch((error) => {\n console.error(error.message || error)\n growl(error.message || error, \"error\")\n })\n }\n\n removeImage = () => {\n this.pictureThumbnail.innerHTML = IMAGE_PLACEHOLDER\n this.pictureIdField.value = \"\"\n this.image = null\n this.cropLink.classList.add(\"disabled\")\n this.setElementDirty()\n }\n\n setElementDirty() {\n this.closest(\".element-editor\").setDirty(this)\n }\n\n updateCropLink() {\n if (!this.pictureId || !this.imageCropperEnabled) return\n\n this.cropLink.classList.remove(\"disabled\")\n\n if (this.cropLink.href.match(/(picture_id=)\\d+/)) {\n this.cropLink.href = this.cropLink.href.replace(\n /(picture_id=)\\d+/,\n \"$1\" + this.pictureId\n )\n } else {\n this.cropLink.href = this.cropLink.href + `&picture_id=${this.pictureId}`\n }\n }\n\n get cropFrom() {\n if (this.cropFromField.value === \"\") {\n return this.defaultCropFrom.join(\"x\")\n }\n return this.cropFromField.value\n }\n\n get cropSize() {\n if (this.cropSizeField.value === \"\") {\n return this.defaultCropSize.join(\"x\")\n }\n return this.cropSizeField.value\n }\n\n get defaultCropSize() {\n if (!this.imageCropperEnabled) return []\n\n const mask = this.targetSize.split(\"x\").map((n) => parseInt(n))\n const zoom = max(\n mask[0] / this.imageFileWidth,\n mask[1] / this.imageFileHeight\n )\n\n return [Math.round(mask[0] / zoom), Math.round(mask[1] / zoom)]\n }\n\n get defaultCropFrom() {\n if (!this.imageCropperEnabled) return []\n\n const dimensions = this.defaultCropSize\n\n return [\n Math.round((this.imageFileWidth - dimensions[0]) / 2),\n Math.round((this.imageFileHeight - dimensions[1]) / 2)\n ]\n }\n\n get imageFileWidth() {\n return parseInt(this.pictureIdField.dataset.imageFileWidth)\n }\n\n get imageFileHeight() {\n return parseInt(this.pictureIdField.dataset.imageFileHeight)\n }\n\n get imageCropperEnabled() {\n return this.targetSizeField.dataset.imageCropper === \"true\"\n }\n}\n\ncustomElements.define(\"alchemy-picture-editor\", PictureEditor)\n","export default function (func, delay) {\n let timeout\n\n return function (...args) {\n const that = this\n\n clearTimeout(timeout)\n timeout = setTimeout(() => func.apply(that, args), delay)\n }\n}\n","export default function (a, b) {\n return a >= b ? a : b\n}\n","// Shows spinner while loading images and\n// fades the image after its been loaded\n\nimport Spinner from \"alchemy_admin/spinner\"\n\nexport default class PictureThumbnail extends HTMLElement {\n constructor() {\n super()\n\n this.spinner = new Spinner(\"small\")\n }\n\n handleEvent(evt) {\n switch (evt.type) {\n case \"load\":\n this.#onLoaded()\n break\n case \"error\":\n this.#onError(evt)\n break\n default:\n break\n }\n }\n\n connectedCallback() {\n this.classList.add(\"thumbnail_background\")\n if (this.src && !this.image) {\n this.start()\n }\n this.#setImage()\n }\n\n disconnectedCallback() {\n this.image?.removeEventListener(\"load\", this)\n this.image?.removeEventListener(\"error\", this)\n this.stop()\n }\n\n createImage(src = this.src, alt = this.name) {\n this.image = new Image()\n this.image.src = src\n if (alt) {\n this.image.alt = alt\n }\n }\n\n start(src) {\n this.createImage(src)\n this.image.addEventListener(\"load\", this)\n this.image.addEventListener(\"error\", this)\n this.load()\n }\n\n load() {\n if (this.image?.complete) {\n return\n }\n this.setAttribute(\"loading\", \"loading\")\n this.innerHTML = \"\"\n this.spinner.spin(this)\n }\n\n stop() {\n this.classList.remove(\"loading\")\n this.spinner.stop()\n }\n\n #onLoaded() {\n this.spinner.stop()\n this.removeAttribute(\"loading\")\n }\n\n #onError(evt) {\n const message = `Could not load ${this.image.src}`\n const hoist = this.closest(\".ingredient-editor\")\n this.spinner.stop()\n this.innerHTML = `\n \n \n \n `\n console.error(message, evt)\n }\n\n #setImage() {\n if (this.image?.complete) {\n this.replaceChildren(this.image)\n } else if (this.image) {\n this.append(this.image)\n }\n }\n\n set loading(value) {\n value ? this.load() : this.stop()\n }\n\n set src(src) {\n this.start(src)\n this.#setImage()\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get src() {\n return this.getAttribute(\"src\")\n }\n}\n\ncustomElements.define(\"alchemy-picture-thumbnail\", PictureThumbnail)\n","class PublishPageButton extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"submit\", this)\n document.addEventListener(\"alchemy:page-dirty\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"submit\", this)\n document.removeEventListener(\"alchemy:page-dirty\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"alchemy:page-dirty\":\n this.markDirty(event.detail)\n break\n case \"submit\":\n this.button.loading = true\n break\n }\n }\n\n markDirty(detail) {\n this.button.variant = \"primary\"\n this.button.disabled = false\n this.tooltip.content = detail.tooltip\n }\n\n get button() {\n return this.querySelector(\"sl-button\")\n }\n\n get tooltip() {\n return this.querySelector(\"sl-tooltip\")\n }\n}\n\ncustomElements.define(\"alchemy-publish-page-button\", PublishPageButton)\n","class Select extends HTMLSelectElement {\n #select2Element\n\n connectedCallback() {\n this.classList.add(\"alchemy_selectbox\")\n\n this.#select2Element = $(this).select2({\n minimumResultsForSearch: 5,\n dropdownAutoWidth: true,\n allowClear: !!this.allowClear\n })\n\n // For single selects, remove the close button if allowClear is not set\n // For multiple selects, always keep the close buttons\n if (!this.allowClear && !this.multiple) {\n this.#select2Element\n .prev(\".select2-container\")\n .find(\".select2-search-choice-close\")\n .remove()\n }\n }\n\n disconnectedCallback() {\n this.#select2Element?.select2(\"destroy\")\n this.#select2Element = null\n }\n\n enable() {\n this.removeAttribute(\"disabled\")\n this.#updateSelect2()\n }\n\n disable() {\n this.setAttribute(\"disabled\", \"disabled\")\n this.#updateSelect2()\n }\n\n setOptions(data, prompt = undefined) {\n let selectedValue = this.value\n\n // reset the old options and insert the placeholder(s) first\n this.innerHTML = \"\"\n if (prompt) {\n this.add(new Option(prompt, \"\"))\n }\n\n // add the new options to the select\n data.forEach((item) => {\n this.add(new Option(item.text, item.id, false, item.id === selectedValue))\n })\n\n this.#updateSelect2()\n }\n\n /**\n * inform Select2 to update\n */\n #updateSelect2() {\n this.#select2Element.trigger(\"change\")\n }\n\n get allowClear() {\n return this.dataset.hasOwnProperty(\"allowClear\") || this.multiple\n }\n}\n\ncustomElements.define(\"alchemy-select\", Select, { extends: \"select\" })\n","import Sortable from \"sortablejs\"\nimport { growl } from \"alchemy_admin/growler\"\nimport { patch } from \"alchemy_admin/utils/ajax\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\n/**\n * Custom element for the sitemap container\n * Handles search/filter functionality and drag-and-drop sorting\n */\nexport class AlchemySitemap extends HTMLElement {\n connectedCallback() {\n this.searchInput = document.querySelector(\".search_input_field\")\n this.clearButton = document.querySelector(\"#search_field_clear\")\n this.resultCounter = document.querySelector(\"#page_filter_result\")\n\n this.setupSearch()\n\n // Wait for child custom elements to be defined before setting up sortables\n requestAnimationFrame(() => {\n this.setupSortables()\n })\n\n // Set up MutationObserver to re-initialize sortables when children containers are added\n this.observer = new MutationObserver((mutations) => {\n mutations.forEach((mutation) => {\n mutation.addedNodes.forEach((node) => {\n if (node.nodeType !== Node.ELEMENT_NODE) return\n\n // If the added node itself is a children container, initialize it\n if (node.classList?.contains(\"children\")) {\n this.setupSortable(node)\n }\n\n // Also check for children containers nested within the added node\n // This handles cases where a parent element with nested children is added at once\n node\n .querySelectorAll(\".children\")\n .forEach((el) => this.setupSortable(el))\n })\n })\n })\n\n // Observe the sitemap for added nodes\n this.observer.observe(this, {\n childList: true,\n subtree: true\n })\n }\n\n disconnectedCallback() {\n this.teardownSearch()\n this.observer?.disconnect()\n }\n\n setupSearch() {\n this.searchInput?.addEventListener(\"input\", this)\n this.clearButton?.addEventListener(\"click\", this)\n }\n\n teardownSearch() {\n this.searchInput?.removeEventListener(\"input\", this)\n this.clearButton?.removeEventListener(\"click\", this)\n }\n\n handleEvent(event) {\n if (event.type === \"input\" && event.target === this.searchInput) {\n this.handleSearch(event)\n } else if (event.type === \"click\" && event.target === this.clearButton) {\n this.handleClearSearch(event)\n }\n }\n\n handleSearch(event) {\n const term = event.target.value.toLowerCase().trim()\n\n if (term === \"\") {\n this.clearFilter()\n return\n }\n\n this.filterPages(term)\n }\n\n filterPages(term) {\n const allPages = this.querySelectorAll(\".sitemap_page\")\n let matchCount = 0\n let firstMatch = null\n\n allPages.forEach((pageElement) => {\n const pageName = pageElement.getAttribute(\"name\") || \"\"\n\n if (pageName.toLowerCase().includes(term)) {\n pageElement.classList.add(\"highlight\")\n pageElement.classList.remove(\"no-match\")\n matchCount++\n if (!firstMatch) firstMatch = pageElement\n } else {\n pageElement.classList.remove(\"highlight\")\n pageElement.classList.add(\"no-match\")\n }\n })\n\n // Update result counter\n\n if (matchCount === 1) {\n this.resultCounter.textContent = `1 ${translate(\"page_found\")}`\n this.resultCounter.style.display = \"block\"\n } else if (matchCount > 1) {\n this.resultCounter.textContent = `${matchCount} ${translate(\"pages_found\")}`\n this.resultCounter.style.display = \"block\"\n } else {\n this.resultCounter.style.display = \"none\"\n }\n\n // Scroll first match into view\n if (firstMatch) {\n firstMatch.scrollIntoView({ behavior: \"smooth\", block: \"center\" })\n }\n }\n\n clearFilter() {\n const allPages = this.querySelectorAll(\".sitemap_page\")\n allPages.forEach((pageElement) => {\n pageElement.classList.remove(\"highlight\", \"no-match\")\n })\n\n this.resultCounter.style.display = \"none\"\n }\n\n handleClearSearch(event) {\n event.preventDefault()\n this.searchInput.value = \"\"\n this.clearFilter()\n }\n\n setupSortable(container) {\n new Sortable(container, {\n group: \"pages\",\n animation: 150,\n fallbackOnBody: true,\n swapThreshold: 0.65,\n handle: \".page-icon.handle\",\n draggable: \"alchemy-page-node\",\n onEnd: (evt) => this.handleSort(evt)\n })\n }\n\n setupSortables() {\n const sortables = this.querySelectorAll(\".children\")\n sortables.forEach((el) => this.setupSortable(el))\n }\n\n async handleSort(evt) {\n // Only proceed if actually moved to different position/container\n if (evt.from === evt.to && evt.oldIndex === evt.newIndex) {\n return\n }\n\n // evt.item is the element being dragged\n const pageNode = evt.item\n const pageId = pageNode.pageId\n const url = Alchemy.routes.move_admin_page_path(pageId)\n const data = {\n target_parent_id: evt.to.dataset.parentId,\n new_position: evt.newIndex\n }\n\n pleaseWaitOverlay(true)\n\n try {\n const response = await patch(url, data)\n const pageData = await response.data\n\n // Update the URL path of the moved page\n const pageEl = pageNode.querySelector(`#page_${pageId}`)\n if (pageEl) {\n const urlPathEl = pageEl.querySelector(\".sitemap_url\")\n if (urlPathEl && pageData.url_path) {\n urlPathEl.textContent = pageData.url_path\n }\n }\n\n // Update folder icons for affected parent pages\n this.updateFolderIcons(evt.from, evt.to)\n\n growl(translate(\"Successfully moved page\"))\n } catch (error) {\n growl(error.message || error, \"error\")\n // Revert the DOM change by reloading on error\n window.location.reload()\n } finally {\n pleaseWaitOverlay(false)\n }\n }\n\n updateFolderIcons(fromContainer, toContainer) {\n // Update folder icon for source parent (might now have no children)\n const fromParent = fromContainer.closest(\"alchemy-page-node\")\n fromParent?.updateFolderButton()\n\n // Update folder icon for destination parent (now definitely has children)\n if (fromContainer !== toContainer) {\n const toParent = toContainer.closest(\"alchemy-page-node\")\n toParent?.updateFolderButton()\n }\n }\n}\n\ncustomElements.define(\"alchemy-sitemap\", AlchemySitemap)\n","import Sortable from \"sortablejs\"\nimport { growl } from \"alchemy_admin/growler\"\nimport { post } from \"alchemy_admin/utils/ajax\"\nimport { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { dispatchPageDirtyEvent } from \"alchemy_admin/components/element_editor\"\n\nconst SORTABLE_OPTIONS = {\n draggable: \".element-editor\",\n handle: \".element-handle.draggable\",\n ghostClass: \"dragged\",\n animation: 150,\n swapThreshold: 0.65,\n easing: \"cubic-bezier(1, 0, 0, 1)\"\n}\n\nfunction onStart(event) {\n const name = event.item.dataset.elementName\n document\n .querySelectorAll(`[data-droppable-elements~=\"${name}\"]`)\n .forEach((dropzone) => dropzone.classList.add(\"droppable-elements\"))\n}\n\nfunction onSort(event) {\n const item = event.item\n const parentElement = event.to.parentElement.closest(\".element-editor\")\n const params = {\n element_id: item.dataset.elementId,\n position: event.newIndex + 1\n }\n\n if (parentElement) {\n params.parent_element_id = parentElement.dataset.elementId\n }\n\n // Only send the request if the item was moved to a different container\n // or sorted in the same list. Not on the old list in order to avoid incrementing\n // the position of the other elements.\n if (event.target === event.to) {\n post(Alchemy.routes.order_admin_elements_path, params).then((response) => {\n const data = response.data\n growl(data.message)\n if (data.pageHasUnpublishedChanges) {\n dispatchPageDirtyEvent(data)\n }\n reloadPreview()\n item.updateTitle(data.preview_text)\n })\n }\n}\n\nfunction onEnd() {\n const dropzones = document.querySelectorAll(\"[data-droppable-elements]\")\n dropzones.forEach((dropzone) =>\n dropzone.classList.remove(\"droppable-elements\")\n )\n}\n\nclass SortableElements extends HTMLElement {\n connectedCallback() {\n const group = {\n name: this.dataset.elementName,\n put(to, _from, item) {\n return to.el.dataset.droppableElements\n .split(\" \")\n .includes(item.dataset.elementName)\n }\n }\n new Sortable(this, {\n ...SORTABLE_OPTIONS,\n onStart,\n onSort,\n onEnd,\n group\n })\n }\n}\n\ncustomElements.define(\"alchemy-sortable-elements\", SortableElements)\n","class Spinner extends HTMLElement {\n connectedCallback() {\n this.className = `spinner spinner--${this.size}`\n this.innerHTML = `\n \n \n \n \n \n `\n }\n\n get size() {\n return this.getAttribute(\"size\") || \"medium\"\n }\n\n get color() {\n return this.getAttribute(\"color\") || \"currentColor\"\n }\n}\n\ncustomElements.define(\"alchemy-spinner\", Spinner)\n","import { setupSelectLocale } from \"alchemy_admin/i18n\"\n\nclass TagsAutocomplete extends HTMLElement {\n #select2 = null\n\n async connectedCallback() {\n await setupSelectLocale()\n if (!this.isConnected) return\n\n this.classList.add(\"autocomplete_tag_list\")\n this.#select2 = $(this.input).select2(this.select2Config)\n }\n\n disconnectedCallback() {\n this.#select2?.select2(\"destroy\")\n this.#select2 = null\n }\n\n get input() {\n return this.getElementsByTagName(\"input\")[0]\n }\n\n get select2Config() {\n return {\n tags: true,\n tokenSeparators: [\",\"],\n openOnEnter: false,\n minimumInputLength: 1,\n createSearchChoice: this.#createSearchChoice,\n ajax: {\n url: this.getAttribute(\"url\"),\n dataType: \"json\",\n data: (term) => {\n return { term }\n },\n results: (data) => {\n return { results: data }\n }\n },\n initSelection: this.#initSelection\n }\n }\n\n #createSearchChoice(term, data) {\n if (\n $(data).filter(function () {\n return this.text.localeCompare(term) === 0\n }).length === 0\n ) {\n return {\n id: term,\n text: term\n }\n }\n }\n\n #initSelection(element, callback) {\n const data = []\n $(element.val().split(\",\")).each(function () {\n data.push({\n id: this.trim(),\n text: this\n })\n })\n callback(data)\n }\n}\n\ncustomElements.define(\"alchemy-tags-autocomplete\", TagsAutocomplete)\n","import \"tinymce\"\nimport { currentLocale } from \"alchemy_admin/i18n\"\n\nconst DARK_THEME = \"alchemy-dark\"\nconst LIGHT_THEME = \"alchemy\"\n\nclass Tinymce extends HTMLElement {\n #min_height = null\n\n /**\n * the observer will initialize Tinymce if the textarea becomes visible\n */\n connectedCallback() {\n this.className = \"tinymce_container\"\n\n // Append the spinner if not already present (idempotent on reconnect/clone)\n if (!this.querySelector(\":scope > alchemy-spinner\")) {\n this.insertAdjacentHTML(\n \"beforeend\",\n ``\n )\n }\n\n // hide the textarea until TinyMCE is ready to show the editor\n this.style.minHeight = `${this.minHeight}px`\n this.editor.style.display = \"none\"\n\n const observerCallback = (entries, observer) => {\n entries.forEach((entry) => {\n if (entry.intersectionRatio > 0) {\n this._initTinymceEditor()\n // disable observer after the Tinymce was initialized\n observer.unobserve(entry.target)\n }\n })\n }\n\n const options = {\n root: document.getElementById(\"element_area\"),\n rootMargin: \"0px\",\n threshold: [0.05]\n }\n\n this.tinymceIntersectionObserver = new IntersectionObserver(\n observerCallback,\n options\n )\n this.tinymceIntersectionObserver.observe(this)\n\n // Set up theme change listener\n this._setupThemeChangeListener()\n }\n\n /**\n * disconnect intersection observer and remove Tinymce editor if the web components get destroyed\n */\n disconnectedCallback() {\n this.tinymceIntersectionObserver?.disconnect()\n\n // Remove theme change listener\n this._removeThemeChangeListener()\n\n tinymce.get(this.editorId)?.remove(this.editorId)\n }\n\n /**\n * initialize Richtext area after the Intersection observer triggered\n * @private\n */\n _initTinymceEditor() {\n tinymce.init(this.configuration).then((editors) => {\n editors.forEach((editor) => this._setupEditor(editor))\n })\n }\n\n /**\n * Setup editor after initialization\n * @param {Object} editor - The TinyMCE editor instance\n * @private\n */\n _setupEditor(editor) {\n // mark the editor container as visible\n // without these correction the editor remains hidden\n // after a drag and drop action\n editor.show()\n\n // remove the spinner after the Tinymce initialized (only on first init)\n const spinner = this.getElementsByTagName(\"alchemy-spinner\")[0]\n if (spinner) {\n spinner.remove()\n }\n\n // event listener to mark the editor as dirty\n if (this.elementEditor) {\n editor.on(\"dirty\", (evt) => {\n this.elementEditor.setDirty(evt.target.editorContainer)\n })\n editor.on(\"click\", () => this.elementEditor.onClickElement(false))\n }\n }\n\n /**\n * Set up listener for OS theme changes\n * @private\n */\n _setupThemeChangeListener() {\n this.darkModeMediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\")\n this.themeChangeHandler = (event) => this._handleThemeChange(event)\n this.darkModeMediaQuery.addEventListener(\"change\", this.themeChangeHandler)\n }\n\n /**\n * Remove theme change listener\n * @private\n */\n _removeThemeChangeListener() {\n if (this.darkModeMediaQuery && this.themeChangeHandler) {\n this.darkModeMediaQuery.removeEventListener(\n \"change\",\n this.themeChangeHandler\n )\n }\n }\n\n /**\n * Handle OS theme change and update TinyMCE skin\n * @param {MediaQueryListEvent} event - The media query change event\n * @private\n */\n _handleThemeChange(event) {\n const editor = tinymce.get(this.editorId)\n if (editor) {\n const skin = event.matches ? DARK_THEME : LIGHT_THEME\n const content_css = event.matches ? DARK_THEME : LIGHT_THEME\n\n // Update the skin by reinitializing the editor with new configuration\n editor.remove()\n tinymce\n .init({\n content_css,\n ...this.configuration,\n skin\n })\n .then((editors) => {\n editors.forEach((editor) => this._setupEditor(editor))\n })\n }\n }\n\n get configuration() {\n const customConfig = {}\n\n // read the attributes on the component and add them as custom configuration\n this.getAttributeNames().forEach((attributeName) => {\n if (![\"class\", \"id\", \"is\", \"name\", \"style\"].includes(attributeName)) {\n const config = this.getAttribute(attributeName)\n const key = attributeName.replaceAll(\"-\", \"_\")\n\n // Handle boolean HTML attributes (e.g., readonly=\"readonly\" or readonly=\"\")\n if (config === attributeName || config === \"\") {\n customConfig[key] = true\n } else {\n try {\n customConfig[key] = JSON.parse(config)\n } catch (e) {\n // also string values as parameter\n customConfig[key] = config\n }\n }\n }\n })\n\n const config = {\n content_css: this.preferredTheme,\n ...Alchemy.TinymceDefaults,\n ...customConfig,\n language: currentLocale(),\n selector: `#${this.editorId}`,\n skin: this.preferredTheme\n }\n\n // Tinymce has a height of 400px by default\n // if the element has a min_height set, we use this value for the height as well\n // so we do not need to set both values in the element configuration\n config.height = config.min_height\n\n return config\n }\n\n get preferredTheme() {\n return window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n ? DARK_THEME\n : LIGHT_THEME\n }\n\n get editorId() {\n return this.editor.id\n }\n\n get editor() {\n return this.getElementsByTagName(\"textarea\")[0]\n }\n\n get elementEditor() {\n return document\n .getElementById(this.editorId)\n .closest(\"alchemy-element-editor\")\n }\n\n get minHeight() {\n return this.#min_height || this.configuration.min_height\n }\n\n set minHeight(value) {\n this.#min_height = value\n }\n}\n\ncustomElements.define(\"alchemy-tinymce\", Tinymce)\n","import Spinner from \"alchemy_admin/spinner\"\n\nclass UpdateCheck extends HTMLElement {\n async connectedCallback() {\n const spinner = new Spinner(\"small\")\n spinner.spin(this)\n\n try {\n const response = await fetch(this.url, { credentials: \"include\" })\n const responseJSON = await response.json()\n\n if (response.ok) {\n this.showStatus(responseJSON)\n } else {\n this.showError(response)\n }\n } catch (error) {\n this.showError(error)\n } finally {\n spinner.stop()\n }\n }\n\n get url() {\n return this.getAttribute(\"url\")\n }\n\n showStatus(responseJSON) {\n if (responseJSON[\"status\"] == \"true\") {\n this.querySelector(\".update_available\").classList.remove(\"hidden\")\n } else {\n this.querySelector(\".up_to_date\").classList.remove(\"hidden\")\n }\n }\n\n showError(error) {\n this.querySelector(\".error\").classList.remove(\"hidden\")\n console.error(\"[alchemy] Error fetching update status\", error)\n }\n}\n\ncustomElements.define(\"alchemy-update-check\", UpdateCheck)\n","(()=>{var n=Handlebars.template;(Handlebars.templates=Handlebars.templates||{})[\"node_folder.hbs\"]=n({0:function(n,e,l,a,r){return\"right\"},1:function(n,e,l,a,r){return\"down\"},compiler:[8,\">= 4.3.0\"],main:function(n,e,l,a,r){var o,t=n.lambda,d=n.escapeExpression,u=n.lookupProperty||function(n,e){if(Object.prototype.hasOwnProperty.call(n,e))return n[e]};return'\\n \\n\\n'},useData:!0})})();","import { registerIconLibrary, setDefaultAnimation } from \"shoelace\"\n\n// Change the default animation for all tooltips\nsetDefaultAnimation(\"tooltip.show\", {\n keyframes: [\n { transform: \"translateY(10px)\", opacity: \"0\" },\n { transform: \"translateY(0)\", opacity: \"1\" }\n ],\n options: {\n duration: 100\n }\n})\n\nsetDefaultAnimation(\"tooltip.hide\", {\n keyframes: [\n { transform: \"translateY(0)\", opacity: \"1\" },\n { transform: \"translateY(10px)\", opacity: \"0\" }\n ],\n options: {\n duration: 100\n }\n})\n\n// Change the default animation for all dialogs\nsetDefaultAnimation(\"dialog.show\", {\n keyframes: [\n { transform: \"scale(0.98)\", opacity: \"0\" },\n { transform: \"scale(1)\", opacity: \"1\" }\n ],\n options: {\n duration: 150\n }\n})\n\nsetDefaultAnimation(\"dialog.hide\", {\n keyframes: [\n { transform: \"scale(1)\", opacity: \"1\" },\n { transform: \"scale(0.98)\", opacity: \"0\" }\n ],\n options: {\n duration: 150\n }\n})\n\nconst spriteUrl = document\n .querySelector('link[rel=\"preload\"][as=\"image\"]')\n .getAttribute(\"href\")\n\nconst iconMap = {\n \"x-lg\": \"close\",\n caret: \"arrow-down-s\"\n}\n\nconst options = {\n resolver: (name) => `${spriteUrl}#ri-${iconMap[name] || name}-line`,\n mutator: (svg) => {\n svg.setAttribute(\"fill\", \"currentColor\")\n svg.setAttribute(\"viewBox\", \"0 0 24 24\")\n },\n spriteSheet: true\n}\n\nregisterIconLibrary(\"default\", options)\nregisterIconLibrary(\"system\", options)\n","export function on(eventName, baseSelector, targetSelector, callback) {\n document.querySelectorAll(baseSelector).forEach((baseNode) => {\n baseNode.addEventListener(eventName, (evt) => {\n const targets = Array.from(baseNode.querySelectorAll(targetSelector))\n let currentNode = evt.target\n\n while (currentNode !== baseNode) {\n if (targets.includes(currentNode)) {\n callback.call(currentNode, evt)\n return\n }\n currentNode = currentNode.parentElement\n }\n })\n })\n}\n","import Cropper from \"cropperjs\"\n\nexport default class ImageCropper {\n #initialized = false\n #cropper = null\n #cropFromField = null\n #cropSizeField = null\n\n constructor(image, settings) {\n this.image = image\n this.defaultBox = settings.default_box\n this.aspectRatio = settings.ratio\n this.#cropFromField = document.getElementById(\n settings.crop_from_form_field_id\n )\n this.#cropSizeField = document.getElementById(\n settings.crop_size_form_field_id\n )\n this.elementId = settings.element_id\n this.dialog = Alchemy.currentDialog()\n if (this.dialog) {\n this.dialog.options.closed = () => this.destroy()\n this.bind()\n }\n this.init()\n }\n\n get cropperOptions() {\n return {\n aspectRatio: this.aspectRatio,\n viewMode: 1,\n zoomable: false,\n checkCrossOrigin: false, // Prevent CORS issues\n checkOrientation: false, // Prevent loading the image via AJAX which can cause CORS issues\n data: this.box,\n cropend: () => {\n const data = this.#cropper.getData(true)\n this.update(data)\n }\n }\n }\n\n get cropFrom() {\n if (this.#cropFromField?.value) {\n return this.#cropFromField.value.split(\"x\").map((v) => parseInt(v))\n }\n }\n\n get cropSize() {\n if (this.#cropSizeField?.value) {\n return this.#cropSizeField.value.split(\"x\").map((v) => parseInt(v))\n }\n }\n\n get box() {\n if (this.cropFrom && this.cropSize) {\n return {\n x: this.cropFrom[0],\n y: this.cropFrom[1],\n width: this.cropSize[0],\n height: this.cropSize[1]\n }\n } else {\n return this.defaultBoxSize\n }\n }\n\n get defaultBoxSize() {\n return {\n x: this.defaultBox[0],\n y: this.defaultBox[1],\n width: this.defaultBox[2],\n height: this.defaultBox[3]\n }\n }\n\n init() {\n if (!this.#initialized) {\n this.#cropper = new Cropper(this.image, this.cropperOptions)\n this.#initialized = true\n }\n }\n\n update(coords) {\n this.#cropFromField.value = `${coords.x}x${coords.y}`\n this.#cropFromField.dispatchEvent(new Event(\"change\"))\n this.#cropSizeField.value = `${coords.width}x${coords.height}`\n this.#cropSizeField.dispatchEvent(new Event(\"change\"))\n }\n\n reset() {\n this.#cropper.setData(this.defaultBoxSize)\n this.update(this.defaultBoxSize)\n }\n\n destroy() {\n if (this.#cropper) {\n this.#cropper.destroy()\n }\n this.#initialized = false\n return true\n }\n\n bind() {\n this.dialog.dialog_body.find('button[type=\"submit\"]').on(\"click\", () => {\n const elementEditor = document.querySelector(\n `[data-element-id='${this.elementId}']`\n )\n elementEditor.setDirty()\n this.dialog.close()\n return false\n })\n this.dialog.dialog_body.find('button[type=\"reset\"]').on(\"click\", () => {\n this.reset()\n return false\n })\n }\n}\n","import { Dialog } from \"alchemy_admin/dialog\"\n\nexport default class ImageOverlay extends Dialog {\n constructor(url, options = {}) {\n super(url, options)\n }\n\n init() {\n $(\".zoomed-picture-background\").on(\"click\", (e) => {\n e.stopPropagation()\n if (e.target.nodeName === \"IMG\") {\n return\n }\n this.close()\n return false\n })\n $(\".picture-overlay-handle\").on(\"click\", (e) => {\n this.dialog.toggleClass(\"hide-form\")\n return false\n })\n this.$previous = $(\".previous-picture\")\n this.$next = $(\".next-picture\")\n this.#initKeyboardNavigation()\n super.init()\n }\n\n previous() {\n if (this.$previous[0] != null) {\n this.$previous[0].click()\n }\n }\n\n next() {\n if (this.$next[0] != null) {\n this.$next[0].click()\n }\n }\n\n build() {\n this.dialog_container = $('
    ')\n this.dialog = $('
    ')\n this.dialog_body = $('
    ')\n this.close_button = $(`\n \n `)\n this.dialog.append(this.close_button)\n this.dialog.append(this.dialog_body)\n this.dialog_container.append(this.dialog)\n this.overlay = $('
    ')\n this.$body.append(this.overlay)\n this.$body.append(this.dialog_container)\n }\n\n #initKeyboardNavigation() {\n this.$document.keydown((e) => {\n if (e.target.nodeName === \"INPUT\" || e.target.nodeName === \"TEXTAREA\") {\n return true\n }\n switch (e.which) {\n case 37:\n this.previous()\n return false\n case 39:\n this.next()\n return false\n default:\n return true\n }\n })\n }\n}\n","import { on } from \"alchemy_admin/utils/events\"\nimport { openDialog } from \"alchemy_admin/dialog\"\n\nfunction toggleCheckboxes(state) {\n document\n .querySelectorAll(\".picture_tool.select input[type='checkbox']\")\n .forEach((checkbox) => {\n checkbox.checked = state\n checkbox.closest(\".picture_thumbnail\").classList.toggle(\"active\", state)\n })\n}\n\nfunction checkedInputs() {\n return document.querySelectorAll(\"#picture_archive input:checked\")\n}\n\nfunction editMultiplePicturesUrl(href) {\n const url = new URL(href)\n\n checkedInputs().forEach((entry) =>\n url.searchParams.append(entry.name, entry.value)\n )\n\n return url.toString()\n}\n\n/**\n * Multiple picture select handler for the picture archive.\n */\nexport default function PictureSelector() {\n const selectAllButton = document.querySelector(\"#select_all_pictures\")\n const selectedItemTools = document.querySelector(\".selected_item_tools\")\n\n on(\"click\", \".toolbar_buttons\", \"a#select_all_pictures\", (event) => {\n event.preventDefault()\n\n selectAllButton.classList.toggle(\"active\")\n\n const state = selectAllButton.classList.contains(\"active\")\n\n toggleCheckboxes(state)\n\n selectedItemTools.classList.toggle(\"hidden\", !state)\n })\n\n // make the item toolbar visible and show the checkbox also if it is not hovered anymore\n on(\"change\", \".picture_tool.select\", \"input\", (event) => {\n selectedItemTools.classList.toggle(\"hidden\", checkedInputs().length === 0)\n\n const parentElementClassList = event.target.parentElement.classList\n const checked = event.target.checked\n\n parentElementClassList.toggle(\"visible\", checked)\n })\n\n // open the edit view in a dialog modal\n on(\"click\", \".selected_item_tools\", \"a#edit_multiple_pictures\", (event) => {\n event.preventDefault()\n\n const url = editMultiplePicturesUrl(event.target.href)\n\n openDialog(url, {\n title: event.target.title,\n size: \"400x295\"\n })\n })\n}\n","import Sortable from \"sortablejs\"\nimport { patch } from \"alchemy_admin/utils/ajax\"\nimport { on } from \"alchemy_admin/utils/events\"\nimport { growl } from \"alchemy_admin/growler\"\n\nfunction displayNodeFolders() {\n document.querySelectorAll(\"li.menu-item\").forEach((el) => {\n const leftIconArea = el.querySelector(\".nodes_tree-left_images\")\n const list = el.querySelector(\".children\")\n const node = {\n folded: el.dataset.folded === \"true\",\n id: el.dataset.id,\n type: el.dataset.type\n }\n\n if (list.children.length > 0 || node.folded) {\n leftIconArea.innerHTML = Handlebars.templates[\"node_folder.hbs\"]({\n node: node\n })\n } else {\n leftIconArea.innerHTML = \" \"\n }\n })\n}\n\nfunction onFinishDragging(evt) {\n const url = Alchemy.routes[evt.item.dataset.type].move_api_path(\n evt.item.dataset.id\n )\n const data = {\n target_parent_id: evt.to.dataset.recordId,\n new_position: evt.newIndex\n }\n\n patch(url, data)\n .then(() => {\n const message = Alchemy.t(\"Successfully moved menu item\")\n growl(message)\n displayNodeFolders()\n })\n .catch((error) => {\n growl(error.message || error, \"error\")\n })\n}\n\nfunction handleNodeFolders() {\n on(\"click\", \".nodes_tree\", \".node_folder\", function () {\n const nodeId = this.dataset.recordId\n const menu_item = this.closest(\"li.menu-item\")\n const url =\n Alchemy.routes[this.dataset.recordType].toggle_folded_api_path(nodeId)\n const list = menu_item.querySelector(\".children\")\n\n patch(url)\n .then(() => {\n list.classList.toggle(\"folded\")\n menu_item.dataset.folded =\n menu_item.dataset.folded == \"true\" ? \"false\" : \"true\"\n displayNodeFolders()\n })\n .catch((error) => {\n growl(error.message || error)\n })\n })\n}\n\nexport default function NodeTree() {\n handleNodeFolders()\n displayNodeFolders()\n\n document.querySelectorAll(\".nodes_tree ul.children\").forEach((el) => {\n new Sortable(el, {\n group: \"nodes\",\n animation: 150,\n fallbackOnBody: true,\n swapThreshold: 0.65,\n handle: \".node_name\",\n invertSwap: true,\n onEnd: onFinishDragging\n })\n })\n}\n","// We still use jQuery in some places (ie. select2)\nimport \"handlebars\"\nimport \"jquery\"\nimport \"@ungap/custom-elements\"\nimport { Turbo } from \"@hotwired/turbo-rails\"\nimport \"select2\"\n\nimport Rails from \"@rails/ujs\"\n\nimport { translate } from \"alchemy_admin/i18n\"\nimport { currentDialog, closeCurrentDialog } from \"alchemy_admin/dialog\"\nimport Dirty from \"alchemy_admin/dirty\"\nimport * as FixedElements from \"alchemy_admin/fixed_elements\"\nimport { growl } from \"alchemy_admin/growler\"\nimport Initializer from \"alchemy_admin/initializer\"\nimport { LinkDialog } from \"alchemy_admin/link_dialog\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\nimport Spinner from \"alchemy_admin/spinner\"\nimport { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { openConfirmDialog } from \"alchemy_admin/confirm_dialog\"\n\n// Web Components\nimport \"alchemy_admin/components\"\n\n// Handlebars Templates\nimport \"alchemy_admin/templates/compiled\"\n\n// Shoelace Setup\nimport \"alchemy_admin/shoelace_theme\"\n\n// Global Alchemy object\nif (typeof window.Alchemy === \"undefined\") {\n window.Alchemy = {}\n}\n\n// Enhance the global Alchemy object with imported features\nObject.assign(Alchemy, {\n closeCurrentDialog,\n currentDialog,\n ...Dirty,\n t: translate, // Global utility method for translating a given string\n FixedElements,\n growl,\n LinkDialog,\n pleaseWaitOverlay,\n Spinner,\n reloadPreview\n})\n\nRails.start()\nTurbo.config.forms.confirm = openConfirmDialog\ndocument.addEventListener(\"turbo:load\", Initializer)\n\n// Public API for extensions\nexport { RemoteSelect } from \"alchemy_admin/components/remote_select\"\nexport { on } from \"alchemy_admin/utils/events\"\n\n// Page-specific modules - bundled to avoid dual-loading\nexport { default as ImageCropper } from \"alchemy_admin/image_cropper\"\nexport { default as ImageOverlay } from \"alchemy_admin/image_overlay\"\nexport { default as pictureSelector } from \"alchemy_admin/picture_selector\"\nexport { default as NodeTree } from \"alchemy_admin/node_tree\"\n","import Hotkeys from \"alchemy_admin/hotkeys\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\nexport default function Initializer() {\n // We obviously have javascript enabled.\n document.documentElement.classList.remove(\"no-js\")\n\n // Initialize hotkeys.\n Hotkeys()\n\n // Add observer for please wait overlay.\n document.querySelectorAll(\".please_wait\").forEach((element) => {\n element.addEventListener(\"click\", pleaseWaitOverlay)\n })\n\n // Hack for enabling tab focus for 's styled as button.\n document.querySelectorAll(\"a.button\").forEach((button) => {\n button.setAttribute(\"tabindex\", 0)\n })\n\n // Override the filter of keymaster.js so we can blur the fields on esc key.\n key.filter = function (event) {\n let tagName = (event.target || event.srcElement).tagName\n return (\n key.isPressed(\"esc\") ||\n !(tagName === \"INPUT\" || tagName === \"SELECT\" || tagName === \"TEXTAREA\")\n )\n }\n}\n"],"names":["KEY_SEPARATOR","getTranslation","key","locale","currentLocale","translations","Alchemy","test","keys","split","group","nestedTranslation","console","warn","document","documentElement","lang","translate","replacement","undefined","translation","replace","async","setupSelectLocale","import","$","extend","fn","select2","defaults","locales","bindedHotkeys","showHelp","evt","target","is","String","fromCharCode","which","openDialog","title","t","size","Hotkeys","scope","jQuery","removeEventListener","addEventListener","forEach","hotkey","unbind","search_fields","querySelectorAll","search_fields_clear","setScope","el","focus","focusVisible","push","click","blur","dataset","alchemyHotkey","createHtmlElement","text","element","createElement","innerHTML","content","children","Spinner$1","constructor","color","this","spinner","spin","parent","body","append","stop","remove","currentDialogs","DEFAULTS","header_height","padding","modal","overflow","ready","closed","Dialog","url","options","$document","$window","window","$body","width","parseInt","height","build","resize","open","dialog","trigger","bind_close_events","requestAnimationFrame","dialog_container","addClass","overlay","load","close","off","removeClass","on","pop","show_spinner","get","data","fail","xhr","show_error","reload","dialog_body","empty","remove_spinner","hide","html","init","dispatchEvent","CustomEvent","bubbles","detail","show","Spinner","watch_remote_forms","$form","event","getResponseHeader","match","responseText","statusText","status","error_body","error_header","error_type","error_messages","$errorDiv","error","close_button","e","keydown","dialog_header","dialog_title","getSize","css","doc_width","doc_height","currentDialog","length","closeCurrentDialog","callback","ConfirmDialog","message","ok_label","cancel_label","on_ok","bindEvents","cancelButton","preventDefault","on_cancel","okButton","source","querySelector","openConfirmDialog","Promise","resolve","pleaseWaitOverlay","checkPageDirtyness","action","find","appendTo","Turbo","visit","pathname","then","proceed","onbeforeunload","Dirty","PageLeaveObserver","currentTarget","removeTab","element_id","fixed_elements","getElementById","panel_name","label","tab","panel","growl","style","flashType","flashNotices","flashMessage","ANCHOR_REGEX","PreviewWindow","HTMLIFrameElement","afterLoad","reloadIcon","loadTimeout","handleEvent","type","clearLoadTimeout","stopSpinner","call","onPreviewReady","connectedCallback","attachEvents","localStorage","getItem","previewUrlSelect","value","refresh","disconnectedCallback","postMessage","contentWindow","startSpinner","src","setTimeout","isDragged","dragged","transitionProperty","pointerEvents","reloadButton","sizeSelect","setItem","includes","clearTimeout","getAttribute","reloadPreview","customElements","define","extends","IngredientAnchorLink","updateIcon","ingredientId","active","ingredientEditor","setAttribute","Action","HTMLElement","super","actions","removeFixedElement","updateAnchorIcon","hidePleaseWaitOverlay","func","name","params","hasAttribute","JSON","parse","hightlightTerm","term","RegExp","RemoteSelect","isConnected","input","classList","add","select2Config","onOpen","onChange","added","stringify","dispatchCustomEvent","removed","allowClear","selection","placeholder","queryParams","getElementsByTagName","initSelection","_$el","ajax","ajaxConfig","formatSelection","item","_renderResult","formatResult","_el","query","_renderListEntry","datatype","quietMillis","page","_searchQuery","results","response","_parseResponse","q","name_cont","meta","more","per_page","total_count","Error","_hightlightTerm","attachment","icon_css_class","AutoSubmit","submitEvent","Event","cancelable","form","Button","HTMLButtonElement","remote","stopPropagation","disable","enable","rect","getBoundingClientRect","initialButtonText","removeAttribute","CharCounter","maxChars","formField","getFormField","createDisplayElement","countCharacters","formFields","display","className","after","charLength","textContent","toggle","ClipboardButton","clipboard","ClipboardJS","destroy","formatItem","object","optionEl","swatch","ColorSelect","select","initializeSelect2","onSelectChange","colorInput","textInput","toggleColorPicker","val","minimumResultsForSearch","enabled","disabled","Datepicker","flatpickr","inputField","flatpickrOptions","enableTime","inputType","slice","altInput","altFormat","altInputClass","noCalendar","time_24hr","onValueUpdate","_selectedDates","_dateStr","instance","closest","setDirty","dateFormat","DialogLink","HTMLAnchorElement","dialogOptions","contains","JSON_CONTENT_TYPE","isGetRequest","method","toLowerCase","prepareOptions","accept","headers","Accept","getToken","prepareHeaders","attributes","patch","post","path","fetch","URL","location","origin","search","URLSearchParams","toString","prepareURL","contentType","isJson","isTurboStream","responseData","json","renderStreamMessage","ok","DomIdSelect","dataItem","hash","id","selectElement","pageId","fetchDomIds","routes","api_ingredients_path","page_id","ingredients","filter","ingredient","dom_id","map","prompt","setOptions","reset","frame","elements","contentDocument","Array","from","PublishElementButton","scheduleButtonVariant","scheduleButton","publishButton","dropdown","loading","DeleteElementButton","button","removeElement","elementEditor","fixed","elementId","pageHasUnpublishedChanges","dispatchPageDirtyEvent","tooltip","publishButtonTooltip","ElementEditor","header","toggleButton","onHeaderDblclick","onToggleClick","focusElement","previewWindow","focusElementPreview","onClickElement","onSaveElement","hasEditors","firstChild","setTitle","selectTabForElement","expand","setClean","warning","ingredientsWithErrors","errorDisplay","errorMessage","appendChild","elementErrors","notice","updateTitle","previewText","ingredientAnchors","anchor","scrollToElement","scrollIntoView","behavior","scroll","reject","tabs","dirty","editor","collapsed","collapse","compact","toggleIcon","collapse_admin_element_path","nestedElementIds","selector","join","nestedElement","catch","finally","expanded","parentElementEditor","expand_admin_element_path","parentElementIds","parentElement","published","isPublished","bodySelector","footer","elementName","hasChildren","option","icon","ElementSelect","dropdownAutoWidth","hint","description","ElementsWindow","visible","turboFrame","collapseButton","onCollapseClick","onWindowMessage","onBodyClick","focusElementEditor","collapseAllElements","removeProperty","widthFromCookie","setProperty","cookie","row","startsWith","ElementsWindowHandle","dragging","elementsWindow","onMouseDown","onMouseUp","onDrag","pageX","elementWindowWidth","innerWidth","FileEditor","deleteLink","fileIcon","fileName","formFieldId","removeFile","ListFilter","debounceTimer","filterField","clearButton","onHotkey","onKeyup","onFocus","onClearClick","onEscape","visibility","matchedItems","itemsToShow","Set","lowerTerm","items","nameAttribute","indexOf","ancestor","itemsSelector","has","block","clear","debounceTime","Message","dismissTimeoutId","dismiss","closeIcon","dismissable","insertAdjacentHTML","iconName","dismissDelay","noticesWrapper","autoDismissDelay","Growl","Icon","observedAttributes","spriteUrl","render","attributeChangedCallback","sizeClass","IngredientGroup","HTMLDetailsElement","localStorageKey","isInLocalStorage","expanded_ingredient_groups","localStorageItem","LinkButton","LinkDialog","linkUrl","linkTitle","linkTarget","linkClass","link","setLink","linkButtons","linkUrlField","linkTitleField","linkTargetField","linkClassField","UnlinkButton","linked","isLinked","LinkButtons","removeLink","unlinkButton","setElementDirty","linkButton","formatFileSize","bytes","exponent","Math","floor","log","pow","toFixed","name_or_page_name_cont","node","ancestors","a","seperator","FileUpload","file","request","progressEventLoaded","progressEventTotal","valid","loadedSize","cancel","reader","FileReader","readAsDataURL","image","Image","result","prepend","initialize","validateFile","addRequestEventListener","finished","abort","config","uploader_defaults","maxFileSize","file_size_limit","allowedFiletypes","allowed_filetypes","alchemy_pictures","alchemy_attachments","upload","onprogress","progressEvent","onload","responseMessage","onerror","errorMessageContainer","progressElement","loaded","total","round","toggleAttribute","isValid","Progress","fileCount","fileUploads","buttonLabel","actionButton","handleFileChange","updateView","onComplete","fileUpload","activeUploads","setupCloseButton","_status","ariaLabel","sumFileProgresses","field","reduce","accumulator","totalProgress","overallProgressValue","overallUploadSize","every","entry","fileProgress","uploadedFileCount","uploadsStatuses","totalSize","ceil","weight","Uploader","dropzoneElement","isDraggedOver","fileInput","onFileInputChange","dropzone","setupDropZone","onDropzoneDragleave","onDropzoneDrop","onDropzoneDragover","handleUploadComplete","uploadFiles","files","toggleDropzoneClass","dataTransfer","getAsFile","redirectUrl","uploadProgress","fileUploadCount","XMLHttpRequest","upload_limit","submitFile","createProgress","formData","FormData","set","setRequestHeader","send","removeChild","Overlay","BUTTON","AlchemyPageNode","folded","folderButton","handleFolderClick","fold_admin_page_path","toggleChildren","updateFolderIcon","childrenContainer","updateFolderButton","folderElement","shouldShowButton","tagName","outerHTML","PagePublicationFields","publicField","onClick","checkbox","now","Date","checked","publicationDateFields","publicOnPicker","setDate","publicUntilPicker","pages","site","url_path","language_code","PictureDescriptionSelect","searchParams","PictureEditor","cropFromField","cropSizeField","pictureIdField","targetSizeField","imageCropperField","pictureThumbnail","deleteButton","cropLink","targetSize","pictureId","update","delay","timeout","args","that","apply","debounce","updateImage","updateCropLink","removeImage","observer","MutationObserver","mutationCallback","observe","disconnect","mutationsList","mutation","url_admin_picture_path","crop","imageCropperEnabled","crop_from","cropFrom","crop_size","cropSize","flatten","alt","href","defaultCropFrom","defaultCropSize","mask","n","zoom","imageFileWidth","b","imageFileHeight","dimensions","imageCropper","PictureThumbnail","onLoaded","onError","start","setImage","createImage","complete","hoist","replaceChildren","PublishPageButton","markDirty","variant","Select","HTMLSelectElement","select2Element","multiple","prev","updateSelect2","selectedValue","Option","hasOwnProperty","AlchemySitemap","searchInput","resultCounter","setupSearch","setupSortables","mutations","addedNodes","nodeType","Node","ELEMENT_NODE","setupSortable","childList","subtree","teardownSearch","handleSearch","handleClearSearch","trim","filterPages","clearFilter","allPages","matchCount","firstMatch","pageElement","container","Sortable","animation","fallbackOnBody","swapThreshold","handle","draggable","onEnd","handleSort","to","oldIndex","newIndex","pageNode","move_admin_page_path","target_parent_id","parentId","new_position","pageData","pageEl","urlPathEl","updateFolderIcons","fromContainer","toContainer","fromParent","toParent","SORTABLE_OPTIONS","ghostClass","easing","onStart","onSort","position","parent_element_id","order_admin_elements_path","preview_text","SortableElements","put","_from","droppableElements","TagsAutocomplete","tags","tokenSeparators","openOnEnter","minimumInputLength","createSearchChoice","dataType","localeCompare","each","DARK_THEME","LIGHT_THEME","Tinymce","min_height","minHeight","root","rootMargin","threshold","tinymceIntersectionObserver","IntersectionObserver","entries","intersectionRatio","_initTinymceEditor","unobserve","_setupThemeChangeListener","_removeThemeChangeListener","tinymce","editorId","configuration","editors","_setupEditor","editorContainer","darkModeMediaQuery","matchMedia","themeChangeHandler","_handleThemeChange","skin","matches","content_css","customConfig","getAttributeNames","attributeName","replaceAll","preferredTheme","TinymceDefaults","language","UpdateCheck","credentials","responseJSON","showStatus","showError","Handlebars","template","templates","l","r","compiler","main","o","lambda","d","escapeExpression","u","lookupProperty","Object","prototype","nullContext","program","inverse","loc","line","column","end","useData","setDefaultAnimation","keyframes","transform","opacity","duration","iconMap","caret","resolver","mutator","svg","spriteSheet","eventName","baseSelector","targetSelector","baseNode","targets","currentNode","registerIconLibrary","ImageCropper","initialized","cropper","settings","defaultBox","default_box","aspectRatio","ratio","crop_from_form_field_id","crop_size_form_field_id","bind","cropperOptions","viewMode","zoomable","checkCrossOrigin","checkOrientation","box","cropend","getData","v","x","y","defaultBoxSize","Cropper","coords","setData","ImageOverlay","nodeName","toggleClass","$previous","$next","initKeyboardNavigation","previous","next","checkedInputs","PictureSelector","selectAllButton","selectedItemTools","state","toggleCheckboxes","parentElementClassList","editMultiplePicturesUrl","displayNodeFolders","leftIconArea","list","onFinishDragging","move_api_path","recordId","NodeTree","nodeId","menu_item","recordType","toggle_folded_api_path","invertSwap","assign","FixedElements","onCreateLink","link_admin_pages_path","parameterMapping","selected_tab","link_title","link_target","internalForm","attachmentSelect","updatePage","submitForm","linkFormType","internalLink","domIdSelect","linkType","elementAnchor","link_url_regexp","showValidationError","errors","Rails","forms","confirm","srcElement","isPressed"],"mappings":"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"} \ No newline at end of file +{"version":3,"file":"alchemy_admin.min.js","sources":["../../../javascript/alchemy_admin/i18n.js","../../../javascript/alchemy_admin/hotkeys.js","../../../javascript/alchemy_admin/utils/dom_helpers.js","../../../javascript/alchemy_admin/spinner.js","../../../javascript/alchemy_admin/dialog.js","../../../javascript/alchemy_admin/confirm_dialog.js","../../../javascript/alchemy_admin/please_wait_overlay.js","../../../javascript/alchemy_admin/dirty.js","../../../javascript/alchemy_admin/fixed_elements.js","../../../javascript/alchemy_admin/growler.js","../../../javascript/alchemy_admin/link_dialog.js","../../../javascript/alchemy_admin/components/preview_window.js","../../../javascript/alchemy_admin/ingredient_anchor_link.js","../../../javascript/alchemy_admin/components/action.js","../../../javascript/alchemy_admin/components/remote_select.js","../../../javascript/alchemy_admin/components/attachment_select.js","../../../javascript/alchemy_admin/components/auto_submit.js","../../../javascript/alchemy_admin/components/button.js","../../../javascript/alchemy_admin/components/char_counter.js","../../../javascript/alchemy_admin/components/clipboard_button.js","../../../javascript/alchemy_admin/components/color_select.js","../../../javascript/alchemy_admin/components/datepicker.js","../../../javascript/alchemy_admin/components/dialog_link.js","../../../javascript/alchemy_admin/utils/ajax.js","../../../javascript/alchemy_admin/components/dom_id_select.js","../../../javascript/alchemy_admin/components/element_editor/publish_element_button.js","../../../javascript/alchemy_admin/components/element_editor/delete_element_button.js","../../../javascript/alchemy_admin/components/element_editor.js","../../../javascript/alchemy_admin/components/element_select.js","../../../javascript/alchemy_admin/components/elements_window.js","../../../javascript/alchemy_admin/components/elements_window_handle.js","../../../javascript/alchemy_admin/components/file_editor.js","../../../javascript/alchemy_admin/components/list_filter.js","../../../javascript/alchemy_admin/components/message.js","../../../javascript/alchemy_admin/components/growl.js","../../../javascript/alchemy_admin/components/icon.js","../../../javascript/alchemy_admin/components/ingredient_group.js","../../../javascript/alchemy_admin/components/link_buttons/link_button.js","../../../javascript/alchemy_admin/components/link_buttons/unlink_button.js","../../../javascript/alchemy_admin/components/link_buttons.js","../../../javascript/alchemy_admin/utils/format.js","../../../javascript/alchemy_admin/components/node_select.js","../../../javascript/alchemy_admin/components/uploader/file_upload.js","../../../javascript/alchemy_admin/components/uploader/progress.js","../../../javascript/alchemy_admin/components/uploader.js","../../../javascript/alchemy_admin/components/overlay.js","../../../javascript/alchemy_admin/components/page_node.js","../../../javascript/alchemy_admin/components/page_publication_fields.js","../../../javascript/alchemy_admin/components/page_select.js","../../../javascript/alchemy_admin/components/picture_description_select.js","../../../javascript/alchemy_admin/components/picture_editor.js","../../../javascript/alchemy_admin/utils/debounce.js","../../../javascript/alchemy_admin/utils/max.js","../../../javascript/alchemy_admin/components/picture_thumbnail.js","../../../javascript/alchemy_admin/components/publish_page_button.js","../../../../node_modules/tom-select/dist/esm/contrib/microevent.js","../../../../node_modules/@orchidjs/unicode-variants/dist/esm/regex.js","../../../../node_modules/@orchidjs/unicode-variants/dist/esm/strings.js","../../../../node_modules/@orchidjs/unicode-variants/dist/esm/index.js","../../../../node_modules/@orchidjs/sifter/dist/esm/utils.js","../../../../node_modules/@orchidjs/sifter/dist/esm/sifter.js","../../../../node_modules/tom-select/dist/esm/utils.js","../../../../node_modules/tom-select/dist/esm/vanilla.js","../../../../node_modules/tom-select/dist/esm/contrib/highlight.js","../../../../node_modules/tom-select/dist/esm/constants.js","../../../../node_modules/tom-select/dist/esm/defaults.js","../../../../node_modules/tom-select/dist/esm/getSettings.js","../../../../node_modules/tom-select/dist/esm/tom-select.js","../../../../node_modules/tom-select/dist/esm/contrib/microplugin.js","../../../../node_modules/tom-select/dist/esm/plugins/checkbox_options/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/clear_button/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/drag_drop/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/dropdown_header/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/caret_position/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/dropdown_input/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/input_autogrow/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/remove_button/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/virtual_scroll/plugin.js","../../../../node_modules/tom-select/dist/esm/tom-select.complete.js","../../../../node_modules/tom-select/dist/esm/plugins/change_listener/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/no_backspace_delete/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/no_active_items/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/optgroup_columns/plugin.js","../../../../node_modules/tom-select/dist/esm/plugins/restore_on_backspace/plugin.js","../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs","../../../../node_modules/@floating-ui/core/dist/floating-ui.core.mjs","../../../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs","../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs","../../../javascript/alchemy_admin/components/select.js","../../../javascript/alchemy_admin/components/sitemap.js","../../../javascript/alchemy_admin/components/sortable_elements.js","../../../javascript/alchemy_admin/components/spinner.js","../../../javascript/alchemy_admin/components/tags_autocomplete.js","../../../javascript/alchemy_admin/components/tinymce.js","../../../javascript/alchemy_admin/components/update_check.js","../../../javascript/alchemy_admin/templates/compiled.js","../../../javascript/alchemy_admin/shoelace_theme.js","../../../javascript/alchemy_admin/utils/events.js","../../../javascript/alchemy_admin/image_cropper.js","../../../javascript/alchemy_admin/image_overlay.js","../../../javascript/alchemy_admin/picture_selector.js","../../../javascript/alchemy_admin/node_tree.js","../../../javascript/alchemy_admin.js","../../../javascript/alchemy_admin/initializer.js"],"sourcesContent":["const KEY_SEPARATOR = /\\./\n\nfunction nestedTranslation(translations, key) {\n const keys = key.split(KEY_SEPARATOR)\n const group = translations[keys[0]]\n if (group) {\n return group[keys[1]] || key\n }\n return key\n}\n\nfunction getTranslation(key) {\n const locale = currentLocale()\n const translations = Alchemy.translations\n\n if (!translations) {\n console.warn(`Translations for locale ${locale} not found!`)\n return key\n }\n\n if (KEY_SEPARATOR.test(key)) {\n return nestedTranslation(translations, key)\n }\n return translations[key] || key\n}\n\nexport function currentLocale() {\n if (document.documentElement.lang) {\n return document.documentElement.lang\n }\n return \"en\"\n}\n\nexport function translate(key, replacement = undefined) {\n let translation = getTranslation(key)\n\n if (replacement) {\n return translation.replace(/%\\{.+\\}/, replacement)\n }\n return translation\n}\n\nexport async function setupSelectLocale() {\n const locale = currentLocale()\n if (locale === \"en\") return\n\n await import(`select2/${locale}.js`)\n $.extend($.fn.select2.defaults, $.fn.select2.locales[locale])\n}\n","import \"keymaster\"\nimport { openDialog } from \"alchemy_admin/dialog\"\n\nconst bindedHotkeys = []\n\nfunction showHelp(evt) {\n if (\n !$(evt.target).is(\"input, textarea\") &&\n String.fromCharCode(evt.which) === \"?\"\n ) {\n openDialog(\"/admin/help\", {\n title: Alchemy.t(\"help\"),\n size: \"400x492\"\n })\n return false\n } else {\n return true\n }\n}\n\nexport default function (scope = document) {\n // The scope can be a jQuery object because we still use jQuery in alchemy_admin/dialog.js.\n if (scope instanceof jQuery) {\n scope = scope[0]\n }\n\n // Unbind all previously registered hotkeys if we are not inside a dialog.\n if (scope === document) {\n document.removeEventListener(\"keypress\", showHelp)\n document.addEventListener(\"keypress\", showHelp)\n bindedHotkeys.forEach((hotkey) => key.unbind(hotkey))\n }\n\n // Binds keyboard shortcuts to search fields.\n const search_fields = scope.querySelectorAll(\".search_input_field\")\n const search_fields_clear = scope.querySelectorAll(\n \".search_field_clear, .js_filter_field_clear\"\n )\n key(\"alt+f\", function () {\n key.setScope(\"search\")\n search_fields.forEach((el) => el.focus({ focusVisible: true }))\n return false\n })\n bindedHotkeys.push(\"alt+f\")\n key(\"esc\", \"search\", function () {\n search_fields_clear.forEach((el) => el.click())\n search_fields.forEach((el) => el.blur())\n })\n bindedHotkeys.push(\"esc\")\n\n // Binds click events to buttons with hotkeys.\n //\n // Simply add a data-alchemy-hotkey attribute to your link.\n // If a hotkey is triggered by user, the click event of the element gets triggerd.\n //\n scope.querySelectorAll(\"[data-alchemy-hotkey]\").forEach(function (el) {\n const hotkey = el.dataset.alchemyHotkey\n key(hotkey, () => el.click())\n bindedHotkeys.push(hotkey)\n })\n}\n","/**\n * create a HTML element\n * @param {string} text\n * @returns {HTMLElement}\n */\nexport function createHtmlElement(text) {\n const element = document.createElement(\"template\")\n element.innerHTML = text\n return element.content.children[0]\n}\n\n/**\n * wrap element with wrappingElement\n * @param {HTMLElement} element\n * @param {HTMLElement} wrappingElement\n */\nexport function wrap(element, wrappingElement) {\n element.replaceWith(wrappingElement)\n wrappingElement.appendChild(element)\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\n\nexport default class Spinner {\n constructor(size, color = \"currentColor\") {\n this.size = size\n this.color = color\n this.spinner = undefined\n }\n\n /**\n * @returns {HTMLElement|undefined}\n */\n get el() {\n return this.spinner\n }\n /**\n * @param {HTMLElement|undefined} parent\n */\n spin(parent) {\n if (typeof parent === \"undefined\") {\n parent = document.body\n }\n this.spinner = createHtmlElement(\n ``\n )\n parent.append(this.spinner)\n return this\n }\n\n stop() {\n if (this.spinner) {\n this.spinner.remove()\n this.spinner = undefined\n }\n }\n}\n","import Hotkeys from \"alchemy_admin/hotkeys\"\nimport Spinner from \"alchemy_admin/spinner\"\n\n// Collection of all current dialog instances\nconst currentDialogs = []\n\nconst DEFAULTS = {\n header_height: 36,\n size: \"400x300\",\n padding: true,\n title: \"\",\n modal: true,\n overflow: \"visible\",\n ready: () => {},\n closed: () => {}\n}\n\nexport class Dialog {\n // Arguments:\n // - url: The url to load the content from via ajax\n // - options: A object holding options\n // - size: The maximum size of the Dialog\n // - title: The title of the Dialog\n constructor(url, options = {}) {\n this.url = url\n this.options = { ...DEFAULTS, ...options }\n this.$document = $(document)\n this.$window = $(window)\n this.$body = $(\"body\")\n const size = this.options.size.split(\"x\")\n this.width = parseInt(size[0], 10)\n this.height = parseInt(size[1], 10)\n this.build()\n this.resize()\n }\n\n // Opens the Dialog and loads the content via ajax.\n open() {\n this.dialog.trigger(\"Alchemy.DialogOpen\")\n this.bind_close_events()\n window.requestAnimationFrame(() => {\n this.dialog_container.addClass(\"open\")\n if (this.overlay != null) {\n return this.overlay.addClass(\"open\")\n }\n })\n this.$body.addClass(\"prevent-scrolling\")\n currentDialogs.push(this)\n this.load()\n }\n\n // Closes the Dialog and removes it from the DOM\n close() {\n this.dialog.trigger(\"DialogClose.Alchemy\")\n this.$document.off(\"keydown\")\n this.dialog_container.removeClass(\"open\")\n if (this.overlay != null) {\n this.overlay.removeClass(\"open\")\n }\n this.$document.on(\n \"webkitTransitionEnd transitionend oTransitionEnd\",\n () => {\n this.$document.off(\"webkitTransitionEnd transitionend oTransitionEnd\")\n this.dialog_container.remove()\n if (this.overlay != null) {\n this.overlay.remove()\n }\n this.$body.removeClass(\"prevent-scrolling\")\n currentDialogs.pop(this)\n if (this.options.closed != null) {\n return this.options.closed()\n }\n }\n )\n return true\n }\n\n // Loads the content via ajax and replaces the Dialog body with server response.\n load() {\n this.show_spinner()\n $.get(this.url, (data) => {\n this.replace(data)\n }).fail((xhr) => {\n this.show_error(xhr)\n })\n }\n\n // Reloads the Dialog content\n reload() {\n this.dialog_body.empty()\n this.load()\n }\n\n // Replaces the dialog body with given content and initializes it.\n replace(data) {\n this.remove_spinner()\n this.dialog_body.hide()\n this.dialog_body.html(data)\n this.init()\n this.dialog[0].dispatchEvent(\n new CustomEvent(\"DialogReady.Alchemy\", {\n bubbles: true,\n detail: {\n body: this.dialog_body[0]\n }\n })\n )\n if (this.options.ready != null) {\n this.options.ready(this.dialog_body)\n }\n this.dialog_body.show()\n }\n\n // Adds a spinner into Dialog body\n show_spinner() {\n this.spinner = new Spinner(\"medium\")\n this.spinner.spin(this.dialog_body[0])\n }\n\n // Removes the spinner from Dialog body\n remove_spinner() {\n this.spinner.stop()\n }\n\n // Initializes the Dialog body\n init() {\n Hotkeys(this.dialog_body)\n this.watch_remote_forms()\n }\n\n // Watches ajax requests inside of dialog body and replaces the content accordingly\n watch_remote_forms() {\n const $form = $('[data-remote=\"true\"]', this.dialog_body)\n\n $form.on(\"ajax:success\", (event) => {\n const xhr = event.detail[2]\n const content_type = xhr.getResponseHeader(\"Content-Type\")\n if (content_type.match(/javascript/)) {\n return\n } else {\n this.dialog_body.html(xhr.responseText)\n this.init()\n }\n })\n\n $form.on(\"ajax:error\", (event) => {\n const statusText = event.detail[1]\n const xhr = event.detail[2]\n this.show_error(xhr, statusText)\n })\n }\n\n // Displays an error message\n show_error(xhr, statusText) {\n if (xhr.status === 422) {\n this.dialog_body.html(xhr.responseText)\n this.init()\n return\n }\n\n const { error_body, error_header, error_type } = this.error_messages(\n xhr,\n statusText\n )\n\n const $errorDiv = $(`\n

    ${error_header}

    \n

    ${error_body}

    \n     `)\n\n this.dialog_body.html($errorDiv)\n }\n\n // Returns error message based on xhr status\n error_messages(xhr, statusText) {\n let error_body,\n error_header,\n error_type = \"warning\"\n\n switch (xhr.status) {\n case 0:\n error_header = \"The server does not respond.\"\n error_body = \"Please check server and try again.\"\n break\n case 403:\n error_header = \"You are not authorized!\"\n error_body = \"Please close this window.\"\n break\n default:\n error_type = \"error\"\n if (statusText) {\n error_header = statusText\n console.error(xhr.responseText)\n } else {\n error_header = `${xhr.statusText} (${xhr.status})`\n }\n error_body = \"Please check log and try again.\"\n }\n\n return { error_header, error_body, error_type }\n }\n\n // Binds close events on:\n // - Close button\n // - Overlay (if the Dialog is a modal)\n // - ESC Key\n bind_close_events() {\n this.close_button.on(\"click\", () => {\n this.close()\n })\n this.dialog_container.addClass(\"closable\").on(\"click\", (e) => {\n if (e.target !== this.dialog_container.get(0)) {\n return true\n }\n this.close()\n return false\n })\n this.$document.keydown((e) => {\n if (e.which === 27) {\n this.close()\n return false\n } else {\n return true\n }\n })\n }\n\n // Builds the html structure of the Dialog\n build() {\n this.dialog_container = $('
    ')\n this.dialog = $('
    ')\n this.dialog_body = $('
    ')\n this.dialog_header = $('
    ')\n this.dialog_title = $('
    ')\n this.close_button = $(\n ''\n )\n this.dialog_title.text(this.options.title)\n this.dialog_header.append(this.dialog_title)\n this.dialog_header.append(this.close_button)\n this.dialog.append(this.dialog_header)\n this.dialog.append(this.dialog_body)\n this.dialog_container.append(this.dialog)\n if (this.options.modal) {\n this.dialog.addClass(\"modal\")\n }\n if (this.options.padding) {\n this.dialog_body.addClass(\"padded\")\n }\n if (this.options.modal) {\n this.overlay = $('
    ')\n this.$body.append(this.overlay)\n }\n this.$body.append(this.dialog_container)\n }\n\n // Sets the correct size of the dialog\n // It normalizes the given size, so that it never acceeds the window size.\n resize() {\n const { width, height } = this.getSize()\n\n this.dialog.css({\n width: width,\n \"min-height\": height,\n overflow: this.options.overflow\n })\n\n if (this.options.overflow === \"hidden\") {\n this.dialog_body.css({\n height: height,\n overflow: \"auto\"\n })\n } else {\n this.dialog_body.css({\n \"min-height\": height,\n overflow: \"visible\"\n })\n }\n }\n\n getSize() {\n const padding = this.options.padding ? 16 : 0\n const doc_width = this.$window.width()\n const doc_height = this.$window.height()\n\n let width = this.width\n let height = this.height\n\n if (width >= doc_width) {\n width = doc_width - padding\n }\n\n if (height >= doc_height) {\n height = doc_height - padding - DEFAULTS.header_height\n }\n\n return { width, height }\n }\n}\n\n// Gets the last dialog instantiated, which is the current one.\nexport function currentDialog() {\n const { length } = currentDialogs\n if (length === 0) {\n return\n }\n return currentDialogs[length - 1]\n}\n\n// Utility function to close the current Dialog\n//\n// You can pass a callback function, that gets triggered after the Dialog gets closed.\n//\nexport function closeCurrentDialog(callback) {\n const dialog = currentDialog()\n if (dialog != null) {\n dialog.options.closed = callback\n return dialog.close()\n }\n}\n\n// Utility function to open a new Dialog\nexport function openDialog(url, options) {\n if (!url) {\n throw \"No url given! Please provide an url.\"\n }\n const dialog = new Dialog(url, options)\n dialog.open()\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nconst getDefaults = () => ({\n // The default size of the dialog\n size: \"300x100\",\n title: translate(\"Please confirm\"),\n ok_label: translate(\"Yes\"),\n cancel_label: translate(\"No\"),\n on_ok() {}\n})\n\nclass ConfirmDialog {\n constructor(message, options = {}) {\n this.message = message\n this.options = { ...getDefaults(), ...options }\n this.#build()\n this.#bindEvents()\n }\n\n open() {\n requestAnimationFrame(() => {\n this.dialog.show()\n })\n }\n\n #build() {\n const width = this.options.size.split(\"x\")[0]\n this.dialog = createHtmlElement(`\n \n ${this.message}\n \n \n \n `)\n document.body.append(this.dialog)\n }\n\n #bindEvents() {\n this.cancelButton.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.options.on_cancel()\n this.dialog.hide()\n })\n this.okButton.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.options.on_ok()\n this.dialog.hide()\n })\n // Prevent the dialog from closing when the user clicks on the overlay\n this.dialog.addEventListener(\"sl-request-close\", (event) => {\n if (event.detail.source === \"overlay\") {\n this.options.on_cancel()\n event.preventDefault()\n }\n })\n // Remove the dialog from the DOM after it has been hidden\n this.dialog.addEventListener(\"sl-after-hide\", () => {\n this.dialog.remove()\n })\n }\n\n get cancelButton() {\n return this.dialog.querySelector(\"button[type=reset]\")\n }\n\n get okButton() {\n return this.dialog.querySelector(\"button[type=submit]\")\n }\n}\n\n/* Opens a confirm dialog\n *\n * @param {string} message - The message that will be displayed to the user\n * @param {Object} [options={}] - Configuration options for the dialog\n * @param {string} [options.title=\"Please confirm\"] - The title of the overlay window\n * @param {string} [options.cancel_label=\"No\"] - The label of the cancel button\n * @param {string} [options.ok_label=\"Yes\"] - The label of the ok button\n *\n * @returns {Promise} A promise that resolves to true when the OK button is clicked and\n * resolves to false when the cancel button is clicked. Works as confirm dialog replacement\n * for Turbo.confirm.\n */\nexport function openConfirmDialog(message, options = {}) {\n return new Promise((resolve) => {\n const dialog = new ConfirmDialog(message, {\n ...options,\n on_ok() {\n resolve(true)\n },\n on_cancel() {\n resolve(false)\n }\n })\n dialog.open()\n })\n}\n","/**\n * To show the \"Please wait\" overlay.\n * Pass false to hide it.\n * @param {boolean} show\n */\nexport default function pleaseWaitOverlay(show = true) {\n document.querySelector(\"alchemy-overlay\").show = !!show\n}\n","import { openConfirmDialog } from \"alchemy_admin/confirm_dialog\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\nfunction checkPageDirtyness(element) {\n let callback = () => {}\n\n if ($(element).is(\"form\")) {\n callback = function () {\n const $form = $(\n ``\n )\n $form.append($(element).find(\"input\"))\n $form.appendTo(\"body\")\n\n pleaseWaitOverlay()\n $form.trigger(\"submit\")\n }\n } else if ($(element).is(\"a\")) {\n callback = () => Turbo.visit(element.pathname)\n }\n\n const isPageDirty =\n document.querySelectorAll(\"alchemy-element-editor.dirty\").length > 0\n\n if (isPageDirty) {\n openConfirmDialog(translate(\"page_dirty_notice\"), {\n title: translate(\"warning\"),\n ok_label: translate(\"ok\"),\n cancel_label: translate(\"cancel\")\n }).then((proceed) => {\n if (proceed) {\n window.onbeforeunload = void 0\n callback()\n }\n })\n return false\n }\n return true\n}\n\nfunction PageLeaveObserver() {\n document.querySelectorAll(\"#main_navi a\").forEach((element) => {\n element.addEventListener(\"click\", (event) => {\n if (!checkPageDirtyness(event.currentTarget)) {\n event.preventDefault()\n }\n })\n })\n}\n\nexport default {\n checkPageDirtyness,\n PageLeaveObserver\n}\n","// Creates a fixed element tab.\nexport function createTab(element_id, label) {\n const fixed_elements = document.getElementById(\"fixed-elements\")\n const panel_name = `fixed-element-${element_id}`\n\n const tab = `${label}`\n const panel = ``\n\n fixed_elements.innerHTML += tab + panel\n\n window.requestAnimationFrame(function () {\n fixed_elements.show(panel_name)\n })\n}\n\nexport function removeTab(element_id) {\n const fixed_elements = document.getElementById(\"fixed-elements\")\n const panel_name = `fixed-element-${element_id}`\n\n fixed_elements.querySelector(`sl-tab[panel=\"${panel_name}\"]`).remove()\n fixed_elements.querySelector(`sl-tab-panel[name=\"${panel_name}\"]`).remove()\n\n fixed_elements.show(\"main-content-elements\")\n}\n","import { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\n\nfunction build(message, flashType) {\n const flashNotices = document.getElementById(\"flash_notices\")\n const flashMessage = createHtmlElement(`\n \n ${message}\n \n `)\n flashNotices.append(flashMessage)\n}\n\nexport function growl(message, style = \"notice\") {\n build(message, style)\n}\n","import { translate } from \"alchemy_admin/i18n\"\nimport { Dialog } from \"alchemy_admin/dialog\"\n\n// Matches a URL fragment (#anchor) at the end of a string.\n// Covers RFC 3986 unreserved characters (ALPHA, DIGIT, \"-\", \".\", \"_\", \"~\")\n// which are the characters valid in URL fragments and common in DOM element IDs.\nconst ANCHOR_REGEX = /#[\\w.~-]+$/\n\n// Represents the link Dialog that appears, if a user clicks the link buttons\n// in TinyMCE or on an Ingredient that has links enabled (e.g. Picture)\n//\nexport class LinkDialog extends Dialog {\n #onCreateLink\n\n constructor(link) {\n const url = new URL(Alchemy.routes.link_admin_pages_path, window.location)\n const parameterMapping = {\n url: link.url,\n selected_tab: link.type,\n link_title: link.title,\n link_target: link.target\n }\n\n // searchParams.set would also add undefined values\n Object.keys(parameterMapping).forEach((key) => {\n if (parameterMapping[key]) {\n url.searchParams.set(key, parameterMapping[key])\n }\n })\n\n super(url.href, {\n size: \"600x320\",\n title: translate(\"Link\")\n })\n }\n\n /**\n * Called from Dialog class after the url was loaded\n */\n replace(data) {\n // let Dialog class handle the content replacement\n super.replace(data)\n this.#attachEvents()\n }\n\n /**\n * make the open method a promise\n * maybe in a future version the whole Dialog will respond with a promise result if the dialog is closing\n * @returns {Promise}\n */\n open() {\n super.open()\n return new Promise((resolve) => (this.#onCreateLink = resolve))\n }\n\n /**\n * Attaches click events to forms in the link dialog.\n */\n #attachEvents() {\n // enable the dom selection in internal link tab\n const internalForm = document.querySelector(\n '[data-link-form-type=\"internal\"]'\n )\n const attachmentSelect = document.querySelector(\n '[data-link-form-type=\"file\"] alchemy-attachment-select'\n )\n\n internalForm.addEventListener(\"Alchemy.RemoteSelect.Change\", (e) => {\n this.#updatePage(e.detail.added)\n })\n\n attachmentSelect.addEventListener(\"Alchemy.RemoteSelect.Change\", (e) => {\n const attachment = e.detail.added\n document.getElementById(\"file_link\").value = attachment\n ? attachment.url\n : \"\"\n })\n\n document.querySelectorAll(\"[data-link-form-type]\").forEach((form) => {\n form.addEventListener(\"submit\", (e) => {\n e.preventDefault()\n this.#submitForm(e.target.dataset.linkFormType)\n })\n })\n }\n\n /**\n * update page select and set anchor select\n * @param page\n */\n #updatePage(page = null) {\n const internalLink = document.getElementById(\"internal_link\")\n const domIdSelect = document.querySelector(\n '[data-link-form-type=\"internal\"] alchemy-dom-id-api-select'\n )\n\n internalLink.value = page ? page.url_path : \"\"\n domIdSelect.page = page ? page.id : undefined\n }\n\n /**\n * submit the form itself\n * @param linkType\n */\n #submitForm(linkType) {\n const elementAnchor = document.getElementById(\"element_anchor\")\n let url = document.getElementById(`${linkType}_link`).value\n\n if (linkType === \"internal\" && elementAnchor.value !== \"\") {\n // remove possible fragments on the url and attach the fragment (which contains the #)\n url = url.replace(ANCHOR_REGEX, \"\") + elementAnchor.value\n } else if (linkType === \"external\" && !url.match(Alchemy.link_url_regexp)) {\n // show validation error and prevent link creation\n this.#showValidationError()\n return\n }\n\n // Create the link\n this.#onCreateLink({\n url: url.trim(),\n title: document.getElementById(`${linkType}_link_title`).value,\n target: document.getElementById(`${linkType}_link_target`)?.value,\n type: linkType\n })\n this.close()\n }\n\n /**\n * Shows validation errors\n */\n #showValidationError() {\n const errors = document.getElementById(\"errors\")\n errors.querySelector(\"ul\").innerHTML =\n `
  • ${Alchemy.t(\"url_validation_failed\")}
    • `\n errors.style.display = \"block\"\n }\n}\n","import { growl } from \"alchemy_admin/growler\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass PreviewWindow extends HTMLIFrameElement {\n #afterLoad\n #reloadIcon\n #loadTimeout\n\n handleEvent(evt) {\n if (evt.type === \"load\") {\n this.#clearLoadTimeout()\n this.#stopSpinner()\n this.#afterLoad?.call(this, evt)\n }\n }\n\n #onPreviewReady = (event) => {\n if (event.data.message === \"Alchemy.previewReady\") {\n this.#clearLoadTimeout()\n this.#stopSpinner()\n this.#afterLoad?.call(this, event)\n }\n }\n\n connectedCallback() {\n let url = this.url\n\n this.addEventListener(\"load\", this)\n this.#attachEvents()\n window.addEventListener(\"message\", this.#onPreviewReady)\n\n if (window.localStorage.getItem(\"alchemy-preview-url\")) {\n url = window.localStorage.getItem(\"alchemy-preview-url\")\n this.previewUrlSelect.value = url\n }\n\n this.refresh(url)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"load\", this)\n key.unbind(\"alt+r\")\n window.removeEventListener(\"message\", this.#onPreviewReady)\n }\n\n postMessage(data) {\n this.contentWindow.postMessage(data, \"*\")\n }\n\n resize(width) {\n this.style.width = `${width}px`\n }\n\n refresh(url) {\n this.#startSpinner()\n\n if (url) {\n this.src = url\n } else {\n this.src = this.url\n }\n\n // Set 5s timeout as fallback - if iframe doesn't load, stop spinner anyway\n this.#clearLoadTimeout()\n this.#loadTimeout = setTimeout(() => {\n this.#stopSpinner()\n growl(translate(\"Preview failed to load\"), \"warning\")\n }, 5000)\n\n return new Promise((resolve) => {\n this.#afterLoad = resolve\n })\n }\n\n set isDragged(dragged) {\n this.style.transitionProperty = dragged ? \"none\" : null\n this.style.pointerEvents = dragged ? \"none\" : null\n }\n\n #attachEvents() {\n this.reloadButton?.addEventListener(\"click\", (evt) => {\n evt.preventDefault()\n this.refresh()\n })\n\n key(\"alt+r\", () => this.refresh())\n\n this.sizeSelect.addEventListener(\"change\", (evt) => {\n const select = evt.target\n const width = select.value\n\n if (width === \"\") {\n this.style.width = null\n } else {\n this.resize(width)\n }\n })\n\n this.previewUrlSelect?.addEventListener(\"change\", (evt) => {\n const url = evt.target.value\n window.localStorage.setItem(\"alchemy-preview-url\", url)\n this.refresh(url)\n })\n }\n\n #startSpinner() {\n // Only save the reload icon if we're not already showing a spinner\n if (!this.reloadButton.innerHTML.includes(\"alchemy-spinner\")) {\n this.#reloadIcon = this.reloadButton.innerHTML\n }\n this.reloadButton.innerHTML = ``\n }\n\n #stopSpinner() {\n this.reloadButton.innerHTML = this.#reloadIcon\n }\n\n #clearLoadTimeout() {\n if (this.#loadTimeout) {\n clearTimeout(this.#loadTimeout)\n this.#loadTimeout = null\n }\n }\n\n get url() {\n return this.getAttribute(\"url\")\n }\n\n get sizeSelect() {\n return document.querySelector(\"select#preview_size\")\n }\n\n get previewUrlSelect() {\n return document.querySelector(\"select#preview_url\")\n }\n\n get reloadButton() {\n return document.querySelector(\"#reload_preview_button\")\n }\n}\n\ncustomElements.define(\"alchemy-preview-window\", PreviewWindow, {\n extends: \"iframe\"\n})\n\nexport function reloadPreview() {\n const previewWindow = document.getElementById(\"alchemy_preview_window\")\n previewWindow.refresh()\n}\n","export default class IngredientAnchorLink {\n static updateIcon(ingredientId, active = false) {\n const ingredientEditor = document.querySelector(\n `[data-ingredient-id=\"${ingredientId}\"]`\n )\n if (ingredientEditor) {\n const icon = ingredientEditor.querySelector(\n \".edit-ingredient-anchor-link alchemy-icon\"\n )\n icon.setAttribute(\"icon-style\", active ? \"fill\" : \"line\")\n }\n }\n}\n","import { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { removeTab } from \"alchemy_admin/fixed_elements\"\nimport { closeCurrentDialog } from \"alchemy_admin/dialog\"\nimport IngredientAnchorLink from \"alchemy_admin/ingredient_anchor_link\"\nimport pleaseWaitOverlay from \"alchemy_admin/please_wait_overlay\"\n\nclass Action extends HTMLElement {\n constructor() {\n super()\n\n // map action names with Javascript functions\n this.actions = {\n // add a intermediate closeCurrentDialog - action\n // this will be gone, if all dialogs are working with a promise and\n // we don't have to implicitly close the dialog\n closeCurrentDialog,\n reloadPreview,\n removeFixedElement: removeTab,\n updateAnchorIcon: IngredientAnchorLink.updateIcon,\n hidePleaseWaitOverlay() {\n pleaseWaitOverlay(false)\n }\n }\n }\n\n connectedCallback() {\n const func = this.actions[this.name]\n\n if (func) {\n func(...this.params)\n } else {\n console.error(`Unknown Alchemy action: ${this.name}`)\n }\n\n this.remove()\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get params() {\n if (this.hasAttribute(\"params\")) {\n return JSON.parse(this.getAttribute(\"params\"))\n }\n return []\n }\n}\n\ncustomElements.define(\"alchemy-action\", Action)\n","import { setupSelectLocale } from \"alchemy_admin/i18n\"\n\nexport function hightlightTerm(name, term) {\n return name.replace(new RegExp(term, \"gi\"), (match) => `${match}`)\n}\n\nexport class RemoteSelect extends HTMLElement {\n #select2 = null\n\n async connectedCallback() {\n await setupSelectLocale()\n // Bail out if the element was disconnected while the locale was loading.\n // Otherwise Select2 would leak onto a detached input.\n if (!this.isConnected) return\n\n this.input.classList.add(\"alchemy_selectbox\")\n\n this.#select2 = $(this.input)\n .select2(this.select2Config)\n .on(\"select2-open\", this.#onOpen)\n .on(\"change\", this.#onChange)\n }\n\n disconnectedCallback() {\n if (this.#select2) {\n this.#select2.off(\"select2-open\", this.#onOpen)\n this.#select2.off(\"change\", this.#onChange)\n this.#select2.select2(\"destroy\")\n this.#select2 = null\n }\n }\n\n #onOpen = (evt) => this.onOpen(evt)\n #onChange = (evt) => this.onChange(evt)\n\n /**\n * Optional on change handler called by Select2.\n * @param {Event} event\n */\n onChange(event) {\n // Update selection attribute so re-attaching the select2 component to\n // the same input (e.g. after dragndrop) does not reset the selection.\n if (event.added) {\n this.setAttribute(\"selection\", JSON.stringify(event.added))\n }\n this.dispatchCustomEvent(\"RemoteSelect.Change\", {\n removed: event.removed,\n added: event.added\n })\n }\n\n /**\n * Optional on open handler called by Select2.\n * @param {Event} event\n */\n onOpen(event) {\n // add focus to the search input. Select2 is handling the focus on the first opening,\n // but it does not work the second time. One process in select2 is \"stealing\" the focus\n // if the command is not delayed. It is an intermediate solution until we are going to\n // move away from Select2\n setTimeout(() => {\n document.querySelector(\"#select2-drop .select2-input\").focus()\n }, 100)\n }\n\n /**\n * Dispatches a custom event with given name, namespaced under `Alchemy.`.\n * Subclasses may call this to emit their own events.\n * @param {string} name The name of the custom event\n * @param {object} detail Optional event details\n */\n dispatchCustomEvent(name, detail = {}) {\n this.dispatchEvent(\n new CustomEvent(`Alchemy.${name}`, { bubbles: true, detail })\n )\n }\n\n get allowClear() {\n return this.hasAttribute(\"allow-clear\")\n }\n\n get selection() {\n return this.getAttribute(\"selection\")\n }\n\n get placeholder() {\n return this.getAttribute(\"placeholder\") ?? \"\"\n }\n\n get queryParams() {\n return this.getAttribute(\"query-params\") ?? \"{}\"\n }\n\n get url() {\n return this.getAttribute(\"url\") ?? \"\"\n }\n\n get input() {\n return this.getElementsByTagName(\"input\")[0]\n }\n\n get select2Config() {\n return {\n placeholder: this.placeholder,\n allowClear: this.allowClear,\n initSelection: (_$el, callback) => {\n if (this.selection) {\n callback(JSON.parse(this.selection))\n }\n },\n ajax: this.ajaxConfig,\n formatSelection: (item) => this._renderResult(item),\n formatResult: (item, _el, query) =>\n this._renderListEntry(item, query.term)\n }\n }\n\n /**\n * Ajax configuration for Select2\n * @returns {object}\n */\n get ajaxConfig() {\n return {\n url: this.url,\n datatype: \"json\",\n quietMillis: 300,\n data: (term, page) => this._searchQuery(term, page),\n results: (response) => this._parseResponse(response)\n }\n }\n\n /**\n * Search query send to server from select2\n * @param {string} term\n * @param {number} page\n * @returns {object}\n * @private\n */\n _searchQuery(term, page) {\n return {\n q: {\n name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n /**\n * Parses server response into select2 results object\n * @param {object} response\n * @returns {object}\n * @private\n */\n _parseResponse(response) {\n const meta = response.meta\n return {\n results: response.data,\n more: meta.page * meta.per_page < meta.total_count\n }\n }\n\n /**\n * result which is visible if a page was selected\n * @param {object} item\n * @returns {string}\n * @private\n */\n _renderResult() {\n throw new Error(\n \"You need to define a _renderResult function on your sub class!\"\n )\n }\n\n /**\n * html template for each list entry\n * @param {object} item\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry() {\n throw new Error(\n \"You need to define a _renderListEntry function on your sub class!\"\n )\n }\n\n /**\n * hightlighted search term\n * @param {string} name\n * @param {string} term\n * @returns {string}\n * @private\n */\n _hightlightTerm(name, term) {\n return hightlightTerm(name, term)\n }\n}\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass AttachmentSelect extends RemoteSelect {\n _renderResult(item) {\n return this._renderListEntry(item)\n }\n\n /**\n * html template for each list entry\n * @param {object} page\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(attachment, term) {\n return `\n
    \n \n ${this._hightlightTerm(attachment.name, term)}\n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-attachment-select\", AttachmentSelect)\n","// Dispatch a submit event on change of input or select elements\n// contained in a form, so that Turbo can submit the form.\nclass AutoSubmit extends HTMLElement {\n connectedCallback() {\n // Still using jQuery here, because select2 does not emit\n // the event from the original select element.\n $(this).on(\"change\", this.#onChange)\n }\n\n disconnectedCallback() {\n $(this).off(\"change\", this.#onChange)\n }\n\n #onChange = (event) => {\n // We need to dispatch a submit event, so that Turbo that listens\n // to it submits the search form us.\n const submitEvent = new Event(\"submit\", {\n bubbles: true,\n cancelable: true\n })\n event.target.form.dispatchEvent(submitEvent)\n return false\n }\n}\n\ncustomElements.define(\"alchemy-auto-submit\", AutoSubmit)\n","import Spinner from \"alchemy_admin/spinner\"\n\nclass Button extends HTMLButtonElement {\n connectedCallback() {\n if (this.form) {\n this.form.addEventListener(\"submit\", this)\n\n if (this.form.dataset.remote == \"true\") {\n this.form.addEventListener(\"ajax:complete\", this)\n }\n\n this.form.addEventListener(\"turbo:submit-end\", this)\n } else {\n console.warn(\"No form for button found!\", this)\n }\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"submit\":\n const isDisabled = this.getAttribute(\"disabled\") === \"disabled\"\n\n if (isDisabled) {\n event.preventDefault()\n event.stopPropagation()\n } else {\n this.disable()\n }\n break\n case \"ajax:complete\":\n case \"turbo:submit-end\":\n this.enable()\n break\n }\n }\n\n disable() {\n const spinner = new Spinner(\"small\")\n const rect = this.getBoundingClientRect()\n\n this.dataset.initialButtonText = this.innerHTML\n this.setAttribute(\"disabled\", \"disabled\")\n this.setAttribute(\"tabindex\", \"-1\")\n this.classList.add(\"disabled\")\n this.style.width = `${rect.width}px`\n this.style.height = `${rect.height}px`\n this.innerHTML = \" \"\n\n spinner.spin(this)\n }\n\n enable() {\n this.classList.remove(\"disabled\")\n this.removeAttribute(\"disabled\")\n this.removeAttribute(\"tabindex\")\n this.style.width = null\n this.style.height = null\n this.innerHTML = this.dataset.initialButtonText\n }\n}\n\ncustomElements.define(\"alchemy-button\", Button, { extends: \"button\" })\n","/**\n * Show the character counter below input fields and textareas\n */\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass CharCounter extends HTMLElement {\n connectedCallback() {\n this.translation = translate(\"allowed_chars\", this.maxChars)\n this.formField = this.getFormField()\n\n if (this.formField) {\n this.createDisplayElement()\n this.countCharacters()\n this.formField.addEventListener(\"keyup\", this)\n }\n }\n\n disconnectedCallback() {\n this.formField?.removeEventListener(\"keyup\", this)\n }\n\n handleEvent(event) {\n if (event.type === \"keyup\") this.countCharacters()\n }\n\n getFormField() {\n const formFields = this.querySelectorAll(\"input, textarea\")\n return formFields.length > 0 ? formFields[0] : undefined\n }\n\n createDisplayElement() {\n this.display = this.querySelector(\":scope > .alchemy-char-counter\")\n if (this.display) return\n this.display = document.createElement(\"small\")\n this.display.className = \"alchemy-char-counter\"\n this.formField.after(this.display)\n }\n\n countCharacters() {\n const charLength = this.formField.value.length\n this.display.textContent = `${charLength} ${this.translation}`\n this.display.classList.toggle(\"too-long\", charLength > this.maxChars)\n }\n\n get maxChars() {\n return this.getAttribute(\"max-chars\") ?? 60\n }\n}\n\ncustomElements.define(\"alchemy-char-counter\", CharCounter)\n","import \"clipboard\"\nimport { growl } from \"alchemy_admin/growler\"\n\nclass ClipboardButton extends HTMLElement {\n connectedCallback() {\n this.innerHTML = ''\n\n this.clipboard = new ClipboardJS(this, {\n text: () => {\n return this.getAttribute(\"content\")\n }\n })\n\n this.clipboard.on(\"success\", () => {\n growl(this.getAttribute(\"success-text\"))\n })\n }\n\n disconnectedCallback() {\n this.clipboard.destroy()\n }\n}\n\ncustomElements.define(\"alchemy-clipboard-button\", ClipboardButton)\n","const formatItem = (object) => {\n const optionEl = object.element[0]\n const swatch = optionEl.dataset.swatch || optionEl.value\n const customColor = optionEl.value === \"custom_color\"\n const colorIndicator = customColor\n ? ``\n : ``\n\n return `\n
    \n ${colorIndicator}\n ${object.text}\n
    `\n}\n\nclass ColorSelect extends HTMLElement {\n #select2 = null\n\n connectedCallback() {\n if (this.select) {\n this.#initializeSelect2()\n this.#select2.on(\"change\", this.#onSelectChange)\n } else {\n this.colorInput?.addEventListener(\"input\", this)\n this.textInput?.addEventListener(\"input\", this)\n this.#toggleColorPicker(true)\n }\n }\n\n handleEvent(event) {\n switch (event.target) {\n case this.colorInput:\n this.textInput.value = this.colorInput.value\n break\n case this.textInput:\n this.colorInput.value = this.textInput.value\n break\n }\n }\n\n disconnectedCallback() {\n this.colorInput?.removeEventListener(\"input\", this)\n this.textInput?.removeEventListener(\"input\", this)\n if (this.#select2) {\n this.#select2.off(\"change\", this.#onSelectChange)\n this.#select2.select2(\"destroy\")\n this.#select2 = null\n }\n }\n\n #onSelectChange = (event) => {\n this.#toggleColorPicker(event.val === \"custom_color\")\n }\n\n #initializeSelect2() {\n this.select.classList.add(\"alchemy_selectbox\")\n const options = {\n minimumResultsForSearch: 10,\n formatResult: formatItem,\n formatSelection: formatItem\n }\n this.#select2 = $(this.select).select2(options)\n }\n\n #toggleColorPicker(enabled = true) {\n this.colorInput.disabled = !enabled\n }\n\n get colorInput() {\n return this.querySelector(\"input[type='color']\")\n }\n\n get textInput() {\n return this.querySelector(\"input[type='text']\")\n }\n\n get select() {\n return this.querySelector(\"select\")\n }\n}\n\ncustomElements.define(\"alchemy-color-select\", ColorSelect)\n","import { translate, currentLocale } from \"alchemy_admin/i18n\"\nimport flatpickr from \"flatpickr\"\n\nconst locale = currentLocale()\n\nclass Datepicker extends HTMLElement {\n // Load the locales for flatpickr before setting it up.\n async connectedCallback() {\n // English is the default locale for flatpickr, so we don't need to load it\n if (locale !== \"en\") {\n await import(`flatpickr/${locale}.js`)\n }\n // Bail out if the element was disconnected while the locale was loading.\n // Otherwise flatpickr would leak a calendar onto a detached input.\n if (!this.isConnected) return\n\n this.flatpickr = flatpickr(this.inputField, this.flatpickrOptions)\n }\n\n disconnectedCallback() {\n this.flatpickr?.destroy()\n }\n\n get flatpickrOptions() {\n const enableTime = /time/.test(this.inputType)\n const options = {\n // alchemy_i18n supports `zh_CN` etc., but flatpickr only has two-letter codes (`zh`)\n locale: locale.slice(0, 2),\n altInput: true,\n altFormat: translate(`formats.${this.inputType}`),\n altInputClass: \"flatpickr-input\",\n enableTime,\n noCalendar: this.inputType === \"time\",\n time_24hr: translate(\"formats.time_24hr\"),\n onValueUpdate(_selectedDates, _dateStr, instance) {\n instance.element\n .closest(\"alchemy-element-editor\")\n ?.setDirty(this.inputField)\n }\n }\n\n if (enableTime) {\n options.dateFormat = \"Z\"\n }\n\n return options\n }\n\n get inputField() {\n return this.querySelector(\"input\")\n }\n\n get inputType() {\n return this.getAttribute(\"input-type\") || \"date\"\n }\n}\n\ncustomElements.define(\"alchemy-datepicker\", Datepicker)\n","import { Dialog } from \"alchemy_admin/dialog\"\n\nexport class DialogLink extends HTMLAnchorElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this)\n }\n\n handleEvent(evt) {\n if (!this.disabled) {\n this.openDialog()\n }\n evt.preventDefault()\n }\n\n openDialog() {\n this.dialog = new Dialog(this.getAttribute(\"href\"), this.dialogOptions)\n this.dialog.open()\n }\n\n get dialogOptions() {\n const options = this.dataset.dialogOptions\n ? JSON.parse(this.dataset.dialogOptions)\n : {}\n return options\n }\n\n get disabled() {\n return this.classList.contains(\"disabled\")\n }\n}\n\ncustomElements.define(\"alchemy-dialog-link\", DialogLink, { extends: \"a\" })\n","const JSON_CONTENT_TYPE = \"application/json\"\nconst TURBO_STREAM_CONTENT_TYPE = \"text/vnd.turbo-stream.html\"\n\nfunction isGetRequest(method) {\n return method.toLowerCase() === \"get\"\n}\n\nfunction prepareURL(path, data, method) {\n const url = new URL(window.location.origin + path)\n\n if (data && isGetRequest(method)) {\n url.search = new URLSearchParams(data).toString()\n }\n\n return url.toString()\n}\n\nfunction prepareHeaders(accept) {\n return {\n \"Content-Type\": \"application/json; charset=utf-8\",\n Accept: accept,\n \"X-Requested-With\": \"XMLHttpRequest\",\n \"X-CSRF-Token\": getToken()\n }\n}\n\nfunction prepareOptions(method, data, accept) {\n const headers = prepareHeaders(accept)\n const options = { method, headers }\n\n if (data && !isGetRequest(method)) {\n options.body = JSON.stringify(data)\n }\n\n return options\n}\n\nexport function getToken() {\n const metaTag = document.querySelector('meta[name=\"csrf-token\"]')\n return metaTag.attributes.content.textContent\n}\n\nexport function get(url, params) {\n return ajax(\"GET\", url, params)\n}\n\nexport function patch(url, data, accept) {\n return ajax(\"PATCH\", url, data, accept)\n}\n\nexport function post(url, data, accept = JSON_CONTENT_TYPE) {\n return ajax(\"POST\", url, data, accept)\n}\n\nexport default async function ajax(\n method,\n path,\n data,\n accept = JSON_CONTENT_TYPE\n) {\n const response = await fetch(\n prepareURL(path, data, method),\n prepareOptions(method, data, accept)\n )\n const contentType = response.headers.get(\"content-type\")\n const isJson = contentType?.includes(JSON_CONTENT_TYPE)\n const isTurboStream = contentType?.includes(TURBO_STREAM_CONTENT_TYPE)\n\n let responseData = null\n if (isJson) {\n responseData = await response.json()\n } else if (isTurboStream) {\n responseData = await response.text()\n // Automatically render Turbo Stream if Turbo is available\n if (typeof Turbo !== \"undefined\") {\n Turbo.renderStreamMessage(responseData)\n }\n }\n\n if (response.ok) {\n return { data: responseData, status: response.status }\n } else {\n throw responseData || new Error(\"An error occurred during the transaction\")\n }\n}\n","import { get } from \"alchemy_admin/utils/ajax\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nclass DomIdSelect extends HTMLElement {\n dataItem(hash) {\n return {\n id: `#${hash}`,\n text: `#${hash}`\n }\n }\n\n get selectElement() {\n return this.querySelector('select[is=\"alchemy-select\"]')\n }\n}\n\nclass DomIdApiSelect extends DomIdSelect {\n #pageId = undefined\n\n connectedCallback() {\n this.page = this.getAttribute(\"page\")\n }\n\n async #fetchDomIds() {\n const result = await get(Alchemy.routes.api_ingredients_path, {\n page_id: this.#pageId\n })\n const options = result.data.ingredients\n .filter((ingredient) => ingredient.data?.dom_id)\n .map((ingredient) => this.dataItem(ingredient.data.dom_id))\n const prompt =\n options.length > 0 ? translate(\"None\") : translate(\"No anchors found\")\n\n this.selectElement.setOptions(options, prompt)\n this.selectElement.enable()\n }\n\n #reset() {\n // wait a tick to initialize the alchemy-select\n requestAnimationFrame(() => {\n this.selectElement.disable()\n this.selectElement.setOptions([], translate(\"Select a page first\"))\n })\n }\n\n set page(pageId) {\n this.#pageId = pageId\n pageId ? this.#fetchDomIds() : this.#reset()\n }\n}\n\nclass DomIdPreviewSelect extends DomIdSelect {\n connectedCallback() {\n // wait a tick to let the browser initialize the inner select component\n requestAnimationFrame(() => {\n const frame = document.getElementById(\"alchemy_preview_window\")\n const elements = frame.contentDocument?.querySelectorAll(\"[id]\") || []\n if (elements.length > 0) {\n const options = Array.from(elements).map((element) => {\n return this.dataItem(element.id)\n })\n this.selectElement.setOptions(options, translate(\"None\"))\n }\n })\n }\n}\n\ncustomElements.define(\"alchemy-dom-id-api-select\", DomIdApiSelect)\ncustomElements.define(\"alchemy-dom-id-preview-select\", DomIdPreviewSelect)\n","export class PublishElementButton extends HTMLElement {\n #scheduleButtonVariant\n\n connectedCallback() {\n this.#scheduleButtonVariant = this.scheduleButton.getAttribute(\"variant\")\n this.publishButton.addEventListener(\"click\", this)\n this.dropdown.addEventListener(\"sl-show\", this)\n this.dropdown.addEventListener(\"sl-hide\", this)\n }\n\n disconnectedCallback() {\n this.publishButton.removeEventListener(\"click\", this)\n this.dropdown.removeEventListener(\"sl-show\", this)\n this.dropdown.removeEventListener(\"sl-hide\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"click\":\n this.publishButton.loading = true\n break\n case \"sl-show\":\n this.scheduleButton.setAttribute(\"variant\", \"primary\")\n break\n case \"sl-hide\":\n this.scheduleButton.setAttribute(\"variant\", this.#scheduleButtonVariant)\n break\n }\n }\n\n get publishButton() {\n return this.querySelector(\"sl-button[type='submit']\")\n }\n\n get dropdown() {\n return this.querySelector(\"sl-dropdown\")\n }\n\n get scheduleButton() {\n return this.querySelector(\"sl-button[slot='trigger']\")\n }\n}\n\ncustomElements.define(\"alchemy-publish-element-button\", PublishElementButton)\n","import ajax from \"alchemy_admin/utils/ajax\"\nimport { removeTab } from \"alchemy_admin/fixed_elements\"\nimport { growl } from \"alchemy_admin/growler\"\nimport { reloadPreview } from \"alchemy_admin/components/preview_window\"\nimport { openConfirmDialog } from \"alchemy_admin/confirm_dialog\"\nimport { dispatchPageDirtyEvent } from \"alchemy_admin/components/element_editor\"\n\nexport class DeleteElementButton extends HTMLElement {\n connectedCallback() {\n this.button?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.button?.removeEventListener(\"click\", this)\n }\n\n async handleEvent() {\n const confirmed = await openConfirmDialog(this.message)\n if (confirmed) {\n const response = await ajax(\"DELETE\", this.url)\n this.#removeElement(response.data)\n }\n }\n\n #removeElement(data) {\n const elementEditor = this.closest(\"alchemy-element-editor\")\n elementEditor.addEventListener(\"transitionend\", () => {\n if (elementEditor.fixed) {\n removeTab(elementEditor.elementId)\n }\n elementEditor.remove()\n })\n elementEditor.classList.add(\"dismiss\")\n growl(data.message)\n if (data.pageHasUnpublishedChanges) {\n dispatchPageDirtyEvent(data)\n }\n reloadPreview()\n }\n\n get url() {\n return this.getAttribute(\"href\")\n }\n\n get message() {\n return this.getAttribute(\"message\")\n }\n\n get button() {\n return this.querySelector(\"button\")\n }\n}\n\ncustomElements.define(\"alchemy-delete-element-button\", DeleteElementButton)\n","import IngredientAnchorLink from \"alchemy_admin/ingredient_anchor_link\"\nimport { post } from \"alchemy_admin/utils/ajax\"\nimport { createHtmlElement } from \"alchemy_admin/utils/dom_helpers\"\nimport { growl } from \"alchemy_admin/growler\"\n\nimport \"alchemy_admin/components/element_editor/publish_element_button\"\nimport \"alchemy_admin/components/element_editor/delete_element_button\"\n\nexport function dispatchPageDirtyEvent(data) {\n document.dispatchEvent(\n new CustomEvent(\"alchemy:page-dirty\", {\n detail: { tooltip: data.publishButtonTooltip }\n })\n )\n}\n\nexport class ElementEditor extends HTMLElement {\n #form = null\n #header = null\n #toggleButton = null\n\n connectedCallback() {\n // The placeholder while be being dragged is empty.\n if (this.classList.contains(\"ui-sortable-placeholder\")) {\n return\n }\n\n // Add event listeners\n this.addEventListener(\"click\", this)\n // Triggered by child elements\n this.addEventListener(\"alchemy:element-update-title\", this)\n // We use of @rails/ujs for Rails remote forms\n this.addEventListener(\"ajax:complete\", this)\n\n // Dirty observer still needs to be jQuery\n // in order to support select2.\n this.#form = this.form\n if (this.#form) {\n $(this.#form).on(\"change\", this.onChange)\n }\n\n this.#header = this.header\n this.#header?.addEventListener(\"dblclick\", this.#onHeaderDblclick)\n\n this.#toggleButton = this.toggleButton\n this.#toggleButton?.addEventListener(\"click\", this.#onToggleClick)\n\n // When newly created, focus the element and refresh the preview\n if (this.hasAttribute(\"created\")) {\n this.focusElement()\n this.previewWindow?.refresh().then(() => {\n this.focusElementPreview()\n })\n this.removeAttribute(\"created\")\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this)\n this.removeEventListener(\"alchemy:element-update-title\", this)\n this.removeEventListener(\"ajax:complete\", this)\n if (this.#form) {\n $(this.#form).off(\"change\", this.onChange)\n this.#form = null\n }\n this.#header?.removeEventListener(\"dblclick\", this.#onHeaderDblclick)\n this.#header = null\n this.#toggleButton?.removeEventListener(\"click\", this.#onToggleClick)\n this.#toggleButton = null\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"click\":\n const elementEditor = event.target.closest(\"alchemy-element-editor\")\n if (elementEditor === this) {\n this.onClickElement()\n }\n break\n case \"ajax:complete\":\n if (event.target === this.body) {\n const xhr = event.detail[0]\n event.stopPropagation()\n this.onSaveElement(xhr)\n }\n break\n case \"alchemy:element-update-title\":\n if (!this.hasEditors && event.target == this.firstChild) {\n this.setTitle(event.detail.title)\n }\n break\n }\n }\n\n onChange = (event) => {\n const target = event.target\n // SortableJS fires a native change event :/\n // and we do not want to set the element editor dirty\n // when this happens\n if (target.classList.contains(\"nested-elements\")) {\n return\n }\n this.setDirty(target)\n event.stopPropagation()\n return false\n }\n\n /**\n * Scrolls to and highlights element\n * Expands if collapsed\n * Also chooses the right fixed elements tab, if necessary.\n * Can be triggered through custom event 'FocusElementEditor.Alchemy'\n * Used by the elements on click events in the preview frame.\n */\n async focusElement() {\n // Select tab if necessary\n if (document.querySelector(\"#fixed-elements\")) {\n await this.selectTabForElement()\n }\n // Expand if necessary\n await this.expand()\n this.selectElement(true)\n }\n\n focusElementPreview() {\n this.previewWindow?.postMessage({\n message: \"Alchemy.focusElement\",\n element_id: this.elementId\n })\n }\n\n onClickElement() {\n this.selectElement()\n this.focusElementPreview()\n }\n\n /**\n * Sets the element to saved state\n * Updates title\n * JS event bubbling will also update the parents element quote.\n * Shows error messages if ingredient validations fail\n * @argument {XMLHttpRequest} xhr\n */\n onSaveElement(xhr) {\n const data = JSON.parse(xhr.responseText)\n // Reset errors that might be visible from last save attempt\n this.setClean()\n // If validation failed\n if (xhr.status === 422) {\n const warning = data.warning\n // Create error messages\n // Mark ingredients as failed\n data.ingredientsWithErrors.forEach((ingredient) => {\n const ingredientEditor = this.querySelector(\n `[data-ingredient-id=\"${ingredient.id}\"]`\n )\n const errorDisplay = createHtmlElement(\n `${ingredient.errorMessage}`\n )\n ingredientEditor?.appendChild(errorDisplay)\n ingredientEditor?.classList.add(\"validation_failed\")\n })\n // Show message\n growl(warning, \"warn\")\n this.elementErrors.classList.remove(\"hidden\")\n } else {\n growl(data.notice)\n this.previewWindow?.refresh().then(() => {\n this.focusElementPreview()\n })\n this.updateTitle(data.previewText)\n data.ingredientAnchors.forEach((anchor) => {\n IngredientAnchorLink.updateIcon(anchor.ingredientId, anchor.active)\n })\n if (data.pageHasUnpublishedChanges) {\n dispatchPageDirtyEvent(data)\n }\n }\n }\n\n /**\n * Smoothly scrolls to element\n */\n scrollToElement() {\n // The timeout gives the browser some time to calculate the position\n // of nested elements correctly\n setTimeout(() => {\n this.scrollIntoView({\n behavior: \"smooth\"\n })\n }, 50)\n }\n\n /**\n * Highlight element and optionally scroll into view\n * @param {boolean} scroll smoothly scroll element into view. Default (false)\n */\n selectElement(scroll = false) {\n document\n .querySelectorAll(\"alchemy-element-editor.selected\")\n .forEach((el) => {\n el.classList.remove(\"selected\")\n })\n window.requestAnimationFrame(() => {\n this.classList.add(\"selected\")\n })\n if (scroll) this.scrollToElement()\n }\n\n /**\n * Selects tab for given element\n * Resolves the promise if this is done.\n * @returns {Promise}\n */\n selectTabForElement() {\n return new Promise((resolve, reject) => {\n const tabs = document.querySelector(\"#fixed-elements\")\n const panel = this.closest(\"sl-tab-panel\")\n if (tabs && panel) {\n tabs.show(panel.getAttribute(\"name\"))\n resolve()\n } else {\n reject(new Error(\"No tabs present\"))\n }\n })\n }\n\n /**\n * Sets the element into clean (safed) state\n */\n setClean() {\n this.dirty = false\n window.onbeforeunload = null\n this.elementErrors.classList.add(\"hidden\")\n\n if (this.hasEditors) {\n this.body.querySelectorAll(\".ingredient-editor\").forEach((el) => {\n el.classList.remove(\"dirty\", \"validation_failed\")\n el.querySelectorAll(\"small.error\").forEach((e) => e.remove())\n })\n }\n }\n\n /**\n * Sets the element into dirty (unsafed) state\n * @param {HTMLElement} editor\n */\n setDirty(editor) {\n if (this.hasEditors) {\n this.dirty = true\n\n if (!window.onbeforeunload) {\n window.onbeforeunload = (event) => event.preventDefault()\n }\n\n editor?.closest(\".ingredient-editor\")?.classList.add(\"dirty\")\n }\n }\n\n /**\n * Sets the title quote\n * @param {string} title\n */\n setTitle(title) {\n const quote = this.querySelector(\".element-header .preview_text_quote\")\n quote.textContent = title\n }\n\n /**\n * Expands or collapses element editor\n * If the element is dirty (has unsaved changes) it displays a confirm first.\n */\n async toggle() {\n if (this.collapsed) {\n await this.expand()\n } else {\n await this.collapse()\n }\n }\n\n /**\n * Collapses the element editor and persists the state on the server\n * @returns {Promise}\n */\n collapse() {\n if (this.collapsed || this.compact || this.fixed) {\n return Promise.resolve(\"Element is already collapsed.\")\n }\n\n const spinner = new Alchemy.Spinner(\"small\")\n spinner.spin(this.toggleButton)\n this.toggleIcon?.classList?.add(\"hidden\")\n return post(Alchemy.routes.collapse_admin_element_path(this.elementId))\n .then((response) => {\n const data = response.data\n\n this.collapsed = true\n this.toggleButton?.setAttribute(\"title\", data.title)\n\n // Collapse all nested elements if necessarry\n if (data.nestedElementIds.length) {\n const selector = data.nestedElementIds\n .map((id) => `#element_${id}`)\n .join(\", \")\n this.querySelectorAll(selector).forEach((nestedElement) => {\n nestedElement.collapsed = true\n nestedElement.toggleButton?.setAttribute(\"title\", data.title)\n })\n }\n })\n .catch((error) => {\n growl(error.message, \"error\")\n console.error(error)\n })\n .finally(() => {\n this.toggleIcon?.classList?.remove(\"hidden\")\n spinner.stop()\n })\n }\n\n /**\n * Collapses the element editor and persists the state on the server\n * @* @returns {Promise}\n */\n expand() {\n if (this.expanded && !this.compact) {\n return Promise.resolve(\"Element is already expanded.\")\n }\n\n if (this.compact && this.parentElementEditor) {\n return this.parentElementEditor.expand()\n } else {\n const spinner = new Alchemy.Spinner(\"small\")\n spinner.spin(this.toggleButton)\n this.toggleIcon?.classList.add(\"hidden\")\n\n return new Promise((resolve, reject) => {\n post(Alchemy.routes.expand_admin_element_path(this.elementId))\n .then((response) => {\n const data = response.data\n\n // First expand all parent elements if necessary\n if (data.parentElementIds.length) {\n const selector = data.parentElementIds\n .map((id) => `#element_${id}`)\n .join(\", \")\n document.querySelectorAll(selector).forEach((parentElement) => {\n parentElement.collapsed = false\n parentElement.toggleButton?.setAttribute(\"title\", data.title)\n })\n }\n // Finally expand ourselve\n this.collapsed = false\n this.toggleButton?.setAttribute(\"title\", data.title)\n // Resolve the promise that scrolls to the element very last\n resolve()\n })\n .catch((error) => {\n growl(error.message, \"error\")\n console.error(error)\n reject(error)\n })\n .finally(() => {\n this.toggleIcon?.classList?.remove(\"hidden\")\n spinner.stop()\n })\n })\n }\n }\n\n /**\n * Updates the quote in the element header and dispatches event\n * to parent elements\n * @param {string} title\n */\n updateTitle(title) {\n this.setTitle(title)\n this.dispatchEvent(\n new CustomEvent(\"alchemy:element-update-title\", {\n bubbles: true,\n detail: { title }\n })\n )\n }\n\n /**\n * Sets element published or hidden\n * @param {boolean}\n */\n set published(isPublished) {\n if (isPublished) {\n this.classList.remove(\"element-hidden\")\n } else {\n this.classList.add(\"element-hidden\")\n }\n }\n\n /**\n * Is element published or hidden\n * @returns {boolean}\n */\n get published() {\n return !this.classList.contains(\"hidden\")\n }\n\n /**\n * @returns {boolean}\n */\n get compact() {\n return this.getAttribute(\"compact\") !== null\n }\n\n /**\n * @returns {boolean}\n */\n get fixed() {\n return this.getAttribute(\"fixed\") !== null\n }\n\n /**\n * @param {boolean} value\n */\n set collapsed(value) {\n this.classList.toggle(\"folded\", value)\n this.classList.toggle(\"expanded\", !value)\n this.toggleIcon &&\n (this.toggleIcon.name = value ? \"arrow-left-s\" : \"arrow-down-s\")\n }\n\n /**\n * @returns {boolean}\n */\n get collapsed() {\n return this.classList.contains(\"folded\")\n }\n\n /**\n * @returns {boolean}\n */\n get expanded() {\n return !this.collapsed\n }\n\n /**\n * Toggles the dirty class\n *\n * @param {boolean} value\n */\n set dirty(value) {\n this.classList.toggle(\"dirty\", value)\n }\n\n /**\n * Returns the dirty state of this element\n *\n * @returns {boolean}\n */\n get dirty() {\n return this.classList.contains(\"dirty\")\n }\n\n /**\n * Returns the element header\n *\n * @returns {HTMLElement|undefined}\n */\n get header() {\n return this.querySelector(`.element-header`)\n }\n\n /**\n * Returns the immediate body container of this element if present\n *\n * Makes sure it does not return a nested elements body\n * by scoping the selector to this elements id.\n *\n * @returns {HTMLElement|undefined}\n */\n get body() {\n return this.querySelector(this.bodySelector)\n }\n\n get bodySelector() {\n return `#${this.id} > .element-body`\n }\n\n /**\n * Returns the immediate footer container of this element if present\n *\n * Makes sure it does not return a nested elements footer\n * by scoping the selector to this elements id.\n *\n * @returns {HTMLElement|undefined}\n */\n get footer() {\n return this.querySelector(`#${this.id} > .element-footer`)\n }\n\n /**\n * The collapse/expand toggle button\n *\n * @returns {HTMLButtonElement|undefined}\n */\n get toggleButton() {\n return this.querySelector(\".element-toggle\")\n }\n\n /**\n * The collapse/expand toggle buttons icon\n *\n * @returns {HTMLElement|undefined}\n */\n get toggleIcon() {\n return this.toggleButton?.querySelector(\"alchemy-icon\")\n }\n\n /**\n * The validation messages list container\n *\n * @returns {HTMLElement}\n */\n get elementErrors() {\n return this.body.querySelector(\".element_errors\")\n }\n\n /**\n * The element database id\n *\n * @returns {string}\n */\n get elementId() {\n return this.dataset.elementId\n }\n\n /**\n * The element defintion name\n *\n * @returns {string}\n */\n get elementName() {\n return this.dataset.elementName\n }\n\n /**\n * Does this element have ingredient editor fields?\n *\n * @returns {boolean}\n */\n get hasEditors() {\n return !!this.body?.querySelector(\".element-ingredient-editors\")\n }\n\n /**\n * Does this element have nested elements?\n *\n * @returns {boolean}\n */\n get hasChildren() {\n return !!this.querySelector(\".nested-elements\")\n }\n\n /**\n * The first child element editor if present\n *\n * @returns {HTMLButtonElement|undefined}\n */\n get firstChild() {\n return this.querySelector(\"alchemy-element-editor\")\n }\n\n /**\n * The form element if present\n *\n * @returns {HTMLFormElement|undefined}\n */\n get form() {\n return this.querySelector(\"form.element-body\")\n }\n\n /**\n * The parent element editor if present\n *\n * @returns {ElementEditor|undefined}\n */\n get parentElementEditor() {\n return this.parentElement?.closest(\"alchemy-element-editor\")\n }\n\n get previewWindow() {\n return document.getElementById(\"alchemy_preview_window\")\n }\n\n #onHeaderDblclick = () => {\n this.toggle()\n }\n\n #onToggleClick = (evt) => {\n const elementEditor = evt.target.closest(\"alchemy-element-editor\")\n if (elementEditor === this) {\n this.toggle()\n }\n }\n}\n\ncustomElements.define(\"alchemy-element-editor\", ElementEditor)\n","import { hightlightTerm } from \"alchemy_admin/components/remote_select\"\n\nconst formatSelection = (option) => {\n return `\n
    \n ${option.icon}${option.text}\n
    \n `\n}\n\nconst formatItem = (icon, text, hint) => {\n const description = hint\n ? `
    ${hint}
    `\n : \"\"\n return `\n
    \n ${formatSelection({ icon, text })}\n ${description}\n
    \n `\n}\n\nclass ElementSelect extends HTMLElement {\n #select2 = null\n\n connectedCallback() {\n const results = this.options\n const options = {\n minimumResultsForSearch: 3,\n dropdownAutoWidth: true,\n data() {\n return { results }\n },\n formatResult: (option, _el, search) => {\n let text\n\n if (option.id === \"\") return option.text\n if (search.term !== \"\") {\n text = hightlightTerm(option.text, search.term)\n } else {\n text = option.text\n }\n\n return formatItem(option.icon, text, option.hint)\n },\n formatSelection,\n placeholder: this.placeholder\n }\n this.#select2 = $(this.inputField).select2(options)\n }\n\n disconnectedCallback() {\n this.#select2?.select2(\"destroy\")\n this.#select2 = null\n }\n\n get options() {\n return JSON.parse(this.getAttribute(\"options\"))\n }\n\n get placeholder() {\n return this.getAttribute(\"placeholder\")\n }\n\n get inputField() {\n return this.querySelector(\"input\")\n }\n}\n\ncustomElements.define(\"alchemy-element-select\", ElementSelect)\n","import { ElementEditor } from \"alchemy_admin/components/element_editor\"\n\nclass ElementsWindow extends HTMLElement {\n #visible = true\n #turboFrame = null\n\n connectedCallback() {\n this.toggleButton?.addEventListener(\"click\", this.#onToggleClick)\n this.collapseButton?.addEventListener(\"click\", this.#onCollapseClick)\n window.addEventListener(\"message\", this.#onWindowMessage)\n document.body.addEventListener(\"click\", this.#onBodyClick)\n if (window.location.hash) {\n this.focusElementEditor(window.location.hash)\n }\n this.resize()\n }\n\n disconnectedCallback() {\n this.toggleButton?.removeEventListener(\"click\", this.#onToggleClick)\n this.collapseButton?.removeEventListener(\"click\", this.#onCollapseClick)\n window.removeEventListener(\"message\", this.#onWindowMessage)\n document.body.removeEventListener(\"click\", this.#onBodyClick)\n }\n\n #onToggleClick = (evt) => {\n evt.preventDefault()\n this.toggle()\n }\n\n #onCollapseClick = () => {\n this.collapseAllElements()\n }\n\n #onWindowMessage = (event) => {\n const data = event.data\n if (data?.message == \"Alchemy.focusElementEditor\") {\n const element = document.getElementById(`element_${data.element_id}`)\n this.show()\n element?.focusElement()\n }\n }\n\n #onBodyClick = (evt) => {\n if (!evt.target.closest(\"alchemy-element-editor\")) {\n this.querySelectorAll(\"alchemy-element-editor\").forEach((editor) => {\n editor.classList.remove(\"selected\")\n })\n this.previewWindow?.postMessage({ message: \"Alchemy.blurElements\" })\n }\n }\n\n collapseAllElements() {\n this.querySelectorAll(\n \"alchemy-element-editor:not([compact]):not([fixed])\"\n ).forEach((editor) => editor.collapse())\n }\n\n toggle() {\n this.#visible ? this.hide() : this.show()\n }\n\n show() {\n document.body.classList.add(\"elements-window-visible\")\n this.#visible = true\n this.toggleButton.closest(\"sl-tooltip\").content = Alchemy.t(\"Hide elements\")\n this.toggleButton\n .querySelector(\"alchemy-icon\")\n .setAttribute(\"name\", \"menu-unfold\")\n this.resize()\n }\n\n hide() {\n document.body.classList.remove(\"elements-window-visible\")\n document.body.style.removeProperty(\"--elements-window-width\")\n this.#visible = false\n this.toggleButton.closest(\"sl-tooltip\").content = Alchemy.t(\"Show elements\")\n this.toggleButton\n .querySelector(\"alchemy-icon\")\n .setAttribute(\"name\", \"menu-fold\")\n }\n\n resize(width) {\n if (width === undefined) {\n width = this.widthFromCookie\n }\n\n if (width) {\n document.body.style.setProperty(\"--elements-window-width\", `${width}px`)\n document.cookie = `alchemy-elements-window-width=${width}; SameSite=Lax; Path=/;`\n }\n }\n\n // Focus element editor and element in preview if URL contains hash to element editor.\n // The link is coming from the assignment view when showing assigned files or pictures.\n focusElementEditor(dom_id) {\n const el = document.querySelector(dom_id)\n\n if (el instanceof ElementEditor) {\n el.focusElement() && el.focusElementPreview()\n }\n }\n\n get collapseButton() {\n return this.querySelector(\"#collapse-all-elements-button\")\n }\n\n get toggleButton() {\n return document.querySelector(\"#element_window_button\")\n }\n\n get previewWindow() {\n return document.getElementById(\"alchemy_preview_window\")\n }\n\n get turboFrame() {\n if (!this.#turboFrame) {\n this.#turboFrame = this.closest(\"turbo-frame\")\n }\n return this.#turboFrame\n }\n\n get widthFromCookie() {\n return document.cookie\n .split(\"; \")\n .find((row) => row.startsWith(\"alchemy-elements-window-width=\"))\n ?.split(\"=\")[1]\n }\n\n set isDragged(dragged) {\n this.turboFrame.style.transitionProperty = dragged ? \"none\" : null\n this.turboFrame.style.pointerEvents = dragged ? \"none\" : null\n }\n}\n\ncustomElements.define(\"alchemy-elements-window\", ElementsWindow)\n","class ElementsWindowHandle extends HTMLElement {\n #dragging = false\n #elementsWindow = null\n #previewWindow = null\n\n connectedCallback() {\n this.addEventListener(\"mousedown\", this)\n window.addEventListener(\"mousemove\", this)\n window.addEventListener(\"mouseup\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"mousedown\", this)\n window.removeEventListener(\"mousemove\", this)\n window.removeEventListener(\"mouseup\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"mousedown\":\n event.stopPropagation()\n this.onMouseDown()\n break\n case \"mouseup\":\n this.onMouseUp()\n break\n case \"mousemove\":\n if (this.#dragging) {\n this.onDrag(event.pageX)\n }\n break\n }\n }\n\n onMouseDown() {\n this.#dragging = true\n this.elementsWindow.isDragged = true\n this.previewWindow.isDragged = true\n this.classList.add(\"is-dragged\")\n }\n\n onMouseUp() {\n this.#dragging = false\n this.elementsWindow.isDragged = false\n this.previewWindow.isDragged = false\n this.classList.remove(\"is-dragged\")\n }\n\n onDrag(pageX) {\n const elementWindowWidth = window.innerWidth - pageX\n this.elementsWindow.resize(elementWindowWidth)\n }\n\n get elementsWindow() {\n if (!this.#elementsWindow) {\n this.#elementsWindow = document.querySelector(\"alchemy-elements-window\")\n }\n return this.#elementsWindow\n }\n\n get previewWindow() {\n if (!this.#previewWindow) {\n this.#previewWindow = document.getElementById(\"alchemy_preview_window\")\n }\n return this.#previewWindow\n }\n}\n\ncustomElements.define(\"alchemy-elements-window-handle\", ElementsWindowHandle)\n","class FileEditor extends HTMLElement {\n connectedCallback() {\n this.deleteLink = this.querySelector(\".remove_file_link\")\n this.fileIcon = this.querySelector(\".file_icon\")\n this.fileName = this.querySelector(\".file_name\")\n this.formFieldId = this.deleteLink?.dataset.formFieldId\n this.formField = this.querySelector(`#${this.formFieldId}`)\n this.deleteLink?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.deleteLink?.removeEventListener(\"click\", this)\n }\n\n handleEvent(event) {\n if (event.type === \"click\") this.removeFile()\n event.stopPropagation()\n }\n\n removeFile() {\n this.formField.value = \"\"\n this.fileIcon.innerHTML = \"\"\n this.fileName.innerHTML = \"\"\n this.deleteLink?.classList.add(\"hidden\")\n this.closest(\"alchemy-element-editor\").setDirty(this.formField)\n }\n}\n\ncustomElements.define(\"alchemy-file-editor\", FileEditor)\n","const DEFAULT_DEBOUNCE_TIME = 150\n\nclass ListFilter extends HTMLElement {\n #debounceTimer\n #filterField = null\n #clearButton = null\n\n connectedCallback() {\n if (this.hotkey) {\n key(this.hotkey, this.#onHotkey)\n }\n this.#filterField = this.filterField\n this.#filterField.addEventListener(\"keyup\", this.#onKeyup)\n this.#filterField.addEventListener(\"focus\", this.#onFocus)\n\n this.#clearButton = this.clearButton\n this.#clearButton.addEventListener(\"click\", this.#onClearClick)\n\n key(\"esc\", \"list_filter\", this.#onEscape)\n }\n\n disconnectedCallback() {\n clearTimeout(this.#debounceTimer)\n this.#filterField?.removeEventListener(\"keyup\", this.#onKeyup)\n this.#filterField?.removeEventListener(\"focus\", this.#onFocus)\n this.#filterField = null\n this.#clearButton?.removeEventListener(\"click\", this.#onClearClick)\n this.#clearButton = null\n if (this.hotkey) {\n key.unbind(this.hotkey)\n }\n key.unbind(\"esc\", \"list_filter\")\n }\n\n filter(term) {\n if (term === \"\") {\n this.clearButton.style.visibility = \"hidden\"\n }\n\n const matchedItems = []\n const itemsToShow = new Set()\n const lowerTerm = term.toLowerCase()\n\n // First pass: find matching items and mark their ancestors as visible too\n this.items.forEach((item) => {\n const name = item.getAttribute(this.nameAttribute)?.toLowerCase()\n // indexOf is much faster then match()\n if (name.indexOf(lowerTerm) !== -1) {\n matchedItems.push(item)\n itemsToShow.add(item)\n // Mark ancestor items as visible so nested matches stay visible\n let ancestor = item.parentElement?.closest(this.itemsSelector)\n while (ancestor) {\n itemsToShow.add(ancestor)\n ancestor = ancestor.parentElement?.closest(this.itemsSelector)\n }\n }\n })\n\n // Second pass: apply visibility\n this.items.forEach((item) => {\n item.classList.toggle(\"hidden\", !itemsToShow.has(item))\n })\n\n // Scroll into view if only one match\n if (matchedItems.length === 1) {\n matchedItems[0].scrollIntoView({ behavior: \"smooth\", block: \"nearest\" })\n }\n }\n\n clear() {\n this.filterField.value = \"\"\n this.clearButton.style.visibility = \"hidden\"\n this.items.forEach((item) => item.classList.remove(\"hidden\"))\n }\n\n get nameAttribute() {\n return this.getAttribute(\"name-attribute\") || \"name\"\n }\n\n get clearButton() {\n return this.querySelector('button[type=\"button\"]')\n }\n\n get filterField() {\n return this.querySelector('input[type=\"text\"]')\n }\n\n get items() {\n return document.querySelectorAll(this.itemsSelector)\n }\n\n get itemsSelector() {\n return this.getAttribute(\"items-selector\")\n }\n\n get debounceTime() {\n return parseInt(this.getAttribute(\"debounce-time\")) || DEFAULT_DEBOUNCE_TIME\n }\n\n get hotkey() {\n return this.getAttribute(\"hotkey\")\n }\n\n #onHotkey = () => {\n this.filterField.focus()\n return false\n }\n\n #onKeyup = () => {\n clearTimeout(this.#debounceTimer)\n this.#debounceTimer = setTimeout(() => {\n const term = this.filterField.value\n this.clearButton.style.visibility = term ? \"visible\" : \"hidden\"\n this.filter(term)\n }, this.debounceTime)\n }\n\n #onFocus = () => key.setScope(\"list_filter\")\n\n #onClearClick = (e) => {\n e.preventDefault()\n this.clear()\n }\n\n #onEscape = () => {\n this.clear()\n this.filterField.blur()\n }\n}\n\ncustomElements.define(\"alchemy-list-filter\", ListFilter)\n","const DISMISS_DELAY = 5000\n\nclass Message extends HTMLElement {\n #dismissTimeoutId = null\n\n handleEvent(event) {\n if (event.type === \"click\") {\n this.dismiss()\n }\n }\n\n connectedCallback() {\n if (!this.querySelector(\":scope > alchemy-icon\")) {\n const closeIcon =\n this.dismissable && this.type === \"error\"\n ? ''\n : \"\"\n this.insertAdjacentHTML(\n \"afterbegin\",\n `${closeIcon}`\n )\n }\n if (this.dismissable || this.type === \"error\") {\n this.addEventListener(\"click\", this)\n }\n if (this.dismissable && this.type !== \"error\") {\n this.#dismissTimeoutId = setTimeout(() => {\n this.dismiss()\n }, this.dismissDelay)\n }\n }\n\n disconnectedCallback() {\n if (this.#dismissTimeoutId !== null) {\n clearTimeout(this.#dismissTimeoutId)\n this.#dismissTimeoutId = null\n }\n }\n\n dismiss() {\n this.addEventListener(\"transitionend\", () => this.remove())\n this.classList.add(\"dismissed\")\n }\n\n get dismissable() {\n return this.hasAttribute(\"dismissable\")\n }\n\n get icon() {\n return this.getAttribute(\"icon\")\n }\n\n get type() {\n return this.getAttribute(\"type\") || \"notice\"\n }\n\n get dismissDelay() {\n return parseInt(\n this.noticesWrapper?.dataset.autoDismissDelay || DISMISS_DELAY\n )\n }\n\n get iconName() {\n switch (this.icon || this.type) {\n case \"warning\":\n case \"warn\":\n case \"alert\":\n return \"alert\"\n case \"notice\":\n return \"check\"\n case \"info\":\n case \"hint\":\n return \"information\"\n case \"error\":\n return \"bug\"\n default:\n return this.type\n }\n }\n\n get noticesWrapper() {\n return this.closest(\"#flash_notices\")\n }\n}\n\ncustomElements.define(\"alchemy-message\", Message)\n","import { growl } from \"alchemy_admin/growler\"\n\nclass Growl extends HTMLElement {\n connectedCallback() {\n growl(this.message, this.getAttribute(\"type\") || \"notice\")\n this.remove()\n }\n\n get message() {\n return this.getAttribute(\"message\") || this.innerHTML\n }\n}\n\ncustomElements.define(\"alchemy-growl\", Growl)\n","class Icon extends HTMLElement {\n static get observedAttributes() {\n return [\"name\", \"size\", \"icon-style\"]\n }\n\n constructor() {\n super()\n this.spriteUrl = document\n .querySelector('link[rel=\"preload\"][as=\"image\"]')\n .getAttribute(\"href\")\n }\n\n connectedCallback() {\n this.render()\n }\n\n attributeChangedCallback() {\n this.render()\n }\n\n render() {\n const sizeClass = this.size ? ` icon--${this.size}` : \"\"\n this.innerHTML = ``\n }\n\n set name(value) {\n this.setAttribute(\"name\", value)\n }\n\n get iconName() {\n return this.getAttribute(\"name\")\n }\n\n get size() {\n return this.getAttribute(\"size\")\n }\n\n get style() {\n const value = this.getAttribute(\"icon-style\")\n switch (value) {\n case \"none\":\n return \"\"\n case null:\n return \"-line\"\n default:\n return `-${value}`\n }\n }\n}\n\ncustomElements.define(\"alchemy-icon\", Icon)\n","export class IngredientGroup extends HTMLDetailsElement {\n #localStorageKey = \"Alchemy.expanded_ingredient_groups\"\n\n connectedCallback() {\n this.addEventListener(\"toggle\", this)\n\n if (this.isInLocalStorage) {\n this.open = true\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"toggle\", this)\n }\n\n /**\n * Toggle visibility of the ingredient fields in this group\n */\n handleEvent() {\n let expanded_ingredient_groups = this.localStorageItem\n\n if (this.open) {\n this.toggleIcon.name = \"arrow-down-s\"\n if (!this.isInLocalStorage) expanded_ingredient_groups.push(this.id)\n } else {\n this.toggleIcon.name = \"arrow-left-s\"\n expanded_ingredient_groups = expanded_ingredient_groups.filter(\n (value) => value !== this.id\n )\n }\n\n localStorage.setItem(\n this.#localStorageKey,\n JSON.stringify(expanded_ingredient_groups)\n )\n }\n\n get isInLocalStorage() {\n return this.localStorageItem.includes(this.id)\n }\n\n get localStorageItem() {\n const item = localStorage.getItem(this.#localStorageKey)\n\n if (!item) return []\n\n try {\n return JSON.parse(item)\n } catch (error) {\n console.error(error)\n return []\n }\n }\n\n get toggleIcon() {\n return this.querySelector(\"alchemy-icon\")\n }\n}\n\ncustomElements.define(\"alchemy-ingredient-group\", IngredientGroup, {\n extends: \"details\"\n})\n","class LinkButton extends HTMLButtonElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n this.classList.add(\"icon_button\")\n // Prevent accidental form submits if this component is wrapped inside a form\n this.setAttribute(\"type\", \"button\")\n this.innerHTML = ''\n }\n\n handleEvent(event) {\n const dialog = new Alchemy.LinkDialog({\n url: this.linkUrl,\n title: this.linkTitle,\n target: this.linkTarget,\n type: this.linkClass\n })\n dialog.open().then((link) => this.setLink(link))\n event.preventDefault()\n }\n\n setLink(link) {\n if (link.url === \"\") {\n this.classList.remove(\"linked\")\n this.dispatchEvent(new CustomEvent(\"alchemy:unlink\", { bubbles: true }))\n } else {\n this.classList.add(\"linked\")\n this.dispatchEvent(\n new CustomEvent(\"alchemy:link\", {\n bubbles: true,\n detail: link\n })\n )\n }\n }\n\n get linkUrl() {\n return this.linkButtons.linkUrlField.value\n }\n\n get linkTitle() {\n return this.linkButtons.linkTitleField.value\n }\n\n get linkTarget() {\n return this.linkButtons.linkTargetField.value\n }\n\n get linkClass() {\n return this.linkButtons.linkClassField.value\n }\n\n get linkButtons() {\n return this.closest(\"alchemy-link-buttons\")\n }\n}\n\ncustomElements.define(\"alchemy-link-button\", LinkButton, { extends: \"button\" })\n","class UnlinkButton extends HTMLButtonElement {\n connectedCallback() {\n this.addEventListener(\"click\", this)\n this.classList.add(\"icon_button\")\n // Prevent accidental form submits if this component is wrapped inside a form\n this.setAttribute(\"type\", \"button\")\n this.linked = this.linked\n this.innerHTML =\n ''\n }\n\n handleEvent(event) {\n if (this.linked) {\n this.linked = false\n this.blur()\n this.dispatchEvent(new CustomEvent(\"alchemy:unlink\", { bubbles: true }))\n }\n event.preventDefault()\n }\n\n set linked(isLinked) {\n if (isLinked) {\n this.classList.replace(\"disabled\", \"linked\")\n this.removeAttribute(\"tabindex\")\n } else {\n this.classList.replace(\"linked\", \"disabled\")\n this.setAttribute(\"tabindex\", \"-1\")\n }\n }\n\n get linked() {\n return this.classList.contains(\"linked\")\n }\n}\n\ncustomElements.define(\"alchemy-unlink-button\", UnlinkButton, {\n extends: \"button\"\n})\n","import \"alchemy_admin/components/link_buttons/link_button\"\nimport \"alchemy_admin/components/link_buttons/unlink_button\"\n\nclass LinkButtons extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"alchemy:link\", this)\n this.addEventListener(\"alchemy:unlink\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"alchemy:link\", this)\n this.removeEventListener(\"alchemy:unlink\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"alchemy:link\":\n this.setLink(event.detail)\n break\n case \"alchemy:unlink\":\n this.removeLink()\n }\n event.stopPropagation()\n }\n\n setLink(data) {\n this.linkUrlField.value = data.url\n this.linkUrlField.dispatchEvent(new Event(\"change\"))\n this.linkTitleField.value = data.title\n this.linkClassField.value = data.type\n this.linkTargetField.value = data.target\n\n this.unlinkButton.linked = true\n this.setElementDirty()\n }\n\n removeLink() {\n this.linkUrlField.value = \"\"\n this.linkUrlField.dispatchEvent(new Event(\"change\"))\n this.linkTitleField.value = \"\"\n this.linkClassField.value = \"\"\n this.linkTargetField.value = \"\"\n\n this.linkButton.classList.remove(\"linked\")\n this.unlinkButton.linked = false\n\n this.setElementDirty()\n }\n\n setElementDirty() {\n this.elementEditor.setDirty(this)\n }\n\n get linkButton() {\n return this.querySelector('[is=\"alchemy-link-button\"]')\n }\n\n get unlinkButton() {\n return this.querySelector('[is=\"alchemy-unlink-button\"]')\n }\n\n get ingredientEditor() {\n const ingredientId = this.dataset.ingredientId\n return this.parentElement.closest(`[data-ingredient-id='${ingredientId}']`)\n }\n\n get elementEditor() {\n return this.closest(\"alchemy-element-editor\")\n }\n\n get linkUrlField() {\n return this.ingredientEditor.querySelector(\"[data-link-value]\")\n }\n\n get linkTitleField() {\n return this.ingredientEditor.querySelector(\"[data-link-title]\")\n }\n\n get linkTargetField() {\n return this.ingredientEditor.querySelector(\"[data-link-target]\")\n }\n\n get linkClassField() {\n return this.ingredientEditor.querySelector(\"[data-link-class]\")\n }\n}\n\ncustomElements.define(\"alchemy-link-buttons\", LinkButtons)\n","export function formatFileSize(bytes) {\n let exponent = bytes === 0 ? 0 : Math.floor(Math.log(bytes) / Math.log(1024))\n\n // prevent format higher than GB\n if (exponent > 3) {\n exponent = 3\n }\n\n let value = (bytes / Math.pow(1024, exponent)).toFixed(2)\n return value + \" \" + [\"B\", \"kB\", \"MB\", \"GB\"][exponent]\n}\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass NodeSelect extends RemoteSelect {\n _searchQuery(term, page) {\n return {\n filter: {\n name_or_page_name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n _renderResult(item) {\n return this._renderListEntry(item)\n }\n\n /**\n * html template for each list entry\n * @param {object} node\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(node, term) {\n const ancestors = node.ancestors.map((a) => a.name)\n const seperator = ``\n\n return `\n
    \n \n
    \n \n ${ancestors.length > 0 ? ancestors.join(seperator) + seperator : \"\"}\n \n \n ${this._hightlightTerm(node.name, term)}\n \n
    \n
    \n ${node.url || \"\"}\n
    \n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-node-select\", NodeSelect)\n","import { formatFileSize } from \"alchemy_admin/utils/format\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport { growl } from \"alchemy_admin/growler\"\n\nexport class FileUpload extends HTMLElement {\n // public — used by callers (Uploader, Progress, tests)\n file = null\n request = null\n progressEventLoaded = 0\n progressEventTotal = 0\n\n // private — backing state for getters/setters\n #valid = true\n #value = 0\n #status = undefined\n #errorMessage = \"\"\n\n connectedCallback() {\n this.innerHTML = `\n \n
    \n ${this.file?.name}\n ${this.loadedSize}\n ${this.errorMessage}\n
    \n \n \n \n `\n\n this.querySelector(\"button\").addEventListener(\"click\", () => this.cancel())\n\n if (this.file?.type.includes(\"image\")) {\n const reader = new FileReader()\n reader.readAsDataURL(this.file)\n reader.addEventListener(\"load\", () => {\n const image = new Image()\n image.src = reader.result\n this.prepend(image)\n })\n }\n }\n\n /**\n * Initialize the component with file and request\n * @param {File} file\n * @param {XMLHttpRequest} request\n */\n initialize(file, request) {\n this.file = file\n this.request = request\n this.progressEventTotal = file ? file.size : 0\n this.status = \"in-progress\"\n\n this.#validateFile()\n this.#addRequestEventListener()\n }\n\n /**\n * cancel the upload\n */\n cancel() {\n if (!this.finished) {\n this.status = \"canceled\"\n this.request?.abort()\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n }\n\n /**\n * Dispatches a custom event with given name, namespaced under `Alchemy.`.\n * @param {string} name The name of the custom event\n */\n dispatchCustomEvent(name) {\n this.dispatchEvent(new CustomEvent(`Alchemy.${name}`, { bubbles: true }))\n }\n\n /**\n * validate given file with the `Alchemy.uploader_defaults` - configuration\n */\n #validateFile() {\n const config = Alchemy.uploader_defaults\n const maxFileSize = config.file_size_limit * Math.pow(1024, 2) // in Byte\n let errorMessage = undefined\n\n if (this.file?.size > maxFileSize) {\n errorMessage = translate(\"Uploaded bytes exceed file size\")\n }\n\n const allowedFiletypes = this.file?.type.includes(\"image\")\n ? config.allowed_filetypes.alchemy_pictures\n : config.allowed_filetypes.alchemy_attachments\n\n const isFileFormatSupported =\n allowedFiletypes.includes(\"*\") ||\n allowedFiletypes.includes(\n this.file?.type.replace(/^\\w+\\/(\\w+)(\\+\\w+)?/i, \"$1\")\n )\n\n if (!isFileFormatSupported) {\n errorMessage = translate(\"File type not allowed\")\n }\n\n if (errorMessage) {\n this.valid = false\n this.errorMessage = errorMessage\n }\n }\n\n /**\n * register event listeners to react on request changes\n */\n #addRequestEventListener() {\n // prevent errors if the component will be called without a request - object\n if (!this.request) {\n return\n }\n\n // update the progress bar and currently loaded size information\n this.request.upload.onprogress = (progressEvent) => {\n this.progressEvent = progressEvent\n }\n\n // triggers, when the upload is done\n this.request.onload = () => {\n if (this.request.status < 400) {\n this.status = \"successful\"\n growl(this.responseMessage)\n } else {\n this.status = \"failed\"\n this.errorMessage = this.responseMessage\n }\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n\n // catch request errors\n this.request.onerror = () => {\n this.errorMessage = translate(\"An error occurred during the transaction\")\n }\n }\n\n /**\n * @returns {boolean}\n */\n get active() {\n return this.valid && this.status !== \"canceled\"\n }\n\n /**\n * @returns {string}\n */\n get errorMessage() {\n return this.#errorMessage || \"\"\n }\n\n /**\n * @param {string} message\n */\n set errorMessage(message) {\n this.#errorMessage = message\n const errorMessageContainer = this.querySelector(\".error-message\")\n if (errorMessageContainer) {\n errorMessageContainer.textContent = message\n }\n growl(message, \"error\")\n }\n\n /**\n * @returns {boolean}\n */\n get finished() {\n return [\"canceled\", \"successful\", \"failed\"].includes(this.status)\n }\n\n /**\n * format the loaded and total size and present that as a string\n * @returns {string}\n */\n get loadedSize() {\n return `${formatFileSize(this.progressEventLoaded)} / ${formatFileSize(\n this.progressEventTotal\n )}`\n }\n\n /**\n * @returns {HTMLProgressElement|undefined}\n */\n get progressElement() {\n return this.querySelector(\"sl-progress-bar\")\n }\n\n /**\n * @param {ProgressEvent} progressEvent\n */\n set progressEvent(progressEvent) {\n this.progressEventLoaded = progressEvent.loaded\n this.progressEventTotal = progressEvent.total\n\n this.value = Math.round((progressEvent.loaded / progressEvent.total) * 100)\n this.querySelector(\".loaded-size\").textContent = this.loadedSize\n }\n\n /**\n * @returns {string}\n */\n get responseMessage() {\n try {\n const response = JSON.parse(this.request.responseText)\n return response[\"message\"]\n } catch (error) {\n return `${this.request.status}: ${this.request.statusText}`\n }\n }\n\n /**\n * @returns {string}\n */\n get status() {\n return this.#status\n }\n\n /**\n * @param {string} status\n */\n set status(status) {\n this.#status = status\n this.className = status\n\n this.progressElement?.toggleAttribute(\n \"indeterminate\",\n status === \"upload-finished\"\n )\n }\n\n /**\n * @returns {boolean}\n */\n get valid() {\n return this.#valid\n }\n\n /**\n * @param {boolean} isValid\n */\n set valid(isValid) {\n this.#valid = isValid\n this.classList.toggle(\"invalid\", !isValid)\n }\n\n /**\n * get the progress value of the current file\n * @returns {number}\n */\n get value() {\n return this.#value\n }\n\n /**\n * @param {number} value\n */\n set value(value) {\n this.#value = value\n if (this.progressElement) {\n this.progressElement.value = value\n }\n\n if (value === 100) {\n this.status = \"upload-finished\"\n }\n\n this.dispatchCustomEvent(\"FileUpload.Change\")\n }\n}\n\ncustomElements.define(\"alchemy-file-upload\", FileUpload)\n","import { FileUpload } from \"alchemy_admin/components/uploader/file_upload\"\nimport { formatFileSize } from \"alchemy_admin/utils/format\"\nimport { translate } from \"alchemy_admin/i18n\"\n\nconst template = (buttonLabel, fileCount) => `\n \n
    \n \n\n \n \n \n
    \n
    3 ? 3 : fileCount\n }\">
    \n
    \n`\n\nexport class Progress extends HTMLElement {\n // public — accessed by Uploader and tests\n fileCount = 0\n\n // private — backing state and internals\n #fileUploads = []\n #buttonLabel = translate(\"Cancel all uploads\")\n #actionButton = null\n #visible = false\n #handleFileChange = () => this.#updateView()\n\n connectedCallback() {\n this.innerHTML = template(this.#buttonLabel, this.fileCount)\n this.visible = true\n\n this.#actionButton = this.querySelector(\"button\")\n this.#actionButton.addEventListener(\"click\", () => {\n if (this.finished) {\n this.onComplete(this.status)\n } else {\n this.cancel()\n }\n })\n\n this.#fileUploads.forEach((fileUpload) => {\n this.querySelector(\".single-uploads\").append(fileUpload)\n })\n\n this.#updateView()\n this.addEventListener(\"Alchemy.FileUpload.Change\", this.#handleFileChange)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\n \"Alchemy.FileUpload.Change\",\n this.#handleFileChange\n )\n }\n\n /**\n * Initialize the component with file uploads\n * @param {FileUpload[]} fileUploads\n */\n initialize(fileUploads = []) {\n this.#fileUploads = fileUploads\n this.fileCount = fileUploads.length\n }\n\n /**\n * cancel requests in all remaining uploads\n */\n cancel() {\n this.#activeUploads().forEach((upload) => {\n upload.cancel()\n })\n this.#setupCloseButton()\n }\n\n /**\n * a complete hook to allow the uploader to react and trigger an event\n * it would be possible to trigger the event here, but the dispatching would happen\n * in the scope of that component and can't be cached o uploader - component level\n */\n onComplete(_status) {}\n\n /**\n * get all active upload components\n * @returns {FileUpload[]}\n */\n #activeUploads() {\n return this.#fileUploads.filter((upload) => upload.active)\n }\n\n /**\n * replace cancel button to be the close button\n */\n #setupCloseButton() {\n this.#buttonLabel = translate(\"Close\")\n this.#actionButton.ariaLabel = this.#buttonLabel\n this.#actionButton.parentElement.content = this.#buttonLabel // update tooltip content\n }\n\n /**\n * @param {string} field\n * @returns {number}\n */\n #sumFileProgresses(field) {\n return this.#activeUploads().reduce(\n (accumulator, upload) => upload[field] + accumulator,\n 0\n )\n }\n\n /**\n * don't render the whole element new, because it would prevent selecting buttons\n */\n #updateView() {\n const status = this.status\n this.className = status\n\n // update progress bar\n this.progressElement.value = this.totalProgress\n this.progressElement.toggleAttribute(\n \"indeterminate\",\n status === \"upload-finished\"\n )\n\n // show progress in file size and percentage\n this.querySelector(`.overall-progress-value > span`).textContent =\n this.overallProgressValue\n this.querySelector(`.overall-upload-value`).textContent =\n this.overallUploadSize\n\n if (this.finished) {\n this.#setupCloseButton()\n this.onComplete(status)\n } else {\n this.visible = true\n }\n }\n\n /**\n * @returns {boolean}\n */\n get finished() {\n return this.#activeUploads().every((entry) => entry.finished)\n }\n\n /**\n * @returns {string}\n */\n get overallUploadSize() {\n const uploadedFileCount = this.#activeUploads().filter(\n (fileProgress) => fileProgress.value >= 100\n ).length\n const overallProgressValue = `${\n this.totalProgress\n }% (${uploadedFileCount} / ${this.#activeUploads().length})`\n\n return `${formatFileSize(\n this.#sumFileProgresses(\"progressEventLoaded\")\n )} / ${formatFileSize(this.#sumFileProgresses(\"progressEventTotal\"))}`\n }\n\n /**\n * @returns {string}\n */\n get overallProgressValue() {\n const uploadedFileCount = this.#activeUploads().filter(\n (fileProgress) => fileProgress.value >= 100\n ).length\n return `${this.totalProgress}% (${uploadedFileCount} / ${\n this.#activeUploads().length\n })`\n }\n\n /**\n * @returns {HTMLProgressElement|undefined}\n */\n get progressElement() {\n return this.querySelector(\"sl-progress-bar\")\n }\n\n /**\n * get status of file progresses and accumulate the overall status\n * @returns {string}\n */\n get status() {\n const uploadsStatuses = this.#activeUploads().map(\n (upload) => upload.className\n )\n\n // mark as failed, if any upload failed\n if (uploadsStatuses.includes(\"failed\")) {\n return \"failed\"\n }\n\n // no active upload means that every upload was canceled\n if (uploadsStatuses.length === 0) {\n return \"canceled\"\n }\n\n // all uploads are successful or upload-finished or in-progress\n if (uploadsStatuses.every((entry) => entry === uploadsStatuses[0])) {\n return uploadsStatuses[0]\n }\n\n return \"in-progress\"\n }\n\n /**\n * @returns {number}\n */\n get totalProgress() {\n const totalSize = this.#activeUploads().reduce(\n (accumulator, upload) => accumulator + upload.file.size,\n 0\n )\n let totalProgress = Math.ceil(\n this.#activeUploads().reduce((accumulator, upload) => {\n const weight = upload.file.size / totalSize\n return upload.value * weight + accumulator\n }, 0)\n )\n // prevent rounding errors\n if (totalProgress > 100) {\n totalProgress = 100\n }\n return totalProgress\n }\n\n /**\n * @returns {boolean}\n */\n get visible() {\n return this.#visible\n }\n\n /**\n * @param {boolean} visible\n */\n set visible(visible) {\n this.classList.toggle(\"visible\", visible)\n this.#visible = visible\n }\n}\n\ncustomElements.define(\"alchemy-upload-progress\", Progress)\n","/**\n * @typedef {object} PersistedFile\n * @property {string} name\n * @property {number} size\n */\nimport { Progress } from \"alchemy_admin/components/uploader/progress\"\nimport { FileUpload } from \"alchemy_admin/components/uploader/file_upload\"\nimport { translate } from \"alchemy_admin/i18n\"\nimport { getToken } from \"alchemy_admin/utils/ajax\"\n\nexport class Uploader extends HTMLElement {\n #dropzoneElement = null\n #isDraggedOver = false\n\n connectedCallback() {\n this.fileInput.addEventListener(\"change\", this.#onFileInputChange)\n if (this.dropzone) {\n this.#setupDropZone()\n }\n this.addEventListener(\"Alchemy.upload.successful\", this)\n }\n\n disconnectedCallback() {\n this.fileInput?.removeEventListener(\"change\", this.#onFileInputChange)\n if (this.#dropzoneElement) {\n this.#dropzoneElement.removeEventListener(\n \"dragleave\",\n this.#onDropzoneDragleave\n )\n this.#dropzoneElement.removeEventListener(\"drop\", this.#onDropzoneDrop)\n this.#dropzoneElement.removeEventListener(\n \"dragover\",\n this.#onDropzoneDragover\n )\n this.#dropzoneElement = null\n }\n }\n\n handleEvent(evt) {\n switch (evt.type) {\n case \"Alchemy.upload.successful\":\n this.#handleUploadComplete()\n break\n }\n }\n\n #onFileInputChange = (event) => {\n this.uploadFiles(Array.from(event.target.files))\n }\n\n #toggleDropzoneClass = (enabled) => {\n if (this.#isDraggedOver !== enabled) {\n this.#isDraggedOver = enabled\n this.#dropzoneElement.classList.toggle(\"dragover\")\n }\n }\n\n #onDropzoneDragleave = () => this.#toggleDropzoneClass(false)\n\n #onDropzoneDrop = async (event) => {\n event.preventDefault()\n this.#toggleDropzoneClass(false)\n\n const files = [...event.dataTransfer.items].map((item) => item.getAsFile())\n\n this.uploadFiles(files)\n }\n\n #onDropzoneDragover = (event) => {\n event.preventDefault() // dragover has to be disabled to use the custom drop event\n this.#toggleDropzoneClass(true)\n }\n\n #handleUploadComplete() {\n setTimeout(() => {\n const url = this.redirectUrl\n const turboFrame = this.closest(\"turbo-frame\")\n this.uploadProgress.visible = false\n\n if (!url) return\n\n if (turboFrame) {\n turboFrame.setAttribute(\"src\", url)\n turboFrame.reload()\n } else {\n Turbo.visit(url)\n }\n }, 750)\n }\n\n /**\n * add dragover class to indicate, if the file is draggable\n * @private\n */\n #setupDropZone() {\n this.#dropzoneElement = document.querySelector(this.dropzone)\n if (!this.#dropzoneElement) return\n\n this.#dropzoneElement.addEventListener(\n \"dragleave\",\n this.#onDropzoneDragleave\n )\n this.#dropzoneElement.addEventListener(\"drop\", this.#onDropzoneDrop)\n this.#dropzoneElement.addEventListener(\"dragover\", this.#onDropzoneDragover)\n }\n\n /**\n * @param {File[]} files\n */\n uploadFiles(files) {\n // prepare file progress bars and server request\n let fileUploadCount = 0\n\n const fileUploads = files.map((file) => {\n const request = new XMLHttpRequest()\n const fileUpload = new FileUpload()\n fileUpload.initialize(file, request)\n\n if (Alchemy.uploader_defaults.upload_limit - 1 < fileUploadCount) {\n fileUpload.valid = false\n fileUpload.errorMessage = translate(\"Maximum number of files exceeded\")\n } else if (fileUpload.valid) {\n fileUploadCount++\n this.#submitFile(request, file)\n }\n\n return fileUpload\n })\n\n this.#createProgress(fileUploads)\n }\n\n /**\n * @param {XMLHttpRequest} request\n * @param {File} file\n * @private\n */\n #submitFile(request, file) {\n const form = this.querySelector(\"form\")\n const formData = new FormData(form)\n formData.set(this.fileInput.name, file)\n request.open(\"POST\", form.action)\n request.setRequestHeader(\"X-CSRF-Token\", getToken())\n request.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\")\n request.setRequestHeader(\"Accept\", \"application/json\")\n request.send(formData)\n }\n\n /**\n * create (and maybe remove the old) progress bar - component\n * @param {FileUpload[]} fileUploads\n * @private\n */\n #createProgress(fileUploads) {\n if (this.uploadProgress) {\n this.uploadProgress.cancel()\n document.body.removeChild(this.uploadProgress)\n }\n this.uploadProgress = new Progress()\n this.uploadProgress.initialize(fileUploads)\n this.uploadProgress.onComplete = (status) => {\n this.dispatchEvent(\n new CustomEvent(`Alchemy.upload.${status}`, { bubbles: true })\n )\n }\n\n document.body.append(this.uploadProgress)\n }\n\n get dropzone() {\n return this.getAttribute(\"dropzone\")\n }\n\n /**\n * @returns {HTMLInputElement}\n */\n get fileInput() {\n return this.querySelector(\"input[type='file']\")\n }\n\n get redirectUrl() {\n return this.getAttribute(\"redirect-url\")\n }\n}\n\ncustomElements.define(\"alchemy-uploader\", Uploader)\n","class Overlay extends HTMLElement {\n connectedCallback() {\n this.innerHTML = `\n \n
    \n ${this.getAttribute(\"text\") ?? \"\"}\n
    \n `\n }\n\n set show(value) {\n this.classList.toggle(\"visible\", value)\n }\n}\n\ncustomElements.define(\"alchemy-overlay\", Overlay)\n","import { patch } from \"alchemy_admin/utils/ajax\"\nimport { growl } from \"alchemy_admin/growler\"\nimport Spinner from \"alchemy_admin/spinner\"\n\nconst BUTTON = \"BUTTON\"\nconst SPAN = \"SPAN\"\n\n/**\n * Custom element for page nodes in the sitemap tree\n * Handles folding/unfolding of page children\n */\nexport class AlchemyPageNode extends HTMLElement {\n connectedCallback() {\n this.pageId = this.getAttribute(\"page-id\")\n this.folded = this.hasAttribute(\"folded\")\n\n this.folderButton?.addEventListener(\"click\", this)\n }\n\n disconnectedCallback() {\n this.folderButton?.removeEventListener(\"click\", this)\n }\n\n async handleEvent(event) {\n if (event.type === \"click\") {\n await this.handleFolderClick(event)\n }\n }\n\n async handleFolderClick(event) {\n event.preventDefault()\n event.stopPropagation()\n\n const folderButton = event.currentTarget\n folderButton.innerHTML = \"\"\n const spinner = new Spinner(\"small\")\n spinner.spin(folderButton)\n\n try {\n await patch(\n Alchemy.routes.fold_admin_page_path(this.pageId),\n null,\n \"text/vnd.turbo-stream.html\"\n )\n\n this.folded = !this.folded\n this.toggleAttribute(\"folded\", this.folded)\n this.toggleChildren()\n this.updateFolderIcon()\n } catch (error) {\n growl(error.message || error, \"error\")\n this.updateFolderIcon()\n } finally {\n spinner.stop()\n }\n }\n\n toggleChildren() {\n const childrenContainer = this.querySelector(\n `#page_${this.pageId}_children`\n )\n if (childrenContainer) {\n childrenContainer.classList.toggle(\"hidden\", this.folded)\n }\n }\n\n updateFolderIcon() {\n if (this.folderButton) {\n const iconName = this.folded ? \"arrow-right-s\" : \"arrow-down-s\"\n this.folderButton.innerHTML = ``\n }\n }\n\n /**\n * Updates the folder button state based on whether the node has children\n * Converts between button and span as needed\n */\n updateFolderButton() {\n const folderElement = this.querySelector(\".page_folder\")\n if (!folderElement) return\n\n const shouldShowButton = this.hasChildren || this.folded\n\n if (shouldShowButton && folderElement.tagName === SPAN) {\n // Convert span to button with icon\n const iconName = this.folded ? \"arrow-right-s\" : \"arrow-down-s\"\n folderElement.outerHTML = ``\n\n // Re-attach event listener to the new button element\n this.folderButton?.addEventListener(\"click\", this)\n } else if (!shouldShowButton && folderElement.tagName === BUTTON) {\n // Convert button to empty span (no children and not folded)\n folderElement.outerHTML = ''\n } else if (shouldShowButton && folderElement.tagName === BUTTON) {\n // Button exists, just update the icon direction\n this.updateFolderIcon()\n }\n }\n\n get hasChildren() {\n const childrenContainer = this.querySelector(\n `#page_${this.pageId}_children`\n )\n if (!childrenContainer) return false\n\n return (\n childrenContainer.querySelectorAll(\":scope > alchemy-page-node\").length >\n 0\n )\n }\n\n get folderButton() {\n return this.querySelector(\"button.page_folder\")\n }\n}\n\ncustomElements.define(\"alchemy-page-node\", AlchemyPageNode)\n","// Handles the page publication date fields\nexport class PagePublicationFields extends HTMLElement {\n connectedCallback() {\n this.publicField?.addEventListener(\"click\", this.#onClick)\n }\n\n disconnectedCallback() {\n this.publicField?.removeEventListener(\"click\", this.#onClick)\n }\n\n #onClick = (evt) => {\n const checkbox = evt.target\n const now = new Date()\n\n if (checkbox.checked) {\n this.publicationDateFields.classList.remove(\"hidden\")\n this.publicOnPicker.flatpickr.setDate(now)\n } else {\n this.publicationDateFields.classList.add(\"hidden\")\n this.publicOnPicker.flatpickr.clear()\n }\n this.publicUntilPicker.flatpickr?.clear()\n }\n\n get publicField() {\n return this.querySelector(\"#page_public\")\n }\n\n get publicOnPicker() {\n return this.querySelector(\"alchemy-datepicker:has(#page_public_on)\")\n }\n\n get publicUntilPicker() {\n return this.querySelector(\"alchemy-datepicker:has(#page_public_until)\")\n }\n\n get publicationDateFields() {\n return this.querySelector(\".page-publication-date-fields\")\n }\n}\n\ncustomElements.define(\"alchemy-page-publication-fields\", PagePublicationFields)\n","import { RemoteSelect } from \"alchemy_admin/components/remote_select\"\n\nclass PageSelect extends RemoteSelect {\n get pageId() {\n return this.selection ? JSON.parse(this.selection)[\"id\"] : undefined\n }\n\n _searchQuery(term, page) {\n return {\n q: {\n name_cont: term,\n ...JSON.parse(this.queryParams)\n },\n page: page\n }\n }\n\n _parseResponse(response) {\n const meta = response.meta\n return {\n results: response.pages,\n more: meta.page * meta.per_page < meta.total_count\n }\n }\n\n /**\n * result which is visible if a page was selected\n * @param {object} page\n * @returns {string}\n * @private\n */\n _renderResult(page) {\n return page.text || page.name\n }\n\n /**\n * html template for each list entry\n * @param {object} page\n * @param {string} term\n * @returns {string}\n * @private\n */\n _renderListEntry(page, term) {\n return `\n
    \n
    \n \n ${this._hightlightTerm(page.name, term)}\n ${page.site.name}\n
    \n
    \n ${page.url_path}\n ${page.language_code}\n
    \n
    \n `\n }\n}\n\ncustomElements.define(\"alchemy-page-select\", PageSelect)\n","class PictureDescriptionSelect extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"change\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"change\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"change\":\n this.onChange()\n break\n }\n }\n\n onChange() {\n const url = new URL(this.getAttribute(\"url\"))\n const select = this.querySelector(\"select\")\n url.searchParams.set(\"language_id\", select.value)\n Turbo.visit(url, { frame: \"picture_descriptions\" })\n }\n}\n\ncustomElements.define(\n \"alchemy-picture-description-select\",\n PictureDescriptionSelect\n)\n","import debounce from \"alchemy_admin/utils/debounce\"\nimport max from \"alchemy_admin/utils/max\"\nimport { get } from \"alchemy_admin/utils/ajax\"\nimport { growl } from \"alchemy_admin/growler\"\n\nconst UPDATE_DELAY = 125\nconst IMAGE_PLACEHOLDER = ''\nconst THUMBNAIL_SIZE = \"160x120\"\n\nexport class PictureEditor extends HTMLElement {\n connectedCallback() {\n this.cropFromField = this.querySelector(\"[data-crop-from]\")\n this.cropSizeField = this.querySelector(\"[data-crop-size]\")\n this.pictureIdField = this.querySelector(\"[data-picture-id]\")\n this.targetSizeField = this.querySelector(\"[data-target-size]\")\n this.imageCropperField = this.querySelector(\"[data-image-cropper]\")\n this.image = this.querySelector(\"img\")\n this.pictureThumbnail = this.querySelector(\"alchemy-picture-thumbnail\")\n this.deleteButton = this.querySelector(\".picture_tool.delete\")\n this.cropLink = this.querySelector(\".crop_link\")\n\n this.targetSize = this.targetSizeField.dataset.targetSize\n this.pictureId = this.pictureIdField.value\n\n // The mutation observer is observing multiple fields that all get updated\n // simultaneously. We only want to update the image once, so we debounce.\n this.update = debounce(() => {\n this.updateImage()\n this.updateCropLink()\n }, UPDATE_DELAY)\n\n this.deleteButton?.addEventListener(\"click\", this.removeImage)\n\n this.observer = new MutationObserver(this.mutationCallback)\n this.observer.observe(this.cropFromField, { attributes: true })\n this.observer.observe(this.cropSizeField, { attributes: true })\n this.observer.observe(this.pictureIdField, { attributes: true })\n }\n\n disconnectedCallback() {\n this.observer.disconnect()\n }\n\n mutationCallback = (mutationsList) => {\n for (const mutation of mutationsList) {\n if (\"pictureId\" in mutation.target.dataset) {\n this.cropFromField.value = \"\"\n this.cropSizeField.value = \"\"\n this.pictureId = mutation.target.value\n }\n this.update()\n }\n }\n\n updateImage() {\n if (!this.pictureId) return\n\n this.pictureThumbnail.loading = true\n get(Alchemy.routes.url_admin_picture_path(this.pictureId), {\n crop: this.imageCropperEnabled,\n crop_from: this.cropFrom,\n crop_size: this.cropSize,\n flatten: true,\n size: THUMBNAIL_SIZE\n })\n .then(({ data }) => {\n this.pictureThumbnail.src = data.url\n this.pictureThumbnail.image.alt = data.alt\n this.pictureThumbnail.image.title = data.title\n this.setElementDirty()\n })\n .catch((error) => {\n console.error(error.message || error)\n growl(error.message || error, \"error\")\n })\n }\n\n removeImage = () => {\n this.pictureThumbnail.innerHTML = IMAGE_PLACEHOLDER\n this.pictureIdField.value = \"\"\n this.image = null\n this.cropLink.classList.add(\"disabled\")\n this.setElementDirty()\n }\n\n setElementDirty() {\n this.closest(\".element-editor\").setDirty(this)\n }\n\n updateCropLink() {\n if (!this.pictureId || !this.imageCropperEnabled) return\n\n this.cropLink.classList.remove(\"disabled\")\n\n if (this.cropLink.href.match(/(picture_id=)\\d+/)) {\n this.cropLink.href = this.cropLink.href.replace(\n /(picture_id=)\\d+/,\n \"$1\" + this.pictureId\n )\n } else {\n this.cropLink.href = this.cropLink.href + `&picture_id=${this.pictureId}`\n }\n }\n\n get cropFrom() {\n if (this.cropFromField.value === \"\") {\n return this.defaultCropFrom.join(\"x\")\n }\n return this.cropFromField.value\n }\n\n get cropSize() {\n if (this.cropSizeField.value === \"\") {\n return this.defaultCropSize.join(\"x\")\n }\n return this.cropSizeField.value\n }\n\n get defaultCropSize() {\n if (!this.imageCropperEnabled) return []\n\n const mask = this.targetSize.split(\"x\").map((n) => parseInt(n))\n const zoom = max(\n mask[0] / this.imageFileWidth,\n mask[1] / this.imageFileHeight\n )\n\n return [Math.round(mask[0] / zoom), Math.round(mask[1] / zoom)]\n }\n\n get defaultCropFrom() {\n if (!this.imageCropperEnabled) return []\n\n const dimensions = this.defaultCropSize\n\n return [\n Math.round((this.imageFileWidth - dimensions[0]) / 2),\n Math.round((this.imageFileHeight - dimensions[1]) / 2)\n ]\n }\n\n get imageFileWidth() {\n return parseInt(this.pictureIdField.dataset.imageFileWidth)\n }\n\n get imageFileHeight() {\n return parseInt(this.pictureIdField.dataset.imageFileHeight)\n }\n\n get imageCropperEnabled() {\n return this.targetSizeField.dataset.imageCropper === \"true\"\n }\n}\n\ncustomElements.define(\"alchemy-picture-editor\", PictureEditor)\n","export default function (func, delay) {\n let timeout\n\n return function (...args) {\n const that = this\n\n clearTimeout(timeout)\n timeout = setTimeout(() => func.apply(that, args), delay)\n }\n}\n","export default function (a, b) {\n return a >= b ? a : b\n}\n","// Shows spinner while loading images and\n// fades the image after its been loaded\n\nimport Spinner from \"alchemy_admin/spinner\"\n\nexport default class PictureThumbnail extends HTMLElement {\n constructor() {\n super()\n\n this.spinner = new Spinner(\"small\")\n }\n\n handleEvent(evt) {\n switch (evt.type) {\n case \"load\":\n this.#onLoaded()\n break\n case \"error\":\n this.#onError(evt)\n break\n default:\n break\n }\n }\n\n connectedCallback() {\n this.classList.add(\"thumbnail_background\")\n if (this.src && !this.image) {\n this.start()\n }\n this.#setImage()\n }\n\n disconnectedCallback() {\n this.image?.removeEventListener(\"load\", this)\n this.image?.removeEventListener(\"error\", this)\n this.stop()\n }\n\n createImage(src = this.src, alt = this.name) {\n this.image = new Image()\n this.image.src = src\n if (alt) {\n this.image.alt = alt\n }\n }\n\n start(src) {\n this.createImage(src)\n this.image.addEventListener(\"load\", this)\n this.image.addEventListener(\"error\", this)\n this.load()\n }\n\n load() {\n if (this.image?.complete) {\n return\n }\n this.setAttribute(\"loading\", \"loading\")\n this.innerHTML = \"\"\n this.spinner.spin(this)\n }\n\n stop() {\n this.classList.remove(\"loading\")\n this.spinner.stop()\n }\n\n #onLoaded() {\n this.spinner.stop()\n this.removeAttribute(\"loading\")\n }\n\n #onError(evt) {\n const message = `Could not load ${this.image.src}`\n const hoist = this.closest(\".ingredient-editor\")\n this.spinner.stop()\n this.innerHTML = `\n \n \n \n `\n console.error(message, evt)\n }\n\n #setImage() {\n if (this.image?.complete) {\n this.replaceChildren(this.image)\n } else if (this.image) {\n this.append(this.image)\n }\n }\n\n set loading(value) {\n value ? this.load() : this.stop()\n }\n\n set src(src) {\n this.start(src)\n this.#setImage()\n }\n\n get name() {\n return this.getAttribute(\"name\")\n }\n\n get src() {\n return this.getAttribute(\"src\")\n }\n}\n\ncustomElements.define(\"alchemy-picture-thumbnail\", PictureThumbnail)\n","class PublishPageButton extends HTMLElement {\n connectedCallback() {\n this.addEventListener(\"submit\", this)\n document.addEventListener(\"alchemy:page-dirty\", this)\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"submit\", this)\n document.removeEventListener(\"alchemy:page-dirty\", this)\n }\n\n handleEvent(event) {\n switch (event.type) {\n case \"alchemy:page-dirty\":\n this.markDirty(event.detail)\n break\n case \"submit\":\n this.button.loading = true\n break\n }\n }\n\n markDirty(detail) {\n this.button.variant = \"primary\"\n this.button.disabled = false\n this.tooltip.content = detail.tooltip\n }\n\n get button() {\n return this.querySelector(\"sl-button\")\n }\n\n get tooltip() {\n return this.querySelector(\"sl-tooltip\")\n }\n}\n\ncustomElements.define(\"alchemy-publish-page-button\", PublishPageButton)\n","/**\n * MicroEvent - to make any js object an event emitter\n *\n * - pure javascript - server compatible, browser compatible\n * - dont rely on the browser doms\n * - super simple - you get it immediatly, no mistery, no magic involved\n *\n * @author Jerome Etienne (https://github.com/jeromeetienne)\n */\n/**\n * Execute callback for each event in space separated list of event names\n *\n */\nfunction forEvents(events, callback) {\n events.split(/\\s+/).forEach((event) => {\n callback(event);\n });\n}\nexport default class MicroEvent {\n constructor() {\n this._events = {};\n }\n on(events, fct) {\n forEvents(events, (event) => {\n const event_array = this._events[event] || [];\n event_array.push(fct);\n this._events[event] = event_array;\n });\n }\n off(events, fct) {\n var n = arguments.length;\n if (n === 0) {\n this._events = {};\n return;\n }\n forEvents(events, (event) => {\n if (n === 1) {\n delete this._events[event];\n return;\n }\n const event_array = this._events[event];\n if (event_array === undefined)\n return;\n event_array.splice(event_array.indexOf(fct), 1);\n this._events[event] = event_array;\n });\n }\n trigger(events, ...args) {\n var self = this;\n forEvents(events, (event) => {\n const event_array = self._events[event];\n if (event_array === undefined)\n return;\n event_array.forEach(fct => {\n fct.apply(self, args);\n });\n });\n }\n}\n;\n//# sourceMappingURL=microevent.js.map","/**\n * Convert array of strings to a regular expression\n *\tex ['ab','a'] => (?:ab|a)\n * \tex ['a','b'] => [ab]\n */\nexport const arrayToPattern = (chars) => {\n chars = chars.filter(Boolean);\n if (chars.length < 2) {\n return chars[0] || '';\n }\n return (maxValueLength(chars) == 1) ? '[' + chars.join('') + ']' : '(?:' + chars.join('|') + ')';\n};\nexport const sequencePattern = (array) => {\n if (!hasDuplicates(array)) {\n return array.join('');\n }\n let pattern = '';\n let prev_char_count = 0;\n const prev_pattern = () => {\n if (prev_char_count > 1) {\n pattern += '{' + prev_char_count + '}';\n }\n };\n array.forEach((char, i) => {\n if (char === array[i - 1]) {\n prev_char_count++;\n return;\n }\n prev_pattern();\n pattern += char;\n prev_char_count = 1;\n });\n prev_pattern();\n return pattern;\n};\n/**\n * Convert array of strings to a regular expression\n *\tex ['ab','a'] => (?:ab|a)\n * \tex ['a','b'] => [ab]\n */\nexport const setToPattern = (chars) => {\n let array = Array.from(chars);\n return arrayToPattern(array);\n};\n/**\n * https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values\n */\nexport const hasDuplicates = (array) => {\n return (new Set(array)).size !== array.length;\n};\n/**\n * https://stackoverflow.com/questions/63006601/why-does-u-throw-an-invalid-escape-error\n */\nexport const escape_regex = (str) => {\n return (str + '').replace(/([\\$\\(\\)\\*\\+\\.\\?\\[\\]\\^\\{\\|\\}\\\\])/gu, '\\\\$1');\n};\n/**\n * Return the max length of array values\n */\nexport const maxValueLength = (array) => {\n return array.reduce((longest, value) => Math.max(longest, unicodeLength(value)), 0);\n};\nexport const unicodeLength = (str) => {\n return Array.from(str).length;\n};\n//# sourceMappingURL=regex.js.map","/**\n * Get all possible combinations of substrings that add up to the given string\n * https://stackoverflow.com/questions/30169587/find-all-the-combination-of-substrings-that-add-up-to-the-given-string\n */\nexport const allSubstrings = (input) => {\n if (input.length === 1)\n return [[input]];\n let result = [];\n const start = input.substring(1);\n const suba = allSubstrings(start);\n suba.forEach(function (subresult) {\n let tmp = subresult.slice(0);\n tmp[0] = input.charAt(0) + tmp[0];\n result.push(tmp);\n tmp = subresult.slice(0);\n tmp.unshift(input.charAt(0));\n result.push(tmp);\n });\n return result;\n};\n//# sourceMappingURL=strings.js.map","import { setToPattern, arrayToPattern, escape_regex, sequencePattern } from \"./regex.js\";\nimport { allSubstrings } from \"./strings.js\";\nexport const code_points = [[0, 65535]];\nconst accent_pat = '[\\u0300-\\u036F\\u{b7}\\u{2be}\\u{2bc}]';\nexport let unicode_map;\nlet multi_char_reg;\nconst max_char_length = 3;\nconst latin_convert = {};\nconst latin_condensed = {\n '/': '⁄∕',\n '0': '߀',\n \"a\": \"ⱥɐɑ\",\n \"aa\": \"ꜳ\",\n \"ae\": \"æǽǣ\",\n \"ao\": \"ꜵ\",\n \"au\": \"ꜷ\",\n \"av\": \"ꜹꜻ\",\n \"ay\": \"ꜽ\",\n \"b\": \"ƀɓƃ\",\n \"c\": \"ꜿƈȼↄ\",\n \"d\": \"đɗɖᴅƌꮷԁɦ\",\n \"e\": \"ɛǝᴇɇ\",\n \"f\": \"ꝼƒ\",\n \"g\": \"ǥɠꞡᵹꝿɢ\",\n \"h\": \"ħⱨⱶɥ\",\n \"i\": \"ɨı\",\n \"j\": \"ɉȷ\",\n \"k\": \"ƙⱪꝁꝃꝅꞣ\",\n \"l\": \"łƚɫⱡꝉꝇꞁɭ\",\n \"m\": \"ɱɯϻ\",\n \"n\": \"ꞥƞɲꞑᴎлԉ\",\n \"o\": \"øǿɔɵꝋꝍᴑ\",\n \"oe\": \"œ\",\n \"oi\": \"ƣ\",\n \"oo\": \"ꝏ\",\n \"ou\": \"ȣ\",\n \"p\": \"ƥᵽꝑꝓꝕρ\",\n \"q\": \"ꝗꝙɋ\",\n \"r\": \"ɍɽꝛꞧꞃ\",\n \"s\": \"ßȿꞩꞅʂ\",\n \"t\": \"ŧƭʈⱦꞇ\",\n \"th\": \"þ\",\n \"tz\": \"ꜩ\",\n \"u\": \"ʉ\",\n \"v\": \"ʋꝟʌ\",\n \"vy\": \"ꝡ\",\n \"w\": \"ⱳ\",\n \"y\": \"ƴɏỿ\",\n \"z\": \"ƶȥɀⱬꝣ\",\n \"hv\": \"ƕ\"\n};\nfor (let latin in latin_condensed) {\n let unicode = latin_condensed[latin] || '';\n for (let i = 0; i < unicode.length; i++) {\n let char = unicode.substring(i, i + 1);\n latin_convert[char] = latin;\n }\n}\nconst convert_pat = new RegExp(Object.keys(latin_convert).join('|') + '|' + accent_pat, 'gu');\n/**\n * Initialize the unicode_map from the give code point ranges\n */\nexport const initialize = (_code_points) => {\n if (unicode_map !== undefined)\n return;\n unicode_map = generateMap(_code_points || code_points);\n};\n/**\n * Helper method for normalize a string\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize\n */\nexport const normalize = (str, form = 'NFKD') => str.normalize(form);\n/**\n * Remove accents without reordering string\n * calling str.normalize('NFKD') on \\u{594}\\u{595}\\u{596} becomes \\u{596}\\u{594}\\u{595}\n * via https://github.com/krisk/Fuse/issues/133#issuecomment-318692703\n */\nexport const asciifold = (str) => {\n return Array.from(str).reduce(\n /**\n * @param {string} result\n * @param {string} char\n */\n (result, char) => {\n return result + _asciifold(char);\n }, '');\n};\nexport const _asciifold = (str) => {\n str = normalize(str)\n .toLowerCase()\n .replace(convert_pat, (/** @type {string} */ char) => {\n return latin_convert[char] || '';\n });\n //return str;\n return normalize(str, 'NFC');\n};\n/**\n * Generate a list of unicode variants from the list of code points\n */\nexport function* generator(code_points) {\n for (const [code_point_min, code_point_max] of code_points) {\n for (let i = code_point_min; i <= code_point_max; i++) {\n let composed = String.fromCharCode(i);\n let folded = asciifold(composed);\n if (folded == composed.toLowerCase()) {\n continue;\n }\n // skip when folded is a string longer than 3 characters long\n // bc the resulting regex patterns will be long\n // eg:\n // folded صلى الله عليه وسلم length 18 code point 65018\n // folded جل جلاله length 8 code point 65019\n if (folded.length > max_char_length) {\n continue;\n }\n if (folded.length == 0) {\n continue;\n }\n yield { folded: folded, composed: composed, code_point: i };\n }\n }\n}\n/**\n * Generate a unicode map from the list of code points\n */\nexport const generateSets = (code_points) => {\n const unicode_sets = {};\n const addMatching = (folded, to_add) => {\n /** @type {Set} */\n const folded_set = unicode_sets[folded] || new Set();\n const patt = new RegExp('^' + setToPattern(folded_set) + '$', 'iu');\n if (to_add.match(patt)) {\n return;\n }\n folded_set.add(escape_regex(to_add));\n unicode_sets[folded] = folded_set;\n };\n for (let value of generator(code_points)) {\n addMatching(value.folded, value.folded);\n addMatching(value.folded, value.composed);\n }\n return unicode_sets;\n};\n/**\n * Generate a unicode map from the list of code points\n * ae => (?:(?:ae|Æ|Ǽ|Ǣ)|(?:A|Ⓐ|Ａ...)(?:E|ɛ|Ⓔ...))\n */\nexport const generateMap = (code_points) => {\n const unicode_sets = generateSets(code_points);\n const unicode_map = {};\n let multi_char = [];\n for (let folded in unicode_sets) {\n let set = unicode_sets[folded];\n if (set) {\n unicode_map[folded] = setToPattern(set);\n }\n if (folded.length > 1) {\n multi_char.push(escape_regex(folded));\n }\n }\n multi_char.sort((a, b) => b.length - a.length);\n const multi_char_patt = arrayToPattern(multi_char);\n multi_char_reg = new RegExp('^' + multi_char_patt, 'u');\n return unicode_map;\n};\n/**\n * Map each element of an array from its folded value to all possible unicode matches\n */\nexport const mapSequence = (strings, min_replacement = 1) => {\n let chars_replaced = 0;\n strings = strings.map((str) => {\n if (unicode_map[str]) {\n chars_replaced += str.length;\n }\n return unicode_map[str] || str;\n });\n if (chars_replaced >= min_replacement) {\n return sequencePattern(strings);\n }\n return '';\n};\n/**\n * Convert a short string and split it into all possible patterns\n * Keep a pattern only if min_replacement is met\n *\n * 'abc'\n * \t\t=> [['abc'],['ab','c'],['a','bc'],['a','b','c']]\n *\t\t=> ['abc-pattern','ab-c-pattern'...]\n */\nexport const substringsToPattern = (str, min_replacement = 1) => {\n min_replacement = Math.max(min_replacement, str.length - 1);\n return arrayToPattern(allSubstrings(str).map((sub_pat) => {\n return mapSequence(sub_pat, min_replacement);\n }));\n};\n/**\n * Convert an array of sequences into a pattern\n * [{start:0,end:3,length:3,substr:'iii'}...] => (?:iii...)\n */\nconst sequencesToPattern = (sequences, all = true) => {\n let min_replacement = sequences.length > 1 ? 1 : 0;\n return arrayToPattern(sequences.map((sequence) => {\n let seq = [];\n const len = all ? sequence.length() : sequence.length() - 1;\n for (let j = 0; j < len; j++) {\n seq.push(substringsToPattern(sequence.substrs[j] || '', min_replacement));\n }\n return sequencePattern(seq);\n }));\n};\n/**\n * Return true if the sequence is already in the sequences\n */\nconst inSequences = (needle_seq, sequences) => {\n for (const seq of sequences) {\n if (seq.start != needle_seq.start || seq.end != needle_seq.end) {\n continue;\n }\n if (seq.substrs.join('') !== needle_seq.substrs.join('')) {\n continue;\n }\n let needle_parts = needle_seq.parts;\n const filter = (part) => {\n for (const needle_part of needle_parts) {\n if (needle_part.start === part.start && needle_part.substr === part.substr) {\n return false;\n }\n if (part.length == 1 || needle_part.length == 1) {\n continue;\n }\n // check for overlapping parts\n // a = ['::=','==']\n // b = ['::','===']\n // a = ['r','sm']\n // b = ['rs','m']\n if (part.start < needle_part.start && part.end > needle_part.start) {\n return true;\n }\n if (needle_part.start < part.start && needle_part.end > part.start) {\n return true;\n }\n }\n return false;\n };\n let filtered = seq.parts.filter(filter);\n if (filtered.length > 0) {\n continue;\n }\n return true;\n }\n return false;\n};\nclass Sequence {\n parts;\n substrs;\n start;\n end;\n constructor() {\n this.parts = [];\n this.substrs = [];\n this.start = 0;\n this.end = 0;\n }\n add(part) {\n if (part) {\n this.parts.push(part);\n this.substrs.push(part.substr);\n this.start = Math.min(part.start, this.start);\n this.end = Math.max(part.end, this.end);\n }\n }\n last() {\n return this.parts[this.parts.length - 1];\n }\n length() {\n return this.parts.length;\n }\n clone(position, last_piece) {\n let clone = new Sequence();\n let parts = JSON.parse(JSON.stringify(this.parts));\n let last_part = parts.pop();\n for (const part of parts) {\n clone.add(part);\n }\n let last_substr = last_piece.substr.substring(0, position - last_part.start);\n let clone_last_len = last_substr.length;\n clone.add({ start: last_part.start, end: last_part.start + clone_last_len, length: clone_last_len, substr: last_substr });\n return clone;\n }\n}\n/**\n * Expand a regular expression pattern to include unicode variants\n * \teg /a/ becomes /aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐɑAⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ/\n *\n * Issue:\n * ﺊﺋ [ 'ﺊ = \\\\u{fe8a}', 'ﺋ = \\\\u{fe8b}' ]\n *\tbecomes:\tئئ [ 'ي = \\\\u{64a}', 'ٔ = \\\\u{654}', 'ي = \\\\u{64a}', 'ٔ = \\\\u{654}' ]\n *\n *\tİIJ = IIJ = ⅡJ\n *\n * \t1/2/4\n */\nexport const getPattern = (str) => {\n initialize();\n str = asciifold(str);\n let pattern = '';\n let sequences = [new Sequence()];\n for (let i = 0; i < str.length; i++) {\n let substr = str.substring(i);\n let match = substr.match(multi_char_reg);\n const char = str.substring(i, i + 1);\n const match_str = match ? match[0] : null;\n // loop through sequences\n // add either the char or multi_match\n let overlapping = [];\n let added_types = new Set();\n for (const sequence of sequences) {\n const last_piece = sequence.last();\n if (!last_piece || last_piece.length == 1 || last_piece.end <= i) {\n // if we have a multi match\n if (match_str) {\n const len = match_str.length;\n sequence.add({ start: i, end: i + len, length: len, substr: match_str });\n added_types.add('1');\n }\n else {\n sequence.add({ start: i, end: i + 1, length: 1, substr: char });\n added_types.add('2');\n }\n }\n else if (match_str) {\n let clone = sequence.clone(i, last_piece);\n const len = match_str.length;\n clone.add({ start: i, end: i + len, length: len, substr: match_str });\n overlapping.push(clone);\n }\n else {\n // don't add char\n // adding would create invalid patterns: 234 => [2,34,4]\n added_types.add('3');\n }\n }\n // if we have overlapping\n if (overlapping.length > 0) {\n // ['ii','iii'] before ['i','i','iii']\n overlapping = overlapping.sort((a, b) => {\n return a.length() - b.length();\n });\n for (let clone of overlapping) {\n // don't add if we already have an equivalent sequence\n if (inSequences(clone, sequences)) {\n continue;\n }\n sequences.push(clone);\n }\n continue;\n }\n // if we haven't done anything unique\n // clean up the patterns\n // helps keep patterns smaller\n // if str = 'r₨㎧aarss', pattern will be 446 instead of 655\n if (i > 0 && added_types.size == 1 && !added_types.has('3')) {\n pattern += sequencesToPattern(sequences, false);\n let new_seq = new Sequence();\n const old_seq = sequences[0];\n if (old_seq) {\n new_seq.add(old_seq.last());\n }\n sequences = [new_seq];\n }\n }\n pattern += sequencesToPattern(sequences, true);\n return pattern;\n};\nexport { escape_regex };\n//# sourceMappingURL=index.js.map","import { asciifold } from '@orchidjs/unicode-variants';\n/**\n * A property getter resolving dot-notation\n * @param {Object} obj The root object to fetch property on\n * @param {String} name The optionally dotted property name to fetch\n * @return {Object} The resolved property value\n */\nexport const getAttr = (obj, name) => {\n if (!obj)\n return;\n return obj[name];\n};\n/**\n * A property getter resolving dot-notation\n * @param {Object} obj The root object to fetch property on\n * @param {String} name The optionally dotted property name to fetch\n * @return {Object} The resolved property value\n */\nexport const getAttrNesting = (obj, name) => {\n if (!obj)\n return;\n var part, names = name.split(\".\");\n while ((part = names.shift()) && (obj = obj[part]))\n ;\n return obj;\n};\n/**\n * Calculates how close of a match the\n * given value is against a search token.\n *\n */\nexport const scoreValue = (value, token, weight) => {\n var score, pos;\n if (!value)\n return 0;\n value = value + '';\n if (token.regex == null)\n return 0;\n pos = value.search(token.regex);\n if (pos === -1)\n return 0;\n score = token.string.length / value.length;\n if (pos === 0)\n score += 0.5;\n return score * weight;\n};\n/**\n * Cast object property to an array if it exists and has a value\n *\n */\nexport const propToArray = (obj, key) => {\n var value = obj[key];\n if (typeof value == 'function')\n return value;\n if (value && !Array.isArray(value)) {\n obj[key] = [value];\n }\n};\n/**\n * Iterates over arrays and hashes.\n *\n * ```\n * iterate(this.items, function(item, id) {\n * // invoked for each item\n * });\n * ```\n *\n */\nexport const iterate = (object, callback) => {\n if (Array.isArray(object)) {\n object.forEach(callback);\n }\n else {\n for (var key in object) {\n if (object.hasOwnProperty(key)) {\n callback(object[key], key);\n }\n }\n }\n};\nexport const cmp = (a, b) => {\n if (typeof a === 'number' && typeof b === 'number') {\n return a > b ? 1 : (a < b ? -1 : 0);\n }\n a = asciifold(a + '').toLowerCase();\n b = asciifold(b + '').toLowerCase();\n if (a > b)\n return 1;\n if (b > a)\n return -1;\n return 0;\n};\n//# sourceMappingURL=utils.js.map","/**\n * sifter.js\n * Copyright (c) 2013–2020 Brian Reavis & contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n * @author Brian Reavis \n */\nimport { scoreValue, getAttr, getAttrNesting, propToArray, iterate, cmp } from \"./utils.js\";\nimport { getPattern, escape_regex } from '@orchidjs/unicode-variants';\nclass Sifter {\n items; // []|{};\n settings;\n /**\n * Textually searches arrays and hashes of objects\n * by property (or multiple properties). Designed\n * specifically for autocomplete.\n *\n */\n constructor(items, settings) {\n this.items = items;\n this.settings = settings || { diacritics: true };\n }\n ;\n /**\n * Splits a search string into an array of individual\n * regexps to be used to match results.\n *\n */\n tokenize(query, respect_word_boundaries, weights) {\n if (!query || !query.length)\n return [];\n const tokens = [];\n const words = query.split(/\\s+/);\n var field_regex;\n if (weights) {\n field_regex = new RegExp('^(' + Object.keys(weights).map(escape_regex).join('|') + ')\\:(.*)$');\n }\n words.forEach((word) => {\n let field_match;\n let field = null;\n let regex = null;\n // look for \"field:query\" tokens\n if (field_regex && (field_match = word.match(field_regex))) {\n field = field_match[1];\n word = field_match[2];\n }\n if (word.length > 0) {\n if (this.settings.diacritics) {\n regex = getPattern(word) || null;\n }\n else {\n regex = escape_regex(word);\n }\n if (regex && respect_word_boundaries)\n regex = \"\\\\b\" + regex;\n }\n tokens.push({\n string: word,\n regex: regex ? new RegExp(regex, 'iu') : null,\n field: field,\n });\n });\n return tokens;\n }\n ;\n /**\n * Returns a function to be used to score individual results.\n *\n * Good matches will have a higher score than poor matches.\n * If an item is not a match, 0 will be returned by the function.\n *\n * @returns {T.ScoreFn}\n */\n getScoreFunction(query, options) {\n var search = this.prepareSearch(query, options);\n return this._getScoreFunction(search);\n }\n /**\n * @returns {T.ScoreFn}\n *\n */\n _getScoreFunction(search) {\n const tokens = search.tokens, token_count = tokens.length;\n if (!token_count) {\n return function () { return 0; };\n }\n const fields = search.options.fields, weights = search.weights, field_count = fields.length, getAttrFn = search.getAttrFn;\n if (!field_count) {\n return function () { return 1; };\n }\n /**\n * Calculates the score of an object\n * against the search query.\n *\n */\n const scoreObject = (function () {\n if (field_count === 1) {\n return function (token, data) {\n const field = fields[0].field;\n return scoreValue(getAttrFn(data, field), token, weights[field] || 1);\n };\n }\n return function (token, data) {\n var sum = 0;\n // is the token specific to a field?\n if (token.field) {\n const value = getAttrFn(data, token.field);\n if (!token.regex && value) {\n sum += (1 / field_count);\n }\n else {\n sum += scoreValue(value, token, 1);\n }\n }\n else {\n iterate(weights, (weight, field) => {\n sum += scoreValue(getAttrFn(data, field), token, weight);\n });\n }\n return sum / field_count;\n };\n })();\n if (token_count === 1) {\n return function (data) {\n return scoreObject(tokens[0], data);\n };\n }\n if (search.options.conjunction === 'and') {\n return function (data) {\n var score, sum = 0;\n for (let token of tokens) {\n score = scoreObject(token, data);\n if (score <= 0)\n return 0;\n sum += score;\n }\n return sum / token_count;\n };\n }\n else {\n return function (data) {\n var sum = 0;\n iterate(tokens, (token) => {\n sum += scoreObject(token, data);\n });\n return sum / token_count;\n };\n }\n }\n ;\n /**\n * Returns a function that can be used to compare two\n * results, for sorting purposes. If no sorting should\n * be performed, `null` will be returned.\n *\n * @return function(a,b)\n */\n getSortFunction(query, options) {\n var search = this.prepareSearch(query, options);\n return this._getSortFunction(search);\n }\n _getSortFunction(search) {\n var implicit_score, sort_flds = [];\n const self = this, options = search.options, sort = (!search.query && options.sort_empty) ? options.sort_empty : options.sort;\n if (typeof sort == 'function') {\n return sort.bind(this);\n }\n /**\n * Fetches the specified sort field value\n * from a search result item.\n *\n */\n const get_field = function (name, result) {\n if (name === '$score')\n return result.score;\n return search.getAttrFn(self.items[result.id], name);\n };\n // parse options\n if (sort) {\n for (let s of sort) {\n if (search.query || s.field !== '$score') {\n sort_flds.push(s);\n }\n }\n }\n // the \"$score\" field is implied to be the primary\n // sort field, unless it's manually specified\n if (search.query) {\n implicit_score = true;\n for (let fld of sort_flds) {\n if (fld.field === '$score') {\n implicit_score = false;\n break;\n }\n }\n if (implicit_score) {\n sort_flds.unshift({ field: '$score', direction: 'desc' });\n }\n // without a search.query, all items will have the same score\n }\n else {\n sort_flds = sort_flds.filter((fld) => fld.field !== '$score');\n }\n // build function\n const sort_flds_count = sort_flds.length;\n if (!sort_flds_count) {\n return null;\n }\n return function (a, b) {\n var result, field;\n for (let sort_fld of sort_flds) {\n field = sort_fld.field;\n let multiplier = sort_fld.direction === 'desc' ? -1 : 1;\n result = multiplier * cmp(get_field(field, a), get_field(field, b));\n if (result)\n return result;\n }\n return 0;\n };\n }\n ;\n /**\n * Parses a search query and returns an object\n * with tokens and fields ready to be populated\n * with results.\n *\n */\n prepareSearch(query, optsUser) {\n const weights = {};\n var options = Object.assign({}, optsUser);\n propToArray(options, 'sort');\n propToArray(options, 'sort_empty');\n // convert fields to new format\n if (options.fields) {\n propToArray(options, 'fields');\n const fields = [];\n options.fields.forEach((field) => {\n if (typeof field == 'string') {\n field = { field: field, weight: 1 };\n }\n fields.push(field);\n weights[field.field] = ('weight' in field) ? field.weight : 1;\n });\n options.fields = fields;\n }\n return {\n options: options,\n query: query.toLowerCase().trim(),\n tokens: this.tokenize(query, options.respect_word_boundaries, weights),\n total: 0,\n items: [],\n weights: weights,\n getAttrFn: (options.nesting) ? getAttrNesting : getAttr,\n };\n }\n ;\n /**\n * Searches through all items and returns a sorted array of matches.\n *\n */\n search(query, options) {\n var self = this, score, search;\n search = this.prepareSearch(query, options);\n options = search.options;\n query = search.query;\n // generate result scoring function\n const fn_score = options.score || self._getScoreFunction(search);\n // perform search and sort\n if (query.length) {\n iterate(self.items, (item, id) => {\n score = fn_score(item);\n if (options.filter === false || score > 0) {\n search.items.push({ 'score': score, 'id': id });\n }\n });\n }\n else {\n iterate(self.items, (_, id) => {\n search.items.push({ 'score': 1, 'id': id });\n });\n }\n const fn_sort = self._getSortFunction(search);\n if (fn_sort)\n search.items.sort(fn_sort);\n // apply limits\n search.total = search.items.length;\n if (typeof options.limit === 'number') {\n search.items = search.items.slice(0, options.limit);\n }\n return search;\n }\n ;\n}\nexport { Sifter, scoreValue, getAttr, getAttrNesting, propToArray, iterate, cmp, getPattern };\nexport * from \"./types.js\";\n//# sourceMappingURL=sifter.js.map","/**\n * Converts a scalar to its best string representation\n * for hash keys and HTML attribute values.\n *\n * Transformations:\n * 'str' -> 'str'\n * null -> ''\n * undefined -> ''\n * true -> '1'\n * false -> '0'\n * 0 -> '0'\n * 1 -> '1'\n *\n */\nexport const hash_key = (value) => {\n if (typeof value === 'undefined' || value === null)\n return null;\n return get_hash(value);\n};\nexport const get_hash = (value) => {\n if (typeof value === 'boolean')\n return value ? '1' : '0';\n return value + '';\n};\n/**\n * Escapes a string for use within HTML.\n *\n */\nexport const escape_html = (str) => {\n return (str + '')\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"');\n};\n/**\n * use setTimeout if timeout > 0\n */\nexport const timeout = (fn, timeout) => {\n if (timeout > 0) {\n return window.setTimeout(fn, timeout);\n }\n fn.call(null);\n return null;\n};\n/**\n * Debounce the user provided load function\n *\n */\nexport const loadDebounce = (fn, delay) => {\n var timeout;\n return function (value, callback) {\n var self = this;\n if (timeout) {\n self.loading = Math.max(self.loading - 1, 0);\n clearTimeout(timeout);\n }\n timeout = setTimeout(function () {\n timeout = null;\n self.loadedSearches[value] = true;\n fn.call(self, value, callback);\n }, delay);\n };\n};\n/**\n * Debounce all fired events types listed in `types`\n * while executing the provided `fn`.\n *\n */\nexport const debounce_events = (self, types, fn) => {\n var type;\n var trigger = self.trigger;\n var event_args = {};\n // override trigger method\n self.trigger = function () {\n var type = arguments[0];\n if (types.indexOf(type) !== -1) {\n event_args[type] = arguments;\n }\n else {\n return trigger.apply(self, arguments);\n }\n };\n // invoke provided function\n fn.apply(self, []);\n self.trigger = trigger;\n // trigger queued events\n for (type of types) {\n if (type in event_args) {\n trigger.apply(self, event_args[type]);\n }\n }\n};\n/**\n * Determines the current selection within a text input control.\n * Returns an object containing:\n * - start\n * - length\n *\n * Note: \"selectionStart, selectionEnd ... apply only to inputs of types text, search, URL, tel and password\"\n * \t- https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n */\nexport const getSelection = (input) => {\n return {\n start: input.selectionStart || 0,\n length: (input.selectionEnd || 0) - (input.selectionStart || 0),\n };\n};\n/**\n * Prevent default\n *\n */\nexport const preventDefault = (evt, stop = false) => {\n if (evt) {\n evt.preventDefault();\n if (stop) {\n evt.stopPropagation();\n }\n }\n};\n/**\n * Add event helper\n *\n */\nexport const addEvent = (target, type, callback, options) => {\n target.addEventListener(type, callback, options);\n};\n/**\n * Return true if the requested key is down\n * Will return false if more than one control character is pressed ( when [ctrl+shift+a] != [ctrl+a] )\n * The current evt may not always set ( eg calling advanceSelection() )\n *\n */\nexport const isKeyDown = (key_name, evt) => {\n if (!evt) {\n return false;\n }\n if (!evt[key_name]) {\n return false;\n }\n var count = (evt.altKey ? 1 : 0) + (evt.ctrlKey ? 1 : 0) + (evt.shiftKey ? 1 : 0) + (evt.metaKey ? 1 : 0);\n if (count === 1) {\n return true;\n }\n return false;\n};\n/**\n * Get the id of an element\n * If the id attribute is not set, set the attribute with the given id\n *\n */\nexport const getId = (el, id) => {\n const existing_id = el.getAttribute('id');\n if (existing_id) {\n return existing_id;\n }\n el.setAttribute('id', id);\n return id;\n};\n/**\n * Returns a string with backslashes added before characters that need to be escaped.\n */\nexport const addSlashes = (str) => {\n return str.replace(/[\\\\\"']/g, '\\\\$&');\n};\n/**\n *\n */\nexport const append = (parent, node) => {\n if (node)\n parent.append(node);\n};\n/**\n * Iterates over arrays and hashes.\n *\n * ```\n * iterate(this.items, function(item, id) {\n * // invoked for each item\n * });\n * ```\n *\n */\nexport const iterate = (object, callback) => {\n if (Array.isArray(object)) {\n object.forEach(callback);\n }\n else {\n for (var key in object) {\n if (object.hasOwnProperty(key)) {\n callback(object[key], key);\n }\n }\n }\n};\n//# sourceMappingURL=utils.js.map","import { iterate } from \"./utils.js\";\n/**\n * Return a dom element from either a dom query string, jQuery object, a dom element or html string\n * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518\n *\n * param query should be {}\n */\nexport const getDom = (query) => {\n if (query.jquery) {\n return query[0];\n }\n if (query instanceof HTMLElement) {\n return query;\n }\n if (isHtmlString(query)) {\n var tpl = document.createElement('template');\n tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result\n return tpl.content.firstChild;\n }\n return document.querySelector(query);\n};\nexport const isHtmlString = (arg) => {\n if (typeof arg === 'string' && arg.indexOf('<') > -1) {\n return true;\n }\n return false;\n};\nexport const escapeQuery = (query) => {\n return query.replace(/['\"\\\\]/g, '\\\\$&');\n};\n/**\n * Dispatch an event\n *\n */\nexport const triggerEvent = (dom_el, event_name) => {\n var event = document.createEvent('HTMLEvents');\n event.initEvent(event_name, true, false);\n dom_el.dispatchEvent(event);\n};\n/**\n * Apply CSS rules to a dom element\n *\n */\nexport const applyCSS = (dom_el, css) => {\n Object.assign(dom_el.style, css);\n};\n/**\n * Add css classes\n *\n */\nexport const addClasses = (elmts, ...classes) => {\n var norm_classes = classesArray(classes);\n elmts = castAsArray(elmts);\n elmts.map(el => {\n norm_classes.map(cls => {\n el.classList.add(cls);\n });\n });\n};\n/**\n * Remove css classes\n *\n */\nexport const removeClasses = (elmts, ...classes) => {\n var norm_classes = classesArray(classes);\n elmts = castAsArray(elmts);\n elmts.map(el => {\n norm_classes.map(cls => {\n el.classList.remove(cls);\n });\n });\n};\n/**\n * Return arguments\n *\n */\nexport const classesArray = (args) => {\n var classes = [];\n iterate(args, (_classes) => {\n if (typeof _classes === 'string') {\n _classes = _classes.trim().split(/[\\t\\n\\f\\r\\s]/);\n }\n if (Array.isArray(_classes)) {\n classes = classes.concat(_classes);\n }\n });\n return classes.filter(Boolean);\n};\n/**\n * Create an array from arg if it's not already an array\n *\n */\nexport const castAsArray = (arg) => {\n if (!Array.isArray(arg)) {\n arg = [arg];\n }\n return arg;\n};\n/**\n * Get the closest node to the evt.target matching the selector\n * Stops at wrapper\n *\n */\nexport const parentMatch = (target, selector, wrapper) => {\n if (wrapper && !wrapper.contains(target)) {\n return;\n }\n while (target && target.matches) {\n if (target.matches(selector)) {\n return target;\n }\n target = target.parentNode;\n }\n};\n/**\n * Get the first or last item from an array\n *\n * > 0 - right (last)\n * <= 0 - left (first)\n *\n */\nexport const getTail = (list, direction = 0) => {\n if (direction > 0) {\n return list[list.length - 1];\n }\n return list[0];\n};\n/**\n * Return true if an object is empty\n *\n */\nexport const isEmptyObject = (obj) => {\n return (Object.keys(obj).length === 0);\n};\n/**\n * Get the index of an element amongst sibling nodes of the same type\n *\n */\nexport const nodeIndex = (el, amongst) => {\n if (!el)\n return -1;\n amongst = amongst || el.nodeName;\n var i = 0;\n while (el = el.previousElementSibling) {\n if (el.matches(amongst)) {\n i++;\n }\n }\n return i;\n};\n/**\n * Set attributes of an element\n *\n */\nexport const setAttr = (el, attrs) => {\n iterate(attrs, (val, attr) => {\n if (val == null) {\n el.removeAttribute(attr);\n }\n else {\n el.setAttribute(attr, '' + val);\n }\n });\n};\n/**\n * Replace a node\n */\nexport const replaceNode = (existing, replacement) => {\n if (existing.parentNode)\n existing.parentNode.replaceChild(replacement, existing);\n};\n//# sourceMappingURL=vanilla.js.map","/**\n * highlight v3 | MIT license | Johann Burkard \n * Highlights arbitrary terms in a node.\n *\n * - Modified by Marshal 2011-6-24 (added regex)\n * - Modified by Brian Reavis 2012-8-27 (cleanup)\n */\nimport { replaceNode } from \"../vanilla.js\";\nexport const highlight = (element, regex) => {\n if (regex === null)\n return;\n // convet string to regex\n if (typeof regex === 'string') {\n if (!regex.length)\n return;\n regex = new RegExp(regex, 'i');\n }\n // Wrap matching part of text node with highlighting , e.g.\n // Soccer -> Soccer for regex = /soc/i\n const highlightText = (node) => {\n var match = node.data.match(regex);\n if (match && node.data.length > 0) {\n var spannode = document.createElement('span');\n spannode.className = 'highlight';\n var middlebit = node.splitText(match.index);\n middlebit.splitText(match[0].length);\n var middleclone = middlebit.cloneNode(true);\n spannode.appendChild(middleclone);\n replaceNode(middlebit, spannode);\n return 1;\n }\n return 0;\n };\n // Recurse element node, looking for child text nodes to highlight, unless element\n // is childless,