@burger-editor/frozen-patty 0.9.0 → 0.11.0

package/{lib/setValue.js → dist/set-value.js}

@@ -1,6 +1,3 @@
-"use strict";
-// tslint:disable:max-file-line-count
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Set value to an element
  *
@@ -8,35 +5,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
  * <div [target-attribute] data-[attr]="[name]:[target-attribute]"></div>
  * ```
  *
+ * @param el A target element
  * @param name A label name
  * @param datum A datum of value
- * @param el A target element
- * @param attr Field data attribute name
+ * @param attr Data attribute name for specifying the node that FrozenPatty treats as a field
  */
-function default_1(name, datum, el, attr, filter) {
-    var nodeName = el.nodeName.toLowerCase();
-    var bindingFormats = el.getAttribute("data-" + attr) || '';
-    for (var _i = 0, _a = bindingFormats.split(/\s*,\s*/); _i < _a.length; _i++) {
-        var bindingFormat = _a[_i];
+export function setValue(el, name, datum, attr = 'field', filter) {
+    const bindingFormats = el.getAttribute(`data-${attr}`) || '';
+    for (let bindingFormat of bindingFormats.split(/\s*,\s*/)) {
         bindingFormat = bindingFormat.trim();
         /**
          * 抽出した対象キー
          */
-        var key = void 0;
+        let key;
         /**
          * 対象属性
          *
          * `null`の場合は`innerHTML`が対象となる
          * ただし要素がinput要素の場合は`value`に設定
          */
-        var targetAttr = void 0;
+        let targetAttr;
         //
         // 対象属性名の抽出
         //
-        if (/^[a-z_-](?:[a-z0-9_-])*:[a-z_-](?:[a-z0-9_-])*(?:\([a-z-]+\))?/i.test(bindingFormat)) {
-            var splitKey = bindingFormat.split(':');
-            key = splitKey[0].trim();
-            targetAttr = splitKey[1].trim();
+        if (/^[_a-z-][\w-]*:[_a-z-][\w-]*(?:\([a-z-]+\))?/i.test(bindingFormat)) {
+            const splitKey = bindingFormat.split(':');
+            key = splitKey[0]?.trim() ?? '';
+            targetAttr = splitKey[1]?.trim() ?? '';
         }
         else {
             key = bindingFormat.trim();
@@ -59,8 +54,8 @@ function default_1(name, datum, el, attr, filter) {
             // style属性
             //
             if (/^style\([a-z-]+\)$/i.test(targetAttr)) {
-                var cssPropertyName = targetAttr.replace(/^style\(([a-z-]+)\)$/i, '$1');
-                var cssValue = void 0;
+                const cssPropertyName = targetAttr.replace(/^style\(([a-z-]+)\)$/i, '$1');
+                let cssValue;
                 switch (cssPropertyName) {
                     case 'background-image': {
                         //
@@ -71,18 +66,18 @@ function default_1(name, datum, el, attr, filter) {
                         // デモサーバーから本番サーバーへの移行ができなくなってしまうので避ける
                         // 単純な文字列を流し込む（setAttributeを利用）
                         // urlはマルチバイト文字や空白記号を含まないはずであるがエスケープする
-                        var url = encodeURI("" + datum);
-                        cssValue = "url(" + url + ")";
+                        const url = encodeURI(`${datum}`);
+                        cssValue = `url(${url})`;
                         break;
                     }
                     //
                     // TODO: 他にもvalueに単位が必要なケースなどに対応したい
                     //
                     default: {
-                        cssValue = "" + datum;
+                        cssValue = `${datum}`;
                     }
                 }
-                el.setAttribute('style', cssPropertyName + ": " + cssValue);
+                el.setAttribute('style', `${cssPropertyName}: ${cssValue}`);
                 //
                 // 属性
                 //
@@ -92,7 +87,7 @@ function default_1(name, datum, el, attr, filter) {
             }
             else {
                 // SVGElement or more
-                el.setAttribute(targetAttr, "" + datum);
+                el.setAttribute(targetAttr, `${datum}`);
             }
             //
             // 属性指定がない場合
@@ -102,15 +97,14 @@ function default_1(name, datum, el, attr, filter) {
             if (el instanceof HTMLInputElement ||
                 el instanceof HTMLSelectElement ||
                 el instanceof HTMLTextAreaElement) {
-                el.value = "" + datum;
+                el.value = `${datum}`;
             }
             else {
-                el.innerHTML = "" + datum;
+                el.innerHTML = `${datum}`;
             }
         }
     }
 }
-exports.default = default_1;
 /**
  * Set attribute
  *
@@ -119,15 +113,13 @@ exports.default = default_1;
  * @param datum Datum
  *
  */
-// tslint:disable-next-line:cyclomatic-complexity
 function setAttribute(el, attr, datum) {
     if (datum == null) {
         el.removeAttribute(attr);
         return;
     }
     switch (attr) {
-        // ⚠️ Dosen't test
-        case 'contentediable': {
+        case 'contenteditable': {
             switch (datum) {
                 case 'true':
                 case '': {
@@ -147,7 +139,7 @@ function setAttribute(el, attr, datum) {
                     el.dir = datum;
                     break;
                 }
-                case 'auto':
+                // case 'auto':
                 default: {
                     el.removeAttribute(attr);
                 }
@@ -168,7 +160,7 @@ function setAttribute(el, attr, datum) {
                     el.draggable = false;
                     break;
                 }
-                case 'auto':
+                // case 'auto':
                 default: {
                     el.removeAttribute(attr);
                 }
@@ -184,17 +176,17 @@ function setAttribute(el, attr, datum) {
             break;
         }
         case 'tabindex': {
-            var i = void 0;
+            let i;
             if (typeof datum === 'boolean') {
                 i = datum ? 0 : -1;
             }
             else if (typeof datum === 'string') {
-                i = parseInt(datum, 10);
+                i = Number.parseInt(datum, 10);
             }
             else {
                 i = datum;
             }
-            el.tabIndex = isNaN(i) ? -1 : Math.floor(i);
+            el.tabIndex = Number.isNaN(i) ? -1 : Math.floor(i);
             break;
         }
         case 'async': {
@@ -202,16 +194,17 @@ function setAttribute(el, attr, datum) {
                 el.async = !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'autocomplete': {
             if (el instanceof HTMLInputElement || el instanceof HTMLFormElement) {
-                el.autocomplete = datum ? "" + datum : 'off';
+                // @ts-ignore
+                el.autocomplete = datum ? `${datum}` : 'off';
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -223,7 +216,7 @@ function setAttribute(el, attr, datum) {
                 el.autofocus = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -232,7 +225,7 @@ function setAttribute(el, attr, datum) {
                 el.autoplay = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -241,14 +234,14 @@ function setAttribute(el, attr, datum) {
                 el.checked = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'cols': {
             if (el instanceof HTMLTextAreaElement) {
-                var cols = toInt(datum);
-                if (isNaN(cols)) {
+                const cols = toInt(datum);
+                if (Number.isNaN(cols)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -256,14 +249,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'colspan': {
             if (el instanceof HTMLTableCellElement) {
-                var colSpan = toInt(datum);
-                if (isNaN(colSpan)) {
+                const colSpan = toInt(datum);
+                if (Number.isNaN(colSpan)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -271,7 +264,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -280,7 +273,7 @@ function setAttribute(el, attr, datum) {
                 el.controls = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -289,7 +282,7 @@ function setAttribute(el, attr, datum) {
                 el.default = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -298,7 +291,7 @@ function setAttribute(el, attr, datum) {
                 el.defer = !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -313,28 +306,28 @@ function setAttribute(el, attr, datum) {
                 el.disabled = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'download': {
             if (el instanceof HTMLAnchorElement) {
                 if (datum || datum === '') {
-                    el.download = "" + datum;
+                    el.download = `${datum}`;
                 }
                 else {
                     el.removeAttribute(attr);
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'high': {
             if (el instanceof HTMLMeterElement) {
-                var high = toInt(datum);
-                if (isNaN(high)) {
+                const high = toInt(datum);
+                if (Number.isNaN(high)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -342,7 +335,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -351,7 +344,7 @@ function setAttribute(el, attr, datum) {
                 el.isMap = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -360,14 +353,14 @@ function setAttribute(el, attr, datum) {
                 el.loop = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'low': {
             if (el instanceof HTMLMeterElement) {
-                var low = toInt(datum);
-                if (isNaN(low)) {
+                const low = toInt(datum);
+                if (Number.isNaN(low)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -375,7 +368,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -383,8 +376,8 @@ function setAttribute(el, attr, datum) {
             if (el instanceof HTMLInputElement ||
                 el instanceof HTMLMeterElement ||
                 el instanceof HTMLProgressElement) {
-                var max = toInt(datum);
-                if (isNaN(max)) {
+                const max = toInt(datum);
+                if (Number.isNaN(max)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -392,14 +385,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'maxlength': {
             if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
-                var maxLength = toInt(datum);
-                if (isNaN(maxLength)) {
+                const maxLength = toInt(datum);
+                if (Number.isNaN(maxLength)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -407,14 +400,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'min': {
             if (el instanceof HTMLInputElement || el instanceof HTMLMeterElement) {
-                var min = toInt(datum);
-                if (isNaN(min)) {
+                const min = toInt(datum);
+                if (Number.isNaN(min)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -422,7 +415,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -431,7 +424,7 @@ function setAttribute(el, attr, datum) {
                 el.multiple = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -440,14 +433,14 @@ function setAttribute(el, attr, datum) {
                 el.noValidate = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         // ⚰️ Unsupported HTMLDetailsElement yet...
-        // case 'oepn': {
+        // case 'open': {
         // 	if (el instanceof HTMLDetailsElement) {
-        // 		el.oepn = datum === '' ? true : !!datum;
+        // 		el.open = datum === '' ? true : !!datum;
         // 	} else {
         // 		el.setAttribute(attr, `${datum}`);
         // 	}
@@ -455,8 +448,8 @@ function setAttribute(el, attr, datum) {
         // }
         case 'optimum': {
             if (el instanceof HTMLMeterElement) {
-                var optimum = toInt(datum);
-                if (isNaN(optimum)) {
+                const optimum = toInt(datum);
+                if (Number.isNaN(optimum)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -464,16 +457,26 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'preload': {
             if (el instanceof HTMLAudioElement || el instanceof HTMLVideoElement) {
-                el.preload = datum === '' ? 'auto' : datum ? "" + datum : 'none';
+                switch (datum) {
+                    case '':
+                    case 'auto':
+                    case 'metadata': {
+                        el.preload = datum;
+                        break;
+                    }
+                    default: {
+                        el.preload = 'none';
+                    }
+                }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -482,7 +485,7 @@ function setAttribute(el, attr, datum) {
                 el.readOnly = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -493,24 +496,23 @@ function setAttribute(el, attr, datum) {
                 el.required = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'reversed': {
             if (el instanceof HTMLOListElement) {
-                // tslint:disable-next-line:no-any
                 el.reversed = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'rows': {
             if (el instanceof HTMLTextAreaElement) {
-                var rows = toInt(datum);
-                if (isNaN(rows)) {
+                const rows = toInt(datum);
+                if (Number.isNaN(rows)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -518,14 +520,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'rowspan': {
             if (el instanceof HTMLTableCellElement) {
-                var rowSpan = toInt(datum);
-                if (isNaN(rowSpan)) {
+                const rowSpan = toInt(datum);
+                if (Number.isNaN(rowSpan)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -533,14 +535,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'size': {
             if (el instanceof HTMLInputElement || el instanceof HTMLSelectElement) {
-                var size = toInt(datum);
-                if (isNaN(size)) {
+                const size = toInt(datum);
+                if (Number.isNaN(size)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -548,14 +550,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'span': {
             if (el instanceof HTMLTableColElement) {
-                var span = toInt(datum);
-                if (isNaN(span)) {
+                const span = toInt(datum);
+                if (Number.isNaN(span)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -563,14 +565,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'start': {
             if (el instanceof HTMLOListElement) {
-                var start = toInt(datum);
-                if (isNaN(start)) {
+                const start = toInt(datum);
+                if (Number.isNaN(start)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -578,7 +580,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -588,8 +590,8 @@ function setAttribute(el, attr, datum) {
                     el.step = datum;
                     break;
                 }
-                var step = toNum(datum);
-                if (isNaN(step)) {
+                const step = toNum(datum);
+                if (Number.isNaN(step)) {
                     el.removeAttribute(attr);
                 }
                 else {
@@ -597,7 +599,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -606,78 +608,78 @@ function setAttribute(el, attr, datum) {
                 el instanceof HTMLAreaElement ||
                 el instanceof HTMLFormElement) {
                 if (datum) {
-                    el.target = "" + datum;
+                    el.target = `${datum}`;
                 }
                 else {
                     el.removeAttribute(attr);
                 }
             }
             else {
-                el.setAttribute(attr, "" + datum);
-            }
-            break;
-        }
-        case 'accesskey':
-        case 'class':
-        case 'contextmenu':
-        case 'dropzone': // breakable support
-        case 'id':
-        case 'itemid':
-        case 'itemprop':
-        case 'itemref':
-        case 'itemscope':
-        case 'itemtype':
-        case 'lang':
-        case 'slot': // breakable support
-        case 'style':
-        case 'title':
-        case 'translate': // breakable support
-        case 'accept':
-        case 'accept-charset':
-        case 'action':
-        case 'align':
-        case 'alt':
-        case 'cite':
-        case 'coords':
-        case 'datetime':
-        case 'enctype':
-        case 'for':
-        case 'headers':
-        case 'href':
-        case 'hreflang':
-        case 'kind':
-        case 'label':
-        case 'list':
-        case 'media':
-        case 'method':
-        case 'name':
-        case 'pattern':
-        case 'placeholder':
-        case 'poster':
-        case 'pubdate':
-        case 'rel':
-        case 'sandbox':
-        case 'src':
-        case 'srcdoc':
-        case 'srclang':
-        case 'summary':
-        case 'type':
-        case 'usemap':
-        case 'value':
-        case 'wrap':
+                el.setAttribute(attr, `${datum}`);
+            }
+            break;
+        }
+        // case 'accesskey':
+        // case 'class':
+        // case 'contextmenu':
+        // case 'dropzone': // breakable support
+        // case 'id':
+        // case 'itemid':
+        // case 'itemprop':
+        // case 'itemref':
+        // case 'itemscope':
+        // case 'itemtype':
+        // case 'lang':
+        // case 'slot': // breakable support
+        // case 'style':
+        // case 'title':
+        // case 'translate': // breakable support
+        // case 'accept':
+        // case 'accept-charset':
+        // case 'action':
+        // case 'align':
+        // case 'alt':
+        // case 'cite':
+        // case 'coords':
+        // case 'datetime':
+        // case 'enctype':
+        // case 'for':
+        // case 'headers':
+        // case 'href':
+        // case 'hreflang':
+        // case 'kind':
+        // case 'label':
+        // case 'list':
+        // case 'media':
+        // case 'method':
+        // case 'name':
+        // case 'pattern':
+        // case 'placeholder':
+        // case 'poster':
+        // case 'pubdate':
+        // case 'rel':
+        // case 'sandbox':
+        // case 'src':
+        // case 'srcdoc':
+        // case 'srclang':
+        // case 'summary':
+        // case 'type':
+        // case 'usemap':
+        // case 'value':
+        // case 'wrap':
         // and Data-* attributes
         default: {
-            el.setAttribute(attr, "" + datum);
+            el.setAttribute(attr, `${datum}`);
         }
     }
 }
 function toNum(datum) {
-    var i;
+    let i;
     if (typeof datum === 'boolean') {
         i = +datum;
     }
     else if (typeof datum === 'string') {
-        i = parseFloat(datum);
+        i = Number.parseFloat(datum);
     }
     else {
         i = datum;
@@ -687,4 +689,3 @@ function toNum(datum) {
 function toInt(datum) {
     return Math.floor(toNum(datum));
 }
-//# sourceMappingURL=setValue.js.map