@ramstack/alpinegear-main 1.0.0-preview.1

package/alpinegear-main.esm.js

@@ -0,0 +1,659 @@
+function create_getter(evaluate_later, ...args) {
+    const evaluate = evaluate_later(...args);
+    return () => {
+        let result;
+        evaluate(v => result = v);
+        return has_getter(result) ? result.get() : result;
+    };
+}
+
+function create_setter(evaluate_later, ...args) {
+    const evaluate = evaluate_later(...args);
+    args[args.length - 1] = `${ args.at(-1) } = __val`;
+    const set = evaluate_later(...args);
+
+    return value => {
+        let result;
+        evaluate(v => result = v);
+
+        if (has_setter(result)) {
+            result.set(value);
+        }
+        else {
+            set(() => { }, {
+                scope: {
+                    __val: value
+                }
+            });
+        }
+    };
+}
+
+function has_getter(value) {
+    return typeof value?.get === "function";
+}
+
+function has_setter(value) {
+    return typeof value?.set === "function";
+}
+
+const key = Symbol();
+let observable;
+
+function observe_resize(el, listener) {
+    observable ??= new ResizeObserver(entries => {
+        for (const e of entries) {
+            for (const callback of e.target[key]?.values() ?? []) {
+                callback(e);
+            }
+        }
+    });
+
+    el[key] ??= new Set();
+    el[key].add(listener);
+
+    observable.observe(el);
+
+    return () => {
+        el[key].delete(listener);
+
+        if (!el[key].size) {
+            observable.unobserve(el);
+            el[key] = null;
+        }
+    };
+}
+
+const warn = (...args) => console.warn("alpine-gear.js:", ...args);
+const is_array = Array.isArray;
+const is_nullish = value => value === null || value === undefined;
+const is_checkable_input = el => el.type === "checkbox" || el.type === "radio";
+const is_numeric_input = el => el.type === "number" || el.type === "range";
+const is_template = el => el instanceof HTMLTemplateElement;
+const is_element = el => el.nodeType === Node.ELEMENT_NODE;
+const as_array = value => is_array(value) ? value : [value];
+const loose_equal = (a, b) => a == b;
+const loose_index_of = (array, value) => array.findIndex(v => v == value);
+const has_modifier = (modifiers, modifier) => modifiers.includes(modifier);
+
+function assert(value, message) {
+    if (!value) {
+        throw new Error(message);
+    }
+}
+
+const listen = (target, type, listener, options) => {
+    target.addEventListener(type, listener, options);
+    return () => target.removeEventListener(type, listener, options);
+};
+
+const clone = value =>
+    typeof value === "object"
+        ? JSON.parse(JSON.stringify(value))
+        : value;
+
+const closest = (el, callback) => {
+    while (el && !callback(el)) {
+        el = (el._x_teleportBack ?? el).parentElement;
+    }
+
+    return el;
+};
+
+const create_map = keys => new Map(
+    keys.split(",").map(v => [v.trim().toLowerCase(), v.trim()]));
+
+function watch(get_value, callback, options = null) {
+    assert(Alpine, "Alpine is not defined.");
+
+    const {
+        effect,
+        release
+    } = Alpine;
+
+    let new_value;
+    let old_value;
+    let initialized = false;
+
+    const handle = effect(() => {
+        new_value = get_value();
+
+        if (!initialized) {
+            options?.deep && JSON.stringify(new_value);
+            old_value = new_value;
+        }
+
+        if (initialized || (options?.immediate ?? true)) {
+            
+            setTimeout(() => {
+                callback(new_value, old_value);
+                old_value = new_value;
+            }, 0);
+        }
+
+        initialized = true;
+    });
+
+    return () => release(handle);
+}
+
+const canonical_names = create_map(
+    "value,checked,files," +
+    "innerHTML,innerText,textContent," +
+    "videoHeight,videoWidth," +
+    "naturalHeight,naturalWidth," +
+    "clientHeight,clientWidth,offsetHeight,offsetWidth," +
+    "open," +
+    "group");
+
+function plugin$5({ directive, entangle, evaluateLater, mapAttributes, mutateDom, prefixed }) {
+    
+    
+    
+    
+    mapAttributes(attr => ({
+        name: attr.name.replace(/^&/, prefixed("bound:")),
+        value: attr.value
+    }));
+
+    directive("bound", (el, { expression, value, modifiers }, { effect, cleanup }) => {
+        if (!value) {
+            warn("x-bound directive expects the presence of a bound property name.");
+            return;
+        }
+
+        const tag_name = el.tagName.toUpperCase();
+
+        expression = expression?.trim();
+
+        
+        
+        const property_name = canonical_names.get(value.trim().replace("-", "").toLowerCase());
+
+        // if the expression is omitted, then we assume it corresponds
+        // to the bound property name, allowing us to write expressions more concisely,
+        // and write &value instead of &value="value"
+        expression ||= property_name;
+
+        const get_value = create_getter(evaluateLater, el, expression);
+        const set_value = create_setter(evaluateLater, el, expression);
+
+        const update_property = () => loose_equal(el[property_name],  get_value()) || mutateDom(() => el[property_name] = get_value());
+        const update_variable = () => set_value(is_numeric_input(el) ? to_number(el[property_name]) : el[property_name]);
+
+        let processed;
+
+        switch (property_name) {
+            case "value":
+                process_value();
+                break;
+
+            case "checked":
+                process_checked();
+                break;
+
+            case "files":
+                process_files();
+                break;
+
+            case "innerHTML":
+            case "innerText":
+            case "textContent":
+                process_contenteditable();
+                break;
+
+            case "videoHeight":
+            case "videoWidth":
+                process_media_resize("VIDEO", "resize");
+                break;
+
+            case "naturalHeight":
+            case "naturalWidth":
+                process_media_resize("IMG", "load");
+                break;
+
+            case "clientHeight":
+            case "clientWidth":
+            case "offsetHeight":
+            case "offsetWidth":
+                process_dimensions();
+                break;
+
+            case "open":
+                process_details();
+                break;
+
+            case "group":
+                process_group();
+                break;
+        }
+
+        if (!processed) {
+            const modifier =
+                has_modifier(modifiers, "in")  ? "in"  :
+                has_modifier(modifiers, "out") ? "out" : "inout";
+
+            const source_el = expression === value
+                ? closest(el.parentNode, node => node._x_dataStack)
+                : el;
+
+            if (!el._x_dataStack) {
+                warn("x-bound directive requires the presence of the x-data directive to bind component properties.");
+                return;
+            }
+
+            if (!source_el) {
+                warn(`x-bound directive cannot find the parent scope where the '${ value }' property is defined.`);
+                return;
+            }
+
+            const source = {
+                get: create_getter(evaluateLater, source_el, expression),
+                set: create_setter(evaluateLater, source_el, expression),
+            };
+
+            const target = {
+                get: create_getter(evaluateLater, el, value),
+                set: create_setter(evaluateLater, el, value),
+            };
+
+            switch (modifier) {
+                case "in":
+                    cleanup(watch(() => source.get(), v => target.set(clone(v))));
+                    break;
+                case "out":
+                    cleanup(watch(() => target.get(), v => source.set(clone(v))));
+                    break;
+                default:
+                    cleanup(entangle(source, target));
+                    break;
+            }
+        }
+
+        function process_value() {
+            switch (tag_name) {
+                case "INPUT":
+                case "TEXTAREA":
+                    
+                    
+                    is_nullish(get_value()) && update_variable();
+
+                    effect(update_property);
+                    cleanup(listen(el, "input", update_variable));
+
+                    processed = true;
+                    break;
+
+                case "SELECT":
+                    
+                    
+                    
+                    
+                    
+                    
+                    
+                    queueMicrotask(() => {
+                        
+                        
+                        is_nullish(get_value()) && update_variable();
+
+                        effect(() => apply_select_values(el, as_array(get_value() ?? [])));
+                        cleanup(listen(el, "change", () => set_value(collect_selected_values(el))));
+                    });
+
+                    processed = true;
+                    break;
+            }
+        }
+
+        function process_checked() {
+            if (is_checkable_input(el)) {
+                effect(update_property);
+                cleanup(listen(el, "change", update_variable));
+                processed = true;
+            }
+        }
+
+        function process_files() {
+            if (el.type === "file") {
+                cleanup(listen(el, "input", update_variable));
+                processed = true;
+            }
+        }
+
+        function process_contenteditable() {
+            if (el.contentEditable === "true") {
+                is_nullish(get_value()) && update_variable();
+
+                effect(update_property);
+                cleanup(listen(el, "input", update_variable));
+                processed = true;
+            }
+        }
+
+        function process_media_resize(name, event_name) {
+            if (tag_name === name) {
+                update_variable();
+                cleanup(listen(el, event_name, update_variable));
+                processed = true;
+            }
+        }
+
+        function process_dimensions() {
+            cleanup(observe_resize(el, update_variable));
+            processed = true;
+        }
+
+        function process_details() {
+            if (tag_name === "DETAILS") {
+                
+                
+                is_nullish(get_value()) && update_variable();
+
+                effect(update_property);
+                cleanup(listen(el, "toggle", update_variable));
+                processed = true;
+            }
+        }
+
+        function process_group() {
+            if (is_checkable_input(el)) {
+                el.name || mutateDom(() => el.name = expression);
+
+                effect(() =>
+                    mutateDom(() =>
+                        apply_group_values(el, get_value() ?? [])));
+
+                cleanup(listen(el, "input", () => set_value(collect_group_values(el, get_value()))));
+                processed = true;
+            }
+        }
+    });
+}
+
+function to_number(value) {
+    return value === "" ? null : +value;
+}
+
+function apply_select_values(el, values) {
+    for (const option of el.options) {
+        option.selected = loose_index_of(values, option.value) >= 0;
+    }
+}
+
+function collect_selected_values(el) {
+    if (el.multiple) {
+        return [...el.selectedOptions].map(o => o.value);
+    }
+
+    return el.value;
+}
+
+function apply_group_values(el, values) {
+    el.checked = is_array(values)
+        ? loose_index_of(values, el.value) >= 0
+        : loose_equal(el.value, values);
+}
+
+function collect_group_values(el, values) {
+    if (el.type === "radio") {
+        return el.value;
+    }
+
+    values = as_array(values);
+    const index = loose_index_of(values, el.value);
+
+    if (el.checked) {
+        index >= 0 || values.push(el.value);
+    }
+    else {
+        index >= 0 && values.splice(index, 1);
+    }
+
+    return values;
+}
+
+function plugin$4({ directive, mutateDom }) {
+    directive("format", (el, { modifiers }, { effect, evaluateLater }) => {
+        const cache = new Map;
+        const placeholder_regex = /{{(?<expr>.+?)}}/g;
+        const is_once = has_modifier(modifiers, "once");
+
+        process(el);
+
+        function get_eval_fn(expression) {
+            let getter = cache.get(expression);
+            if (is_nullish(getter)) {
+                getter = create_getter(evaluateLater, expression);
+                cache.set(expression, getter);
+            }
+
+            return getter;
+        }
+
+        function update(callback) {
+            if (is_once) {
+                mutateDom(() => callback());
+                cache.clear();
+            }
+            else {
+                effect(() => mutateDom(() => callback()));
+            }
+        }
+
+        function process(node) {
+            switch (node.nodeType) {
+                case Node.TEXT_NODE:
+                    process_text_node(node);
+                    break;
+
+                case Node.ELEMENT_NODE:
+                    process_nodes(node);
+                    process_attributes(node);
+                    break;
+            }
+        }
+
+        function process_text_node(node) {
+            const tokens = node.textContent.split(placeholder_regex);
+
+            if (tokens.length > 1) {
+                const fragment = new DocumentFragment();
+
+                for (let i = 0; i < tokens.length; i++) {
+                    if ((i % 2) === 0) {
+                        fragment.appendChild(document.createTextNode(tokens[i]));
+                    }
+                    else {
+                        const get_value = get_eval_fn(tokens[i]);
+                        const text = document.createTextNode("");
+
+                        fragment.append(text);
+                        update(() => text.textContent = get_value());
+                    }
+                }
+
+                mutateDom(() =>
+                    node.parentElement.replaceChild(fragment, node));
+            }
+        }
+
+        function process_attributes(node) {
+            for (let attr of node.attributes) {
+                const matches = [...attr.value.matchAll(placeholder_regex)];
+                if (matches.length) {
+                    const template = attr.value;
+                    update(() => attr.value = template.replace(placeholder_regex, (_, expr) => get_eval_fn(expr)()));
+                }
+            }
+        }
+
+        function process_nodes(node) {
+            for (let child of node.childNodes) {
+                process(child);
+            }
+        }
+    });
+}
+
+function anchor_block(el, template, { addScopeToNode, cleanup, initTree, mutateDom, scope = {} }) {
+    if (el._r_block) {
+        return;
+    }
+
+    initialize();
+
+    let nodes = is_template(template)
+        ? [...template.content.cloneNode(true).childNodes]
+        : [template.cloneNode(true)];
+
+    mutateDom(() => {
+        for (let node of nodes) {
+            is_element(node) && addScopeToNode(node, scope, el);
+            el.parentElement.insertBefore(node, el);
+            is_element(node) && initTree(node);
+        }
+    });
+
+    el._r_block = {
+        template,
+        update() {
+            mutateDom(() => {
+                for (let node of nodes ?? []) {
+                    el.parentElement.insertBefore(node, el);
+                }
+            });
+        },
+        delete() {
+            el._r_block = null;
+            for (let node of nodes ?? []) {
+                node.remove();
+            }
+            nodes = null;
+        }
+    };
+
+    cleanup(() => el._r_block?.delete());
+}
+
+function initialize() {
+    document.body._r_block ??= (() => {
+        const observer = new MutationObserver(mutations => {
+            for (let mutation of mutations) {
+                for (let node of mutation.addedNodes) {
+                    node._r_block?.update();
+                }
+            }
+        });
+
+        observer.observe(document.body, { childList: true, subtree: true });
+        return observer;
+    })();
+}
+
+function plugin$3({ addScopeToNode, directive, initTree, mutateDom }) {
+    directive("fragment", (el, {}, { cleanup }) => {
+        if (!is_template(el)) {
+            warn("x-fragment can only be used on a 'template' tag.");
+            return;
+        }
+
+        anchor_block(el, el, { addScopeToNode, cleanup, initTree, mutateDom });
+    });
+}
+
+function plugin$2({ addScopeToNode, directive, initTree, mutateDom }) {
+    directive("match", (el, { }, { cleanup, effect, evaluateLater }) => {
+        if (!is_template(el)) {
+            warn("x-match can only be used on a 'template' tag.");
+            return;
+        }
+
+        const branches = [];
+        const has_default_case = () => branches.some(b => b.default);
+
+        for (let node of el.content.children) {
+            const expr = node.getAttribute("x-case");
+            if (expr !== null) {
+                has_default_case() && warn("The x-case directive cannot be appear after x-default.");
+                branches.push({ el: node, get_value: create_getter(evaluateLater, expr) });
+            }
+            else if (node.hasAttribute("x-default")) {
+                has_default_case() && warn("Only one x-default directive is allowed.");
+                branches.push({ el: node, get_value: () => true, default: true });
+            }
+            else {
+                warn("Element has no x-case or x-default directive and will be ignored.", node);
+            }
+        }
+
+        const activate = branch => {
+            if (el._r_block?.template !== branch.el) {
+                clear();
+                anchor_block(el, branch.el, {
+                    addScopeToNode,
+                    cleanup,
+                    initTree,
+                    mutateDom
+                });
+            }
+        };
+
+        const clear = () => el._r_block?.delete();
+
+        effect(() => {
+            let active;
+
+            for (let branch of branches) {
+                if (branch.get_value() && !active) {
+                    active = branch;
+                }
+            }
+
+            active ? activate(active) : clear();
+        });
+    });
+}
+
+function plugin$1(alpine) {
+    alpine.directive("template", (el, { expression }) => {
+        if (is_template(el)) {
+            warn("x-template cannot be used on a 'template' tag.");
+            return;
+        }
+
+        const tpl = document.getElementById(expression);
+
+        if (!is_template(tpl)) {
+            warn("x-template directive can only reference the template tag.");
+            return;
+        }
+
+        
+        
+        
+        
+        
+        queueMicrotask(() => {
+            el.innerHTML = "";
+            el.append(tpl.content.cloneNode(true));
+        });
+    });
+}
+
+function plugin({ addScopeToNode, directive, initTree, mutateDom }) {
+    directive("when", (el, { expression }, { cleanup, effect, evaluateLater }) => {
+        if (!is_template(el)) {
+            warn("x-when can only be used on a 'template' tag.");
+            return;
+        }
+
+        const activate = () => anchor_block(el, el, { addScopeToNode, cleanup, initTree, mutateDom });
+        const clear = () => el._r_block?.delete();
+
+        const get = create_getter(evaluateLater, expression);
+        effect(() => get() ? activate() : clear());
+    });
+}
+
+export { plugin$5 as bound, plugin$4 as format, plugin$3 as fragment, plugin$2 as match, plugin$1 as template, plugin as when };

