@schukai/monster 3.65.0 → 3.65.21

package/example/components/form/button.mjs

@@ -1,10 +0,0 @@
-import {Button} from '@schukai/monster/source/components/form/button.js';
-
-const button = document.createElement('monster-button');
-// set label
-button.setOption('labels.button', 'Click')
-// add action for click
-button.setOption('actions.click', function (e) {
-    console.log(e);
-})
-document.body.appendChild(button)

package/example/components/form/field-set.mjs

@@ -1,4 +0,0 @@
-import "@schukai/monster/source/components/form/field-set.mjs";
-const element = document.createElement('monster-field-set');
-element.setOption('disable', 'false')
-document.body.appendChild(element);

package/example/components/form/select.mjs

@@ -1,25 +0,0 @@
-import '@schukai/component-form/source/select.js';
-
-const select = document.createElement('monster-select');
-select.setOption('mapping.labelTemplate', '${name} (${alpha-2})')
-select.setOption('mapping.valueTemplate', '${country-code}')
-select.importOptions([
-    {
-        "name": "United Kingdom",
-        "alpha-2": "GB",
-        "country-code": "826",
-    },
-    {
-        "name": "Sweden",
-        "alpha-2": "SE",
-        "country-code": "752",
-
-    },
-    {
-        "name": "Germany",
-        "alpha-2": "DE",
-        "country-code": "276",
-    }
-]);
-
-document.body.appendChild(select);

package/example/components/form/toggle-switch.mjs

@@ -1,7 +0,0 @@
-import {Switch} from '@schukai/component-form/source/toggle-switch.js';
-
-// create element
-const toggleSwitch = document.createElement('monster-toggle-switch');
-
-// insert element into the DOM
-document.body.appendChild(toggleSwitch);

package/example/components/form/tree-select.mjs

@@ -1,27 +0,0 @@
-import {TreeSelect} from '@schukai/component-form/source/tree-select.mjs';
-
-const treeSelect = document.createElement('monster-tree-select');
-treeSelect.setOption('mapping.valueTemplate', '${name} (${alpha-2})')
-treeSelect.setOption('mapping.labelTemplate', '${country-code}')
-treeSelect.importOptions([
-    {
-        "name": "United Kingdom",
-        "alpha-2": "GB",
-        "country-code": "826",
-        "parent": undefined
-    },
-    {
-        "name": "Sweden",
-        "alpha-2": "SE",
-        "country-code": "752",
-        "parent": undefined
-    },
-    {
-        "name": "Germany",
-        "alpha-2": "DE",
-        "country-code": "276",
-        "parent": undefined
-    }
-]);
-
-document.body.appendChild(treeSelect);

package/example/components/notify/message.mjs

@@ -1,4 +0,0 @@
-import {Notify} from '@schukai/component-notify/source/message.js';
-
-const notify = document.createElement('monster-notify');
-document.body.appendChild(notify);

package/example/components/notify/notify.mjs

@@ -1,4 +0,0 @@
-import {Notify} from '@schukai/component-notify/source/notify.mjs';
-
-const notify = document.createElement('monster-notify');
-document.body.appendChild(notify);

package/example/constraints/andoperator.mjs

@@ -1,17 +0,0 @@
-import {Valid} from '@schukai/monster/source/constraints/valid.mjs';
-import {Invalid} from '@schukai/monster/source/constraints/invalid.mjs';
-import {AndOperator} from '@schukai/monster/source/constraints/andoperator.mjs';
-
-new AndOperator(
-    new Valid(), new Valid()).isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ true
-
-new AndOperator(
-    new Invalid(), new Valid()).isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ false
-
-

package/example/constraints/invalid.mjs

@@ -1,6 +0,0 @@
-import {Invalid} from '@schukai/monster/source/constraints/invalid.mjs';
-
-new Invalid().isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ false

package/example/constraints/isarray.mjs

