feature-toggle-api 4.1.0 → 5.0.0

package/dist/feature-toggle.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-toggle.min.js","sources":["../src/plugins/urlplugin/plugin-url.ts","../src/plugins/htmlplugin/plugin-html.ts","../src/featureToggle.ts"],"sourcesContent":["interface URLPluginConfig{\n    useMockedWindow?: boolean,\n    url?: string,\n    prefix?: string\n\n}\n\nfunction useWindowMock(){\n    return {\n        isMocked: true,\n        decodeURIComponent:function(param1){\n            return param1;\n        }\n    }\n}\n\ndeclare global {\n    interface Window {\n      isMocked: boolean\n    }\n  }\n\n  declare var window: Window;\n\nfunction parseValue(value){\n    if(value === 'true')\n        return true;\n    return false;\n}\n\nfunction getParams(url,window) {\n    var params = {};\n    if (!url) \n        return [];\n    \n    var urlparts = url.split(\"?\");\n\n    //no params available for url\n    if(urlparts.length < 2)\n        return [];\n\n    const parts = urlparts[1].split('&');\n\n    parts.forEach(function (part) {\n    var pair = part.split('=');\n    pair[0] = window.decodeURIComponent(pair[0]);\n    pair[1] = parseValue(window.decodeURIComponent(pair[1]));\n    params[pair[0]] = (pair[1] !== 'undefined') ?\n        pair[1] : true;\n    });\n\n    return params;\n  }\n\n function urlPlugin(config: URLPluginConfig={}) {\n    let _window;\n\n    if(config.useMockedWindow)\n        _window = useWindowMock();\n    else\n        _window = window;\n    \n    config = Object.assign({},{\n        url: _window.isMocked ? \"\" : _window.location.href,\n        prefix: \"\"\n    },config);\n\n    \n\n    return function(api){\n        api.url = config.url;\n        const urlparams = getParams(config.url,_window);\n        const prefix = config.prefix;\n\n        Object.keys(urlparams).forEach(key => {\n            if(!key.startsWith(prefix))\n                return;\n                \n            const keyWithoutPrefix = key.replace(prefix,\"\");\n            api.visibility(keyWithoutPrefix,urlparams[key]);\n        });\n\n        return {name: 'urlplugin'};\n    }\n\n}\n\nexport {\n    urlPlugin\n}","type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';\n\ninterface HtmlPluginConfig {\n    renderedTag?: string,\n    featureTagName?: string,\n    tagAttributeName?: string,\n    nameAttributeName?:string,\n    variantAttributeName?: string,\n    dataAttributeName?: string,\n    displayAttributeName?: string,\n    defaultDisplay?: Display,\n}\n\n/*\n    creates a tag that is shown / hidden, depending on the visibility rules.\n    if not configured dynamically, it looks like this:\n    <feature name=\"featurename\" variant=\"variantname\" data=\"data\">content </feature>\n\n    Parameter: (config)\n    - config.featureTagName: name of the tag. Default: \"feature\"\n    - nameAttributeName: Name of the Name-Attribute: default: \"name\"\n    - variantAttributeName: Name of the Variant-Attribute: default: \"variant\"\n*/\nconst defaultparams :HtmlPluginConfig = {\n    renderedTag: 'div',\n    featureTagName: 'feature',\n    tagAttributeName: 'tag',\n    nameAttributeName:'name',\n    variantAttributeName: 'variant',\n    dataAttributeName: 'data',\n    displayAttributeName: 'display',\n    defaultDisplay: 'block',\n}\nfunction parseDataAttribute(attrAsString){\n    try{\n        return JSON.parse(attrAsString);\n    }\n    catch(e)\n    {\n        if(!isNaN(parseFloat(attrAsString)))\n            return parseFloat(attrAsString);\n        \n        return attrAsString;\n    }\n}\n\nfunction htmlPlugin(config :HtmlPluginConfig = {}) {\n    config = Object.assign({},defaultparams,config);\n\n    function renderFeatureTag(elem:HTMLElement,isVisible){\n        const tagname = elem.getAttribute(config.tagAttributeName) || config.renderedTag;\n        const attributes = Array.from(elem.attributes);\n        let attributesAsString = \"\";\n        attributes.forEach(attr => {\n            attributesAsString += ` ${attr.nodeName}=\"${attr.nodeValue.replace(/\"/g,\"&quot;\")}\"`;\n        });\n        const display = isVisible ? (elem.getAttribute(config.displayAttributeName) || config.defaultDisplay) : 'none';\n        elem.outerHTML = `<${tagname}  style=\"display:${display}\" _feature=\"true\" ${attributesAsString}>${elem.innerHTML}</${tagname}>`;\n    } \n    return function (api) {\n        var renderedTags :NodeListOf<HTMLElement> = window.document.querySelectorAll(config.featureTagName);\n        renderedTags.forEach(tag => { renderFeatureTag(tag,false) });\n\n        api.on('visibilityrule', function (event) {\n            var selector = `[_feature][${config.nameAttributeName}=\"${event.name}\"]`;\n            if (event.variant) selector += `[${config.variantAttributeName}=\"${event.variant}\"]`;\n            var elements :NodeListOf<HTMLElement> = document.querySelectorAll(selector);\n            elements.forEach(elem => { \n                const dataAsString = elem.getAttribute(config.dataAttributeName);\n                const data = parseDataAttribute(dataAsString);\n                \n                const isVisible = api.isVisible(event.name,event.variant,data);\n                renderFeatureTag(elem, isVisible);\n            });\n        })\n\n        return { name: 'htmlplugin' };\n    }\n}\n\nexport {\n    htmlPlugin\n}","interface OnConfiguration {\n    ignorePreviousRules: boolean\n}\ntype Plugin = (api) => Partial<FeatureToggleApi>;\n\ntype EventType = 'visibilityrule' | 'init' | 'registerEvent' | string;\ninterface OnEvent {\n    name: string,\n    variant: string,\n    data: any,\n    result?: boolean\n}\n\ntype FirstCharOfFeatureFlagKey = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' |\n    'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';\n    \ntype FeatureFlagKey = `${FirstCharOfFeatureFlagKey}${string}`;\ntype FeatureFlag = boolean | ((rule:Rule) => boolean);\ninterface FeatureToggleConfig {\n    [key: FeatureFlagKey]: FeatureFlag,\n    $plugins?: Plugin[]\n    /**\n     * @deprecated Use key`$plugins` instead.\n     */\n    _plugins?: Plugin[]\n\n    /**\n     * This rule will always run before the main rule. \n     * If it returns false, the main rules will be skipped and false is returned\n     */\n    $required?: FeatureFlag\n\n    /**\n     * This rule will always run after the main rule. \n     * If the main rule returns false, the result of the default rule will be taken.s\n     */\n    $default?: FeatureFlag\n}\n\ninterface Rule {\n    name: string,\n    variant: string,\n    data: any,\n    _internalCall?: true,\n    description?: string\n}\n\ninterface FeatureToggleApiBase {\n    name: string,\n    setData(name: string, dataParam?: any): void;\n    setData(name: string, variant: string, dataParam?: any): void,\n    setData(nameParam: string, variantOrDataParam: string | { [key: string]: any },\n        dataParam?: any): void;\n\n    on(eventType: EventType, fn: (event: OnEvent) => void, config?: OnConfiguration): void;\n    trigger(eventtype: EventType, param?: any);\n    showLogs(showLogs?: boolean): void\n\n    /**\n     * @deprecated Use `featureToggle.isActive` instead.\n     */\n    isVisible(name: string, variant?: string, data?: any): boolean\n\n    isActive(name: string, variant?: string, data?: any): boolean\n\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, result: boolean | ((rule: Rule) => boolean)): void,\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void\n\n    setFlag(name: string, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void\n\n    /**\n     * @deprecated Use `featureToggle.setRequiredFlag` instead.\n     */\n    requiredVisibility(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * @deprecated Use `featureToggle.setDefaultFlag` instead.\n     */\n    defaultVisibility(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * This rule will run first and only if it is true, the feature.setFlag() - rules apply.\n     * In other words: if the required-rule returns false, all feature.setFlag-rules return false - regardless of its normal result.\n     * @param fn \n     */\n    setRequiredFlag(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * This is the default-rule and will be overwritten by feature.setFlag() - rules.\n     * In other words: If feature.setFlag == false, the result of the defaultRule applies.\n     * @param fn DefaultRule\n     */\n    setDefaultFlag(fn: boolean | ((result: Rule) => boolean)): void\n\n    addPlugin(plugin: Plugin)\n}\n\ntype FeatureToggleApi = FeatureToggleApiBase & Record<string, any>;\n\nfunction parseToFn(fnOrBool: boolean | ((param?: any) => boolean)) {\n    if (typeof fnOrBool == 'boolean')\n        return function () { return fnOrBool };\n\n    return fnOrBool;\n}\n\nfunction getKey(name: string, variant?: string): string {\n    var _name = name.toLowerCase();\n    if (variant && typeof variant == 'string') {\n        _name += \"#\" + variant.toLowerCase();\n    }\n\n    return _name;\n}\n\nfunction initVisibilities(visibilities: FeatureToggleConfig = {}) {\n    const returnVisibilities = {};\n    Object.keys(visibilities).forEach(key => {\n        if (key.startsWith('_') || key.startsWith('$'))\n            return;\n        returnVisibilities[getKey(key)] = parseToFn(visibilities[key]);\n    });\n    return returnVisibilities;\n}\n\nfunction useFeatureToggle(config: FeatureToggleConfig = {}): FeatureToggleApi {\n\n    const globals = {\n        datas: {},\n        listeners: {},\n        visibilities: initVisibilities(config),\n        showLogs: false,\n        usedPlugins: [],\n    }\n\n    function init(api: FeatureToggleApi) {\n        if(config.$default){\n            api.setDefaultFlag(config.$default);\n        }\n\n        if(config.$required){\n            api.setRequiredFlag(config.$required);\n        }\n\n        const allPlugins = [...(config.$plugins||[]),...(config._plugins||[])];\n        if(config._plugins){\n            console.log('useFeatureToggle({_plugins:[]}): Key _plugins is deprecated. Use $plugins instead. This attribute will be removed in one of the next major versions.');\n        }\n\n\n        if (allPlugins.length) {\n            allPlugins.forEach(plugin => {\n                if (typeof plugin !== 'function')\n                    throw new Error('featuretoggleapi()-constructor: config.plugins needs functions as entries, not ' + typeof plugin + '.');\n\n                api.addPlugin(plugin);\n            });\n        }\n\n        triggerEvent('init');\n    }\n\n    function triggerEvent(eventtype: EventType, param?: any) {\n        (globals.listeners[eventtype] || []).forEach(listener => {\n            listener(param);\n        });\n    }\n\n    const log = function (message) {\n        if (!globals.showLogs)\n            return;\n\n        //Nur Browser können Syntaxhighlighting die anderen geben die Nachricht einfach aus und schneiden\n        //die styletags raus\n        if (typeof window === 'undefined') {\n            const loggedMessage = message.replace(/<b>/g, \"\");\n            console.log(loggedMessage);\n            return;\n        }\n\n        var hasBoldTag = message.indexOf('<b>') != -1;\n        var hasVisibleKeyword = message.indexOf('visible') != -1;\n        var hasHiddenKeyword = message.indexOf('hidden') != -1;\n\n        var _message = message.replace('visible', '%cvisible');\n        _message = _message.replace('hidden', '%chidden');\n\n        if (hasVisibleKeyword)\n            console.log(_message, \"color:green;font-weight:bold;\");\n        else if (hasHiddenKeyword)\n            console.log(_message, \"color:red;font-weight:bold;\");\n        else if (hasBoldTag) {\n            _message = _message.replace('<b>', '%c');\n            var parts = [_message, 'font-weight:bold;']\n            console.log.apply(null, parts);\n        }\n        else\n            console.log(message);\n    }\n\n    const logAndReturn = function (returnValue, message) {\n        log(message);\n        log('');\n        return returnValue;\n    }\n\n    const getVisibility = function (visibilityFn, functionname, name, variant, data) {\n        if (visibilityFn == null)\n            return undefined;\n\n        var calculatedVisibility = visibilityFn({ name: name, variant: variant, data: data });\n\n        if (typeof calculatedVisibility == 'boolean') {\n            return calculatedVisibility;\n        }\n\n        return logAndReturn(false, `The ${functionname} returns ${calculatedVisibility}. => Please return true or false. This result (and all non-boolean results) will return false.`);\n    }\n\n    function parseKey(key: string): OnEvent {\n        const parts = key.split('#');\n        return {\n            name: parts[0],\n            variant: parts.length > 1 ? parts[1] : undefined,\n            data: globals.datas[key],\n        }\n    }\n\n    /*\n        the following calls are possible:\n        visibility(name,result);\n        visibility(name,variant,result);\n        visibility(name,variant,data,result);\n    \n        =>\n        param1: name\n        param2: result || variant\n        param3: result || data\n        param4: result\n    */\n    function visibilityFnParams(param1, param2, param3, param4) {\n        //name must always be set\n        if (param1 == undefined)\n            throw new Error('feature.visibility(): 1st parameter name must be defined');\n\n        if (arguments.length == 1)\n            throw new Error('feature.visibility(): 2nd parameter name must be a boolean or function, but is empty');\n\n        let name = param1, variant = null, data = null, result = null;\n        if (param3 == undefined && param4 == undefined) {\n            result = param2;\n        }\n        else if (param4 == undefined) {\n            variant = param2;\n            result = param3;\n        }\n        else {\n            variant = param2;\n            data = param3;\n            result = param4;\n        }\n\n        return {\n            name,\n            variant,\n            data,\n            result\n        }\n    }\n\n    function getEvent(name: string, variant: string, data?, result?: any) {\n\n        let event;\n\n        event = { name, variant, data };\n\n        event.key = getKey(event.name, event.variant);\n\n        if (result == null)\n            return event;\n\n        event.visibilityFunction = parseToFn(result);\n        event.result = event.visibilityFunction({\n            name: event.name,\n            variant: event.variant,\n            data: event.data || {},\n            _internalCall: true,\n            description: 'When attaching a function, the result must be calculated internally. You can filter this out with the _internalCall:true -Flag.'\n        })\n        return event;\n    }\n\n\n\n    function isActive(name: string, variant?: string, data?: any): boolean {\n        const visibilities = globals.visibilities;\n\n        log(`\\nCheck Visibility of <b>Feature \"${name}\", variant \"${variant == undefined ? '' : variant}\"${data ? \" with data \" + JSON.stringify(data) : \"\"}.`);\n        if (name == undefined)\n            throw new Error('The attribute \"name\" is required for tag <feature></feature>. Example: <feature name=\"aname\"></feature>');\n\n        var requiredFn = visibilities['_required'];\n        var requiredFnExists = visibilities['_required'] != null;\n        var requiredFnResult = getVisibility(requiredFn, 'requiredVisibility', name, variant, data);\n\n        var visibilityFnKey = getKey(name, variant);\n        var visibilityFn = visibilities[visibilityFnKey];\n        var visibilityFnExists = visibilities[visibilityFnKey] != null;\n        var visibilityFnResult = getVisibility(visibilityFn, 'visibility function', name, variant, data);\n\n        var variantExists = variant != null;\n        var visibilityOnlyNameFnKey = getKey(name, null);\n        var visibilityOnlyNameFn = visibilities[visibilityOnlyNameFnKey];\n        var visibilityOnlyNameFnExists = visibilities[visibilityOnlyNameFnKey] != null;\n        var visibilityOnlyNameFnResult = getVisibility(visibilityOnlyNameFn, 'visibility function (only name)', name, variant, data);\n\n        var defaultFn = visibilities['_default'];\n        var defaultFnExists = visibilities['_default'] != null;\n        var defaultFnResult = getVisibility(defaultFn, 'defaultVisibility', name, variant, data);\n\n        if (!requiredFnExists)\n            log(\"No requiredVisibility rule specified for this feature.\");\n        else if (requiredFnExists && requiredFnResult === true)\n            log(\"The requiredVisibility rule returns true. This feature will be shown when no other rule rejects it.\")\n        else if (requiredFnExists && requiredFnResult === false)\n            return logAndReturn(false, \"The requiredVisibility rule returns false. This feature will be hidden.\");\n\n        if (visibilityFnExists)\n            return logAndReturn(visibilityFnResult, `The visibility rule returns ${visibilityFnResult}. This feature will be ${visibilityFnResult ? 'visible' : 'hidden'}.`);\n        log('No visibility rule found matching name and variant.');\n\n        if (variantExists && typeof visibilityOnlyNameFnResult == 'boolean')\n            return logAndReturn(visibilityOnlyNameFnResult, `Found a visibility rule for name ${name} without variants. The rule returns ${visibilityOnlyNameFnResult}. => This feature will be ${visibilityOnlyNameFnResult ? 'visible' : 'hidden'}.`);\n        else if (variantExists)\n            log(`No rules found for name ${name} without variants.`)\n\n\n        if (defaultFnExists)\n            return logAndReturn(defaultFnResult, `Found a defaultVisibility rule. The rule returns ${defaultFnResult}. => This feature will be ${defaultFnResult ? 'visible' : 'hidden'}.`);\n        log(`No default rule found.`)\n\n        if (requiredFnExists)\n            return logAndReturn(true, `Only the requiredVisibility rule was found. This returned true. => This feature will be visible.`);\n\n        return logAndReturn(false, 'No rules were found. This feature will be hidden.');\n    }\n\n    const api: FeatureToggleApi = {\n        name: 'feature-toggle-api',\n        setData: function (nameParam, variantOrDataParam, dataParam?): void {\n            if (nameParam == undefined)\n                throw new Error('setData(): The name must of the feature must be defined, but ist undefined');\n\n            const variant = (dataParam != undefined ? variantOrDataParam : undefined) as string;\n            const data = dataParam || variantOrDataParam;\n\n            const event = getEvent(nameParam, variant, data);\n\n            globals.datas[event.key] = event.data;\n\n            triggerEvent('visibilityrule', event);\n        },\n        on(eventtype: EventType, fn, config?) {\n            globals.listeners[eventtype] = globals.listeners[eventtype] || [];\n            globals.listeners[eventtype].push(fn);\n\n            triggerEvent('registerEvent', {\n                type: eventtype\n            })\n            if (config != undefined && config.ignorePreviousRules)\n                return;\n\n            \n            Object.keys(globals.visibilities).forEach(key => {\n                const event = parseKey(key);\n                const rule = globals.visibilities[key];\n                event.result = rule(event);\n                fn(event);\n            });\n        },\n        trigger: triggerEvent,\n        showLogs: function (showLogs?: boolean): void {\n            globals.showLogs = showLogs == undefined ? true : showLogs;\n        },\n        isVisible(name,variant,data){\n            console.log('featureToggle.isVisible is deprecated. use featureToggle.isActive instead. This function will be removed in one of the next major versions.');\n            return isActive(name,variant,data);\n        },\n        isActive,\n        /**\n            the following function calls are possible:\n            visibility(name,result);\n            visibility(name,variant,result);\n            visibility(name,variant,data,result);\n         */\n        setFlag(name, resultOrVariant, resultOrData?, result?) {\n            const params = visibilityFnParams(name, resultOrVariant, resultOrData, result);\n            const event = getEvent(params.name, params.variant, params.data, params.result);\n\n            globals.visibilities[event.key] = event.visibilityFunction;\n            globals.datas[event.key] = event.data;\n            triggerEvent('visibilityrule', event);\n        },\n        visibility: function (name, resultOrVariant, resultOrData?, result?) {\n            console.log('featureToggle.visibility is deprecated. use featureToggle.setVisibility instead. This function will be removed in one of the next major versions.');\n\n            api.setFlag(name, resultOrVariant, resultOrData, result);\n        },\n        requiredVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setRequiredFlag(fn);\n        },\n        defaultVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setDefaultFlag(fn);\n        },\n        setRequiredFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.setRequiredFlag(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_required'] = parseToFn(fn);\n        },\n        setDefaultFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.defaultVisibility(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_default'] = parseToFn(fn);\n        },\n        addPlugin: function (plugin) {\n            if (globals.usedPlugins.includes(plugin))\n                return;\n\n            const newPlugin = plugin(api);\n\n            for(let _key of Object.keys(newPlugin)){\n                api[_key] = newPlugin[_key];\n            }\n\n            globals.usedPlugins.push(plugin);\n        },\n    };\n    init(api);\n\n    return api;\n}\n\nexport default useFeatureToggle;"],"names":["urlPlugin","config","_window","useMockedWindow","isMocked","decodeURIComponent","param1","window","Object","assign","url","location","href","prefix","api","urlparams","params","urlparts","split","length","forEach","part","pair","getParams","keys","key","startsWith","keyWithoutPrefix","replace","visibility","name","defaultparams","renderedTag","featureTagName","tagAttributeName","nameAttributeName","variantAttributeName","dataAttributeName","displayAttributeName","defaultDisplay","htmlPlugin","renderFeatureTag","elem","isVisible","tagname","getAttribute","attributes","Array","from","attributesAsString","attr","nodeName","nodeValue","display","outerHTML","innerHTML","document","querySelectorAll","tag","on","event","selector","variant","data","attrAsString","JSON","parse","e","isNaN","parseFloat","parseDataAttribute","parseToFn","fnOrBool","getKey","_name","toLowerCase","initVisibilities","visibilities","returnVisibilities","useFeatureToggle","globals","datas","listeners","showLogs","usedPlugins","triggerEvent","eventtype","param","listener","log","message","hasBoldTag","indexOf","hasVisibleKeyword","hasHiddenKeyword","_message","console","parts","apply","loggedMessage","logAndReturn","returnValue","getVisibility","visibilityFn","functionname","calculatedVisibility","getEvent","result","visibilityFunction","_internalCall","description","isActive","undefined","stringify","Error","requiredFn","requiredFnExists","requiredFnResult","visibilityFnKey","visibilityFnExists","visibilityFnResult","variantExists","visibilityOnlyNameFn","visibilityOnlyNameFnResult","defaultFn","defaultFnExists","defaultFnResult","setData","nameParam","variantOrDataParam","dataParam","fn","push","type","ignorePreviousRules","parseKey","rule","trigger","setFlag","resultOrVariant","resultOrData","param2","param3","param4","arguments","visibilityFnParams","requiredVisibility","setRequiredFlag","defaultVisibility","setDefaultFlag","addPlugin","plugin","includes","newPlugin","_key","$default","$required","allPlugins","$plugins","_plugins","init"],"mappings":"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"}

