@ntlab/ntjs-repo 3.0.0

package/SemanticUI/Dialog/Confirm.js

@@ -0,0 +1,79 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * SemanticUI/Dialog/Confirm script repository.
+ */
+class Confirm extends JQuery {
+
+    initialize() {
+        this.name = 'Confirm';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['SemanticUI/Dialog']);
+    }
+
+    getScript() {
+        return `
+$.define('ntdlg', {
+    confirm(id, title, message, icon, cb_yes, cb_no) {
+        if (typeof icon === 'function') {
+            cb_no = cb_yes;
+            cb_yes = icon;
+            icon = undefined;
+        }
+        icon = icon || $.ntdlg.ICON_QUESTION;
+        const dlg = $.ntdlg.dialog(id, title, message, icon, {
+            yes: {
+                type: 'green approve',
+                caption: '<i class="check icon"></i>${this.translate('Yes')}',
+                handler() {
+                    if (typeof cb_yes === 'function') {
+                        cb_yes();
+                    }
+                }
+            },
+            no: {
+                type: 'red deny',
+                caption: '<i class="times icon"></i>${this.translate('No')}',
+                handler() {
+                    if (typeof cb_no === 'function') {
+                        cb_no();
+                    }
+                }
+            }
+        });
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Confirm;

package/SemanticUI/Dialog/Input.js

@@ -0,0 +1,79 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * SemanticUI/Dialog/Input script repository.
+ */
+class Input extends JQuery {
+
+    initialize() {
+        this.name = 'Input';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['SemanticUI/Dialog']);
+    }
+
+    getScript() {
+        return `
+$.define('ntdlg', {
+    input(id, title, message, value, icon, callback) {
+        if (typeof icon === 'function') {
+            callback = icon;
+            icon = null;
+        }
+        icon = icon || $.ntdlg.ICON_INPUT;
+        message =
+            '<form class="ui container form">' +
+            '  <div class="field">' +
+            '    <label>' + message + '</label>' +
+            '    <input type="text" value="' + value + '">' +
+            '  </div>' +
+            '</form>';
+        const dlg = $.ntdlg.dialog(id, title, message, icon, {
+            okay: {
+                type: 'green approve',
+                caption: '<i class="check icon"></i>${this.translate('Ok')}',
+                handler() {
+                    const v = dlg.find('input[type=text]').val();
+                    return callback(v);
+                }
+            },
+            cancel: {
+                type: 'red deny',
+                caption: '<i class="times icon"></i>${this.translate('Cancel')}'
+            }
+        });
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Input;

package/SemanticUI/Dialog/Message.js

@@ -0,0 +1,59 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * SemanticUI/Dialog/Message script repository.
+ */
+class Message extends JQuery {
+
+    initialize() {
+        this.name = 'Message';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['SemanticUI/Dialog']);
+    }
+
+    getScript() {
+        return `
+$.define('ntdlg', {
+    message(id, title, message, icon, cb) {
+        return $.ntdlg.dialog(id, title, message, icon, {
+            okay: {
+                type: 'green approve',
+                caption: '<i class="check icon"></i>${this.translate('Ok')}',
+            }
+        }, cb);
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Message;

package/SemanticUI/Dialog/Wait.js

@@ -0,0 +1,75 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('JQuery');
+
+/**
+ * SemanticUI/Dialog/Wait script repository.
+ */
+class Wait extends JQuery {
+
+    initialize() {
+        this.name = 'Wait';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['SemanticUI/Dialog']);
+    }
+
+    getScript() {
+        return `
+$.define('ntdlg', {
+    waitId: 'wdlg',
+    waitDlg: null,
+    wait(msg) {
+        const self = this;
+        if ('close' === msg) {
+            if (self.waitDlg) {
+                $.ntdlg.close(self.waitDlg);
+            }
+        } else {
+            if (null === self.waitDlg) {
+                const message = $.util.template($.ntdlg.messageTmpl, {
+                    ICON: $.util.template($.ntdlg.iconTmpl, {ICON: 'big notched circle loading icon'}),
+                    MESSAGE: msg
+                });
+                self.waitDlg = $.ntdlg.create(self.waitId, 'Please wait', message, {
+                    closable: false,
+                    size: 'tiny'
+                });
+            } else {
+                self.waitDlg.find('div.description p').html(msg);
+            }
+            $.ntdlg.show(self.waitDlg);
+        }
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Wait;

package/SemanticUI/Dialog/index.js

@@ -0,0 +1,228 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const JQuery = ScriptManager.require('SemanticUI');
+
+/**
+ * SemanticUI/Dialog script repository.
+ */
+class Dialog extends JQuery {
+
+    initialize() {
+        this.name = 'Dialog';
+        this.position = ScriptRepository.POSITION_FIRST;
+        this.addDependencies(['SemanticUI', 'JQuery/Define', 'JQuery/Util']);
+    }
+
+    getScript() {
+        return `
+$.define('ntdlg', {
+    ICON_INFO: 'info circle icon',
+    ICON_ALERT: 'yellow exclamation circle icon',
+    ICON_ERROR: 'red times circle icon',
+    ICON_SUCCESS: 'green check circle icon',
+    ICON_QUESTION: 'question circle icon',
+    ICON_INPUT: 'edit icon',
+    dialogTmpl:
+        '<div id="%ID%" class="ui %MODAL% modal">' +
+        '  <div class="header">%TITLE%</div>' +
+        '  <div class="image content">%CONTENT%</div>' +
+        '  <div class="actions">%BUTTONS%</div>' +
+        '</div>',
+    iconTmpl:
+        '<i class="big %ICON%"></i>',
+    messageTmpl:
+        '%ICON%' +
+        '<div class="description">%MESSAGE%</div>',
+    buttonTmpl:
+        '<div id="%ID%" class="ui %TYPE% button">%CAPTION%</div>',
+    create(id, title, message, options) {
+        const self = this;
+        const dlg_id = '#' + id;
+        $(dlg_id).remove();
+        if ($.ntdlg.moved && $.ntdlg.moved.refs[id] !== undefined) {
+            $('div.' + $.ntdlg.moved.refs[id]).remove();
+            delete $.ntdlg.moved.refs[id];
+        }
+        const modal = {
+            closable: options.closable !== undefined ? options.closable : true
+        }
+        const buttons = [];
+        const handlers = [];
+        const okay = ['approve', 'positive', 'ok'];
+        const nope = ['deny', 'negative', 'cancel'];
+        let cnt = 0;
+        if (options.buttons) {
+            Object.keys(options.buttons).forEach(k => {
+                const v = options.buttons[k];
+                let caption, btnType, handler;
+                if (typeof v === 'object') {
+                    caption = v.caption ? v.caption : k;
+                    btnType = v.type ? v.type : 'secondary';
+                    handler = typeof v.handler === 'function' ? v.handler : null;
+                } else {
+                    caption = k;
+                    btnType = 0 === cnt ? 'primary' : 'secondary';
+                    handler = typeof v === 'function' ? v : null;
+                }
+                const btnid = id + '_btn_' + k.replace(/\W+/g, "-").toLowerCase();
+                buttons.push($.util.template(self.buttonTmpl, {
+                    ID: btnid,
+                    TYPE: btnType,
+                    CAPTION: caption
+                }));
+                if (handler) {
+                    if (!modal.onApprove) {
+                        okay.forEach(v => {
+                            if (btnType.indexOf(v) >= 0) {
+                                modal.onApprove = handler;
+                                handler = null;
+                                return true;
+                            }
+                        });
+                    }
+                    if (!modal.onDeny) {
+                        nope.forEach(v => {
+                            if (btnType.indexOf(v) >= 0) {
+                                modal.onDeny = handler;
+                                handler = null;
+                                return true;
+                            }
+                        });
+                    }
+                }
+                if (typeof handler === 'function') {
+                    handlers.push({id: btnid, handler: handler});
+                }
+                cnt++;
+            });
+        }
+        if (typeof options.show === 'function') {
+            modal.onShow = options.show;
+        }
+        if (typeof options.hide === 'function') {
+            modal.onHidden = options.hide;
+        }
+        const content = $.util.template(self.dialogTmpl, {
+            ID: id,
+            TITLE: title,
+            MODAL: options.size ? options.size : 'tiny',
+            BUTTONS: buttons.join(''),
+            CONTENT: message
+        });
+        $(document.body).append(content);
+        const dlg = $(dlg_id);
+        // move embedded modal
+        const bd = dlg.find('.content');
+        const d = bd.find('.ui.modal');
+        if (d.length) {
+            if (!$.ntdlg.moved) {
+                $.ntdlg.moved = {count: 0, refs: {}}
+            }
+            $.ntdlg.moved.count++;
+            const movedDlg = id + '-moved-' + $.ntdlg.moved.count;
+            $.ntdlg.moved.refs[id] = movedDlg;
+            d.addClass(movedDlg);
+            d.appendTo($(document.body));
+        }
+        if (buttons.length === 0) {
+            dlg.find('.actions').hide();
+        }
+        Object.values(handlers).forEach(v => {
+            $('#' + v.id).on('click', function(e) {
+                e.preventDefault();
+                v.handler.apply(dlg);
+            });
+        });
+        dlg.modal(modal);
+        return dlg;
+    },
+    show(dlg) {
+        if (dlg && !this.isVisible(dlg)) {
+            if (typeof dlg === 'string') {
+                dlg = $('#' + dlg);
+            }
+            dlg.modal('show');
+        }
+    },
+    close(dlg) {
+        if (dlg) {
+            if (typeof dlg === 'string') {
+                dlg = $('#' + dlg);
+            }
+            dlg.modal('hide');
+        }
+    },
+    isVisible(dlg) {
+        if (dlg) {
+            if (typeof dlg === 'string') {
+                dlg = $('#' + dlg);
+            }
+            if (dlg.length) {
+                if (dlg.hasClass('modal') && dlg.is(':visible')) {
+                    return true;
+                }
+            }
+            return false;
+        }
+    },
+    getBody(dlg) {
+        if (dlg) {
+            if (typeof dlg === 'string') {
+                dlg = $('#' + dlg);
+            }
+            return dlg.find('.content:first');
+        }
+    },
+    dialog(id, title, message, icon, buttons, close_cb) {
+        const self = this;
+        icon = icon || self.ICON_INFO;
+        buttons = buttons || [];
+        message = $.util.template(self.messageTmpl, {
+            ICON: $.util.template(self.iconTmpl, {ICON: icon}),
+            MESSAGE: message
+        });
+        const dlg = self.create(id, title, message, {
+            closable: false,
+            buttons: buttons,
+            hide() {
+                if (typeof close_cb === 'function') {
+                    close_cb();
+                }
+            }
+        });
+        dlg.modal('show');
+        return dlg;
+    }
+}, true);
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Dialog;

package/SemanticUI/Loader.js

@@ -0,0 +1,157 @@
+/**
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2018-2025 Toha <tohenk@yahoo.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
+ * of the Software, and to permit persons to whom the Software is furnished to do
+ * so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+const { ScriptRepository, ScriptManager } = require('@ntlab/ntjs');
+const SemanticUI = ScriptManager.require('SemanticUI');
+
+/**
+ * SemanticUI/Loader script repository.
+ */
+class Loader extends SemanticUI {
+
+    initialize() {
+        this.name = 'Loader';
+        this.position = ScriptRepository.POSITION_MIDDLE;
+        this.addDependencies(['SemanticUI', 'JQuery/Util']);
+    }
+
+    getScript() {
+        return `
+$.loader = function(container, options) {
+    const loader = {
+        container: container,
+        url: options.url,
+        column: options.column || 0,
+        load(page) {
+            const self = this;
+            self.page = page || self.page || 1;
+            $.get(self.url.replace(/PAGE/, self.page))
+                .done(function(json) {
+                    if (json.items) {
+                        self.add(json.items);
+                        if (json.count !== undefined) {
+                            self.buildInfo(json.items, json.count);
+                        }
+                    }
+                    if (json.pages && json.pages.length) {
+                        self.buildNav(json.pages);
+                    }
+                    if (typeof options.loaded === 'function') {
+                        options.loaded.call(self, json);
+                    }
+                });
+        },
+        add(items) {
+            const self = this;
+            items = Array.isArray(items) ? items : [items];
+            let tbody = self.container.find('tbody');
+            if (tbody.length) {
+                tbody.remove();
+            }
+            $('<tbody></tbody>').appendTo(self.container);
+            tbody = self.container.find('tbody');
+            items.forEach(item => {
+                const row = options.formatRow.call(self, item);
+                row.appendTo(tbody);
+            });
+        },
+        buildInfo(items, count) {
+            const self = this;
+            const title = self.container.siblings('.x-title');
+            if (title.length) {
+                switch (count) {
+                    case 0:
+                        title.html('${this.translate('No result')}');
+                        break;
+                    case 1:
+                        title.html('${this.translate('Showing one result')}');
+                        break;
+                    default:
+                        title.html($.util.template('${this.translate('Showing result from %FIRST% to %LAST% of %COUNT%')}', {
+                            FIRST: items[0].nr,
+                            LAST: items[items.length - 1].nr,
+                            COUNT: count
+                        }));
+                        break;
+                }
+            }
+        },
+        buildNav(items) {
+            const self = this;
+            let tfoot = self.container.find('tfoot');
+            if (tfoot.length) {
+                tfoot.remove();
+            }
+            $('<tfoot></tfoot>').appendTo(self.container);
+            tfoot = self.container.find('tfoot');
+            const menus = [];
+            items.forEach(item => {
+                if (item.icon) {
+                    menus.push($.util.template('<a class="icon item" data-page="%PAGE%">' +
+                        '<i class="%ICON%"></i></a>', {PAGE: item.page, ICON: item.icon}));
+                } else {
+                    menus.push($.util.template('<a class="%CLASS%" data-page="%PAGE%">%PAGE%</a>', {
+                        CLASS: 'item' + (item.page === self.page ? ' active' : ''),
+                        PAGE: item.page
+                    }));
+                }
+            });
+            if (self.column === 0) {
+                self.column = self.container.find('thead tr th').length;
+            }
+            $('<tr><th colspan="' + self.column + '">' +
+                '<div class="ui right floated pagination menu">' + menus.join('') +
+                '</div></th></tr>').appendTo(tfoot);
+            tfoot.find('a.item').on('click', function(e) {
+                e.preventDefault();
+                const page = parseInt($(this).attr('data-page'));
+                self.load(page);
+            });
+        },
+        iconOverlay(icon, overlay) {
+            icon = '<i class="' + icon + ' icon"></i>';
+            if (overlay) {
+                icon = '<i class="icons">' + icon + '<i class="corner ' + overlay + ' icon"></i></i>'
+            }
+            return icon;
+        },
+        icon(type) {
+            type = --type;
+            const icons = ['phone', 'voicemail', 'paper plane', 'envelope', 'bullhorn', 'bell'];
+            if (type >= 0 && type < icons.length) {
+                return this.iconOverlay(icons[type]);
+            }
+        }
+    }
+    return loader;
+}
+`;
+    }
+
+    static instance() {
+        return new this();
+    }
+}
+
+module.exports = Loader;