@@ -1,11 +0,0 @@
-import {IsArray} from '@schukai/monster/source/constraints/isarray.mjs';
-
-new IsArray()
-    .isValid([])
-    .then(() => console.log(true));
-// ↦ true
-
-new IsArray()
-    .isValid(99)
-    .catch(e => console.log(e));
-// ↦ 99

package/example/constraints/isobject.mjs

@@ -1,12 +0,0 @@
-import {IsObject} from '@schukai/monster/source/constraints/isobject.mjs';
-
-new IsObject()
-    .isValid({})
-    .then(() => console.log(true));
-// ↦ true
-
-
-new IsObject()
-    .isValid(99)
-    .catch(e => console.log(e));
-// ↦ 99

package/example/constraints/oroperator.mjs

@@ -1,15 +0,0 @@
-import {Valid} from '@schukai/monster/source/constraints/valid.mjs';
-import {Invalid} from '@schukai/monster/source/constraints/invalid.mjs';
-import {OrOperator} from '@schukai/monster/source/constraints/oroperator.mjs';
-
-new OrOperator(
-    new Valid(), new Invalid()).isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ true
-
-new OrOperator(
-    new Invalid(), new Invalid()).isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ false

package/example/constraints/valid.mjs

@@ -1,6 +0,0 @@
-import {Valid} from '@schukai/monster/source/constraints/valid.mjs';
-
-new Valid().isValid()
-    .then(() => console.log(true))
-    .catch(() => console.log(false));
-// ↦ true

package/example/data/buildmap.mjs

@@ -1,67 +0,0 @@
-import {buildMap} from '@schukai/monster/source/data/buildmap.mjs';
-// a typical data structure as reported by an api
-
-let map;
-let obj = {
-    "data": [
-        {
-            "id": 10,
-            "name": "Cassandra",
-            "address": {
-                "street": "493-4105 Vulputate Street",
-                "city": "Saumur",
-                "zip": "52628"
-            }
-        },
-        {
-            "id": 20,
-            "name": "Holly",
-            "address": {
-                "street": "1762 Eget Rd.",
-                "city": "Schwalbach",
-                "zip": "952340"
-            }
-        },
-        {
-            "id": 30,
-            "name": "Guy",
-            "address": {
-                "street": "957-388 Sollicitudin Avenue",
-                "city": "Panchià",
-                "zip": "420729"
-            }
-        }
-    ]
-};
-
-// The function is passed this data structure and with the help of the selector `'data.*'` the data to be considered are selected.
-// The key is given by a simple definition `'id'` and the value is given by a template `'${name} (${address.zip} ${address.city})'`.
-map = buildMap(obj, 'data.*', '${name} (${address.zip} ${address.city})', 'id');
-console.log(map);
-
-// ↦ Map(3) {
-//  '10' => 'Cassandra (52628 Saumur)',
-//  '20' => 'Holly (952340 Schwalbach)',
-//  '30' => 'Guy (420729 Panchià)'
-// }
-
-// If no key is specified, the key from the selection, here the array index, is taken.
-map = buildMap(obj, 'data.*', '${name} (${address.zip} ${address.city})');
-console.log(map);
-
-// ↦ Map(3) {
-//  '0' => 'Cassandra (52628 Saumur)',
-//  '1' => 'Holly (952340 Schwalbach)',
-//  '2' => 'Guy (420729 Panchià)'
-// }
-
-// a filter (function(value, key) {}) can be specified to accept only defined entries.
-map = buildMap(obj, 'data.*', '${name} (${address.zip} ${address.city})', 'id', function (value, key) {
-    return (value['id'] >= 20) ? true : false
-});
-console.log(map);
-
-// ↦ Map(2) {
-//  20 => 'Holly (952340 Schwalbach)',
-//  30 => 'Guy (420729 Panchià)'
-// }

package/example/data/datasource/server/restapi.mjs

@@ -1,20 +0,0 @@
-import {RestAPI} from '@schukai/monster/source/data/datasource/server/restapi.mjs';
-
-const ds = new RestAPI({
-    write: {
-        url: 'https://httpbin.org/get'    
-    },
-    read: {
-        url: 'https://httpbin.org/get',
-        init: {
-            method: "GET",
-            headers: {
-                "Accept": "application/json",
-            },
-        },        
-    }
-});
-
-ds.set({flag: true})
-ds.write().then(() => console.log('done'));
-ds.read().then(() => console.log('done'));