package/dist/feature-toggle.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(e="undefined"!=typeof globalThis?globalThis:e||self).useFeatureToggle=i()}(this,(function(){"use strict";function e(e){return"boolean"==typeof e?function(){return e}:e}function i(e,i){var t=e.toLowerCase();return i&&"string"==typeof i&&(t+="#"+i.toLowerCase()),t}function t(t={}){const n={};return Object.keys(t).forEach((l=>{l.startsWith("_")||l.startsWith("$")||(n[i(l)]=e(t[l]))})),n}return function(n={}){const l={datas:{},listeners:{},visibilities:t(n),showLogs:!1,usedPlugins:[]};function r(e,i){(l.listeners[e]||[]).forEach((e=>{e(i)}))}const s=function(e){if(l.showLogs)if("undefined"!=typeof window){var i=-1!=e.indexOf("<b>"),t=-1!=e.indexOf("visible"),n=-1!=e.indexOf("hidden"),r=e.replace("visible","%cvisible");if(r=r.replace("hidden","%chidden"),t)console.log(r,"color:green;font-weight:bold;");else if(n)console.log(r,"color:red;font-weight:bold;");else if(i){var s=[r=r.replace("<b>","%c"),"font-weight:bold;"];console.log.apply(null,s)}else console.log(e)}else{const i=e.replace(/<b>/g,"");console.log(i)}},o=function(e,i){return s(i),s(""),e},u=function(e,i,t,n,l){if(null!=e){var r=e({name:t,variant:n,data:l});return"boolean"==typeof r?r:o(!1,`The ${i} returns ${r}. => Please return true or false. This result (and all non-boolean results) will return false.`)}};function a(t,n,l,r){let s;return s={name:t,variant:n,data:l},s.key=i(s.name,s.variant),null==r||(s.visibilityFunction=e(r),s.result=s.visibilityFunction({name:s.name,variant:s.variant,data:s.data||{},_internalCall:!0,description:"When attaching a function, the result must be calculated internally. You can filter this out with the _internalCall:true -Flag."})),s}function f(e,t,n){const r=l.visibilities;if(s(`\nCheck Visibility of <b>Feature "${e}", variant "${null==t?"":t}"${n?" with data "+JSON.stringify(n):""}.`),null==e)throw new Error('The attribute "name" is required for tag <feature></feature>. Example: <feature name="aname"></feature>');var a=r._required,f=null!=r._required,d=u(a,"requiredVisibility",e,t,n),c=i(e,t),b=r[c],g=null!=r[c],h=u(b,"visibility function",e,t,n),v=null!=t,y=r[i(e,null)],p=u(y,"visibility function (only name)",e,t,n),m=r._default,w=null!=r._default,T=u(m,"defaultVisibility",e,t,n);if(f){if(f&&!0===d)s("The requiredVisibility rule returns true. This feature will be shown when no other rule rejects it.");else if(f&&!1===d)return o(!1,"The requiredVisibility rule returns false. This feature will be hidden.")}else s("No requiredVisibility rule specified for this feature.");return g?o(h,`The visibility rule returns ${h}. This feature will be ${h?"visible":"hidden"}.`):(s("No visibility rule found matching name and variant."),v&&"boolean"==typeof p?o(p,`Found a visibility rule for name ${e} without variants. The rule returns ${p}. => This feature will be ${p?"visible":"hidden"}.`):(v&&s(`No rules found for name ${e} without variants.`),w?o(T,`Found a defaultVisibility rule. The rule returns ${T}. => This feature will be ${T?"visible":"hidden"}.`):(s("No default rule found."),f?o(!0,"Only the requiredVisibility rule was found. This returned true. => This feature will be visible."):o(!1,"No rules were found. This feature will be hidden."))))}const d={name:"feature-toggle-api",setData:function(e,i,t){if(null==e)throw new Error("setData(): The name must of the feature must be defined, but ist undefined");const n=a(e,null!=t?i:void 0,t||i);l.datas[n.key]=n.data,r("visibilityrule",n)},on(e,i,t){l.listeners[e]=l.listeners[e]||[],l.listeners[e].push(i),r("registerEvent",{type:e}),null!=t&&t.ignorePreviousRules||Object.keys(l.visibilities).forEach((e=>{const t=function(e){const i=e.split("#");return{name:i[0],variant:i.length>1?i[1]:void 0,data:l.datas[e]}}(e),n=l.visibilities[e];t.result=n(t),i(t)}))},trigger:r,showLogs:function(e){l.showLogs=null==e||e},isVisible:(e,i,t)=>(console.log("featureToggle.isVisible is deprecated. use featureToggle.isActive instead. This function will be removed in one of the next major versions."),f(e,i,t)),isActive:f,setFlag(e,i,t,n){const s=function(e,i,t,n){if(null==e)throw new Error("feature.visibility(): 1st parameter name must be defined");if(1==arguments.length)throw new Error("feature.visibility(): 2nd parameter name must be a boolean or function, but is empty");let l=null,r=null,s=null;return null==t&&null==n?s=i:null==n?(l=i,s=t):(l=i,r=t,s=n),{name:e,variant:l,data:r,result:s}}(e,i,t,n),o=a(s.name,s.variant,s.data,s.result);l.visibilities[o.key]=o.visibilityFunction,l.datas[o.key]=o.data,r("visibilityrule",o)},visibility:function(e,i,t,n){console.log("featureToggle.visibility is deprecated. use featureToggle.setVisibility instead. This function will be removed in one of the next major versions."),d.setFlag(e,i,t,n)},requiredVisibility:function(e){console.log("featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions."),d.setRequiredFlag(e)},defaultVisibility:function(e){console.log("featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions."),d.setDefaultFlag(e)},setRequiredFlag(i){if("function"!=typeof i)throw new Error("feature.setRequiredFlag(): 1st parameter must be a function, but is "+typeof i);l.visibilities._required=e(i)},setDefaultFlag(i){if("function"!=typeof i)throw new Error("feature.defaultVisibility(): 1st parameter must be a function, but is "+typeof i);l.visibilities._default=e(i)},addPlugin:function(e){if(l.usedPlugins.includes(e))return;const i=e(d);for(let e of Object.keys(i))d[e]=i[e];l.usedPlugins.push(e)}};return function(e){n.$default&&e.setDefaultFlag(n.$default),n.$required&&e.setRequiredFlag(n.$required);const i=[...n.$plugins||[],...n._plugins||[]];n._plugins&&console.log("useFeatureToggle({_plugins:[]}): Key _plugins is deprecated. Use $plugins instead. This attribute will be removed in one of the next major versions."),i.length&&i.forEach((i=>{if("function"!=typeof i)throw new Error("featuretoggleapi()-constructor: config.plugins needs functions as entries, not "+typeof i+".");e.addPlugin(i)})),r("init")}(d),d}}));
-//# sourceMappingURL=feature-toggle.umd.min.js.map

