@onetype/framework 2.0.42 → 2.0.44

package/addons/float/toasts/items/elements/toast/toast.js

@@ -1,61 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-    elements.ItemAdd({
-        id: 'toast',
-        icon: 'notifications',
-        name: 'Toast',
-        description: 'Toast notification with type variants and auto-dismiss.',
-        category: 'Feedback',
-        config: {
-            type: {
-                type: 'string',
-                value: 'info',
-                options: ['info', 'success', 'warning', 'error']
-            },
-            title: {
-                type: 'string',
-                value: null
-            },
-            message: {
-                type: 'string',
-                value: ''
-            },
-            icon: {
-                type: 'string',
-                value: null
-            },
-            closeable: {
-                type: 'boolean',
-                value: true
-            },
-            onclose: {
-                type: 'function'
-            }
-        },
-        render: function()
-        {
-            this.handleClose = () =>
-            {
-                if(this.onclose)
-                {
-                    this.onclose();
-                }
-            };
-
-            return `
-                <div class="holder" :variant="type">
-                    <i ot-if="icon" class="icon">{{ icon }}</i>
-
-                    <div class="content">
-                        <div ot-if="title" class="title">{{ title }}</div>
-                        <div ot-if="message" class="message">{{ message }}</div>
-                    </div>
-
-                    <button ot-if="closeable" class="close" ot-click="handleClose">
-                        <i class="icon">close</i>
-                    </button>
-                </div>
-            `;
-        }
-    });
-});

package/addons/float/tooltips/addon.js

@@ -1,15 +0,0 @@
-const tooltips = onetype.Addon('tooltips', (addon) =>
-{
-    addon.Field('id', ['string']);
-    addon.Field('target', ['object', null]);
-    addon.Field('text', ['string', '']);
-    addon.Field('title', ['string', null]);
-    addon.Field('icon', ['string', null]);
-    addon.Field('variant', ['string', 'default']);
-    addon.Field('position', ['object', {x: 'center', y: 'top'}]);
-    addon.Field('offset', ['object', {x: 0, y: -4}]);
-    addon.Field('show', ['boolean', true]);
-    addon.Field('overlay', ['object', null]);
-    addon.Field('onOpen', ['function', null]);
-    addon.Field('onClose', ['function', null]);
-});

package/addons/float/tooltips/item/catch/add.js

@@ -1,7 +0,0 @@
-tooltips.ItemOn('add', function(item)
-{
-    if(item.Get('show'))
-    {
-        item.Set('show', true);
-    }
-});

package/addons/float/tooltips/item/catch/remove.js

@@ -1,26 +0,0 @@
-tooltips.ItemOn('remove', function(item)
-{
-    this.overlay = () =>
-    {
-        const overlay = item.Get('overlay');
-
-        if(overlay)
-        {
-            item.Set('overlay', null);
-            overlay.Remove();
-        }
-    };
-
-    this.callback = () =>
-    {
-        const onClose = item.Get('onClose');
-
-        if(onClose)
-        {
-            onClose(item);
-        }
-    };
-
-    this.overlay();
-    this.callback();
-});

package/addons/float/tooltips/item/catch/set.js

@@ -1,65 +0,0 @@
-tooltips.ItemOn('set', function(item, key, value)
-{
-    if(key !== 'show')
-    {
-        return;
-    }
-
-    const overlays = onetype.Addon('overlays');
-
-    if(value)
-    {
-        if(item.Get('overlay'))
-        {
-            return;
-        }
-
-        const overlay = overlays.Item({
-            id: 'tooltip-' + item.Get('id'),
-            target: item.Get('target'),
-            position: item.Get('position'),
-            offset: item.Get('offset'),
-            onClose: () => item.Set('show', false),
-            render: function()
-            {
-                this.icon = item.Get('icon');
-                this.title = item.Get('title');
-                this.text = item.Get('text');
-                this.variant = item.Get('variant');
-
-                return `<e-tooltip
-                    :icon="icon"
-                    :title="title"
-                    :text="text"
-                    :variant="variant">
-                </e-tooltip>`;
-            }
-        });
-
-        item.Set('overlay', overlay);
-
-        const onOpen = item.Get('onOpen');
-
-        if(onOpen)
-        {
-            onOpen(item);
-        }
-    }
-    else
-    {
-        const overlay = item.Get('overlay');
-
-        if(overlay)
-        {
-            item.Set('overlay', null);
-            overlay.Remove();
-
-            const onClose = item.Get('onClose');
-
-            if(onClose)
-            {
-                onClose(item);
-            }
-        }
-    }
-});

package/addons/float/tooltips/items/directives/tooltip.js