package/example/data/datasource/server/webconnect.mjs

@@ -1,9 +0,0 @@
-import {WebConnect} from '@schukai/monster/source/data/datasource/server/webconnect.mjs';
-
-const ds = new WebConnect({
-    url: 'https://httpbin.org/get'
-});
-
-ds.set({flag: true})
-ds.write().then(() => console.log('done'));
-ds.read().then(() => console.log('done'));

package/example/data/datasource.mjs

@@ -1,7 +0,0 @@
-import {Datasource} from '@schukai/monster/source/data/datasource.mjs'
-
-class MyDatasource extends Datasource {
-
-}
-
-const ds = new MyDatasource();

package/example/data/diff.mjs

@@ -1,39 +0,0 @@
-import {Diff} from '@schukai/monster/source/data/diff.mjs';
-
-// given are two objects x and y.
-
-let x = {
-    a: 1,
-    b: "Hello!"
-}
-
-let y = {
-    a: 2,
-    c: true
-}
-
-// These two objects can be compared with each other.
-
-console.log(Diff(x, y));
-
-// the result is then the following
-
-//
-// [
-// {
-//        operator: 'update',
-//        path: [ 'a' ],
-//        first: { value: 1, type: 'number' },
-//        second: { value: 2, type: 'number' }
-//    },
-// {
-//        operator: 'delete',
-//        path: [ 'b' ],
-//        first: { value: 'Hello!', type: 'string' }
-//    },
-// {
-//        operator: 'add',
-//        path: [ 'c' ],
-//        second: { value: true, type: 'boolean' }
-//    }
-// ]

package/example/data/pathfinder-1.mjs

@@ -1,23 +0,0 @@
-import {Pathfinder} from '@schukai/monster/source/data/pathfinder.mjs';
-
-let value = new Pathfinder({
-    a: {
-        b: {
-            f: [
-                {
-                    g: false,
-                }
-            ],
-        }
-    }
-}).getVia("a.b.f.0.g");
-
-console.log(value);
-// ↦ false
-
-try {
-    new Pathfinder({}).getVia("a.b.f.0.g");
-} catch (e) {
-    console.log(e.toString());
-    // ↦ Error: the journey is not at its end (b.f.0.g)
-}

package/example/data/pathfinder-2.mjs

@@ -1,19 +0,0 @@
-import {Pathfinder} from '@schukai/monster/source/data/pathfinder.mjs';
-
-let p = new Pathfinder({
-    a: {
-        x: [
-            {c: 1}, {c: 2}
-        ],
-        y: true
-    },
-    b: {
-        x: [
-            {c: 1, d: false}, {c: 2}
-        ],
-        y: true
-    },
-});
-
-let r = p.getVia("*.x.*.c");
-console.log(r);

package/example/data/pipe.mjs

@@ -1,14 +0,0 @@
-import {Pipe} from '@schukai/monster/source/data/pipe.mjs';
-
-let obj = {
-    a: {
-        b: {
-            c: {
-                d: "world"
-            }
-        }
-    }
-}
-
-console.log(new Pipe('path:a.b.c.d | toupper | prefix:Hello\\ ').run(obj));
-// ↦ Hello WORLD

package/example/data/transformer.mjs

@@ -1,9 +0,0 @@
-import {Transformer} from '@schukai/monster/source/data/transformer.mjs';
-
-const transformer = new Transformer("tolower")
-
-console.log(transformer.run("HELLO"))
-// ↦ hello
-
-console.log(transformer.run("WORLD"))
-// ↦ world

package/example/dom/customelement.mjs