package/dist/feature-toggle.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feature-toggle.umd.min.js","sources":["../src/featureToggle.ts"],"sourcesContent":["interface OnConfiguration {\n    ignorePreviousRules: boolean\n}\ntype Plugin = (api) => Partial<FeatureToggleApi>;\n\ntype EventType = 'visibilityrule' | 'init' | 'registerEvent' | string;\ninterface OnEvent {\n    name: string,\n    variant: string,\n    data: any,\n    result?: boolean\n}\n\ntype FirstCharOfFeatureFlagKey = 'a' | 'b' | 'c' | 'd' | 'e' | 'f' | 'g' | 'h' | 'i' | 'j' | 'k' | 'l' | 'm' | 'n' | 'o' | 'p' | 'q' | 'r' | 's' | 't' | 'u' | 'v' | 'w' | 'x' | 'y' | 'z' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' |\n    'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';\n    \ntype FeatureFlagKey = `${FirstCharOfFeatureFlagKey}${string}`;\ntype FeatureFlag = boolean | ((rule:Rule) => boolean);\ninterface FeatureToggleConfig {\n    [key: FeatureFlagKey]: FeatureFlag,\n    $plugins?: Plugin[]\n    /**\n     * @deprecated Use key`$plugins` instead.\n     */\n    _plugins?: Plugin[]\n\n    /**\n     * This rule will always run before the main rule. \n     * If it returns false, the main rules will be skipped and false is returned\n     */\n    $required?: FeatureFlag\n\n    /**\n     * This rule will always run after the main rule. \n     * If the main rule returns false, the result of the default rule will be taken.s\n     */\n    $default?: FeatureFlag\n}\n\ninterface Rule {\n    name: string,\n    variant: string,\n    data: any,\n    _internalCall?: true,\n    description?: string\n}\n\ninterface FeatureToggleApiBase {\n    name: string,\n    setData(name: string, dataParam?: any): void;\n    setData(name: string, variant: string, dataParam?: any): void,\n    setData(nameParam: string, variantOrDataParam: string | { [key: string]: any },\n        dataParam?: any): void;\n\n    on(eventType: EventType, fn: (event: OnEvent) => void, config?: OnConfiguration): void;\n    trigger(eventtype: EventType, param?: any);\n    showLogs(showLogs?: boolean): void\n\n    /**\n     * @deprecated Use `featureToggle.isActive` instead.\n     */\n    isVisible(name: string, variant?: string, data?: any): boolean\n\n    isActive(name: string, variant?: string, data?: any): boolean\n\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, result: boolean | ((rule: Rule) => boolean)): void,\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,\n    /**\n     * @deprecated Use `featureToggle.setFlag` instead.\n     */\n    visibility(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void\n\n    setFlag(name: string, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, variant: string | null, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, variant: string | null, data: any, result: boolean | ((rule: Rule) => boolean)): void,\n    setFlag(name: string, resultOrVariant: string | null | boolean | ((rule: Rule) => boolean), resultOrData?: any, result?: boolean | (() => boolean)): void\n\n    /**\n     * @deprecated Use `featureToggle.setRequiredFlag` instead.\n     */\n    requiredVisibility(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * @deprecated Use `featureToggle.setDefaultFlag` instead.\n     */\n    defaultVisibility(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * This rule will run first and only if it is true, the feature.setFlag() - rules apply.\n     * In other words: if the required-rule returns false, all feature.setFlag-rules return false - regardless of its normal result.\n     * @param fn \n     */\n    setRequiredFlag(fn: boolean | ((result: Rule) => boolean)): void\n\n    /**\n     * This is the default-rule and will be overwritten by feature.setFlag() - rules.\n     * In other words: If feature.setFlag == false, the result of the defaultRule applies.\n     * @param fn DefaultRule\n     */\n    setDefaultFlag(fn: boolean | ((result: Rule) => boolean)): void\n\n    addPlugin(plugin: Plugin)\n}\n\ntype FeatureToggleApi = FeatureToggleApiBase & Record<string, any>;\n\nfunction parseToFn(fnOrBool: boolean | ((param?: any) => boolean)) {\n    if (typeof fnOrBool == 'boolean')\n        return function () { return fnOrBool };\n\n    return fnOrBool;\n}\n\nfunction getKey(name: string, variant?: string): string {\n    var _name = name.toLowerCase();\n    if (variant && typeof variant == 'string') {\n        _name += \"#\" + variant.toLowerCase();\n    }\n\n    return _name;\n}\n\nfunction initVisibilities(visibilities: FeatureToggleConfig = {}) {\n    const returnVisibilities = {};\n    Object.keys(visibilities).forEach(key => {\n        if (key.startsWith('_') || key.startsWith('$'))\n            return;\n        returnVisibilities[getKey(key)] = parseToFn(visibilities[key]);\n    });\n    return returnVisibilities;\n}\n\nfunction useFeatureToggle(config: FeatureToggleConfig = {}): FeatureToggleApi {\n\n    const globals = {\n        datas: {},\n        listeners: {},\n        visibilities: initVisibilities(config),\n        showLogs: false,\n        usedPlugins: [],\n    }\n\n    function init(api: FeatureToggleApi) {\n        if(config.$default){\n            api.setDefaultFlag(config.$default);\n        }\n\n        if(config.$required){\n            api.setRequiredFlag(config.$required);\n        }\n\n        const allPlugins = [...(config.$plugins||[]),...(config._plugins||[])];\n        if(config._plugins){\n            console.log('useFeatureToggle({_plugins:[]}): Key _plugins is deprecated. Use $plugins instead. This attribute will be removed in one of the next major versions.');\n        }\n\n\n        if (allPlugins.length) {\n            allPlugins.forEach(plugin => {\n                if (typeof plugin !== 'function')\n                    throw new Error('featuretoggleapi()-constructor: config.plugins needs functions as entries, not ' + typeof plugin + '.');\n\n                api.addPlugin(plugin);\n            });\n        }\n\n        triggerEvent('init');\n    }\n\n    function triggerEvent(eventtype: EventType, param?: any) {\n        (globals.listeners[eventtype] || []).forEach(listener => {\n            listener(param);\n        });\n    }\n\n    const log = function (message) {\n        if (!globals.showLogs)\n            return;\n\n        //Nur Browser können Syntaxhighlighting die anderen geben die Nachricht einfach aus und schneiden\n        //die styletags raus\n        if (typeof window === 'undefined') {\n            const loggedMessage = message.replace(/<b>/g, \"\");\n            console.log(loggedMessage);\n            return;\n        }\n\n        var hasBoldTag = message.indexOf('<b>') != -1;\n        var hasVisibleKeyword = message.indexOf('visible') != -1;\n        var hasHiddenKeyword = message.indexOf('hidden') != -1;\n\n        var _message = message.replace('visible', '%cvisible');\n        _message = _message.replace('hidden', '%chidden');\n\n        if (hasVisibleKeyword)\n            console.log(_message, \"color:green;font-weight:bold;\");\n        else if (hasHiddenKeyword)\n            console.log(_message, \"color:red;font-weight:bold;\");\n        else if (hasBoldTag) {\n            _message = _message.replace('<b>', '%c');\n            var parts = [_message, 'font-weight:bold;']\n            console.log.apply(null, parts);\n        }\n        else\n            console.log(message);\n    }\n\n    const logAndReturn = function (returnValue, message) {\n        log(message);\n        log('');\n        return returnValue;\n    }\n\n    const getVisibility = function (visibilityFn, functionname, name, variant, data) {\n        if (visibilityFn == null)\n            return undefined;\n\n        var calculatedVisibility = visibilityFn({ name: name, variant: variant, data: data });\n\n        if (typeof calculatedVisibility == 'boolean') {\n            return calculatedVisibility;\n        }\n\n        return logAndReturn(false, `The ${functionname} returns ${calculatedVisibility}. => Please return true or false. This result (and all non-boolean results) will return false.`);\n    }\n\n    function parseKey(key: string): OnEvent {\n        const parts = key.split('#');\n        return {\n            name: parts[0],\n            variant: parts.length > 1 ? parts[1] : undefined,\n            data: globals.datas[key],\n        }\n    }\n\n    /*\n        the following calls are possible:\n        visibility(name,result);\n        visibility(name,variant,result);\n        visibility(name,variant,data,result);\n    \n        =>\n        param1: name\n        param2: result || variant\n        param3: result || data\n        param4: result\n    */\n    function visibilityFnParams(param1, param2, param3, param4) {\n        //name must always be set\n        if (param1 == undefined)\n            throw new Error('feature.visibility(): 1st parameter name must be defined');\n\n        if (arguments.length == 1)\n            throw new Error('feature.visibility(): 2nd parameter name must be a boolean or function, but is empty');\n\n        let name = param1, variant = null, data = null, result = null;\n        if (param3 == undefined && param4 == undefined) {\n            result = param2;\n        }\n        else if (param4 == undefined) {\n            variant = param2;\n            result = param3;\n        }\n        else {\n            variant = param2;\n            data = param3;\n            result = param4;\n        }\n\n        return {\n            name,\n            variant,\n            data,\n            result\n        }\n    }\n\n    function getEvent(name: string, variant: string, data?, result?: any) {\n\n        let event;\n\n        event = { name, variant, data };\n\n        event.key = getKey(event.name, event.variant);\n\n        if (result == null)\n            return event;\n\n        event.visibilityFunction = parseToFn(result);\n        event.result = event.visibilityFunction({\n            name: event.name,\n            variant: event.variant,\n            data: event.data || {},\n            _internalCall: true,\n            description: 'When attaching a function, the result must be calculated internally. You can filter this out with the _internalCall:true -Flag.'\n        })\n        return event;\n    }\n\n\n\n    function isActive(name: string, variant?: string, data?: any): boolean {\n        const visibilities = globals.visibilities;\n\n        log(`\\nCheck Visibility of <b>Feature \"${name}\", variant \"${variant == undefined ? '' : variant}\"${data ? \" with data \" + JSON.stringify(data) : \"\"}.`);\n        if (name == undefined)\n            throw new Error('The attribute \"name\" is required for tag <feature></feature>. Example: <feature name=\"aname\"></feature>');\n\n        var requiredFn = visibilities['_required'];\n        var requiredFnExists = visibilities['_required'] != null;\n        var requiredFnResult = getVisibility(requiredFn, 'requiredVisibility', name, variant, data);\n\n        var visibilityFnKey = getKey(name, variant);\n        var visibilityFn = visibilities[visibilityFnKey];\n        var visibilityFnExists = visibilities[visibilityFnKey] != null;\n        var visibilityFnResult = getVisibility(visibilityFn, 'visibility function', name, variant, data);\n\n        var variantExists = variant != null;\n        var visibilityOnlyNameFnKey = getKey(name, null);\n        var visibilityOnlyNameFn = visibilities[visibilityOnlyNameFnKey];\n        var visibilityOnlyNameFnExists = visibilities[visibilityOnlyNameFnKey] != null;\n        var visibilityOnlyNameFnResult = getVisibility(visibilityOnlyNameFn, 'visibility function (only name)', name, variant, data);\n\n        var defaultFn = visibilities['_default'];\n        var defaultFnExists = visibilities['_default'] != null;\n        var defaultFnResult = getVisibility(defaultFn, 'defaultVisibility', name, variant, data);\n\n        if (!requiredFnExists)\n            log(\"No requiredVisibility rule specified for this feature.\");\n        else if (requiredFnExists && requiredFnResult === true)\n            log(\"The requiredVisibility rule returns true. This feature will be shown when no other rule rejects it.\")\n        else if (requiredFnExists && requiredFnResult === false)\n            return logAndReturn(false, \"The requiredVisibility rule returns false. This feature will be hidden.\");\n\n        if (visibilityFnExists)\n            return logAndReturn(visibilityFnResult, `The visibility rule returns ${visibilityFnResult}. This feature will be ${visibilityFnResult ? 'visible' : 'hidden'}.`);\n        log('No visibility rule found matching name and variant.');\n\n        if (variantExists && typeof visibilityOnlyNameFnResult == 'boolean')\n            return logAndReturn(visibilityOnlyNameFnResult, `Found a visibility rule for name ${name} without variants. The rule returns ${visibilityOnlyNameFnResult}. => This feature will be ${visibilityOnlyNameFnResult ? 'visible' : 'hidden'}.`);\n        else if (variantExists)\n            log(`No rules found for name ${name} without variants.`)\n\n\n        if (defaultFnExists)\n            return logAndReturn(defaultFnResult, `Found a defaultVisibility rule. The rule returns ${defaultFnResult}. => This feature will be ${defaultFnResult ? 'visible' : 'hidden'}.`);\n        log(`No default rule found.`)\n\n        if (requiredFnExists)\n            return logAndReturn(true, `Only the requiredVisibility rule was found. This returned true. => This feature will be visible.`);\n\n        return logAndReturn(false, 'No rules were found. This feature will be hidden.');\n    }\n\n    const api: FeatureToggleApi = {\n        name: 'feature-toggle-api',\n        setData: function (nameParam, variantOrDataParam, dataParam?): void {\n            if (nameParam == undefined)\n                throw new Error('setData(): The name must of the feature must be defined, but ist undefined');\n\n            const variant = (dataParam != undefined ? variantOrDataParam : undefined) as string;\n            const data = dataParam || variantOrDataParam;\n\n            const event = getEvent(nameParam, variant, data);\n\n            globals.datas[event.key] = event.data;\n\n            triggerEvent('visibilityrule', event);\n        },\n        on(eventtype: EventType, fn, config?) {\n            globals.listeners[eventtype] = globals.listeners[eventtype] || [];\n            globals.listeners[eventtype].push(fn);\n\n            triggerEvent('registerEvent', {\n                type: eventtype\n            })\n            if (config != undefined && config.ignorePreviousRules)\n                return;\n\n            \n            Object.keys(globals.visibilities).forEach(key => {\n                const event = parseKey(key);\n                const rule = globals.visibilities[key];\n                event.result = rule(event);\n                fn(event);\n            });\n        },\n        trigger: triggerEvent,\n        showLogs: function (showLogs?: boolean): void {\n            globals.showLogs = showLogs == undefined ? true : showLogs;\n        },\n        isVisible(name,variant,data){\n            console.log('featureToggle.isVisible is deprecated. use featureToggle.isActive instead. This function will be removed in one of the next major versions.');\n            return isActive(name,variant,data);\n        },\n        isActive,\n        /**\n            the following function calls are possible:\n            visibility(name,result);\n            visibility(name,variant,result);\n            visibility(name,variant,data,result);\n         */\n        setFlag(name, resultOrVariant, resultOrData?, result?) {\n            const params = visibilityFnParams(name, resultOrVariant, resultOrData, result);\n            const event = getEvent(params.name, params.variant, params.data, params.result);\n\n            globals.visibilities[event.key] = event.visibilityFunction;\n            globals.datas[event.key] = event.data;\n            triggerEvent('visibilityrule', event);\n        },\n        visibility: function (name, resultOrVariant, resultOrData?, result?) {\n            console.log('featureToggle.visibility is deprecated. use featureToggle.setVisibility instead. This function will be removed in one of the next major versions.');\n\n            api.setFlag(name, resultOrVariant, resultOrData, result);\n        },\n        requiredVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setRequiredFlag(fn);\n        },\n        defaultVisibility: function (fn) {\n            console.log('featureToggle.requiredVisibility is deprecated. use featureToggle.setRequiredFlag instead. This function will be removed in one of the next major versions.');\n\n            api.setDefaultFlag(fn);\n        },\n        setRequiredFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.setRequiredFlag(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_required'] = parseToFn(fn);\n        },\n        setDefaultFlag(fn) {\n            if (typeof fn != \"function\")\n                throw new Error('feature.defaultVisibility(): 1st parameter must be a function, but is ' + typeof fn);\n\n            globals.visibilities['_default'] = parseToFn(fn);\n        },\n        addPlugin: function (plugin) {\n            if (globals.usedPlugins.includes(plugin))\n                return;\n\n            const newPlugin = plugin(api);\n\n            for(let _key of Object.keys(newPlugin)){\n                api[_key] = newPlugin[_key];\n            }\n\n            globals.usedPlugins.push(plugin);\n        },\n    };\n    init(api);\n\n    return api;\n}\n\nexport default useFeatureToggle;"],"names":["parseToFn","fnOrBool","getKey","name","variant","_name","toLowerCase","initVisibilities","visibilities","returnVisibilities","Object","keys","forEach","key","startsWith","config","globals","datas","listeners","showLogs","usedPlugins","triggerEvent","eventtype","param","listener","log","message","window","hasBoldTag","indexOf","hasVisibleKeyword","hasHiddenKeyword","_message","replace","console","parts","apply","loggedMessage","logAndReturn","returnValue","getVisibility","visibilityFn","functionname","data","calculatedVisibility","getEvent","result","event","visibilityFunction","_internalCall","description","isActive","undefined","JSON","stringify","Error","requiredFn","requiredFnExists","requiredFnResult","visibilityFnKey","visibilityFnExists","visibilityFnResult","variantExists","visibilityOnlyNameFn","visibilityOnlyNameFnResult","defaultFn","defaultFnExists","defaultFnResult","api","setData","nameParam","variantOrDataParam","dataParam","on","fn","push","type","ignorePreviousRules","split","length","parseKey","rule","trigger","isVisible","setFlag","resultOrVariant","resultOrData","params","param1","param2","param3","param4","arguments","visibilityFnParams","visibility","requiredVisibility","setRequiredFlag","defaultVisibility","setDefaultFlag","addPlugin","plugin","includes","newPlugin","_key","$default","$required","allPlugins","$plugins","_plugins","init"],"mappings":"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"}