@@ -1,74 +0,0 @@
-onetype.AddonReady('directives', function(directives)
-{
-    document.addEventListener('mouseover', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otConfig' in node && !node.otShow)
-            {
-                node.otShow = true;
-                node.otItem.Set('show', true);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    document.addEventListener('mouseout', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otConfig' in node && node.otShow)
-            {
-                if(!node.contains(event.relatedTarget))
-                {
-                    node.otShow = false;
-                    node.otItem.Set('show', false);
-                }
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    directives.ItemAdd({
-        id: 'ot-tooltip',
-        icon: 'info',
-        name: 'Tooltip',
-        description: 'Shows tooltip on hover.',
-        trigger: 'node',
-        order: 600,
-        attributes: {
-            'ot-tooltip': ['string|object']
-        },
-        code: function(data, item, compile, node)
-        {
-            const value = data['ot-tooltip'].value;
-            let config = {};
-
-            if(typeof value === 'string')
-            {
-                config.text = value;
-            }
-            else if(typeof value === 'object')
-            {
-                config = value;
-            }
-
-            config.target = node;
-            config.show = false;
-
-            const tooltips = onetype.Addon('tooltips');
-
-            node.otConfig = config;
-            node.otShow = false;
-            node.otItem = tooltips.Item(config);
-        }
-    });
-});

package/addons/float/tooltips/items/elements/tooltip.css

@@ -1,64 +0,0 @@
-.e-209772d3
-{
-    pointer-events: none;
-}
-
-.e-209772d3 .holder
-{
-    display: flex;
-    align-items: flex-start;
-    gap: var(--ot-spacing-s);
-    padding: var(--ot-spacing-s) var(--ot-spacing-m);
-    border-radius: var(--ot-radius-s);
-    background: var(--ot-bg-4);
-    border: 1px solid var(--ot-bg-4-border);
-    max-width: 280px;
-}
-
-.e-209772d3 .holder .icon
-{
-    flex-shrink: 0;
-    font-size: 16px;
-    color: var(--ot-text-2);
-}
-
-.e-209772d3 .holder .content
-{
-    flex: 1;
-    min-width: 0;
-}
-
-.e-209772d3 .holder .content .title
-{
-    font-size: 12px;
-    font-weight: 600;
-    color: var(--ot-text-1);
-    margin-bottom: 2px;
-}
-
-.e-209772d3 .holder .content .text
-{
-    font-size: 12px;
-    color: var(--ot-text-2);
-    line-height: 1.4;
-}
-
-.e-209772d3 .holder[variant="info"] .icon
-{
-    color: var(--ot-blue);
-}
-
-.e-209772d3 .holder[variant="success"] .icon
-{
-    color: var(--ot-green);
-}
-
-.e-209772d3 .holder[variant="warning"] .icon
-{
-    color: var(--ot-orange);
-}
-
-.e-209772d3 .holder[variant="error"] .icon
-{
-    color: var(--ot-red);
-}

package/addons/float/tooltips/items/elements/tooltip.js

@@ -1,42 +0,0 @@
-onetype.AddonReady('elements', (elements) =>
-{
-    elements.ItemAdd({
-        id: 'tooltip',
-        icon: 'info',
-        name: 'Tooltip',
-        description: 'Rich tooltip with icon, title, and text.',
-        category: 'Feedback',
-        config: {
-            variant: {
-                type: 'string',
-                value: 'default',
-                options: ['default', 'info', 'success', 'warning', 'error']
-            },
-            icon: {
-                type: 'string',
-                value: null
-            },
-            title: {
-                type: 'string',
-                value: null
-            },
-            text: {
-                type: 'string',
-                value: ''
-            }
-        },
-        render: function()
-        {
-            return `
-                <div class="holder" :variant="variant">
-                    <i ot-if="icon" class="icon">{{ icon }}</i>
-
-                    <div class="content">
-                        <div ot-if="title" class="title">{{ title }}</div>
-                        <div ot-if="text" class="text">{{ text }}</div>
-                    </div>
-                </div>
-            `;
-        }
-    });
-});

package/addons/render/directives/front/js/functions/process.js

@@ -1,57 +0,0 @@
-directives.Fn('process', function(trigger, item, compile, node, identifier)
-{
-    if (!node)
-    {
-        return;
-    }
-
-    if(!directives.StoreHas('sorted'))
-    {
-        directives.StoreSet('sorted', Object.values(directives.Items()).sort((a, b) => a.Get('order') - b.Get('order')));
-    }
-
-    if(node.attributes && !node.__attributes)
-    {
-        node.__attributes = Array.from(node.attributes).map(attr => ({
-            name: attr.name,
-            lowerName: attr.name.toLowerCase(),
-            value: attr.value,
-            original: attr
-        }));
-    }
-
-    const items = directives.StoreGet('sorted');
-
-    for (let i = 0; i < items.length; i++)
-    {
-        const directive = items[i];
-
-        if (directive.Get('trigger') !== trigger)
-        {
-            continue;
-        }
-
-        if (!directives.Fn('process.match', directive, node))
-        {
-            continue;
-        }
-
-        const data = directives.Fn('process.data', directive.Get('attributes'), node, compile);
-
-        try
-        {
-            const result = directive.Get('code').call({}, data, item, compile, node, identifier);
-
-            if (result === false)
-            {
-                break;
-            }
-        }
-        catch (error)
-        {
-            console.error('Directive processing error:', error);
-        }
-    }
-
-    directives.Fn('process.attributes', node, compile);
-});

package/addons/render/html/items/seo/theme-color.js

@@ -1,12 +0,0 @@
-import html from '#html/addon.js';
-
-html.Item({
-    id: 'seo-theme-color',
-    tag: 'meta',
-    position: 'head',
-    priority: -20,
-    attributes: {
-        name: 'theme-color',
-        content: '#000000'
-    }
-});

package/addons/render/transforms/item/functions/run.js

@@ -1,18 +0,0 @@
-transforms.Fn('item.run', function(item, node, data = null)
-{
-    if(data === null)
-    {
-        data = transforms.Fn('data', item.Get('config'), node);
-    }
-
-    item.Fn('load').then(() =>
-    {
-        item.Get('code').call({}, data, node, item);
-
-        requestAnimationFrame(() =>
-        {
-            node.removeAttribute('ot');
-            node.removeAttribute('ot-init');
-        });
-    });
-});