@@ -1,14 +0,0 @@
-import {CustomElement} from '@schukai/monster/source/dom/CustomElement';
-// In the example the user can use his own template by creating a template in the DOM with the ID `my-custom-element`.
-// You can also specify a theme (for example `mytheme`), then it will search for the ID `my-custom-element-mytheme` and
-// if not available for the ID `my-custom-element`.
-
-class MyCustomElement extends CustomElement {
-
-    static getTag() {
-        return "my-custom-element"
-    }
-
-}
-
-// ↦ <my-custom-element></my-custom-element>

package/example/dom/theme.mjs

@@ -1,5 +0,0 @@
-import {getDocumentTheme} from '@schukai/monster/source/dom/theme.mjs';
-
-const theme = getDocumentTheme();
-console.log(theme.getName());
-// ↦ monster

package/example/dom/updater.mjs

@@ -1,23 +0,0 @@
-import {Updater} from '@schukai/monster/source/dom/updater.mjs';
-
-// First we prepare the html document.
-// This is done here via script, but can also be inserted into the document as pure html.
-// To do this, simply insert the tag <h1 data-monster-replace="path:headline"></h1>.
-const body = document.querySelector('body');
-const headline = document.createElement('h1');
-headline.setAttribute('data-monster-replace', 'path:headline')
-body.appendChild(headline);
-
-// the data structure
-let obj = {
-    headline: "Hello World",
-};
-
-// Now comes the real magic. we pass the updater the parent HTMLElement
-// and the desired data structure.
-const updater = new Updater(body, obj);
-updater.run();
-
-// Now you can change the data structure and the HTML will follow these changes.
-const subject = updater.getSubject();
-subject['headline'] = "Hello World!"

package/example/i18n/formatter.mjs

@@ -1,10 +0,0 @@
-import {Formatter} from '@schukai/monster/source/i18n/formatter.mjs';
-import {Translations} from '@schukai/monster/source/i18n/translations.mjs';
-
-const translations = new Translations('en')
-    .assignTranslations({
-        thekey: "${animal} has eaten the ${food}!"
-    });
-
-new Formatter({}, translations).format("thekey:animal=dog::food=cake")
-// ↦ dog has eaten the cake!

package/example/i18n/providers/embed.mjs

@@ -1,5 +0,0 @@
-import {Embed} from '@schukai/monster/source/i18n/providers/embed.mjs';
-
-// read from script tag with id i18n
-const translation = new Embed('i18n');
-

package/example/i18n/providers/fetch.mjs

@@ -1,5 +0,0 @@
-import {Fetch} from '@schukai/monster/source/i18n/providers/fetch.mjs';
-
-// fetch from API
-const translation = new Fetch('https://example.com/${language}.json').getTranslation('en-GB');
-// ↦ https://example.com/en.json

package/example/i18n/translations.mjs

@@ -1,20 +0,0 @@
-import {Translations} from '@schukai/monster/source/i18n/translations.mjs';
-import {parseLocale} from '@schukai/monster/source/i18n/locale.mjs';
-
-const translation = new Translations(parseLocale('en-GB'));
-
-translation.assignTranslations({
-    text1: "click",
-    text2: {
-        'one': 'click once',
-        'other': 'click n times'
-    }
-});
-
-console.log(translation.getText('text1'));
-// ↦ click
-
-console.log(translation.getPluralRuleText('text2', 1));
-// -> click once
-console.log(translation.getPluralRuleText('text2', 2));
-// -> click n times

package/example/net/webconnect.mjs

@@ -1,16 +0,0 @@
-import {WebConnect} from '@schukai/monster/source/net/webconnect.mjs';
-
-const connection = new WebConnect({
-    url: 'https://httpbin.org/get'
-});
-
-connection.connect().then(()=>{
-
-    connection.send({message:"Hello World!"}).then((response)=>{
-        console.log(response);
-    });
-    
-    const message = connection.poll()
-    
-    
-})

package/example/types/basewithoptions.mjs

@@ -1,10 +0,0 @@
-import {BaseWithOptions} from '@schukai/monster/source/types/basewithoptions.mjs';
-
-class My extends BaseWithOptions {
-    get defaults() {
-        return Object.assign({}, super.defaults, {
-            mykey: true
-        });
-    }
-}
-

