@onetype/framework 2.0.41 → 2.0.43

package/lib/items/directives/500-click.js

@@ -1,52 +0,0 @@
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('click', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otClick' in node)
-            {
-                node.otClick(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    directives.ItemAdd({
-        id: 'ot-click',
-        icon: 'touch_app',
-        name: 'Click',
-        description: 'Handle click events with support for prevent and stop modifiers. Executes functions on element clicks.',
-        category: 'events',
-        trigger: 'node',
-        order: 500,
-        attributes: {
-            'ot-click': ['string']
-        },
-        code: function(data, item, compile, node, identifier)
-        {
-            const attribute = data['ot-click'].value;
-
-            node.otClick = (event) =>
-            {
-                // Auto-apply modifiers
-                if (data['ot-click'].modifiers && data['ot-click'].modifiers.length > 0)
-                {
-                    if (data['ot-click'].modifiers.includes('prevent')) event.preventDefault();
-                    if (data['ot-click'].modifiers.includes('stop')) event.stopPropagation();
-                }
-
-                const results = onetype.Function(attribute, compile.data, false);
-
-                if (typeof results === 'function')
-                {
-                    results(event, {item, compile, node, identifier});
-                }
-            }
-        }
-    });
-});

package/lib/items/directives/500-double-click.js

@@ -1,52 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-double-click',
-    icon: 'ads_click',
-    name: 'Double Click',
-    description: 'Handle double-click events on elements. Enables advanced click interactions.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-double-click': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-double-click'].value;
-
-        node.otDoubleClick = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-double-click'].modifiers && data['ot-double-click'].modifiers.length > 0)
-            {
-                if (data['ot-double-click'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-double-click'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('dblclick', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otDoubleClick' in node)
-            {
-                node.otDoubleClick(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-focus.js

@@ -1,46 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-focus',
-    icon: 'center_focus_strong',
-    name: 'Focus',
-    description: 'Handle focus events when elements receive focus. Enables focus-based interactions and accessibility features.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-focus': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-focus'].value;
-
-        node.otFocus = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('focus', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otFocus' in node)
-            {
-                node.otFocus(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    }, true);
-});

package/lib/items/directives/500-input.js

@@ -1,46 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-input',
-    icon: 'keyboard',
-    name: 'Input',
-    description: 'Handle input events for real-time form field updates. Captures value changes as user types.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-input': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-input'].value;
-
-        node.otInput = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if (typeof results === 'function')
-            {
-                const value = event.target.value;
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('input', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otInput' in node)
-            {
-                node.otInput(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-keydown.js

@@ -1,53 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-keydown',
-    icon: 'keyboard_arrow_down',
-    name: 'Keydown',
-    description: 'Handle keydown events for keyboard shortcuts. Captures keys as they are pressed down.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-keydown': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-keydown'].value;
-
-        node.otKeydown = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-keydown'].modifiers && data['ot-keydown'].modifiers.length > 0)
-            {
-                if (data['ot-keydown'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-keydown'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('keydown', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otKeydown' in node)
-            {
-                node.otKeydown(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-keyup.js

@@ -1,53 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-keyup',
-    icon: 'keyboard_arrow_up',
-    name: 'Keyup',
-    description: 'Handle keyup events for keyboard interactions. Detects when keys are released.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-keyup': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-keyup'].value;
-
-        node.otKeyup = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data['ot-keyup'].modifiers && data['ot-keyup'].modifiers.length > 0)
-            {
-                if (data['ot-keyup'].modifiers.includes('prevent')) event.preventDefault();
-                if (data['ot-keyup'].modifiers.includes('stop')) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                const value = event.target.value || '';
-                results(event, {item, compile, node, identifier, value});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('keyup', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otKeyup' in node)
-            {
-                node.otKeyup(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-mouse-enter.js

@@ -1,61 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-mouse-enter',
-    icon: 'mouse',
-    name: 'Mouse Enter',
-    description: 'Handle mouse enter events. Triggers when cursor enters element boundaries.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-mouse-enter': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-mouse-enter'].value;
-
-        node.otMouseEnter = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('mouseover', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otMouseEnter' in node && !node.otMouseEntered)
-            {
-                node.otMouseEntered = true;
-                node.otMouseEnter(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    document.addEventListener('mouseout', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otMouseEnter' in node && node.otMouseEntered)
-            {
-                node.otMouseEntered = false;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-mouse-leave.js

@@ -1,61 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-mouse-leave',
-    icon: 'logout',
-    name: 'Mouse Leave',
-    description: 'Handle mouse leave events. Triggers when cursor exits element boundaries.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-mouse-leave': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-mouse-leave'].value;
-
-        node.otMouseLeave = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('mouseout', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otMouseLeave' in node && !node.otMouseLeft)
-            {
-                node.otMouseLeft = true;
-                node.otMouseLeave(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    document.addEventListener('mouseover', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otMouseLeave' in node && node.otMouseLeft)
-            {
-                node.otMouseLeft = false;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-mouse-move.js

@@ -1,45 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-mouse-move',
-    icon: 'pan_tool',
-    name: 'Mouse Move',
-    description: 'Handle mouse move events. Track cursor position and movement within elements.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-mouse-move': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-mouse-move'].value;
-
-        node.otMouseMove = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-    });
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('mousemove', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otMouseMove' in node)
-            {
-                node.otMouseMove(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});

package/lib/items/directives/500-scroll.js

@@ -1,45 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-scroll',
-    icon: 'unfold_more',
-    name: 'Scroll',
-    description: 'Handle scroll events on elements or window. Track scroll position for infinite loading and animations.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-scroll': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-scroll'].value;
-
-        node.otScroll = (event) =>
-        {
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('scroll', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otScroll' in node)
-            {
-                node.otScroll(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    }, true);
-});

package/lib/items/directives/500-submit.js

@@ -1,52 +0,0 @@
-directives.ItemAdd({
-    id: 'ot-submit',
-    icon: 'send',
-    name: 'Submit',
-    description: 'Handle form submission events. Prevents default behavior and executes custom submit logic.',
-    category: 'events',
-    trigger: 'node',
-    order: 500,
-    attributes: {
-        'ot-submit': ['string']
-    },
-    code: function(data, item, compile, node, identifier)
-    {
-        const attribute = data['ot-submit'];
-
-        node.otSubmit = (event) =>
-        {
-            // Auto-apply modifiers
-            if (data.modifiers)
-            {
-                if (data.modifiers.prevent) event.preventDefault();
-                if (data.modifiers.stop) event.stopPropagation();
-            }
-
-            const results = onetype.Function(attribute, compile.data, false);
-
-            if(typeof results === 'function')
-            {
-                results(event, {item, compile, node, identifier});
-            }
-        }
-    }
-});
-
-onetype.AddonReady('directives', function()
-{
-    document.addEventListener('submit', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otSubmit' in node)
-            {
-                node.otSubmit(event);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-});