@twobirds/microcomponents 0.0.50 → 0.0.51

package/public/TestForm.js

@@ -1,56 +0,0 @@
-test.TestForm = class extends Tb{
-
-    constructor(){
-        super();
-
-        var that = this;
-
-        // model to read data from
-        that.crud = new tb.CRUD({
-            'read': {
-                url: '/test/TestForm.json', // mock data
-                method: 'GET',
-                success: function( pResult ){
-                    var values = JSON.parse( pResult.text );
-                    $('form').values( values ); // set form input values
-                    that.formValues = values; // set values for two way binding
-                },
-                error: function( pResult ){
-                    console.log( 'an error occured', pResult );
-                }
-            }
-        });
-
-        tb.require([
-            '/test/TestForm.html',
-            '/test/TestForm.css'
-        ]).then(
-            that.render.bind(that)
-        );
-
-    }
-
-    // methods
-    render(){
-
-        var that = this,
-            fragment = $( tb.require.get('/test/TestForm.html') );
-
-        // add fragment to DOM
-        $( that.target )
-            .append( fragment );
-
-        // create formValues store
-        that.formValues = {};
-
-        // update DOM on formValues change
-        that.formValues.bind( that.target );
-
-        // update formValues store when form content is changed
-        $('form').values().bind( that.formValues );
-
-        // read data
-        that.crud.read();
-
-    }
-};

package/public/TestForm.json

@@ -1,27 +0,0 @@
-{
-	"textInput":"Hallo Welt",
-	"colorInput":"#eaf8f8",
-	"dateInput":"",
-	"dtlInput":"",
-	"email":"",
-	"hiddenInput":"",
-	"hiddenVal":"",
-	"month":"",
-	"number":"",
-	"passInput":"",
-	"rangeInput":"30",
-	"searchInput":"",
-	"telInput":"",
-	"timeInput":"",
-	"urlInput":"",
-	"weekInput":"",
-	"myRadio":"radio3",
-	"cb1":true,
-	"cb2":false,
-	"cb3":true,
-	"cb4":false,
-	"cb5":false,
-	"singleSelect":"",
-	"multiSelect":["2","4"],
-	"textArea":"This is some example\rtext..."
-}

package/public/Testform.js

@@ -1,149 +0,0 @@
-
-tb.createCustomElement(
-    
-    'test-testform',
-    
-    class extends Tb{
-
-        constructor( pConfig, pTarget ){
-            super();
-
-            let that = this;
-
-            that.target = pTarget;
-
-            that
-                .one(
-                    'connected',
-                    that.connected
-                )
-                .one(
-                    'ready',
-                    that.ready
-                );
-
-        }
-
-        connected(){
-            let that = this;
-
-            tb.require([
-                '/test/TestForm.css'
-            ]).then( (results) => {
-                // add fragment to DOM
-                $( that.target )
-                    .append( that.template );
-            });
-
-        }
-
-        // methods
-        ready(){
-            let that = this;
-
-            // create formValues store
-            that
-                .store('formValues')
-                .bind( that.target );
-
-            // update formValues store when form content is changed
-            that.fields = $('form', that.target)
-                .values()
-                .observe( values => that.formValues = values );
-
-            // read data
-            that.formValues = that.data;
-
-            tb.request({
-                url: '/test/TestForm.json', // mock data
-                method: 'GET',
-                success: function( pResult ){
-                    var values = JSON.parse( pResult.text );
-                    $('form').values( values ); // set form input values
-                    //that.formValues = values; // set values for two way binding
-                },
-                error: function( pResult ){
-                    console.log( 'an error occured', pResult );
-                }
-            });
-            
-        }
-
-        get template(){
-            return `
-                <form>
-                    <!-- sample form to start with -->
-                    <fieldset>
-                        <legend>Inputs</legend>
-                        <label>text</label><input type="text" name="textInput" value="Hallo" />&nbsp;<strong>2wB:&nbsp;</strong>{textInput}
-                        <label>color</label><input type="color" name="colorInput" value="" />
-                        <label>date</label><input type="date" name="dateInput" value="" />
-                        <label>datetime-local</label><input type="datetime-local" name="dtlInput" value="" />
-                        <label>email</label><input type="email" name="email" value="" />
-                        <label>file</label><input type="file" name="fileInput" value="" />
-                        <label>hidden</label><input type="hidden" name="hiddenInput" value="hiddenVal" />
-                        <label>month</label><input type="month" name="month" value="" />
-                        <label>number</label><input type="number" name="number" value="" />
-                        <label>password</label><input type="password" name="passInput" value="" />
-                        <label>range</label><input type="range" name="rangeInput" value="" />
-                        <label>search</label><input type="search" name="searchInput" value="" />
-                        <label>tel</label><input type="tel" name="telInput" value="" />
-                        <label>time</label><input type="time" name="timeInput" value="" />
-                        <label>url</label><input type="url" name="urlInput" value="" />
-                        <label>week</label><input type="week" name="weekInput" value="" />
-                    </fieldset>
-
-                    <fieldset>
-                        <legend>Selects</legend>
-
-                            <label>singleSelect</label>
-                            <select name="singleSelect">
-                                <option disabled selected value> -- select -- </option>
-                                <option value="1">Option 1</option>
-                                <option value="2">Option 2</option>
-                                <option value="3">Option 3</option>
-                                <option value="4">Option 4</option>
-                            </select>
-
-                            <label>multiSelect</label>
-                            <select name="multiSelect" multiple="multiple" type="select-multiple">
-                                <option value="1">Option 1</option>
-                                <option value="2" selected=true>Option 2</option>
-                                <option value="3">Option 3</option>
-                                <option value="4" selected=true>Option 4</option>
-                            </select>
-
-                    </fieldset>
-
-                    <fieldset>
-                        <legend>Radiobuttons&nbsp;<strong>2wB:&nbsp;</strong>{myRadio}</legend>
-
-                        <label>radio1</label><input type="radio" name="myRadio" value="radio1">
-                        <label>radio2</label><input type="radio" name="myRadio" value="radio2">
-                        <label>radio3</label><input type="radio" name="myRadio" value="radio3">
-
-                    </fieldset>
-
-                    <fieldset>
-                        <legend>Checkboxes</legend>
-                        <label>cb1</label><input type="checkbox" name="cb1">
-                        <label>cb2</label><input type="checkbox" name="cb2">
-                        <label>cb3</label><input type="checkbox" name="cb3">
-                        <label>cb4</label><input type="checkbox" name="cb4">
-                        <label>cb5</label><input type="checkbox" name="cb5">
-
-                    </fieldset>
-
-                    <fieldset>
-                        <legend>TextArea</legend>
-
-                            <label>textArea</label><textarea name="textArea"></textarea>
-
-                    </fieldset>
-
-                </form>
-            `;
-        }
-    }
-
-);

