@onetype/framework 2.0.41 → 2.0.43

package/addons/float/overlays/front/js/item/catch/add.js

@@ -1,121 +0,0 @@
-overlays.ItemOn('add', function(item)
-{
-    this.cleanup = () =>
-    {
-        const existing = overlays.ItemGet(item.Get('id'));
-
-        if(existing)
-        {
-            existing.Remove();
-        }
-    };
-
-    this.render = () =>
-    {
-        const render = item.Get('render');
-
-        if(render)
-        {
-            overlays.RenderAdd('overlay:' + item.Get('id'), function()
-            {
-                return render.call(this, item);
-            });
-        }
-
-        return render ? overlays.Render('overlay:' + item.Get('id')) : null;
-    };
-
-    this.element = () =>
-    {
-        const element = document.createElement('div');
-        element.className = 'ot-overlay';
-        element.setAttribute('data-id', item.Get('id'));
-
-        return element;
-    };
-
-    this.backdrop = (element) =>
-    {
-        const backdrop = item.Get('backdrop');
-
-        if(backdrop)
-        {
-            const backdropElement = document.createElement('div');
-            backdropElement.className = 'backdrop';
-            backdropElement.style.opacity = backdrop;
-            element.appendChild(backdropElement);
-        }
-    };
-
-    this.content = (element, rendered) =>
-    {
-        if(rendered && rendered.Element)
-        {
-            rendered.Element.classList.add('content');
-            element.appendChild(rendered.Element);
-        }
-    };
-
-    this.position = (element, content) =>
-    {
-        if(!content)
-        {
-            return;
-        }
-
-        const target = item.Get('target') || document.body;
-        const position = item.Get('position');
-        const offset = item.Get('offset');
-        const padding = item.Get('padding');
-
-        let result;
-
-        if(item.Get('flip'))
-        {
-            result = overlays.Fn('flip', target, content, position, offset, padding);
-        }
-        else
-        {
-            result = overlays.Fn('position', target, content, position, offset, padding);
-        }
-
-        content.style.left = result.left + 'px';
-        content.style.top = result.top + 'px';
-    };
-
-    this.index = (element) =>
-    {
-        element.style.zIndex = overlays.Fn('index');
-        item.Set('index', parseInt(element.style.zIndex));
-    };
-
-    this.callback = () =>
-    {
-        const onOpen = item.Get('onOpen');
-
-        if(onOpen)
-        {
-            onOpen(item);
-        }
-    };
-
-    // Run
-    this.cleanup();
-
-    const rendered = this.render();
-    const element = this.element();
-
-    this.backdrop(element);
-    this.content(element, rendered);
-
-    document.body.appendChild(element);
-
-    const content = element.querySelector('.content');
-
-    this.position(element, content);
-    this.index(element);
-
-    item.Set('element', element);
-
-    this.callback();
-});

package/addons/float/overlays/front/js/item/catch/remove.js

@@ -1,16 +0,0 @@
-overlays.ItemOn('remove', (item) =>
-{
-    const element = item.Get('element');
-
-    if(element)
-    {
-        element.remove();
-    }
-
-    const onClose = item.Get('onClose');
-
-    if(typeof onClose === 'function')
-    {
-        onClose(item);
-    }
-});

package/addons/float/popups/css/popups.css

@@ -1,4 +0,0 @@
-.ot-popup
-{
-    position: absolute;
-}

package/addons/float/popups/js/addon.js

@@ -1,18 +0,0 @@
-const popups = onetype.Addon('popups', (addon) =>
-{
-    addon.Field('id', ['string']);
-    addon.Field('target', ['object', null]);
-    addon.Field('content', ['string|function', '']);
-    addon.Field('data', ['object', null]);
-    addon.Field('position', ['object', {x: 'center', y: 'bottom'}]);
-    addon.Field('offset', ['object', {x: 0, y: 0}]);
-    addon.Field('flip', ['boolean', true]);
-    addon.Field('padding', ['number', 10]);
-    addon.Field('backdrop', ['number', null]);
-    addon.Field('closeable', ['boolean', true]);
-    addon.Field('escape', ['boolean', true]);
-    addon.Field('show', ['boolean', false]);
-    addon.Field('overlay', ['object', null]);
-    addon.Field('onOpen', ['function', null]);
-    addon.Field('onClose', ['function', null]);
-});

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

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

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

@@ -1,7 +0,0 @@
-popups.ItemOn('remove', function(item)
-{
-    if(item.Get('show'))
-    {
-        item.Set('show', false);
-    }
-});

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