package/dist/html-plugin.umd.min.js

@@ -1,2 +0,0 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).featureToggleHtmlPlugin={})}(this,(function(t){"use strict";const e={renderedTag:"div",featureTagName:"feature",tagAttributeName:"tag",nameAttributeName:"name",variantAttributeName:"variant",dataAttributeName:"data",displayAttributeName:"display",defaultDisplay:"block"};t.htmlPlugin=function(t={}){function a(e,a){const r=e.getAttribute(t.tagAttributeName)||t.renderedTag,n=Array.from(e.attributes);let i="";n.forEach((t=>{i+=` ${t.nodeName}="${t.nodeValue.replace(/"/g,"&quot;")}"`}));const u=a?e.getAttribute(t.displayAttributeName)||t.defaultDisplay:"none";e.outerHTML=`<${r}  style="display:${u}" _feature="true" ${i}>${e.innerHTML}</${r}>`}return t=Object.assign({},e,t),function(e){return window.document.querySelectorAll(t.featureTagName).forEach((t=>{a(t,!1)})),e.on("visibilityrule",(function(r){var n=`[_feature][${t.nameAttributeName}="${r.name}"]`;r.variant&&(n+=`[${t.variantAttributeName}="${r.variant}"]`),document.querySelectorAll(n).forEach((n=>{const i=function(t){try{return JSON.parse(t)}catch(e){return isNaN(parseFloat(t))?t:parseFloat(t)}}(n.getAttribute(t.dataAttributeName));a(n,e.isVisible(r.name,r.variant,i))}))})),{name:"htmlplugin"}}}}));
-//# sourceMappingURL=html-plugin.umd.min.js.map

