@aemforms/af-core 0.22.29 → 0.22.31

package/lib/cjs/index.cjs

@@ -324,9 +324,11 @@ class DataGroup extends DataValue {
 const TOK_DOT$2 = 'DOT';
 const TOK_IDENTIFIER = 'Identifier';
 const TOK_GLOBAL$3 = 'Global';
+const TOK_REPEATABLE = 'Repeatable';
 const TOK_BRACKET = 'bracket';
 const TOK_NUMBER$2 = 'Number';
 const globalStartToken$1 = '$';
+const repeatableStartToken = '#';
 const identifier = (value, start) => {
     return {
         type: TOK_IDENTIFIER,
@@ -348,6 +350,13 @@ const global$ = () => {
         value: globalStartToken$1
     };
 };
+const repeatable = () => {
+    return {
+        type: TOK_REPEATABLE,
+        start: 0,
+        value: repeatableStartToken
+    };
+};
 const isAlphaNum$1 = function (ch) {
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
@@ -357,6 +366,9 @@ const isAlphaNum$1 = function (ch) {
 const isGlobal = (prev, stream, pos) => {
     return prev === null && stream[pos] === globalStartToken$1;
 };
+const isRepeatable$1 = (prev, stream, pos) => {
+    return prev === null && stream[pos] === repeatableStartToken;
+};
 const isIdentifier$1 = (stream, pos) => {
     const ch = stream[pos];
     if (ch === '$') {
@@ -382,6 +394,10 @@ class Tokenizer {
         this._current += 1;
         return global$();
     }
+    _consumeRepeatable() {
+        this._current += 1;
+        return repeatable();
+    }
     _consumeUnquotedIdentifier(stream) {
         const start = this._current;
         this._current += 1;
@@ -444,6 +460,11 @@ class Tokenizer {
                 this._tokens.push(token);
                 this._result_tokens.push(token);
             }
+            else if (isRepeatable$1(prev, stream, this._current)) {
+                const token = this._consumeRepeatable();
+                this._tokens.push(token);
+                this._result_tokens.push(token);
+            }
             else if (isIdentifier$1(stream, this._current)) {
                 const token = this._consumeUnquotedIdentifier(stream);
                 this._tokens.push(token);
@@ -833,7 +854,7 @@ class BaseNode {
             x(new ActionImplWithTarget(action, this));
         });
     }
-    _setProperty(prop, newValue, notify = true) {
+    _setProperty(prop, newValue, notify = true, notifyChildren = (action) => { }) {
         const oldValue = this._jsonModel[prop];
         let isValueSame = false;
         if (newValue !== null && oldValue !== null &&
@@ -849,6 +870,7 @@ class BaseNode {
             if (notify) {
                 this.notifyDependents(changeAction);
             }
+            notifyChildren.call(this, changeAction);
             return changeAction.payload.changes;
         }
         return [];
@@ -863,7 +885,7 @@ class BaseNode {
         if (dataRef === null) {
             _data = NullDataValue;
         }
-        else if (dataRef !== undefined) {
+        else if (dataRef !== undefined && !this.repeatable) {
             if (this._tokens.length === 0) {
                 this._tokens = tokenize(dataRef);
             }
@@ -871,6 +893,13 @@ class BaseNode {
             if (this._tokens[0].type === TOK_GLOBAL$3) {
                 searchData = this.form.getDataNode();
             }
+            else if (this._tokens[0].type === TOK_REPEATABLE) {
+                let repeatRoot = this.parent;
+                while (!repeatRoot.repeatable && repeatRoot !== this.form) {
+                    repeatRoot = repeatRoot.parent;
+                }
+                searchData = repeatRoot.getDataNode();
+            }
             if (typeof searchData !== 'undefined') {
                 const name = this._tokens[this._tokens.length - 1].value;
                 const create = this.defaultDataModel(name);
@@ -913,10 +942,13 @@ class BaseNode {
     getDataNode() {
         return this._data;
     }
-    get language() {
+    get lang() {
+        if (this._jsonModel.lang) {
+            this._lang = this._jsonModel.lang;
+        }
         if (!this._lang) {
             if (this.parent) {
-                this._lang = this.parent.language;
+                this._lang = this.parent.lang;
             }
             else {
                 this._lang = Intl.DateTimeFormat().resolvedOptions().locale;
@@ -1488,7 +1520,7 @@ class Container extends Scriptable {
                 this._jsonModel.initialItems = Math.max(1, this._jsonModel.minItems);
             }
             for (let i = 0; i < this._jsonModel.initialItems; i++) {
-                const child = this._addChild(this._itemTemplate, null, true);
+                const child = this._addChild(this._itemTemplate, null, i > 0);
                 items[0].id = child.id;
                 child._initialize();
             }
@@ -2420,9 +2452,6 @@ class Form extends Container {
     get action() {
         return this._jsonModel.action;
     }
-    get lang() {
-        return this._jsonModel.lang || 'en';
-    }
     importData(dataModel) {
         this._bindToDataModel(new DataGroup('$form', dataModel));
         this.syncDataAndFormModel(this.getDataNode());
@@ -5372,6 +5401,9 @@ const defaults = {
     visible: true,
     enabled: true
 };
+const notifyChildrenAttributes = [
+    'readOnly', 'enabled'
+];
 class Fieldset extends Container {
     constructor(params, _options) {
         super(params, _options);
@@ -5406,10 +5438,47 @@ class Fieldset extends Container {
         return 'panel';
     }
     get enabled() {
-        return this._jsonModel.enabled;
+        if (this.parent.enabled !== undefined) {
+            return this.parent.enabled === false ? false : this._jsonModel.enabled;
+        }
+        else {
+            return this._jsonModel.enabled;
+        }
     }
     set enabled(e) {
-        this._setProperty('enabled', e);
+        this._setProperty('enabled', e, true, this.notifyChildren);
+    }
+    get readOnly() {
+        if (this.parent.readOnly !== undefined) {
+            return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
+        }
+        else {
+            return this._jsonModel.readOnly;
+        }
+    }
+    set readOnly(e) {
+        this._setProperty('readOnly', e, true, this.notifyChildren);
+    }
+    notifyChildren(action) {
+        if (action.payload !== undefined && action.payload.changes !== undefined) {
+            for (const change of action.payload.changes) {
+                if (change.propertyName !== undefined && notifyChildrenAttributes.includes(change.propertyName)) {
+                    this.items.forEach((child) => {
+                        this.notifyDependents.call(child, propertyChange(change.propertyName, child.getState()[change.propertyName], null));
+                        if (child.fieldType === 'panel') {
+                            this.notifyChildren.call(child, action);
+                        }
+                    });
+                }
+            }
+        }
+    }
+    getState() {
+        return {
+            ...super.getState(),
+            enabled: this.enabled,
+            readOnly: this.readOnly
+        };
     }
 }
 
@@ -6283,7 +6352,7 @@ class Field extends Scriptable {
             this.unset('emptyValue');
         }
         if (this._jsonModel.fieldType === undefined) {
-            this.form.logger.error('fieldType property is mandatory. Please ensure all the fields have a fieldType');
+            this.form.logger.debug('fieldType property is mandatory. Please ensure all the fields have a fieldType');
             if (this._jsonModel.viewType) {
                 if (this._jsonModel.viewType.startsWith('custom:')) {
                     this.form.logger.error('viewType property has been removed. For custom types, use :type property');
@@ -6356,13 +6425,23 @@ class Field extends Scriptable {
         return this._jsonModel.placeholder;
     }
     get readOnly() {
-        return this._jsonModel.readOnly;
+        if (this.parent.readOnly !== undefined) {
+            return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
+        }
+        else {
+            return this._jsonModel.readOnly;
+        }
     }
     set readOnly(e) {
         this._setProperty('readOnly', e);
     }
     get enabled() {
-        return this._jsonModel.enabled;
+        if (this.parent.enabled !== undefined) {
+            return this.parent.enabled === false ? false : this._jsonModel.enabled;
+        }
+        else {
+            return this._jsonModel.enabled;
+        }
     }
     set enabled(e) {
         this._setProperty('enabled', e);
@@ -6441,7 +6520,7 @@ class Field extends Scriptable {
         const df = this.editFormat;
         if (df && this.isNotEmpty(this.value) && this.valid !== false) {
             try {
-                return format(this.value, this.language, df);
+                return format(this.value, this.lang, df);
             }
             catch (e) {
                 return this.value;
@@ -6455,7 +6534,7 @@ class Field extends Scriptable {
         const df = this.displayFormat;
         if (df && this.isNotEmpty(this.value) && this.valid !== false) {
             try {
-                return format(this.value, this.language, df);
+                return format(this.value, this.lang, df);
             }
             catch (e) {
                 return this.value;
@@ -6805,7 +6884,9 @@ class Field extends Scriptable {
             editFormat: this.editFormat,
             displayFormat: this.displayFormat,
             editValue: this.editValue,
-            displayValue: this.displayValue
+            displayValue: this.displayValue,
+            enabled: this.enabled,
+            readOnly: this.readOnly
         };
     }
 }
@@ -6945,7 +7026,7 @@ class FileUpload extends Field {
             if (value != null) {
                 const res = Constraints.type(this.getInternalType(), value);
                 if (!res.valid) {
-                    this.form.logger.error(`unable to bind ${this.name} to data`);
+                    this.form.logger.debug(`unable to bind ${this.name} to data`);
                 }
                 this.form.getEventQueue().queue(this, propertyChange('value', res.value, this._jsonModel.value));
                 this._jsonModel.value = res.value;

package/lib/esm/{BaseNode-d78cc1b0.js → BaseNode-f84b22c6.js}

@@ -19,7 +19,7 @@
 *************************************************************************/
 
 import { propertyChange, ExecuteRule } from './controller/Events.js';
-import { tokenize, TOK_GLOBAL, resolveData } from './utils/DataRefParser.js';
+import { tokenize, TOK_GLOBAL, TOK_REPEATABLE, resolveData } from './utils/DataRefParser.js';
 import NullDataValue from './data/EmptyDataValue.js';
 
 function __decorate(decorators, target, key, desc) {
@@ -313,7 +313,7 @@ class BaseNode {
             x(new ActionImplWithTarget(action, this));
         });
     }
-    _setProperty(prop, newValue, notify = true) {
+    _setProperty(prop, newValue, notify = true, notifyChildren = (action) => { }) {
         const oldValue = this._jsonModel[prop];
         let isValueSame = false;
         if (newValue !== null && oldValue !== null &&
@@ -329,6 +329,7 @@ class BaseNode {
             if (notify) {
                 this.notifyDependents(changeAction);
             }
+            notifyChildren.call(this, changeAction);
             return changeAction.payload.changes;
         }
         return [];
@@ -343,7 +344,7 @@ class BaseNode {
         if (dataRef === null) {
             _data = NullDataValue;
         }
-        else if (dataRef !== undefined) {
+        else if (dataRef !== undefined && !this.repeatable) {
             if (this._tokens.length === 0) {
                 this._tokens = tokenize(dataRef);
             }
@@ -351,6 +352,13 @@ class BaseNode {
             if (this._tokens[0].type === TOK_GLOBAL) {
                 searchData = this.form.getDataNode();
             }
+            else if (this._tokens[0].type === TOK_REPEATABLE) {
+                let repeatRoot = this.parent;
+                while (!repeatRoot.repeatable && repeatRoot !== this.form) {
+                    repeatRoot = repeatRoot.parent;
+                }
+                searchData = repeatRoot.getDataNode();
+            }
             if (typeof searchData !== 'undefined') {
                 const name = this._tokens[this._tokens.length - 1].value;
                 const create = this.defaultDataModel(name);
@@ -393,10 +401,13 @@ class BaseNode {
     getDataNode() {
         return this._data;
     }
-    get language() {
+    get lang() {
+        if (this._jsonModel.lang) {
+            this._lang = this._jsonModel.lang;
+        }
         if (!this._lang) {
             if (this.parent) {
-                this._lang = this.parent.language;
+                this._lang = this.parent.lang;
             }
             else {
                 this._lang = Intl.DateTimeFormat().resolvedOptions().locale;

package/lib/esm/BaseNode.d.ts

@@ -72,11 +72,11 @@ export declare abstract class BaseNode<T extends BaseJson> implements BaseModel
     queueEvent(action: Action): void;
     dispatch(action: Action): void;
     notifyDependents(action: Action): void;
-    _setProperty<T>(prop: string, newValue: T, notify?: boolean): any;
+    _setProperty<T>(prop: string, newValue: T, notify?: boolean, notifyChildren?: (action: Action) => void): any;
     _bindToDataModel(contextualDataModel: DataGroup): void;
     private _data?;
     getDataNode(): DataValue | undefined;
-    get language(): string | undefined;
+    get lang(): string | undefined;
     get properties(): {
         [key: string]: any;
     };

package/lib/esm/BaseNode.js

@@ -18,7 +18,7 @@
 * the terms of the Adobe license agreement accompanying it.
 *************************************************************************/
 
-export { B as BaseNode, d as dependencyTracked, b as dynamicProps, a as editableProperties, e as exclude, i as include, q as qualifiedName, s as staticFields, t as target } from './BaseNode-d78cc1b0.js';
+export { B as BaseNode, d as dependencyTracked, b as dynamicProps, a as editableProperties, e as exclude, i as include, q as qualifiedName, s as staticFields, t as target } from './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/EmptyDataValue.js';

package/lib/esm/Checkbox.js

@@ -20,7 +20,7 @@
 
 import Field from './Field.js';
 import { Constraints } from './utils/ValidationUtils.js';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';

package/lib/esm/CheckboxGroup.js

@@ -19,7 +19,7 @@
 *************************************************************************/
 
 import Field from './Field.js';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';

package/lib/esm/Container.js

@@ -18,7 +18,7 @@
 * the terms of the Adobe license agreement accompanying it.
 *************************************************************************/
 
-import { _ as __decorate, d as dependencyTracked } from './BaseNode-d78cc1b0.js';
+import { _ as __decorate, d as dependencyTracked } from './BaseNode-f84b22c6.js';
 import { isRepeatable, deepClone } from './utils/JsonUtils.js';
 import Scriptable from './Scriptable.js';
 import { propertyChange, Initialize, ExecuteRule, RemoveItem } from './controller/Events.js';
@@ -205,7 +205,7 @@ class Container extends Scriptable {
                 this._jsonModel.initialItems = Math.max(1, this._jsonModel.minItems);
             }
             for (let i = 0; i < this._jsonModel.initialItems; i++) {
-                const child = this._addChild(this._itemTemplate, null, true);
+                const child = this._addChild(this._itemTemplate, null, i > 0);
                 items[0].id = child.id;
                 child._initialize();
             }

package/lib/esm/DateField.js

@@ -20,7 +20,7 @@
 
 import Field from './Field.js';
 import { parseDateSkeleton, formatDate } from '@aemforms/af-formatters';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';

package/lib/esm/Field.d.ts

@@ -149,6 +149,8 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
         displayFormat: string | undefined;
         editValue: any;
         displayValue: any;
+        enabled: boolean | undefined;
+        readOnly: boolean | undefined;
         description?: string | undefined;
         rules: import("./types/Json.js").Items<string> & {};
         events: import("./types/Json.js").Items<string | string[] | undefined> & {};
@@ -175,9 +177,9 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
         validationExpression?: string | undefined;
         uniqueItems?: boolean | undefined;
         dataRef?: string | null | undefined;
+        lang?: string | undefined;
         ':type': string;
         label?: import("./types/Json.js").Label | undefined;
-        enabled?: boolean | undefined;
         visible?: boolean | undefined;
         name?: string | undefined;
         constraintMessages?: ConstraintsMessages | undefined;
@@ -192,7 +194,6 @@ declare class Field extends Scriptable<FieldJson> implements FieldModel {
         altText?: string | undefined;
         viewType?: string | undefined;
         placeholder?: string | undefined;
-        readOnly?: boolean | undefined;
         valid?: boolean | undefined;
         default?: any;
         value?: any;

package/lib/esm/Field.js

@@ -18,7 +18,7 @@
 * the terms of the Adobe license agreement accompanying it.
 *************************************************************************/
 
-import { _ as __decorate, s as staticFields, t as target, d as dependencyTracked, e as exclude, i as include } from './BaseNode-d78cc1b0.js';
+import { _ as __decorate, s as staticFields, t as target, d as dependencyTracked, e as exclude, i as include } from './BaseNode-f84b22c6.js';
 import { ValidationError } from './types/Model.js';
 import { Constraints, coerceType, ValidConstraints } from './utils/ValidationUtils.js';
 import { Initialize, ExecuteRule, Change, Valid, Invalid, propertyChange } from './controller/Events.js';
@@ -118,7 +118,7 @@ class Field extends Scriptable {
             this.unset('emptyValue');
         }
         if (this._jsonModel.fieldType === undefined) {
-            this.form.logger.error('fieldType property is mandatory. Please ensure all the fields have a fieldType');
+            this.form.logger.debug('fieldType property is mandatory. Please ensure all the fields have a fieldType');
             if (this._jsonModel.viewType) {
                 if (this._jsonModel.viewType.startsWith('custom:')) {
                     this.form.logger.error('viewType property has been removed. For custom types, use :type property');
@@ -191,13 +191,23 @@ class Field extends Scriptable {
         return this._jsonModel.placeholder;
     }
     get readOnly() {
-        return this._jsonModel.readOnly;
+        if (this.parent.readOnly !== undefined) {
+            return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
+        }
+        else {
+            return this._jsonModel.readOnly;
+        }
     }
     set readOnly(e) {
         this._setProperty('readOnly', e);
     }
     get enabled() {
-        return this._jsonModel.enabled;
+        if (this.parent.enabled !== undefined) {
+            return this.parent.enabled === false ? false : this._jsonModel.enabled;
+        }
+        else {
+            return this._jsonModel.enabled;
+        }
     }
     set enabled(e) {
         this._setProperty('enabled', e);
@@ -276,7 +286,7 @@ class Field extends Scriptable {
         const df = this.editFormat;
         if (df && this.isNotEmpty(this.value) && this.valid !== false) {
             try {
-                return format(this.value, this.language, df);
+                return format(this.value, this.lang, df);
             }
             catch (e) {
                 return this.value;
@@ -290,7 +300,7 @@ class Field extends Scriptable {
         const df = this.displayFormat;
         if (df && this.isNotEmpty(this.value) && this.valid !== false) {
             try {
-                return format(this.value, this.language, df);
+                return format(this.value, this.lang, df);
             }
             catch (e) {
                 return this.value;
@@ -640,7 +650,9 @@ class Field extends Scriptable {
             editFormat: this.editFormat,
             displayFormat: this.displayFormat,
             editValue: this.editValue,
-            displayValue: this.displayValue
+            displayValue: this.displayValue,
+            enabled: this.enabled,
+            readOnly: this.readOnly
         };
     }
 }

package/lib/esm/Fieldset.d.ts

@@ -1,5 +1,5 @@
 import Container from './Container.js';
-import { ContainerModel, FieldsetJson, FieldsetModel, FormModel, IFormFieldFactory } from './types/index.js';
+import { Action, ContainerModel, FieldModel, FieldsetJson, FieldsetModel, FormModel, IFormFieldFactory } from './types/index.js';
 export declare class Fieldset extends Container<FieldsetJson> implements FieldsetModel {
     constructor(params: FieldsetJson, _options: {
         form: FormModel;
@@ -8,9 +8,65 @@ export declare class Fieldset extends Container<FieldsetJson> implements Fieldse
     });
     private _applyDefaults;
     get type(): "array" | "object" | undefined;
-    get items(): (import("./types/Model.js").FieldModel | FieldsetModel)[];
+    get items(): (FieldModel | FieldsetModel)[];
     get value(): null;
     get fieldType(): string;
     get enabled(): boolean | undefined;
     set enabled(e: boolean | undefined);
+    get readOnly(): boolean | undefined;
+    set readOnly(e: boolean | undefined);
+    notifyChildren(action: Action): void;
+    getState(): {
+        enabled: boolean | undefined;
+        readOnly: boolean | undefined;
+        description?: string | undefined;
+        rules: import("./types/Json.js").Items<string> & {};
+        events: import("./types/Json.js").Items<string | string[] | undefined> & {};
+        enumNames?: string[] | undefined;
+        enum?: any[] | undefined;
+        accept?: string[] | undefined;
+        enforceEnum?: boolean | undefined;
+        exclusiveMinimum?: number | undefined;
+        exclusiveMaximum?: number | undefined;
+        format?: string | undefined;
+        maxFileSize?: string | number | undefined;
+        maxLength?: number | undefined;
+        maximum?: number | undefined;
+        maxItems?: number | undefined;
+        minOccur?: number | undefined;
+        maxOccur?: number | undefined;
+        minLength?: number | undefined;
+        minimum?: number | undefined;
+        minItems?: number | undefined;
+        pattern?: string | undefined;
+        required?: boolean | undefined;
+        step?: number | undefined;
+        type?: "object" | "array" | undefined;
+        validationExpression?: string | undefined;
+        uniqueItems?: boolean | undefined;
+        dataRef?: string | null | undefined;
+        lang?: string | undefined;
+        ':type': string;
+        label?: import("./types/Json.js").Label | undefined;
+        visible?: boolean | undefined;
+        name?: string | undefined;
+        constraintMessages?: import("./types/Json.js").ConstraintsMessages | undefined;
+        fieldType?: string | undefined;
+        errorMessage?: string | undefined;
+        properties: {
+            [key: string]: any;
+        };
+        repeatable: boolean | undefined;
+        screenReaderText?: string | undefined;
+        tooltip?: string | undefined;
+        altText?: string | undefined;
+        viewType?: string | undefined;
+        items: (import("./types/Json.js").FieldJson | import("./types/Json.js").ContainerJson)[] & any[];
+        initialItems?: number | undefined;
+        activeChild?: string | undefined;
+        index: number;
+        parent: undefined;
+        qualifiedName: any;
+        id: string;
+    };
 }

package/lib/esm/Fieldset.js

@@ -19,8 +19,8 @@
 *************************************************************************/
 
 import Container from './Container.js';
-import { Initialize, ExecuteRule } from './controller/Events.js';
-import './BaseNode-d78cc1b0.js';
+import { Initialize, ExecuteRule, propertyChange } from './controller/Events.js';
+import './BaseNode-f84b22c6.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';
 import './data/DataValue.js';
@@ -34,6 +34,9 @@ const defaults = {
     visible: true,
     enabled: true
 };
+const notifyChildrenAttributes = [
+    'readOnly', 'enabled'
+];
 class Fieldset extends Container {
     constructor(params, _options) {
         super(params, _options);
@@ -68,10 +71,47 @@ class Fieldset extends Container {
         return 'panel';
     }
     get enabled() {
-        return this._jsonModel.enabled;
+        if (this.parent.enabled !== undefined) {
+            return this.parent.enabled === false ? false : this._jsonModel.enabled;
+        }
+        else {
+            return this._jsonModel.enabled;
+        }
     }
     set enabled(e) {
-        this._setProperty('enabled', e);
+        this._setProperty('enabled', e, true, this.notifyChildren);
+    }
+    get readOnly() {
+        if (this.parent.readOnly !== undefined) {
+            return this.parent.readOnly === true ? true : this._jsonModel.readOnly;
+        }
+        else {
+            return this._jsonModel.readOnly;
+        }
+    }
+    set readOnly(e) {
+        this._setProperty('readOnly', e, true, this.notifyChildren);
+    }
+    notifyChildren(action) {
+        if (action.payload !== undefined && action.payload.changes !== undefined) {
+            for (const change of action.payload.changes) {
+                if (change.propertyName !== undefined && notifyChildrenAttributes.includes(change.propertyName)) {
+                    this.items.forEach((child) => {
+                        this.notifyDependents.call(child, propertyChange(change.propertyName, child.getState()[change.propertyName], null));
+                        if (child.fieldType === 'panel') {
+                            this.notifyChildren.call(child, action);
+                        }
+                    });
+                }
+            }
+        }
+    }
+    getState() {
+        return {
+            ...super.getState(),
+            enabled: this.enabled,
+            readOnly: this.readOnly
+        };
     }
 }
 

package/lib/esm/FileUpload.js

@@ -23,7 +23,7 @@ import Field from './Field.js';
 import { getFileSizeInBytes } from './utils/FormUtils.js';
 import { FileObject } from './FileObject.js';
 import { Constraints } from './utils/ValidationUtils.js';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';
 import './data/DataValue.js';
@@ -126,7 +126,7 @@ class FileUpload extends Field {
             if (value != null) {
                 const res = Constraints.type(this.getInternalType(), value);
                 if (!res.valid) {
-                    this.form.logger.error(`unable to bind ${this.name} to data`);
+                    this.form.logger.debug(`unable to bind ${this.name} to data`);
                 }
                 this.form.getEventQueue().queue(this, propertyChange('value', res.value, this._jsonModel.value));
                 this._jsonModel.value = res.value;

package/lib/esm/Form.d.ts

@@ -16,7 +16,6 @@ declare class Form extends Container<FormJson> implements FormModel {
     private dataRefRegex;
     get metaData(): FormMetaData;
     get action(): string | undefined;
-    get lang(): string;
     importData(dataModel: any): void;
     exportData(): any;
     setFocus(field: BaseModel): void;
@@ -48,6 +47,7 @@ declare class Form extends Container<FormJson> implements FormModel {
         uniqueItems?: boolean | undefined;
     } & {
         dataRef?: string | null | undefined;
+        lang?: string | undefined;
         ':type'?: string | undefined;
         label?: import("./types/Json.js").Label | undefined;
         enabled?: boolean | undefined;

package/lib/esm/Form.js

@@ -26,7 +26,7 @@ import { IdGenerator, getAttachments } from './utils/FormUtils.js';
 import DataGroup from './data/DataGroup.js';
 import { submit } from './rules/FunctionRuntime.js';
 import { Initialize, ExecuteRule, FormLoad, FieldChanged, ValidationComplete } from './controller/Events.js';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './utils/DataRefParser.js';
 import './data/DataValue.js';
 import './data/EmptyDataValue.js';
@@ -68,9 +68,6 @@ class Form extends Container {
     get action() {
         return this._jsonModel.action;
     }
-    get lang() {
-        return this._jsonModel.lang || 'en';
-    }
     importData(dataModel) {
         this._bindToDataModel(new DataGroup('$form', dataModel));
         this.syncDataAndFormModel(this.getDataNode());

package/lib/esm/FormInstance.js

@@ -27,7 +27,7 @@ import { Logger } from './controller/Logger.js';
 import { FormFieldFactory } from './utils/FormCreationUtils.js';
 import { FunctionRuntime } from './rules/FunctionRuntime.js';
 import './Container.js';
-import './BaseNode-d78cc1b0.js';
+import './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';

package/lib/esm/InstanceManager.js

@@ -18,7 +18,7 @@
 * the terms of the Adobe license agreement accompanying it.
 *************************************************************************/
 
-import { _ as __decorate, d as dependencyTracked } from './BaseNode-d78cc1b0.js';
+import { _ as __decorate, d as dependencyTracked } from './BaseNode-f84b22c6.js';
 import { Fieldset } from './Fieldset.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';

package/lib/esm/Scriptable.js

@@ -18,7 +18,7 @@
 * the terms of the Adobe license agreement accompanying it.
 *************************************************************************/
 
-import { B as BaseNode, a as editableProperties } from './BaseNode-d78cc1b0.js';
+import { B as BaseNode, a as editableProperties } from './BaseNode-f84b22c6.js';
 import './controller/Events.js';
 import './utils/DataRefParser.js';
 import './data/DataGroup.js';

package/lib/esm/index.js

@@ -26,7 +26,7 @@ export { CUSTOM_PROPS_KEY, TRANSLATION_ID, TRANSLATION_TOKEN, addTranslationId,
 export { checkIfConstraintsArePresent, checkIfKeyAdded, deepClone, getProperty, isCheckbox, isCheckboxGroup, isDateField, isFile, isRepeatable, jsonString } from './utils/JsonUtils.js';
 export { defaultFieldTypes, exportDataSchema } from './utils/SchemaUtils.js';
 export { extractFileInfo, getFileSizeInBytes, isEmpty } from './utils/FormUtils.js';
-export { B as BaseNode } from './BaseNode-d78cc1b0.js';
+export { B as BaseNode } from './BaseNode-f84b22c6.js';
 export { default as Checkbox } from './Checkbox.js';
 export { default as CheckboxGroup } from './CheckboxGroup.js';
 export { default as Container } from './Container.js';

package/lib/esm/types/Json.d.ts

@@ -62,6 +62,7 @@ type TranslationBaseJson = {
 };
 export type BaseJson = TranslationBaseJson & RulesJson & ConstraintsJson & {
     dataRef?: string | null;
+    lang?: string;
     ':type'?: string;
     label?: Label;
     enabled?: boolean;
@@ -104,6 +105,7 @@ export type MetaDataJson = {
 };
 export type FieldsetJson = ContainerJson & {
     'type'?: 'array' | 'object';
+    readOnly?: boolean;
 };
 export type FormJson = ContainerJson & {
     metadata?: MetaDataJson;

package/lib/esm/types/Model.d.ts

@@ -40,6 +40,7 @@ export interface WithController {
     dispatch(action: Action): void;
 }
 export interface BaseModel extends ConstraintsJson, WithController {
+    readonly lang?: string;
     readonly name?: string;
     readonly dataRef?: string | null;
     readonly id: string;
@@ -63,7 +64,6 @@ export interface BaseModel extends ConstraintsJson, WithController {
     value: any;
     readonly default?: any;
     readonly repeatable?: boolean;
-    readonly language?: string;
     validate(): Array<ValidationError>;
     reset(): any;
     importData(a?: DataGroup): any;

package/lib/esm/utils/DataRefParser.d.ts

@@ -2,6 +2,7 @@ import DataGroup from '../data/DataGroup.js';
 import DataValue from '../data/DataValue.js';
 type TokenType = string;
 export declare const TOK_GLOBAL: TokenType;
+export declare const TOK_REPEATABLE: TokenType;
 export type Token = {
     type: TokenType;
     value: string | number;
@@ -22,6 +23,11 @@ export declare const global$: () => {
     start: number;
     value: string;
 };
+export declare const repeatable: () => {
+    type: string;
+    start: number;
+    value: string;
+};
 export declare const tokenize: (stream: string) => Token[];
 export declare const resolveData: <T extends DataValue>(data: DataGroup, input: Token[] | string, create?: T | undefined) => DataGroup | DataValue | undefined;
 export {};

package/lib/esm/utils/DataRefParser.js

@@ -25,9 +25,11 @@ import '../data/EmptyDataValue.js';
 const TOK_DOT = 'DOT';
 const TOK_IDENTIFIER = 'Identifier';
 const TOK_GLOBAL = 'Global';
+const TOK_REPEATABLE = 'Repeatable';
 const TOK_BRACKET = 'bracket';
 const TOK_NUMBER = 'Number';
 const globalStartToken = '$';
+const repeatableStartToken = '#';
 const identifier = (value, start) => {
     return {
         type: TOK_IDENTIFIER,
@@ -49,6 +51,13 @@ const global$ = () => {
         value: globalStartToken
     };
 };
+const repeatable = () => {
+    return {
+        type: TOK_REPEATABLE,
+        start: 0,
+        value: repeatableStartToken
+    };
+};
 const isAlphaNum = function (ch) {
     return (ch >= 'a' && ch <= 'z')
         || (ch >= 'A' && ch <= 'Z')
@@ -58,6 +67,9 @@ const isAlphaNum = function (ch) {
 const isGlobal = (prev, stream, pos) => {
     return prev === null && stream[pos] === globalStartToken;
 };
+const isRepeatable = (prev, stream, pos) => {
+    return prev === null && stream[pos] === repeatableStartToken;
+};
 const isIdentifier = (stream, pos) => {
     const ch = stream[pos];
     if (ch === '$') {
@@ -83,6 +95,10 @@ class Tokenizer {
         this._current += 1;
         return global$();
     }
+    _consumeRepeatable() {
+        this._current += 1;
+        return repeatable();
+    }
     _consumeUnquotedIdentifier(stream) {
         const start = this._current;
         this._current += 1;
@@ -145,6 +161,11 @@ class Tokenizer {
                 this._tokens.push(token);
                 this._result_tokens.push(token);
             }
+            else if (isRepeatable(prev, stream, this._current)) {
+                const token = this._consumeRepeatable();
+                this._tokens.push(token);
+                this._result_tokens.push(token);
+            }
             else if (isIdentifier(stream, this._current)) {
                 const token = this._consumeUnquotedIdentifier(stream);
                 this._tokens.push(token);
@@ -244,4 +265,4 @@ const resolveData = (data, input, create) => {
     return result;
 };
 
-export { TOK_GLOBAL, bracket, global$, identifier, resolveData, tokenize };
+export { TOK_GLOBAL, TOK_REPEATABLE, bracket, global$, identifier, repeatable, resolveData, tokenize };

package/lib/esm/utils/FormCreationUtils.js

@@ -26,7 +26,7 @@ import Checkbox from '../Checkbox.js';
 import CheckboxGroup from '../CheckboxGroup.js';
 import DateField from '../DateField.js';
 import Field from '../Field.js';
-import '../BaseNode-d78cc1b0.js';
+import '../BaseNode-f84b22c6.js';
 import '../controller/Events.js';
 import './DataRefParser.js';
 import '../data/DataGroup.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aemforms/af-core",
-  "version": "0.22.29",
+  "version": "0.22.31",
   "description": "Core Module for Forms Runtime",
   "author": "Adobe Systems",
   "license": "Adobe Proprietary",
@@ -42,7 +42,7 @@
   },
   "dependencies": {
     "@adobe/json-formula": "0.1.50",
-    "@aemforms/af-formatters": "^0.22.29"
+    "@aemforms/af-formatters": "^0.22.31"
   },
   "devDependencies": {
     "@types/jest": "29.2.4",