package/example/types/is-1.mjs

@@ -1,5 +0,0 @@
-import {isIterable} from '@schukai/monster/source/types/is.mjs';
-
-isIterable(null)  // ↦ false
-isIterable('hello')  // ↦ true
-isIterable([])  // ↦ true

package/example/types/is-10.mjs

@@ -1,6 +0,0 @@
-import {isInteger} from '@schukai/monster/source/types/is.mjs';
-
-isInteger(() => {
-}) // ↦ true
-isInteger('2')  // ↦ false
-isInteger(2)  // ↦ true

package/example/types/is-2.mjs

@@ -1,4 +0,0 @@
-import {isPrimitive} from '@schukai/monster/source/types/is.mjs';
-
-isPrimitive('2') // ↦ true
-isPrimitive([])  // ↦ false

package/example/types/is-3.mjs

@@ -1,4 +0,0 @@
-import {isSymbol} from '@schukai/monster/source/types/is.mjs';
-
-isSymbol(Symbol('a'))  // ↦ true
-isSymbol([])  // ↦ false

package/example/types/is-4.mjs

@@ -1,5 +0,0 @@
-import {isBoolean} from '@schukai/monster/source/types/is.mjs';
-
-isBoolean('2')  // ↦ false
-isBoolean([])  // ↦ false
-isBoolean(2 > 4)  // ↦ true

package/example/types/is-5.mjs

@@ -1,4 +0,0 @@
-import {isString} from '@schukai/monster/source/types/is.mjs';
-
-isString('2')  // ↦ true
-isString([])  // ↦ false

package/example/types/is-6.mjs

@@ -1,4 +0,0 @@
-import {isObject} from '@schukai/monster/source/types/is.mjs';
-
-isObject('2')  // ↦ false
-isObject([])  // ↦ false

package/example/types/is-7.mjs

@@ -1,4 +0,0 @@
-import {isInstance} from '@schukai/monster/source/types/is.mjs';
-
-isInstance('2')  // ↦ false
-isInstance([])  // ↦ false

package/example/types/is-8.mjs

@@ -1,4 +0,0 @@
-import {isArray} from '@schukai/monster/source/types/is.mjs';
-
-isArray('2')  // ↦ false
-isArray([])  // ↦ true

package/example/types/is-9.mjs

@@ -1,6 +0,0 @@
-import {isFunction} from '@schukai/monster/source/types/is.mjs';
-
-isFunction(() => {
-}) // ↦ true
-isFunction('2')  // ↦ false
-isFunction([])  // ↦ false

package/example/types/noderecursiveiterator.mjs

@@ -1,32 +0,0 @@
-import {Node} from '@schukai/monster/source/types/node.mjs';
-import {NodeRecursiveIterator} from '@schukai/monster/source/types/noderecursiveiterator.mjs';
-
-const node = new Node('1')
-
-// 1
-// 2
-// ├ 2.1
-// ├ 2.2
-// └ 2.3
-// 3
-// 4
-// ├ 4.1
-// └ 4.2
-node.appendChild(
-        (new Node('2'))
-            .appendChild(new Node('2.1'))
-            .appendChild(new Node('2.2'))
-            .appendChild(new Node('2.3')))
-    .appendChild(new Node('3'))
-    .appendChild(new Node('4')
-        .appendChild(new Node('4.1'))
-        .appendChild(new Node('4.2')));
-
-const iterator = new NodeRecursiveIterator(node);
-
-const result = [];
-for (const n of iterator) {
-    result.push(n.value);
-}
-
-// ↦ ['1', '2', '2.1', '2.2', '2.3', '3', '4', '4.1', '4.2']

package/example/types/observer.mjs

@@ -1,9 +0,0 @@
-import {Observer} from '@schukai/monster/source/types/observer.mjs';
-
-const observer = new Observer(function (a, b, c) {
-    console.log(this, a, b, c); // ↦ "a", 2, true 
-}, "a", 2, true);
-
-observer.update({value: true}).then(() => {
-});
-// ↦ {value: true} "a" 2 true