@burger-editor/frozen-patty 4.0.0-alpha.17 → 4.0.0-alpha.19

package/dist/set-value.js

@@ -702,11 +702,27 @@ export function setContent(el, datum, asHtml = true, xssSanitize = true) {
         el instanceof HTMLOutputElement) {
         if (el instanceof HTMLInputElement &&
             (el.type === 'radio' || el.type === 'checkbox')) {
+            // Boolean values are always set directly regardless of value attribute
             if (typeof datum === 'boolean') {
                 el.checked = datum;
                 return;
             }
-            el.checked = el.value === `${datum}`;
+            // Checkbox/radio with value attribute: traditional value comparison
+            if (el.hasAttribute('value')) {
+                el.checked = el.value === `${datum}`;
+                return;
+            }
+            // Checkbox without value attribute: switch-like behavior (string boolean processing)
+            if (datum === 'true') {
+                el.checked = true;
+                return;
+            }
+            if (datum === 'false') {
+                el.checked = false;
+                return;
+            }
+            // Other values default to false
+            el.checked = false;
             return;
         }
         el.value = `${datum}`;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@burger-editor/frozen-patty",
-	"version": "4.0.0-alpha.17",
+	"version": "4.0.0-alpha.19",
 	"description": "Pure HTML to JSON converter that does not use a template engine.",
 	"author": "D-ZERO",
 	"license": "(MIT OR Apache-2.0)",
@@ -41,7 +41,7 @@
 		"clean": "tsc --build --clean"
 	},
 	"dependencies": {
-		"@burger-editor/utils": "4.0.0-alpha.17"
+		"@burger-editor/utils": "4.0.0-alpha.19"
 	},
-	"gitHead": "b23b390118809858067f2a1511b767dc3d26cbd4"
+	"gitHead": "40bf90cf6b012a69fda57c81c5b4116d48d360d5"
 }

package/dist/field-name-parser.d.ts

@@ -1,8 +0,0 @@
-/**
- *
- * @param field
- */
-export declare function fieldNameParser(field: string): {
-    fieldName: string;
-    propName: string;
-};

package/dist/field-name-parser.js

@@ -1,18 +0,0 @@
-import { camelCase } from './utils.js';
-/**
- *
- * @param field
- */
-export function fieldNameParser(field) {
-    field = field.trim().toLowerCase();
-    if (!field) {
-        throw new Error('Field name is empty.');
-    }
-    let [fieldName, propName] = field.split(':');
-    propName = propName?.trim() || '';
-    fieldName = fieldName?.trim() || propName || field;
-    return {
-        fieldName: camelCase(fieldName),
-        propName,
-    };
-}

package/dist/field-name-stringifier.d.ts

@@ -1,14 +0,0 @@
-import type { FieldDefinition } from './types.js';
-/**
- * フィールド名と属性名からフィールド定義文字列を生成します
- * @param fieldName フィールド名
- * @param propName 属性名（オプション）
- * @returns フィールド定義文字列
- */
-export declare function fieldNameStringify(fieldName: string, propName?: string): string;
-/**
- * 複数のフィールド定義をカンマ区切りで結合します
- * @param fields フィールド定義の配列
- * @returns カンマ区切りのフィールド定義文字列
- */
-export declare function fieldsStringify(fields: readonly FieldDefinition[]): string;

package/dist/field-name-stringifier.js

@@ -1,26 +0,0 @@
-/**
- * フィールド名と属性名からフィールド定義文字列を生成します
- * @param fieldName フィールド名
- * @param propName 属性名（オプション）
- * @returns フィールド定義文字列
- */
-export function fieldNameStringify(fieldName, propName) {
-    if (!propName) {
-        return fieldName;
-    }
-    // fieldNameとpropNameが同じ場合は省略記法を使用
-    if (fieldName === propName) {
-        return `:${propName}`;
-    }
-    return `${fieldName}:${propName}`;
-}
-/**
- * 複数のフィールド定義をカンマ区切りで結合します
- * @param fields フィールド定義の配列
- * @returns カンマ区切りのフィールド定義文字列
- */
-export function fieldsStringify(fields) {
-    return fields
-        .map((field) => fieldNameStringify(field.fieldName, field.propName))
-        .join(', ');
-}

package/dist/get.d.ts

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

package/dist/get.js

@@ -1,19 +0,0 @@
-import { getValues } from './get-values.js';
-import { arrayToHash } from './utils.js';
-/**
- *
- * @param el
- * @param attr
- * @param typeConvert
- * @param filter
- */
-export default function (el, attr, typeConvert, filter) {
-    // eslint-disable-next-line unicorn/prefer-spread
-    const filedElements = Array.from(el.querySelectorAll(`[data-${attr}]`));
-    let values = [];
-    for (const _el of filedElements) {
-        values = [...values, ...getValues(_el, typeConvert, attr, filter)];
-    }
-    const result = arrayToHash(values);
-    return result;
-}

package/dist/handle-picture-element.d.ts

@@ -1,6 +0,0 @@
-/**
- * picture要素の特別な処理を行います
- * @param pictureElement picture要素
- * @param attr
- */
-export declare function handlePictureElement(pictureElement: HTMLPictureElement, attr: string): void;

package/dist/handle-picture-element.js

@@ -1,31 +0,0 @@
-import { parseFields } from './parse-fields.js';
-import { setValue } from './set-value.js';
-/**
- * picture要素の特別な処理を行います
- * @param pictureElement picture要素
- * @param attr
- */
-export function handlePictureElement(pictureElement, attr) {
-    const children = [...pictureElement.children];
-    const fieldAttrName = `data-${attr}`;
-    for (const [i, child] of children.entries()) {
-        const fields = parseFields(child.getAttribute(fieldAttrName) ?? '');
-        const newChild = child.cloneNode(false);
-        child.remove();
-        if (i > 0) {
-            setValue(newChild, 'node', 'source', attr);
-        }
-        switch (newChild.localName) {
-            case 'source': {
-                // newChild.removeAttribute('alt');
-                // setValue(newChild, name, attr.value);
-                break;
-            }
-            case 'img': {
-                //
-                break;
-            }
-        }
-        pictureElement.insertBefore(newChild, pictureElement.firstChild);
-    }
-}