@@ -1,73 +0,0 @@
-popups.ItemOn('set', function(item, key, value)
-{
-    if(key !== 'show')
-    {
-        return;
-    }
-
-    const overlays = onetype.Addon('overlays');
-
-    if(value)
-    {
-        if(item.Get('overlay'))
-        {
-            return;
-        }
-
-        const content = item.Get('content');
-        const data = item.Get('data');
-
-        const overlay = overlays.Item({
-            id: 'popup-' + item.Get('id'),
-            target: item.Get('target'),
-            position: item.Get('position'),
-            offset: item.Get('offset'),
-            flip: item.Get('flip'),
-            padding: item.Get('padding'),
-            backdrop: item.Get('backdrop'),
-            closeable: item.Get('closeable'),
-            escape: item.Get('escape'),
-            onClose: () => item.Set('show', false),
-            render: function()
-            {
-                if(data)
-                {
-                    Object.assign(this, data);
-                }
-
-                if(typeof content === 'function')
-                {
-                    return content.call(this, item);
-                }
-
-                return content;
-            }
-        });
-
-        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/popups/js/items/directives/popup.js

@@ -1,54 +0,0 @@
-onetype.AddonReady('directives', function(directives)
-{
-    document.addEventListener('click', function(event)
-    {
-        let node = event.target;
-
-        while(node && node !== document)
-        {
-            if('otPopup' in node)
-            {
-                const show = node.otItem.Get('show');
-                node.otItem.Set('show', !show);
-                break;
-            }
-
-            node = node.parentNode;
-        }
-    });
-
-    directives.ItemAdd({
-        id: 'ot-popup',
-        icon: 'smart_popup',
-        name: 'Popup',
-        description: 'Shows popup on click.',
-        trigger: 'node',
-        order: 600,
-        attributes: {
-            'ot-popup': ['string|object']
-        },
-        code: function(data, item, compile, node)
-        {
-            const value = data['ot-popup'].value;
-
-            let config = {};
-
-            if(typeof value === 'string')
-            {
-                config.content = value;
-            }
-            else if(typeof value === 'object')
-            {
-                config = value;
-            }
-
-            if(!('target' in config))
-            {
-                config.target = node;
-            }
-
-            node.otPopup = true;
-            node.otItem = popups.Item(config);
-        }
-    });
-});

package/addons/float/toasts/addon.js

@@ -1,17 +0,0 @@
-const toasts = onetype.Addon('toasts', (addon) =>
-{
-    addon.Field('id', ['string']);
-    addon.Field('type', ['string', 'info']);
-    addon.Field('message', ['string', '']);
-    addon.Field('title', ['string', null]);
-    addon.Field('icon', ['string', null]);
-    addon.Field('duration', ['number', 5000]);
-    addon.Field('closeable', ['boolean', true]);
-    addon.Field('position', ['object', {x: 'right-in', y: 'top-in'}]);
-    addon.Field('padding', ['number', 16]);
-    addon.Field('show', ['boolean', true]);
-    addon.Field('overlay', ['object', null]);
-    addon.Field('timer', ['number', null]);
-    addon.Field('onOpen', ['function', null]);
-    addon.Field('onClose', ['function', null]);
-});

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

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

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

@@ -1,7 +0,0 @@
-toasts.ItemOn('remove', function(item)
-{
-    if(item.Get('show'))
-    {
-        item.Set('show', false);
-    }
-});

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

@@ -1,86 +0,0 @@
-toasts.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: 'toast-' + item.Get('id'),
-            position: item.Get('position'),
-            padding: item.Get('padding'),
-            flip: false,
-            escape: true,
-            onClose: () => item.Set('show', false),
-            render: function()
-            {
-                this.type = item.Get('type');
-                this.title = item.Get('title');
-                this.message = item.Get('message');
-                this.icon = item.Get('icon');
-                this.closeable = item.Get('closeable');
-                this.onclose = () => item.Set('show', false);
-
-                return `<e-toast
-                    :type="type"
-                    :title="title"
-                    :message="message"
-                    :icon="icon"
-                    :closeable="closeable"
-                    :onclose="onclose">
-                </e-toast>`;
-            }
-        });
-
-        item.Set('overlay', overlay);
-
-        const duration = item.Get('duration');
-
-        if(duration > 0)
-        {
-            const timer = setTimeout(() => item.Set('show', false), duration);
-            item.Set('timer', timer);
-        }
-
-        const onOpen = item.Get('onOpen');
-
-        if(onOpen)
-        {
-            onOpen(item);
-        }
-    }
-    else
-    {
-        const timer = item.Get('timer');
-
-        if(timer)
-        {
-            clearTimeout(timer);
-            item.Set('timer', null);
-        }
-
-        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/toasts/items/elements/toast/toast.css

@@ -1,84 +0,0 @@
-.e-697495d1
-{
-    pointer-events: auto;
-}
-
-.e-697495d1 .holder
-{
-    display: flex;
-    align-items: flex-start;
-    gap: var(--ot-spacing-s);
-    padding: var(--ot-spacing-m);
-    border-radius: var(--ot-radius-m);
-    background: var(--ot-bg-3);
-    border: 1px solid var(--ot-bg-3-border);
-    min-width: 280px;
-    max-width: 400px;
-}
-
-.e-697495d1 .holder .icon
-{
-    flex-shrink: 0;
-    font-size: var(--ot-size-l);
-    color: var(--ot-text-1);
-}
-
-.e-697495d1 .holder .content
-{
-    flex: 1;
-    min-width: 0;
-}
-
-.e-697495d1 .holder .content .title
-{
-    font-weight: 600;
-    margin-bottom: var(--ot-spacing-x);
-    color: var(--ot-text-1);
-}
-
-.e-697495d1 .holder .content .message
-{
-    font-size: var(--ot-size-s);
-    color: var(--ot-text-2);
-}
-
-.e-697495d1 .holder .close
-{
-    flex-shrink: 0;
-    cursor: pointer;
-    background: none;
-    border: none;
-    padding: 0;
-    color: var(--ot-text-2);
-    transition: color 0.2s;
-}
-
-.e-697495d1 .holder .close:hover
-{
-    color: var(--ot-text-1);
-}
-
-.e-697495d1 .holder .close .icon
-{
-    font-size: 18px;
-}
-
-.e-697495d1 .holder[variant="success"]
-{
-    border-left: 4px solid var(--ot-green);
-}
-
-.e-697495d1 .holder[variant="error"]
-{
-    border-left: 4px solid var(--ot-red);
-}
-
-.e-697495d1 .holder[variant="warning"]
-{
-    border-left: 4px solid var(--ot-orange);
-}
-
-.e-697495d1 .holder[variant="info"]
-{
-    border-left: 4px solid var(--ot-blue);
-}

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);
-            }
-        }
-    }
-});