@burger-editor/frozen-patty 0.10.0 → 3.5.0-alpha.1

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

@@ -1,40 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 /**
  * Set value to an element
  *
  * ```html
  * <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
+ * @param filter
  */
-function default_1(name, datum, el, attr, filter) {
-    var bindingFormats = el.getAttribute("data-".concat(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();
@@ -57,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': {
                         //
@@ -69,18 +66,18 @@ function default_1(name, datum, el, attr, filter) {
                         // デモサーバーから本番サーバーへの移行ができなくなってしまうので避ける
                         // 単純な文字列を流し込む（setAttributeを利用）
                         // urlはマルチバイト文字や空白記号を含まないはずであるがエスケープする
-                        var url = encodeURI("".concat(datum));
-                        cssValue = "url(".concat(url, ")");
+                        const url = encodeURI(`${datum}`);
+                        cssValue = `url(${url})`;
                         break;
                     }
                     //
                     // TODO: 他にもvalueに単位が必要なケースなどに対応したい
                     //
                     default: {
-                        cssValue = "".concat(datum);
+                        cssValue = `${datum}`;
                     }
                 }
-                el.setAttribute('style', "".concat(cssPropertyName, ": ").concat(cssValue));
+                el.setAttribute('style', `${cssPropertyName}: ${cssValue}`);
                 //
                 // 属性
                 //
@@ -90,7 +87,7 @@ function default_1(name, datum, el, attr, filter) {
             }
             else {
                 // SVGElement or more
-                el.setAttribute(targetAttr, "".concat(datum));
+                el.setAttribute(targetAttr, `${datum}`);
             }
             //
             // 属性指定がない場合
@@ -100,32 +97,27 @@ function default_1(name, datum, el, attr, filter) {
             if (el instanceof HTMLInputElement ||
                 el instanceof HTMLSelectElement ||
                 el instanceof HTMLTextAreaElement) {
-                el.value = "".concat(datum);
+                el.value = `${datum}`;
             }
             else {
-                el.innerHTML = "".concat(datum);
+                el.innerHTML = `${datum}`;
             }
         }
     }
 }
-exports.default = default_1;
 /**
  * Set attribute
- *
  * @param el Target HTML element
  * @param attr Attribute name
  * @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 '': {
@@ -145,7 +137,7 @@ function setAttribute(el, attr, datum) {
                     el.dir = datum;
                     break;
                 }
-                case 'auto':
+                // case 'auto':
                 default: {
                     el.removeAttribute(attr);
                 }
@@ -166,7 +158,7 @@ function setAttribute(el, attr, datum) {
                     el.draggable = false;
                     break;
                 }
-                case 'auto':
+                // case 'auto':
                 default: {
                     el.removeAttribute(attr);
                 }
@@ -182,17 +174,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': {
@@ -200,16 +192,17 @@ function setAttribute(el, attr, datum) {
                 el.async = !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'autocomplete': {
             if (el instanceof HTMLInputElement || el instanceof HTMLFormElement) {
-                el.autocomplete = datum ? "".concat(datum) : 'off';
+                // @ts-ignore
+                el.autocomplete = datum ? `${datum}` : 'off';
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -221,7 +214,7 @@ function setAttribute(el, attr, datum) {
                 el.autofocus = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -230,7 +223,7 @@ function setAttribute(el, attr, datum) {
                 el.autoplay = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -239,14 +232,14 @@ function setAttribute(el, attr, datum) {
                 el.checked = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -254,14 +247,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -269,7 +262,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -278,7 +271,7 @@ function setAttribute(el, attr, datum) {
                 el.controls = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -287,7 +280,7 @@ function setAttribute(el, attr, datum) {
                 el.default = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -296,7 +289,7 @@ function setAttribute(el, attr, datum) {
                 el.defer = !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -311,28 +304,28 @@ function setAttribute(el, attr, datum) {
                 el.disabled = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
         case 'download': {
             if (el instanceof HTMLAnchorElement) {
                 if (datum || datum === '') {
-                    el.download = "".concat(datum);
+                    el.download = `${datum}`;
                 }
                 else {
                     el.removeAttribute(attr);
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -340,7 +333,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -349,7 +342,7 @@ function setAttribute(el, attr, datum) {
                 el.isMap = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -358,14 +351,14 @@ function setAttribute(el, attr, datum) {
                 el.loop = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -373,7 +366,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -381,8 +374,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 {
@@ -390,14 +383,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -405,14 +398,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -420,7 +413,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -429,7 +422,7 @@ function setAttribute(el, attr, datum) {
                 el.multiple = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -438,14 +431,14 @@ function setAttribute(el, attr, datum) {
                 el.noValidate = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(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}`);
         // 	}
@@ -453,8 +446,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 {
@@ -462,7 +455,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -481,7 +474,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -490,7 +483,7 @@ function setAttribute(el, attr, datum) {
                 el.readOnly = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -501,24 +494,23 @@ function setAttribute(el, attr, datum) {
                 el.required = datum === '' ? true : !!datum;
             }
             else {
-                el.setAttribute(attr, "".concat(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, "".concat(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 {
@@ -526,14 +518,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -541,14 +533,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -556,14 +548,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -571,14 +563,14 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(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 {
@@ -586,7 +578,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -596,8 +588,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 {
@@ -605,7 +597,7 @@ function setAttribute(el, attr, datum) {
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -614,14 +606,14 @@ function setAttribute(el, attr, datum) {
                 el instanceof HTMLAreaElement ||
                 el instanceof HTMLFormElement) {
                 if (datum) {
-                    el.target = "".concat(datum);
+                    el.target = `${datum}`;
                 }
                 else {
                     el.removeAttribute(attr);
                 }
             }
             else {
-                el.setAttribute(attr, "".concat(datum));
+                el.setAttribute(attr, `${datum}`);
             }
             break;
         }
@@ -675,24 +667,31 @@ function setAttribute(el, attr, datum) {
         // case 'wrap':
         // and Data-* attributes
         default: {
-            el.setAttribute(attr, "".concat(datum));
+            el.setAttribute(attr, `${datum}`);
         }
     }
 }
+/**
+ *
+ * @param 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;
     }
     return i;
 }
+/**
+ *
+ * @param datum
+ */
 function toInt(datum) {
     return Math.floor(toNum(datum));
 }
-//# sourceMappingURL=setValue.js.map

package/dist/set.d.ts

@@ -0,0 +1,9 @@
+import type { Filter, FrozenPattyData } from './types.js';
+/**
+ *
+ * @param el
+ * @param data
+ * @param attr
+ * @param filter
+ */
+export default function (el: Element, data: FrozenPattyData, attr: string, filter?: Filter): Element;