package/public/autoloader.js

@@ -1,53 +0,0 @@
-"use strict";
-import { getCE } from './elements.js';
-const loadingScripts = new Set();
-const _makeLoadData = (e) => {
-    let tagName = e?.localName ?? '', isAttribute = e.getAttribute?.('is') || '', isUBE = isAttribute ? true : false, isCE = tagName.indexOf('-') !== -1 ? true : false, ubeSelector = isUBE ? `${tagName}[is=\"${isAttribute}\"]:defined` : '', ceSelector = isCE ? tagName + ':defined' : '', fileBaseName = isUBE
-        ? isAttribute
-        : isCE
-            ? tagName
-            : '', fileName = fileBaseName.length ? '/' + fileBaseName.split('-').join('/') + '.js' : '', selector = isUBE
-        ? ubeSelector
-        : isCE
-            ? ceSelector
-            : '';
-    return (isUBE || isCE) ? [e, selector, fileName, fileBaseName] : false;
-};
-const _loadRequirements = (node) => {
-    let undefinedSet = new Set(), element = node instanceof HTMLTemplateElement ? node.content : node, head = document.head, allPromises = [], e;
-    ;
-    if (element instanceof HTMLTemplateElement === false) {
-        let data = _makeLoadData(element);
-        if (data && !data[0].matches(data[1])) {
-            undefinedSet.add(data);
-        }
-    }
-    Array.from(element.childNodes).forEach((node) => {
-        let data = _makeLoadData(node);
-        if (data && !data[0].matches(data[1])) {
-            undefinedSet.add(data);
-        }
-    });
-    if (!!undefinedSet.size) {
-        undefinedSet.forEach((data) => {
-            if (!getCE(data[3]) && !loadingScripts.has(data[2])) {
-                loadingScripts.add(data[2]);
-                const se = document.createElement('script');
-                se.setAttribute('src', data[2]);
-                se.setAttribute('blocking', 'render');
-                se.setAttribute('type', 'module');
-                let s = data[2];
-                se.onload = () => {
-                    loadingScripts.delete(s);
-                };
-                head.append(se);
-                let e = data[0];
-            }
-            else {
-                return;
-            }
-        });
-    }
-    return Promise.all(allPromises);
-};
-//# sourceMappingURL=autoloader.js.map

package/public/autoloader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"autoloader.js","sourceRoot":"","sources":["../src/autoloader.ts"],"names":[],"mappings":"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"}