package/dist/html-plugin.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-plugin.umd.min.js","sources":["../src/plugins/htmlplugin/plugin-html.ts"],"sourcesContent":["type Display = 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid';\n\ninterface HtmlPluginConfig {\n    renderedTag?: string,\n    featureTagName?: string,\n    tagAttributeName?: string,\n    nameAttributeName?:string,\n    variantAttributeName?: string,\n    dataAttributeName?: string,\n    displayAttributeName?: string,\n    defaultDisplay?: Display,\n}\n\n/*\n    creates a tag that is shown / hidden, depending on the visibility rules.\n    if not configured dynamically, it looks like this:\n    <feature name=\"featurename\" variant=\"variantname\" data=\"data\">content </feature>\n\n    Parameter: (config)\n    - config.featureTagName: name of the tag. Default: \"feature\"\n    - nameAttributeName: Name of the Name-Attribute: default: \"name\"\n    - variantAttributeName: Name of the Variant-Attribute: default: \"variant\"\n*/\nconst defaultparams :HtmlPluginConfig = {\n    renderedTag: 'div',\n    featureTagName: 'feature',\n    tagAttributeName: 'tag',\n    nameAttributeName:'name',\n    variantAttributeName: 'variant',\n    dataAttributeName: 'data',\n    displayAttributeName: 'display',\n    defaultDisplay: 'block',\n}\nfunction parseDataAttribute(attrAsString){\n    try{\n        return JSON.parse(attrAsString);\n    }\n    catch(e)\n    {\n        if(!isNaN(parseFloat(attrAsString)))\n            return parseFloat(attrAsString);\n        \n        return attrAsString;\n    }\n}\n\nfunction htmlPlugin(config :HtmlPluginConfig = {}) {\n    config = Object.assign({},defaultparams,config);\n\n    function renderFeatureTag(elem:HTMLElement,isVisible){\n        const tagname = elem.getAttribute(config.tagAttributeName) || config.renderedTag;\n        const attributes = Array.from(elem.attributes);\n        let attributesAsString = \"\";\n        attributes.forEach(attr => {\n            attributesAsString += ` ${attr.nodeName}=\"${attr.nodeValue.replace(/\"/g,\"&quot;\")}\"`;\n        });\n        const display = isVisible ? (elem.getAttribute(config.displayAttributeName) || config.defaultDisplay) : 'none';\n        elem.outerHTML = `<${tagname}  style=\"display:${display}\" _feature=\"true\" ${attributesAsString}>${elem.innerHTML}</${tagname}>`;\n    } \n    return function (api) {\n        var renderedTags :NodeListOf<HTMLElement> = window.document.querySelectorAll(config.featureTagName);\n        renderedTags.forEach(tag => { renderFeatureTag(tag,false) });\n\n        api.on('visibilityrule', function (event) {\n            var selector = `[_feature][${config.nameAttributeName}=\"${event.name}\"]`;\n            if (event.variant) selector += `[${config.variantAttributeName}=\"${event.variant}\"]`;\n            var elements :NodeListOf<HTMLElement> = document.querySelectorAll(selector);\n            elements.forEach(elem => { \n                const dataAsString = elem.getAttribute(config.dataAttributeName);\n                const data = parseDataAttribute(dataAsString);\n                \n                const isVisible = api.isVisible(event.name,event.variant,data);\n                renderFeatureTag(elem, isVisible);\n            });\n        })\n\n        return { name: 'htmlplugin' };\n    }\n}\n\nexport {\n    htmlPlugin\n}"],"names":["defaultparams","renderedTag","featureTagName","tagAttributeName","nameAttributeName","variantAttributeName","dataAttributeName","displayAttributeName","defaultDisplay","config","renderFeatureTag","elem","isVisible","tagname","getAttribute","attributes","Array","from","attributesAsString","forEach","attr","nodeName","nodeValue","replace","display","outerHTML","innerHTML","Object","assign","api","window","document","querySelectorAll","tag","on","event","selector","name","variant","data","attrAsString","JSON","parse","e","isNaN","parseFloat","parseDataAttribute"],"mappings":"+PAuBA,MAAMA,EAAkC,CACpCC,YAAa,MACbC,eAAgB,UAChBC,iBAAkB,MAClBC,kBAAkB,OAClBC,qBAAsB,UACtBC,kBAAmB,OACnBC,qBAAsB,UACtBC,eAAgB,sBAepB,SAAoBC,EAA2B,IAG3C,SAASC,EAAiBC,EAAiBC,GACvC,MAAMC,EAAUF,EAAKG,aAAaL,EAAON,mBAAqBM,EAAOR,YAC/Dc,EAAaC,MAAMC,KAAKN,EAAKI,YACnC,IAAIG,EAAqB,GACzBH,EAAWI,SAAQC,IACfF,GAAsB,IAAIE,EAAKC,aAAaD,EAAKE,UAAUC,QAAQ,KAAK,YAAY,IAExF,MAAMC,EAAUZ,EAAaD,EAAKG,aAAaL,EAAOF,uBAAyBE,EAAOD,eAAkB,OACxGG,EAAKc,UAAY,IAAIZ,qBAA2BW,sBAA4BN,KAAsBP,EAAKe,cAAcb,KAEzH,OAZAJ,EAASkB,OAAOC,OAAO,CAAA,EAAG5B,EAAcS,GAYjC,SAAUoB,GAiBb,OAhB4CC,OAAOC,SAASC,iBAAiBvB,EAAOP,gBACvEiB,SAAQc,IAASvB,EAAiBuB,GAAI,EAAM,IAEzDJ,EAAIK,GAAG,kBAAkB,SAAUC,GAC/B,IAAIC,EAAW,cAAc3B,EAAOL,sBAAsB+B,EAAME,SAC5DF,EAAMG,UAASF,GAAY,IAAI3B,EAAOJ,yBAAyB8B,EAAMG,aACjCP,SAASC,iBAAiBI,GACzDjB,SAAQR,IACb,MACM4B,EApCtB,SAA4BC,GACxB,IACI,OAAOC,KAAKC,MAAMF,GAEtB,MAAMG,GAEF,OAAIC,MAAMC,WAAWL,IAGdA,EAFIK,WAAWL,GAI9B,CAyB6BM,CADQnC,EAAKG,aAAaL,EAAOH,oBAI9CI,EAAiBC,EADCkB,EAAIjB,UAAUuB,EAAME,KAAKF,EAAMG,QAAQC,GACxB,GAEzC,IAEO,CAAEF,KAAM,aAClB,CACL"}