package/alpinegear-main.esm.min.js

@@ -0,0 +1 @@
+function e(e,...t){const n=e(...t);return()=>{let e;return n((t=>e=t)),t=e,"function"==typeof t?.get?e.get():e;var t}}function t(e,...t){const n=e(...t);t[t.length-1]=`${t.at(-1)} = __val`;const o=e(...t);return e=>{let t;n((e=>t=e)),function(e){return"function"==typeof e?.set}(t)?t.set(e):o((()=>{}),{scope:{__val:e}})}}const n=Symbol();let o;const a=(...e)=>console.warn("alpine-gear.js:",...e),r=Array.isArray,c=e=>null==e,i=e=>"checkbox"===e.type||"radio"===e.type,l=e=>e instanceof HTMLTemplateElement,u=e=>e.nodeType===Node.ELEMENT_NODE,s=e=>r(e)?e:[e],d=(e,t)=>e==t,f=(e,t)=>e.findIndex((e=>e==t)),p=(e,t)=>e.includes(t),m=(e,t,n,o)=>(e.addEventListener(t,n,o),()=>e.removeEventListener(t,n,o)),v=e=>"object"==typeof e?JSON.parse(JSON.stringify(e)):e;function h(e,t,n=null){const{effect:o,release:a}=Alpine;let r,c,i=!1;const l=o((()=>{r=e(),i||(n?.deep&&JSON.stringify(r),c=r),(i||(n?.immediate??1))&&setTimeout((()=>{t(r,c),c=r}),0),i=!0}));return()=>a(l)}const b=new Map("value,checked,files,innerHTML,innerText,textContent,videoHeight,videoWidth,naturalHeight,naturalWidth,clientHeight,clientWidth,offsetHeight,offsetWidth,open,group".split(",").map((e=>[e.trim().toLowerCase(),e.trim()])));function g({directive:l,entangle:u,evaluateLater:g,mapAttributes:T,mutateDom:_,prefixed:k}){T((e=>({name:e.name.replace(/^&/,k("bound:")),value:e.value}))),l("bound",((l,{expression:T,value:k,modifiers:x},{effect:N,cleanup:y})=>{if(!k)return void a("x-bound directive expects the presence of a bound property name.");const E=l.tagName.toUpperCase();T=T?.trim();const w=b.get(k.trim().replace("-","").toLowerCase());T||=w;const L=e(g,l,T),S=t(g,l,T),D=()=>d(l[w],L())||_((()=>l[w]=L())),H=()=>S((e=>"number"===e.type||"range"===e.type)(l)?function(e){return""===e?null:+e}(l[w]):l[w]);let M;switch(w){case"value":!function(){switch(E){case"INPUT":case"TEXTAREA":c(L())&&H(),N(D),y(m(l,"input",H)),M=!0;break;case"SELECT":queueMicrotask((()=>{c(L())&&H(),N((()=>function(e,t){for(const n of e.options)n.selected=f(t,n.value)>=0}(l,s(L()??[])))),y(m(l,"change",(()=>S(function(e){return e.multiple?[...e.selectedOptions].map((e=>e.value)):e.value}(l)))))})),M=!0}}();break;case"checked":i(l)&&(N(D),y(m(l,"change",H)),M=!0);break;case"files":"file"===l.type&&(y(m(l,"input",H)),M=!0);break;case"innerHTML":case"innerText":case"textContent":"true"===l.contentEditable&&(c(L())&&H(),N(D),y(m(l,"input",H)),M=!0);break;case"videoHeight":case"videoWidth":A("VIDEO","resize");break;case"naturalHeight":case"naturalWidth":A("IMG","load");break;case"clientHeight":case"clientWidth":case"offsetHeight":case"offsetWidth":y(function(e,t){return o??=new ResizeObserver((e=>{for(const t of e)for(const e of t.target[n]?.values()??[])e(t)})),e[n]??=new Set,e[n].add(t),o.observe(e),()=>{e[n].delete(t),e[n].size||(o.unobserve(e),e[n]=null)}}(l,H)),M=!0;break;case"open":"DETAILS"===E&&(c(L())&&H(),N(D),y(m(l,"toggle",H)),M=!0);break;case"group":i(l)&&(l.name||_((()=>l.name=T)),N((()=>_((()=>function(e,t){e.checked=r(t)?f(t,e.value)>=0:d(e.value,t)}(l,L()??[]))))),y(m(l,"input",(()=>S(function(e,t){if("radio"===e.type)return e.value;t=s(t);const n=f(t,e.value);return e.checked?n>=0||t.push(e.value):n>=0&&t.splice(n,1),t}(l,L()))))),M=!0)}if(!M){const n=p(x,"in")?"in":p(x,"out")?"out":"inout",o=T===k?(e=>{for(;e&&!e._x_dataStack;)e=(e._x_teleportBack??e).parentElement;return e})(l.parentNode):l;if(!l._x_dataStack)return void a("x-bound directive requires the presence of the x-data directive to bind component properties.");if(!o)return void a(`x-bound directive cannot find the parent scope where the '${k}' property is defined.`);const r={get:e(g,o,T),set:t(g,o,T)},c={get:e(g,l,k),set:t(g,l,k)};switch(n){case"in":y(h((()=>r.get()),(e=>c.set(v(e)))));break;case"out":y(h((()=>c.get()),(e=>r.set(v(e)))));break;default:y(u(r,c))}}function A(e,t){E===e&&(H(),y(m(l,t,H)),M=!0)}}))}function T({directive:t,mutateDom:n}){t("format",((t,{modifiers:o},{effect:a,evaluateLater:r})=>{const i=new Map,l=/{{(?<expr>.+?)}}/g,u=p(o,"once");function s(t){let n=i.get(t);return c(n)&&(n=e(r,t),i.set(t,n)),n}function d(e){u?(n((()=>e())),i.clear()):a((()=>n((()=>e()))))}!function e(t){switch(t.nodeType){case Node.TEXT_NODE:!function(e){const t=e.textContent.split(l);if(t.length>1){const o=new DocumentFragment;for(let e=0;t.length>e;e++)if(e%2==0)o.appendChild(document.createTextNode(t[e]));else{const n=s(t[e]),a=document.createTextNode("");o.append(a),d((()=>a.textContent=n()))}n((()=>e.parentElement.replaceChild(o,e)))}}(t);break;case Node.ELEMENT_NODE:!function(t){for(let n of t.childNodes)e(n)}(t),function(e){for(let t of e.attributes)if([...t.value.matchAll(l)].length){const e=t.value;d((()=>t.value=e.replace(l,((e,t)=>s(t)()))))}}(t)}}(t)}))}function _(e,t,{addScopeToNode:n,cleanup:o,initTree:a,mutateDom:r,scope:c={}}){if(e._r_block)return;document.body._r_block??=(()=>{const e=new MutationObserver((e=>{for(let t of e)for(let e of t.addedNodes)e._r_block?.update()}));return e.observe(document.body,{childList:!0,subtree:!0}),e})();let i=l(t)?[...t.content.cloneNode(!0).childNodes]:[t.cloneNode(!0)];r((()=>{for(let t of i)u(t)&&n(t,c,e),e.parentElement.insertBefore(t,e),u(t)&&a(t)})),e._r_block={template:t,update(){r((()=>{for(let t of i??[])e.parentElement.insertBefore(t,e)}))},delete(){e._r_block=null;for(let e of i??[])e.remove();i=null}},o((()=>e._r_block?.delete()))}function k({addScopeToNode:e,directive:t,initTree:n,mutateDom:o}){t("fragment",((t,{},{cleanup:r})=>{l(t)?_(t,t,{addScopeToNode:e,cleanup:r,initTree:n,mutateDom:o}):a("x-fragment can only be used on a 'template' tag.")}))}function x({addScopeToNode:t,directive:n,initTree:o,mutateDom:r}){n("match",((n,{},{cleanup:c,effect:i,evaluateLater:u})=>{if(!l(n))return void a("x-match can only be used on a 'template' tag.");const s=[];for(let t of n.content.children){const n=t.getAttribute("x-case");null!==n?s.push({el:t,get_value:e(u,n)}):t.hasAttribute("x-default")&&s.push({el:t,get_value:()=>!0,default:!0})}const d=()=>n._r_block?.delete();i((()=>{let e;for(let t of s)t.get_value()&&!e&&(e=t);var a;e?(a=e,n._r_block?.template!==a.el&&(d(),_(n,a.el,{addScopeToNode:t,cleanup:c,initTree:o,mutateDom:r}))):d()}))}))}function N(e){e.directive("template",((e,{expression:t})=>{if(l(e))return void a("x-template cannot be used on a 'template' tag.");const n=document.getElementById(t);l(n)?queueMicrotask((()=>{e.innerHTML="",e.append(n.content.cloneNode(!0))})):a("x-template directive can only reference the template tag.")}))}function y({addScopeToNode:t,directive:n,initTree:o,mutateDom:r}){n("when",((n,{expression:c},{cleanup:i,effect:u,evaluateLater:s})=>{if(!l(n))return void a("x-when can only be used on a 'template' tag.");const d=e(s,c);u((()=>d()?_(n,n,{addScopeToNode:t,cleanup:i,initTree:o,mutateDom:r}):n._r_block?.delete()))}))}export{g as bound,T as format,k as fragment,x as match,N as template,y as when};