package/dist/set-comonent.d.ts

@@ -1,10 +0,0 @@
-import type { Filter, FrozenPattyData } from './types.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- * @param xssSanitize Enable XSS protection
- */
-export declare function setComponent(el: Element, data: FrozenPattyData, attr: string, filter?: Filter, xssSanitize?: boolean): Element;

package/dist/set-comonent.js

@@ -1,71 +0,0 @@
-import { setValue } from './set-value.js';
-import { stringifyFields } from './stringify-fields.js';
-import { definedFields, flattenData, getFields, hasField, kebabCase, maxLengthOf, removeProp, replaceNode, replaceProp, } from './utils.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- * @param xssSanitize Enable XSS protection
- */
-export function setComponent(el, data, attr, filter, xssSanitize = true) {
-    el = el.cloneNode(true);
-    for (const dataKeyName in data) {
-        const datum = data[dataKeyName];
-        if (Array.isArray(datum)) {
-            continue;
-        }
-        const targetList = [
-            // 自身を含める
-            el,
-            // パフォーマンスのために雑なフィルタリングを行う
-            ...el.querySelectorAll(`[data-${attr}*="${kebabCase(dataKeyName)}"]`),
-        ]
-            // より正確なフィルタリングを行う
-            .filter((el) => hasField(el, attr, dataKeyName));
-        for (const targetEl of targetList) {
-            setValue(targetEl, dataKeyName, datum, attr, filter, xssSanitize);
-        }
-    }
-    for (const listRoot of el.querySelectorAll(`[data-${attr}-list]`)) {
-        const decendants = listRoot.querySelectorAll('*');
-        const definedFieldsOfDecendants = new Set([...decendants].flatMap((el) => definedFields(el, attr)));
-        const maxLength = maxLengthOf(data, [...definedFieldsOfDecendants]);
-        const listItem = listRoot.children[0]?.cloneNode(true);
-        if (!listItem) {
-            continue;
-        }
-        while (listRoot.firstChild) {
-            listRoot.firstChild.remove();
-        }
-        for (let i = 0; i < maxLength; i++) {
-            let item = listItem.cloneNode(true);
-            const itemData = flattenData(data, i);
-            let reverse = false;
-            switch (listRoot.localName) {
-                case 'picture': {
-                    reverse = true;
-                    if (i > 0) {
-                        // 2つ目以降はsource要素に変換
-                        let fields = getFields(item, attr);
-                        item = replaceNode(item, 'source', attr, xssSanitize);
-                        fields = replaceProp(fields, 'src', 'srcset');
-                        fields = removeProp(fields, 'alt');
-                        const fieldQuery = stringifyFields(fields);
-                        item.setAttribute(`data-${attr}`, fieldQuery);
-                    }
-                    break;
-                }
-            }
-            const newEl = setComponent(item, itemData, attr, filter, xssSanitize);
-            if (reverse) {
-                listRoot.prepend(newEl);
-            }
-            else {
-                listRoot.append(newEl);
-            }
-        }
-    }
-    return el;
-}

package/dist/set.d.ts

@@ -1,9 +0,0 @@
-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;

package/dist/set.js

@@ -1,60 +0,0 @@
-import { setValue } from './set-value.js';
-import { kebabCase } from './utils.js';
-/**
- *
- * @param el
- * @param data
- * @param attr
- * @param filter
- */
-export default function (el, data, attr, filter) {
-    el = el.cloneNode(true);
-    for (const dataKeyName in data) {
-        if (dataKeyName in data) {
-            const datum = data[dataKeyName];
-            const selector = `[data-${attr}*="${kebabCase(dataKeyName)}"]`;
-            // eslint-disable-next-line unicorn/prefer-spread
-            const targetList = Array.from(el.querySelectorAll(selector));
-            if (Array.isArray(datum)) {
-                const targetEl = targetList[0];
-                if (!targetEl) {
-                    continue;
-                }
-                const listRoot = targetEl.closest(`[data-${attr}-list]`);
-                if (!listRoot || (listRoot && listRoot.children.length === 0)) {
-                    continue;
-                }
-                const listItem = listRoot.children[0]?.cloneNode(true);
-                while (listItem && datum.length > listRoot.children.length) {
-                    listRoot.append(listItem.cloneNode(true));
-                }
-                // eslint-disable-next-line unicorn/prefer-spread
-                const newChildren = Array.from(listRoot.querySelectorAll(selector));
-                // eslint-disable-next-line unicorn/prefer-spread
-                const oldChildList = Array.from(listRoot.children);
-                let deleteNodeList = [];
-                for (const [i, child] of [...newChildren].entries()) {
-                    if (datum[i] == null) {
-                        setValue(child, dataKeyName, '', attr, filter);
-                        const oldChild = oldChildList[i];
-                        if (oldChild) {
-                            deleteNodeList.push(oldChild);
-                        }
-                    }
-                    else {
-                        setValue(child, dataKeyName, datum[i], attr, filter);
-                        deleteNodeList = [];
-                    }
-                }
-                for (const node of deleteNodeList)
-                    node.remove();
-            }
-            else {
-                for (const [, targetEl] of [...targetList].entries()) {
-                    setValue(targetEl, dataKeyName, datum, attr, filter);
-                }
-            }
-        }
-    }
-    return el;
-}