package/dist/url-plugin.umd.min.js

@@ -1,2 +0,0 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).featureToggleURLPlugin={})}(this,(function(e){"use strict";e.urlPlugin=function(e={}){let n;return n=e.useMockedWindow?{isMocked:!0,decodeURIComponent:function(e){return e}}:window,e=Object.assign({},{url:n.isMocked?"":n.location.href,prefix:""},e),function(t){t.url=e.url;const o=function(e,n){var t={};if(!e)return[];var o=e.split("?");return o.length<2?[]:(o[1].split("&").forEach((function(e){var o=e.split("=");o[0]=n.decodeURIComponent(o[0]),o[1]="true"===n.decodeURIComponent(o[1]),t[o[0]]="undefined"===o[1]||o[1]})),t)}(e.url,n),i=e.prefix;return Object.keys(o).forEach((e=>{if(!e.startsWith(i))return;const n=e.replace(i,"");t.visibility(n,o[e])})),{name:"urlplugin"}}}}));
-//# sourceMappingURL=url-plugin.umd.min.js.map

package/dist/url-plugin.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"url-plugin.umd.min.js","sources":["../src/plugins/urlplugin/plugin-url.ts"],"sourcesContent":["interface URLPluginConfig{\n    useMockedWindow?: boolean,\n    url?: string,\n    prefix?: string\n\n}\n\nfunction useWindowMock(){\n    return {\n        isMocked: true,\n        decodeURIComponent:function(param1){\n            return param1;\n        }\n    }\n}\n\ndeclare global {\n    interface Window {\n      isMocked: boolean\n    }\n  }\n\n  declare var window: Window;\n\nfunction parseValue(value){\n    if(value === 'true')\n        return true;\n    return false;\n}\n\nfunction getParams(url,window) {\n    var params = {};\n    if (!url) \n        return [];\n    \n    var urlparts = url.split(\"?\");\n\n    //no params available for url\n    if(urlparts.length < 2)\n        return [];\n\n    const parts = urlparts[1].split('&');\n\n    parts.forEach(function (part) {\n    var pair = part.split('=');\n    pair[0] = window.decodeURIComponent(pair[0]);\n    pair[1] = parseValue(window.decodeURIComponent(pair[1]));\n    params[pair[0]] = (pair[1] !== 'undefined') ?\n        pair[1] : true;\n    });\n\n    return params;\n  }\n\n function urlPlugin(config: URLPluginConfig={}) {\n    let _window;\n\n    if(config.useMockedWindow)\n        _window = useWindowMock();\n    else\n        _window = window;\n    \n    config = Object.assign({},{\n        url: _window.isMocked ? \"\" : _window.location.href,\n        prefix: \"\"\n    },config);\n\n    \n\n    return function(api){\n        api.url = config.url;\n        const urlparams = getParams(config.url,_window);\n        const prefix = config.prefix;\n\n        Object.keys(urlparams).forEach(key => {\n            if(!key.startsWith(prefix))\n                return;\n                \n            const keyWithoutPrefix = key.replace(prefix,\"\");\n            api.visibility(keyWithoutPrefix,urlparams[key]);\n        });\n\n        return {name: 'urlplugin'};\n    }\n\n}\n\nexport {\n    urlPlugin\n}"],"names":["config","_window","useMockedWindow","isMocked","decodeURIComponent","param1","window","Object","assign","url","location","href","prefix","api","urlparams","params","urlparts","split","length","forEach","part","pair","getParams","keys","key","startsWith","keyWithoutPrefix","replace","visibility","name"],"mappings":"0QAsDC,SAAmBA,EAAwB,IACxC,IAAIC,EAcJ,OAXIA,EADDD,EAAOE,gBAjDH,CACHC,UAAU,EACVC,mBAAmB,SAASC,GACxB,OAAOA,IAiDDC,OAEdN,EAASO,OAAOC,OAAO,GAAG,CACtBC,IAAKR,EAAQE,SAAW,GAAKF,EAAQS,SAASC,KAC9CC,OAAQ,IACVZ,GAIK,SAASa,GACZA,EAAIJ,IAAMT,EAAOS,IACjB,MAAMK,EAzCd,SAAmBL,EAAIH,GACnB,IAAIS,EAAS,CAAE,EACf,IAAKN,EACD,MAAO,GAEX,IAAIO,EAAWP,EAAIQ,MAAM,KAGzB,OAAGD,EAASE,OAAS,EACV,IAEGF,EAAS,GAAGC,MAAM,KAE1BE,SAAQ,SAAUC,GACxB,IAAIC,EAAOD,EAAKH,MAAM,KACtBI,EAAK,GAAKf,EAAOF,mBAAmBiB,EAAK,IACzCA,EAAK,GArBQ,SAqBQf,EAAOF,mBAAmBiB,EAAK,IACpDN,EAAOM,EAAK,IAAmB,cAAZA,EAAK,IACpBA,EAAK,EACT,IAEON,EACT,CAmBwBO,CAAUtB,EAAOS,IAAIR,GACjCW,EAASZ,EAAOY,OAUtB,OARAL,OAAOgB,KAAKT,GAAWK,SAAQK,IAC3B,IAAIA,EAAIC,WAAWb,GACf,OAEJ,MAAMc,EAAmBF,EAAIG,QAAQf,EAAO,IAC5CC,EAAIe,WAAWF,EAAiBZ,EAAUU,GAAK,IAG5C,CAACK,KAAM,YACjB,CAEL"}

package/docs/_config.yml

@@ -1 +0,0 @@
-theme: jekyll-theme-slate

package/docs/example-intro.html

@@ -1,75 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<title>Example Feature-Toggle-API-Test</title>
-	<script src="vue-feature-toggle.min.js"></script>
-	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-	<style>
-		body {
-			padding: 10px;
-		}
-		.code{
-			font-size:smaller;
-			color:gray;
-		}
-	</style>
-</head>
-
-<body>
-	<div id="app">
-		<nav>
-			<h3>This is a simple example of the api.</h3>
-			<p>
-				Select these boxes to show / hide the features.
-			</p>
-			<div class="form-group form-check">
-				<input class="form-check-input" @change="checkboxToggle" v-model="feature1Input" type="checkbox"
-					name="feature1" id="feature1">
-				<label class="form-check-label" for="feature1">
-					<span>Feature1: </span>
-					<span class="code">api.isVisibible('feature1') -> {{feature1}}</span>
-				</label>
-
-			</div>
-			<div class="form-group form-check">
-				<input class="form-check-input" @change="checkboxToggle" v-model="feature2Input" type="checkbox"
-					name="feature2" id="feature2">
-				<label class="form-check-label" for="feature2">
-					<span>Feature2:</span>
-					<span class="code">api.isVisibible('feature2') -> {{feature2}}</span>
-				</label>
-
-			</div>
-		</nav>
-		<feature name="feature1" class="alert alert-primary">This is feature1</feature>
-		<feature name="feature2" class="alert alert-primary">This is feature2</feature>
-		<feature name="feature2" variant="v1" class="alert alert-primary">This is feature2 variant on</feature>
-	</div>
-
-	<script>
-		var api = vueFeatureToggle;
-
-		var app = new Vue({
-			el: '#app',
-			components: { 'feature': api },
-			data: {
-				feature1: false,
-				feature2: false,
-				feature1Input: false,
-				feature2Input: false
-			},
-			methods: {
-				checkboxToggle: function (e) {
-					api.visibility('feature1', this.feature1Input)
-					api.visibility('feature2', this.feature2Input)
-				}
-			}
-		})
-	</script>
-</body>
-
-</html>

package/docs/example-setup.html

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<title>Example Feature-Toggle-API-Test</title>
-	<script src="vue-feature-toggle.min.js"></script>
-	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-	<style>
-		body {
-			padding: 10px;
-		}
-	</style>
-</head>
-
-<body>
-	<div id="app">
-		<nav>
-			<h3>Let's setup the feature-toggle. </h3>
-			<p>
-				That's how it will look like.
-			</p>
-		</nav>
-		<div v-if="feature1" class="alert alert-primary">This is text from feature1</div>
-		<div v-if="feature2" class="alert alert-primary">This is text from feature2</div>
-	</div>
-
-	<script>
-		var api = vueFeatureToggle;
-		api.visibility('feature1',true);
-
-		var app = new Vue({
-			el: '#app',
-			data: {
-				feature1: false,
-				feature2: false,
-			},
-			methods: {
-				checkboxToggle: function (e) {
-					api.visibility('feature1', this.feature1Input)
-					api.visibility('feature2', this.feature2Input)
-				}
-			}
-		})
-		var feature1Visible = api.isVisible('feature1');
-        var feature2Visible = api.isVisible('feature2');
-		
-		app.feature1 = feature1Visible;
-		app.feature2 = feature2Visible;
-	</script>
-</body>
-
-</html>

package/docs/example-visibility-basic.html

@@ -1,144 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8">
-	<title>Example Feature-Toggle-API-Test</title>
-	<script src="vue-feature-toggle.min.js"></script>
-	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-		integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-	<style>
-		body {
-			padding: 10px;
-		}
-
-		#app {
-			display: flex;
-			flex-wrap: wrap;
-		}
-
-		nav {
-			flex: 1 100%;
-			border-bottom: 1px solid black;
-			margin-bottom: 10px;
-			padding: 20px;
-		}
-
-		.alert {
-			margin: 5px;
-		}
-
-		.form-group {
-			border: 1px solid gray;
-			padding: 10px;
-			border-radius: 10px;
-		}
-
-		.form-group.inner {
-			border: none;
-		}
-		p{
-			margin-bottom: 5px;
-		}
-		.bracket{
-			color:gray;
-		}
-		.tagname {
-			color:gray;
-		}
-		.attrname{
-			color: blue;
-		}
-		.attrcontent{
-			color:brown;
-		}
-	</style>
-</head>
-
-<body>
-	<div id="app">
-		<nav>
-			<h3>This is a simple example of the api.</h3>
-			<p>
-				Select these boxes to show / hide the features.
-				Change the parameters here to show/hide the features below.
-			</p>
-			<p>These Features exist</p>
-			<p><span v-html="insertText('feature1')"></span></p>
-			<p><span v-html="insertText('feature2')"></span></p>
-			<p><span v-html="insertText('feature2','old')"></span></p>
-			<p><span v-html="insertText('feature2','new')"></span></p>
-			<p><span v-html="insertText('feature2','grumpfel')"></span></p>
-			<p><span v-html="insertText('feature3','old','grumpfel')"></span></p>
-			<p><span v-html="insertText('feature3','new','{\'text\':\'grumpfel\'}',true)"></span></p>
-			<div class="form-group">
-				<div class="form-group inner">
-					<label class="form-check-label" for="name">Name: </label>
-					<input class="form-control" @keyup="checkboxToggle($event,true)"
-						@keydown="checkboxToggle($event,false)" v-model="name" type="text" id="name">
-					<small class="form-text text-muted"></small>
-				</div>
-				<div class="form-group inner">
-					<label class="form-check-label" for="variant">Variant: </label>
-					<input class="form-control" @keyup="checkboxToggle($event,true)"
-						@keydown="checkboxToggle($event,false)" v-model="variant" type="text" id="variant">
-					<small class="form-text text-muted"></small>
-				</div>
-				<div class="form-group inner">
-					<label class="form-check-label" for="feature3Data">Data: </label>
-					<input class="form-control" @keyup="checkboxToggle($event,true)"
-						@keydown="checkboxToggle($event,false)" v-model="data" type="text">
-					<small id="emailHelp" class="form-text text-muted">Type in "grumpfel and feature 3.1 will be
-						visible"</small>
-				</div>
-			</div>
-		</nav>
-		
-		<p style="width:100%">The features shown here are visible according to the data above. The others are hidden.</p>
-		<feature class="alert alert-primary" name="feature1"><span v-html="insertText('feature1')"></span></feature>
-
-		<!-- The variant property is optional and can be any string -->
-		<feature class="alert alert-secondary" name="feature2"><span v-html="insertText('feature2')"></span></feature>
-		<feature class="alert alert-secondary" name="feature2" variant="new"><p><span v-html="insertText('feature2','new')"></span></p></feature>
-		<feature class="alert alert-secondary" name="feature2" variant="old"><p><span v-html="insertText('feature2','old')"></span></p></feature>
-		<feature class="alert alert-secondary" name="feature2" variant="grumpfel"><p><span v-html="insertText('feature2','grumpfel')"></span></p></feature>
-
-		<feature class="alert alert-dark" name="feature3" variant="old" data="grumpfel"><span v-html="insertText('feature3','old','grumpfel')"></span></feature>
-		<feature class="alert alert-dark" name="feature3" variant="new" :data="{'text':'grumpfel'}"><span v-html="insertText('feature3','new','{\'text\':\'grumpfel\'}',true)"></span></feature>
-	</div>
-
-	<script>
-		var api = vueFeatureToggle;
-
-		var app = new Vue({
-			el: '#app',
-			components: { 'feature': api },
-			data: {
-				name: 'feature3',
-				variant: 'old',
-				data: 'grumpfel'
-			},
-			methods: {
-				checkboxToggle: function (event, result) {
-					api.visibility(this.name, this.variant, this.data, result)
-				},
-				insertText : function(name,variant,data,bindData){
-					const nameAttribute = name ? `<span class="attrname">name</span>=<span class="bracket">"</span><span class="attrcontent">${name}</span><span class="bracket">"</span>`: "";
-					const variantAttribute = variant ? `<span class="attrname">variant</span>=<span class="bracket">"</span><span class="attrcontent">${variant}</span><span class="bracket">"</span>`: "";
-					const dataAttribute = data ? `<span class="attrname">${bindData ? ':data' : 'data'}</span>=<span class="bracket">"</span><span class="attrcontent">${data}</span><span class="bracket">"</span>`: "";
-
-					return `<span class="bracket">&lt;</span><span class="tagname">feature</span> ${nameAttribute} ${variantAttribute} ${dataAttribute}<span class="bracket">&gt;</span>...<span class="bracket">&lt;/</span><span class="tagname">feature</span><span class="bracket">&gt;</span>`
-				}
-			},
-			ready: function () {
-				api.visibility(this.name, this.variant, this.data, true)
-			},
-			mounted: function () {
-				api.visibility(this.name, this.variant, this.data, true)
-			},
-		})
-	</script>
-</body>
-
-</html>