@vertigis/workflow 5.31.0

package/esm/execution/ModuleLoader.d.ts

@@ -0,0 +1,42 @@
+/** Defines the loader which is passed into the main method of an activity pack. */
+export interface Loader {
+    (path: string, require: Function, callback?: Function): PromiseLike<{}>;
+}
+/** Defines the module which may contain a main method. */
+export interface Module {
+    main?(load: Loader, options: {}, prefix: string): PromiseLike<{}> | {};
+}
+/** Defines the concept of a global scope. */
+export interface Global {
+    /** RequireJS compatible define method. */
+    define: Function;
+    /** RequireJS compatible require method. */
+    require: Function;
+    /** A+ Promise compatible class. */
+    Promise: PromiseConstructor;
+}
+/** Exposes the global object. */
+export declare const global: Global;
+/**
+ * Loads a module using the base module loader.
+ * WARNING: This function is passed to legacy activity packs as a parameter.
+ *          Changes to the parameters could introduce bugs.
+ * @param path The path to load.
+ * @param require The require method to use.
+ * @param callback The callback to invoke.
+ */
+export declare function load(path: string, require?: Function, callback?: Function): Promise<Module>;
+/**
+ * Dynamically adds a unique module name to the require paths
+ * for the given url, so that dependencies can be loaded
+ * from a separate scope.
+ * @param url The url of an external module.
+ */
+export declare function registerModuleName(url: string): any;
+/**
+ * Performs module loading.
+ * @param path The path to load (not a URL).
+ * @param options The options to send.
+ * @param prefix The prefix as it is understood.
+ */
+export declare function importModule(path: string, options: {}, prefix?: string): Promise<{}>;

package/esm/execution/ModuleLoader.js

@@ -0,0 +1 @@
+import{Task}from"../Task.js";import*as Activities from"../activities/main.js";const global=new Function("return this")();function getRequireString(){return"require"}async function load(e,o,i){"function"!=typeof o&&(o=global[getRequireString()]);var t=new Task(function(t){o([e],function(e){t(e),"function"==typeof i&&i(e)})});return Task.race([t,new Task((e,t)=>setTimeout(t,9e4))])}"function"!=typeof global.Promise&&(global.Promise=Promise);let nextId=0;const moduleNames={};function registerModuleName(e){let t=moduleNames[e];if(void 0!==t)return t;t=`@vertigis/workflow/externals/ext-${nextId++}`;var o="/"===e[e.length-1]?e.substring(0,e.length-1):e;return global[getRequireString()]({map:{"*":{"@geocortex/workflow":"@vertigis/workflow"}},paths:{[t]:o}}),moduleNames[e]=t}async function importModule(e,t,o){let i;return i="@vertigis/workflow/runtime/activities/main"===e?Activities:await load(e),void 0!==i&&null!==i&&"function"==typeof i.main?i.main.call(global,load,t,o):i}export{global,load,registerModuleName,importModule};

package/esm/execution/ProgramRunner.d.ts

@@ -0,0 +1 @@
+export {};

package/esm/execution/ProgramRunner.js

@@ -0,0 +1 @@
+import{ActivityActivationError,ActivityBindingError,ActivityCancellationError,ActivityError,AggregateActivityError,EngineRuntimeError,ExpressionAccessorError,ExpressionEvaluationError,ExpressionSyntaxError,GenericActivityError,ProgramStartError}from"../Errors.js";import{query}from"../Hooks.js";import{Task}from"../Task.js";import Bluebird from"../deps/bluebird_fork.js";function isExpression(t){var e=t.type;return null==e&&"string"==typeof t.code}function createLinkedCancellationToken(t,e){const r=Task.race([new Task(e),t]),i=new AbortController;return r.signal=i.signal,r.finally(()=>i.abort()),r}function isInvalidHandler(t){return null==t||"function"!=typeof t.execute}function isLiteral(t){switch(typeof t){case"boolean":case"number":case"string":return!0}return!1}let evaluators={};function clearExpressionCache(){evaluators={}}const reservedIdentifiers=["resources","values","Date","Math","Object","parseInt","parseFloat","decodeURIComponent","encodeURIComponent"];function isAccessor(e){return!("string"!=typeof e||e.length<1)&&(!(0<=e.indexOf("."))&&!reservedIdentifiers.some(t=>t===e))}function compileExpression(t,e){var r=t.code;let i=evaluators[r];if(void 0===i){const s=[],o={};s.push('"use strict"; ');var n=t.accessors;if(Array.isArray(n))for(const a of n)isAccessor(a)&&!o[a]&&(s.push(`var ${a} = this.${a};`),o[a]=!0);s.push("return "),s.push(r),s.push(";"),i=evaluators[r]=new Function("resources","values",s.join(""))}return function(){return i.call(this,e,t.values)}}function echo(t){return t}const echoHandler={execute:echo};function combine(t,e){return{...t||{},...e||{}}}function isError(t){return void 0!==t}function filterErrors(t){return t.filter(isError)}function reduceErrors(t){return t.isPending()?t.then(filterErrors):t.isFulfilled()?Bluebird.resolve(filterErrors(t.value())):t}let nextSymbol,nextSymbolPrefix;function newSymbol(){return void 0!==nextSymbol&&1073741824<=nextSymbol&&(nextSymbol=void 0),void 0===nextSymbol&&(nextSymbol=0,nextSymbolPrefix=(new Date).valueOf()+":"),nextSymbolPrefix+nextSymbol++}const immediate=Bluebird.resolve(void 0);let guard=!0;class Proxy{constructor(t){Object.defineProperty(this,"target",{get(){if(!1===guard)return guard=!0,t}})}}class AmbientStateProxy extends Proxy{get outputs(){return guard=!1,this.target.outputs}set outputs(t){guard=!1,this.target.outputs=t}get error(){return guard=!1,this.target.error}set error(t){guard=!1,this.target.error=t}get completion(){return guard=!1,this.target.completion}complete(t){return guard=!1,this.target.complete(t)}reject(t){return guard=!1,this.target.reject(t)}get environment(){return guard=!1,this.target.environment}get inputs(){return guard=!1,this.target.inputs}get activityContexts(){return guard=!1,this.target.activityContexts}get locale(){return guard=!1,this.target.locale}get resources(){return guard=!1,this.target.resources}get trivia(){return guard=!1,this.target.trivia}}class ActivityContextProxy extends Proxy{get luid(){return guard=!1,this.target.luid}get ambient(){return guard=!1,this.target.ambient.proxy}get action(){return guard=!1,this.target.action}get branch(){return guard=!1,this.target.branch}get cancellationToken(){return guard=!1,this.target.cancellationToken}get passes(){return guard=!1,this.target.passes}get caught(){return guard=!1,this.target.caught}call(t){return guard=!1,this.target.call(t)}fork(t){return guard=!1,this.target.fork(t)}jump(t){return guard=!1,this.target.jump(t)}hasBranch(t){return guard=!1,this.target.hasBranch(t)}get state(){return guard=!1,this.target.state}registerForErrors(){return guard=!1,this.target.registerForErrors()}persist(t){return guard=!1,this.target.persist(t)}goto(){return guard=!1,this.target.goto()}}class AmbientState{constructor(){this.frame=new MonikerFrame,this.stack=[],this.handlers={}}get activityContexts(){const t={};for(const e of[...this.stack,this.frame])for(const r in e.state)"$$"===r.substring(0,2)&&(t[r]=e.state[r]);return t}break(){this.halted=!0}continue(){this.halted=!1,void 0!==this.scheduler&&!this.scheduler.isFulfilled()||(this.scheduler=immediate.then(t=>{this.execute()}))}execute(t){if(this.inline)return!1;this.inline=!0;try{void 0!==t&&t();const e=this.completion;for(;e.isPending();){if(this.halted)return!1;const r=this.frame.current.execute();if(r.isPending())break;r.isRejected()&&this.fail(r.reason())}}catch(t){this.fail(t)}finally{this.inline=!1}return!0}complete(t){this.completion.isPending()&&(this.cancellationResolve(),this.resolveCompletion(t||this.outputs))}reject(t){this.completion.isPending()&&(this.cancellationResolve(),this.rejectCompletion(t||this.error))}fail(t){this.completion.isPending()&&(this.cancellationResolve(),this.rejectCompletion(new EngineRuntimeError(t)))}cancel(){this.completion.isPending()&&(this.cancellationResolve(),this.rejectCompletion(new ActivityCancellationError))}push(){const t=this.stack;t.push(this.frame);const e=this.frame=new MonikerFrame;return e.index=t.length,e}pop(t){const e=this.frame;if(void 0!==e){e.current=void 0;const i=e.cancellationResolve;void 0!==i&&i()}var r=this.frame=this.stack.pop();return void 0===r&&(void 0!==t?this.reject(t):this.complete()),r}call(){var t=this.frame;const e=this.push();e.cancellationToken=t.cancellationToken,e.state=t.state}fork(){const e=this.push();e.cancellationToken=createLinkedCancellationToken(this.cancellationToken,t=>e.cancellationResolve=t),e.state={}}bubble(t){let e=this.pop(t);for(;void 0!==e&&!e.current.registeredForErrors;)e=this.pop(t);var r;void 0!==e&&(r=e.current,this.start(r.activity,r,t))}next(){var t=this.queue.pop();void 0!==t?this.attempt(t):void 0!==(t=this.pop())&&(t=t.current,this.start(t.activity,t))}prepare(e,t,r){const i=e.frame=this.frame;if((i.current=e).luid=this.id+":"+e.activity.id,e.action=e.activity.action,e.ambient=this,e.id=newSymbol(),e.caught=r,e.cancellationToken=createLinkedCancellationToken(i.cancellationToken,t=>e.cancellationResolve=t),e.proxy=new ActivityContextProxy(e),void 0!==t){const n=e.recent=t.recent||(t.recent={});t=n.context||t;(n.context=e).passes=t.passes+1,e.stateToPersist=e.state=t.stateToPersist}else e.passes=0}attempt(t){const e=new TransitionContext;e.activity=t,e.branch=t.branch,this.prepare(e)}start(t,e,r){const i=new(t.async?AsyncContext:StepContext);i.activity=t,i.monikers.push("$"),this.prepare(i,e,r)}enqueue(t,e){const r=this.inspector;this.queue=r.relate(t,e).list(),this.next()}goto(t){for(var e=this.stack,r=t.index;e[r]===t;)this.pop();return t===this.frame}}class MonikerFrame{}class PromiseWrapper{}class ActivityContext{constructor(){this.inputs={},this.extras=[],this.monikers=[]}registerForErrors(){this.registeredForErrors=!0}persist(t){this.stateToPersist=t}call(t){this.callBranch=!0,this.forkBranch=!1,this.jumpBranch=t}fork(t){this.callBranch=!1,this.forkBranch=!0,this.jumpBranch=t}jump(t){this.callBranch=!1,this.forkBranch=!1,this.jumpBranch=t}hasBranch(t){var e=this.activity;const r=this.ambient.inspector;return r.isStep(e)&&void 0!==r.relate(e,t).peek()}emitExpressionEvaluationError(t,e){var r=this.activity.id,i=this.activity.inputs[t];return new ExpressionEvaluationError(r,t,i.source||i.code,e)}emitExpressionSyntaxError(t,e){var r=this.activity.id,i=this.activity.inputs[t];return new ExpressionSyntaxError(r,t,i.source||i.code,e)}emitExpressionAccessorError(t,e,r){return new ExpressionAccessorError(this.activity.id,t,e,r)}emitActivityBindingError(t){var e=this.activity;return new ActivityBindingError(e.id,e.action,t)}emitActivityActivationError(t,e){return new ActivityActivationError(this.activity.id,t,e)}emitActivityError(t){if(t instanceof ActivityError)return t;var e=this.activity;const r=new GenericActivityError(void 0,t&&t.message);return r.activityId=e.id,r.error=t,r}executeHandlerInline(e){if(0<e.length||this.cancellationToken.isFulfilled())return e;const r=this.extras;for(let t=0;t<r.length;t++)r[t]=Bluebird.resolve(r[t]).value();const i=this.inputs;for(const o in i){let t=Bluebird.resolve(i[o]).value();t instanceof PromiseWrapper&&(t=t.result),i[o]=t}const t=this.proxy,n=this.handler.value(),s=Bluebird.attempt(function(){return n.execute(i,t,...r)});return s.isPending()?s.then(t=>(this.outputs=t,e),t=>[this.emitActivityError(t)]):s.isRejected()?[this.emitActivityError(s.reason())]:(this.outputs=s.value(),e)}resolveExtrasInline(){for(const e of query(this.handler.value())){const t=this.ambient.engine.activator,r=t.activate(e);if(this.extras.push(r),r.isPending())return r.then(t=>{},t=>this.emitActivityActivationError(e.type,t));if(r.isRejected())return this.emitActivityActivationError(e.type,r.reason())}}resolveInputsInline(t){if(0<t.length||this.cancellationToken.isFulfilled())return t;const e=[];e.push(this.resolveExtrasInline());const r=this.evaluators;if(void 0!==r){const i=this.scope;for(const s in i)i[s]=Bluebird.resolve(i[s]).value();const n=this.inputs;this.ambient.resources;for(const o in r){const a=n[o]=Bluebird.attempt(function(){var t=r[o].call(i);if(t&&"function"==typeof t.then){const e=new PromiseWrapper;return e.result=t,e}return t});a.isPending()&&e.push(a.then(t=>{},t=>this.emitExpressionEvaluationError(o,t))),a.isRejected()&&e.push(this.emitExpressionEvaluationError(o,a.reason()))}}return reduceErrors(Bluebird.all(e))}resolveHandlerInline(){const e=this.activity.action;if("string"==typeof e){var r=this.ambient;const i=r.handlers;let t=this.handler=i[e];if(void 0===t){const n=r.engine,s=r.inspector;t=this.handler=i[e]=Bluebird.attempt(function(){return n.createHandler(e,s)})}return t.isPending()?t.then(t=>isInvalidHandler(t)?this.emitActivityBindingError():void 0,t=>this.emitActivityBindingError(t)):t.isRejected()?this.emitActivityBindingError(t.reason()):isInvalidHandler(t.value())?this.emitActivityBindingError():void 0}this.handler=Bluebird.resolve(echoHandler)}findContext(t){var e=this.ambient,r=e.stack;let i=e.frame;for(;void 0!==i;){var n=i.state[t];if(void 0!==n)return n;i=r[i.index-1]}}resolveOutputsInline(){const t=this.promise;if(t.isPending())return t.then(t=>void 0!==t&&0<t.length?Bluebird.reject(t):this.outputs,t=>{});if(t.isRejected())return immediate;var e=t.value();return void 0!==e&&0<e.length?Bluebird.reject(e):Bluebird.resolve(this.outputs)}resolveAccessorInline(e){const t=this.findContext(e);this.scope;if(void 0!==t){const r=this.scope[e]=t.resolveOutputsInline();return r.isPending()?r.then(t=>{},t=>this.emitExpressionAccessorError(e,void 0,t)):r.isRejected()?this.emitExpressionAccessorError(e,void 0,r.reason()):void 0}const r=this.scope[e]=Bluebird.resolve(this.ambient.environment[e]);return r.isPending()?r.then(t=>{},t=>this.emitExpressionAccessorError(e,t)):r.isRejected()?this.emitExpressionAccessorError(e,r.reason()):void 0}resolveAssetsInline(){const r=[];r.push(this.resolveHandlerInline());var i=this.activity.inputs;if(null!=i){let t,e;const s=this.ambient;this.inputs;for(const o in i){const a=i[o];if(void 0!==a&&null!==a)if(isLiteral(a))this.inputs[o]=Bluebird.resolve(a);else if(isExpression(a)){void 0===t&&(this.scope=t={}),void 0===e&&(this.evaluators=e={});var n=a.accessors;if(Array.isArray(n))for(const l of n)"string"==typeof l&&void 0===t[l]&&r.push(this.resolveAccessorInline(l));const c=Bluebird.attempt(function(){return compileExpression(a,s.resources)});c.isFulfilled()?e[o]=c.value():r.push(this.emitExpressionSyntaxError(o,c.reason()))}else r.push(this.emitExpressionSyntaxError(o))}}return reduceErrors(Bluebird.all(r))}concludeInline(t){return this.cancellationResolve(),t}generateMonikers(){const t=this.monikers;var e=this.activity;this.ambient.inspector;t.push("$"+e.id),"string"==typeof e.name&&t.push("$"+e.name);const r=e.action;"string"!=typeof r||1<(e=r.split(":")).length&&(0<(e=e[e.length-2]).length&&t.push("$$"+e))}marshalError(){var t=this.promise.value();return 1<t.length?new AggregateActivityError(this.activity.id,t):0<t.length?t[0]:void 0}execute(){let t=this.promise;const e=this.ambient;if(void 0!==t)return e.debug(e),e.halted||this.transferInline(),t;{if(t=this.resolveAssetsInline(),t.isRejected())return t;if(t=t.isPending()?t.then(t=>this.resolveInputsInline(t)):Bluebird.resolve(this.resolveInputsInline(t.value())),t.isRejected())return t;if(t=t.isPending()?t.then(t=>this.executeHandlerInline(t)):Bluebird.resolve(this.executeHandlerInline(t.value())),t.isRejected())return t;if(t=t.isPending()?t.then(t=>this.concludeInline(t)):Bluebird.resolve(this.concludeInline(t.value())),t.isRejected())return t;t.isPending()&&(t=t.catch(t=>e.fail(t)),t.then(t=>e.execute())),this.generateMonikers();const r=e.frame.state;for(const i of this.monikers)r[i]=this;return this.promise=t,immediate}}goto(){}}class StepContext extends ActivityContext{transferInline(){const t=this.promise;if(t.isFulfilled()){const r=this.ambient;var e=this.marshalError();void 0!==e?r.bubble(e):this.repeat?r.start(this.activity,this):(this.callBranch&&r.call(),this.forkBranch&&r.fork(),r.enqueue(this.activity,this.jumpBranch))}}goto(){const t=this.frame,e=this.ambient;if(e.goto(t)){var r=this.recent;const i=void 0!==r?r.context:this;t.current=i,i.repeat=!0,e.halted=!1,e.execute()}}}class TransitionContext extends ActivityContext{test(){let t=void 0,e=void 0;var r=this.outputs;for(const i in r){if(void 0!==t&&void 0!==e)return!1;if(e=r[i],!isLiteral(e))return!1;if(void 0===t)t=e,e=void 0;else if(t!==e)return!1}return void 0===t||(void 0!==e||("boolean"==typeof t?t:"number"==typeof t?0<t:"string"==typeof t&&0<t.length))}transferInline(){const t=this.promise;if(t.isFulfilled()){t.value();const r=this.ambient;var e=this.marshalError();void 0!==e?r.bubble(e):this.test()?r.start(this.activity.target):r.next()}}}class AsyncContext extends ActivityContext{transferInline(){this.ambient.enqueue(this.activity)}execute(){return super.execute(),immediate}}function run(n,s,o,a){const c=t=>{var e=s.findStep(t);if(!e)throw new GenericActivityError(`The workflow does not contain a step with the id ${t}.`);return e},l=(t,e,r,i)=>{t=c(t);const n=c(e);if(!n.transitions.some(t=>"content"===t.branch||"try"===t.branch))throw new GenericActivityError(`The ${e} step is not a Container, Subworkflow, or Try Catch activity.`);r=`${i}$${r}`;h(t,n,r)},u=t=>{var e=d.frame.current.activity,r=c(t);if("gcx:wf:core::Subworkflow"!==r.action)throw new GenericActivityError(`The target step ${t} is not a Subworkflow activity.`);h(e,r,"default")},h=(t,e,r)=>{var i=s.relate(t,r).peek();void 0!==i&&s.remove(i);const n=s.addTransition(t,e);n.branch=r},d=new AmbientState;return d.completion=new Bluebird((t,e)=>{d.resolveCompletion=t,d.rejectCompletion=e}),d.cancellationToken=new Task(t=>d.cancellationResolve=t),d.execute(function(){if(s.isStep(a)){o=o||{},d.engine=n,d.inspector=s,d.id=newSymbol(),d.debug=o.debug||(()=>{}),d.environment=combine(n.environment,o.environment),d.inputs=o.inputs||{},d.locale=o.locale,d.resources={forms:s.cacheForms()},d.outputs={},d.trivia=combine(n.trivia,o.trivia),d.trivia.setFormElementEvent=l,d.trivia.setSubworkflowTransition=u,d.proxy=new AmbientStateProxy(d);const e=d.trivia.isDescendantOf;e?d.trivia.isDescendantOf=t=>t===d.proxy||e(t):d.trivia.isDescendantOf=t=>t===d.proxy;const r=d.frame;r.index=0,r.cancellationToken=d.cancellationToken,r.state=o.state||{};var t=o.cancellationToken;if(null!=t){const i=Task.race([t,d.cancellationToken]);i.isPending()?(t=()=>d.cancel(),i.then(t,t)):d.cancel()}d.start(a)}else d.reject(new ProgramStartError)}),d.completion}export{clearExpressionCache,run};

package/esm/forms/Calendar.d.ts

@@ -0,0 +1,89 @@
+/** Exposes a local date object. */
+export interface LocalDate {
+    /** Gets the year. */
+    getFullYear(): number;
+    /** Sets the year. */
+    setFullYear(value: number): void;
+    /** Gets the month. */
+    getMonth(): number;
+    /** Sets the month. */
+    setMonth(value: number): void;
+    /** Gets the day of the month. */
+    getDate(): number;
+    /** Sets the day of the month. */
+    setDate(value: number): void;
+    /** Gets the hours. */
+    getHours(): number;
+    /** Sets the hours. */
+    setHours(value: number): void;
+    /** Gets the minutes. */
+    getMinutes(): number;
+    /** Sets the minutes. */
+    setMinutes(value: number): void;
+    /** Gets the seconds. */
+    getSeconds(): number;
+    /** Sets the seconds. */
+    setSeconds(value: number): void;
+    /** Gets the milliseconds. */
+    getMilliseconds(): number;
+    /** Sets the milliseconds. */
+    setMilliseconds(value: number): void;
+    /** Gets the day of the week. */
+    getDay(): number;
+    /** Gets the day of the week. */
+    valueOf(): number;
+}
+declare type DateTimeFormatOptions = Intl.DateTimeFormatOptions & {
+    toString(): string;
+};
+declare type NumberFormatOptions = Intl.NumberFormatOptions & {
+    toString(): string;
+};
+/** Exposes model data for DatePickerInput and TimePickerInput components. */
+export declare class Calendar {
+    /** Indicates the year format. */
+    static yearFormat: DateTimeFormatOptions;
+    /** Indicates the month format. */
+    static monthFormat: DateTimeFormatOptions;
+    /** Indicates the month & year format. */
+    static monthYearFormat: DateTimeFormatOptions;
+    /** Indicates the day of the week format. */
+    static dayOfMonthFormat: DateTimeFormatOptions;
+    /** Indicates the day of the week format. */
+    static dayOfWeekFormat: DateTimeFormatOptions;
+    /** Indicates the full date format. */
+    static dateFormat: DateTimeFormatOptions;
+    /** Indicates the hour format. */
+    static hourFormat: DateTimeFormatOptions;
+    /** Indicates the hour format. */
+    static ampmFormat: DateTimeFormatOptions;
+    /** Indicates the minute format. */
+    static minuteFormat: NumberFormatOptions;
+    /** Indicates the time format. */
+    static timeFormat: DateTimeFormatOptions;
+    /** Indicates the time long format. */
+    static timeLongFormat: DateTimeFormatOptions;
+    /** Indicates the time long format. */
+    static timeClockFormat: DateTimeFormatOptions;
+    /** Indicates the time long format. */
+    static fractionalFormat: DateTimeFormatOptions;
+    /** Indicates the time full format. */
+    static fullFormat: DateTimeFormatOptions;
+    /** Coerces a date from a string while keeping the time from the basis. */
+    coerceDate(value: string, basis: LocalDate): LocalDate;
+    /** Coerces a time from a string while keeping the date from the basis. */
+    coerceTime(value: string, basis: LocalDate): LocalDate;
+    /** Formats a date/time value using options. */
+    format(date: LocalDate, options: Intl.DateTimeFormatOptions | Intl.NumberFormatOptions): string;
+    /** Returns the current date with time set to noon. */
+    today(): LocalDate;
+    /** Returns the current date. */
+    now(): LocalDate;
+    /** Coerces a date, local date, or value into a local date. */
+    coerceIntoLocal(date: Date | LocalDate | number | string): LocalDate;
+    /** Coerces a local date into a full date. */
+    coerceIntoValue(date: Date | LocalDate | number | string): Date;
+    /** Attempts to return a native calendar if browser support is available. */
+    static useNative(): Calendar;
+}
+export {};

package/esm/forms/Calendar.js

@@ -0,0 +1 @@
+let nativeDefault;const markCleaner=/[\u200E\u200F]+/g,spaceCleaner=/\s+/g;function clean(e){return e.replace(markCleaner,"").replace(spaceCleaner," ")}function trim(e,t){var n=e.lastIndexOf(t);return 0<=n&&n===e.length-t.length?e.substring(0,e.length-t.length):e}class Calendar{coerceDate(e,t){e=clean(e);const n=new Date(e);return n.setHours(t.getHours()),n.setMinutes(t.getMinutes()),n.setSeconds(t.getSeconds()),n.setMilliseconds(t.getMilliseconds()),n}coerceTime(e,t){if((e=clean(e)).length<1)return new Date(NaN);var n=this.format(t,Calendar.dateFormat);const r=new Date(n+" "+e);return r.setFullYear(t.getFullYear()),r.setMonth(t.getMonth()),r.setDate(t.getDate()),r}format(e,t){const n=this.coerceIntoValue(e);if(t===Calendar.hourFormat){var r=clean(n.toLocaleTimeString("en",t));return trim(r," AM")!==r?trim(r," AM"):trim(r," PM")!==r?trim(r," PM"):r}if(t!==Calendar.ampmFormat)return t===Calendar.minuteFormat?n.getMinutes().toLocaleString(void 0,t):t===Calendar.timeFormat?0<e.getSeconds()?clean(n.toLocaleTimeString(void 0,Calendar.timeLongFormat)):clean(n.toLocaleTimeString(void 0,t)):t===Calendar.timeClockFormat?clean(n.toLocaleTimeString(void 0,t)):clean(n.toLocaleString(void 0,t));t=clean(n.toLocaleTimeString("en",t));return trim(t," AM")!==t?"AM":trim(t," PM")!==t?"PM":""}today(){const e=this.now();return e.setHours(12),e.setMinutes(0),e}now(){const e=new Date;return e.setSeconds(0),e.setMilliseconds(0),e}coerceIntoLocal(e){return this.coerceIntoValue(e)}coerceIntoValue(e){return e instanceof Date||"string"==typeof e?new Date(e):null!=e?new Date(e.valueOf()):new Date(NaN)}static useNative(){return void 0===nativeDefault&&(nativeDefault=new Calendar),nativeDefault}}Calendar.yearFormat={year:"numeric",toString:()=>"YYYY"},Calendar.monthFormat={month:"long",toString:()=>"MMM"},Calendar.monthYearFormat={month:"long",year:"numeric",toString:()=>"MMM YYYY"},Calendar.dayOfMonthFormat={day:"numeric",toString:()=>"D"},Calendar.dayOfWeekFormat={weekday:"short",toString:()=>"ddd"},Calendar.dateFormat={day:"numeric",month:"short",year:"numeric",toString:()=>"ll"},Calendar.hourFormat={hour:"numeric",toString:()=>"LT"},Calendar.ampmFormat={hour:"numeric",toString:()=>"LT"},Calendar.minuteFormat={maximumFractionDigits:0,minimumIntegerDigits:2,toString:()=>"mm"},Calendar.timeFormat={hour:"numeric",minute:"2-digit",toString:()=>"LT"},Calendar.timeLongFormat={hour:"numeric",minute:"2-digit",second:"2-digit",toString:()=>"LTS"},Calendar.timeClockFormat={hour:"numeric",minute:"2-digit",second:"2-digit",timeZoneName:"short",toString:()=>"LTS z"},Calendar.fractionalFormat={toString:()=>"~fff"},Calendar.fullFormat={toString:()=>"LL LTS ~fff z"};export{Calendar};

package/esm/forms/ExclusiveTimer.d.ts

@@ -0,0 +1,13 @@
+import Bluebird from "../deps/bluebird_fork";
+export declare class ExclusiveTimer {
+    /** Indicates if the timer is running. */
+    get cancellationToken(): Bluebird<void>;
+    /** Starts the timer if the timer is not yet started. */
+    start(duration: number, action: () => void): void;
+    /** Completely resets the timer (stop and reset to zero). */
+    reset(): void;
+    /** Resumes the timer. */
+    resume(action?: () => void): void;
+    /** Completely resets the timer unless immediately resumed. */
+    suspend(): void;
+}

package/esm/forms/ExclusiveTimer.js

@@ -0,0 +1 @@
+import Bluebird from"../deps/bluebird_fork.js";let current,callback,cancellationResolve,cancellationToken,delay,defer;function invoke(){if((delay=void 0)===defer){const e=callback;callback=void 0,e()}}let immediate;class ExclusiveTimer{get cancellationToken(){return current!==this?(void 0===immediate&&(immediate=Bluebird.resolve()),immediate):(void 0===cancellationToken&&(cancellationToken=new Bluebird(e=>cancellationResolve=e)),cancellationToken)}start(e,i){current!==this&&"function"==typeof i&&(void 0!==current&&current.reset(),current=this,callback=i,delay=setTimeout(invoke,e))}reset(){current===this&&(callback=void 0,(current=void 0)!==delay&&(clearTimeout(delay),delay=void 0),void 0!==defer&&(clearTimeout(defer),defer=void 0),void 0!==cancellationResolve&&(cancellationResolve(),cancellationResolve=void 0,cancellationToken=void 0))}resume(e){current===this&&(void 0!==callback&&("function"==typeof e&&(callback=e),void 0===delay&&(delay=setTimeout(invoke))),void 0!==defer&&(clearTimeout(defer),defer=void 0))}suspend(){current===this&&void 0===defer&&(defer=setTimeout(()=>this.reset()))}}export{ExclusiveTimer};

package/esm/forms/FormComponent.d.ts

@@ -0,0 +1,29 @@
+import React from "react";
+import * as defs from "./FormDefinition";
+import { FormPresenterHost } from "./FormPresenterHost";
+import type { FormElementProps, FormElementRegistration } from "..";
+export { FormPresenterHost };
+export interface FormComponentProps {
+    host?: FormPresenterHost;
+    type?: "form" | "body" | "row" | "header" | "main" | "footer" | "element" | "section";
+    name?: string;
+    children?: JSX.Element[];
+}
+export declare class FormComponent extends React.Component<FormComponentProps, {}> {
+    id: string;
+    autoInput: boolean;
+    enabled: boolean;
+    timer: any;
+    get elementRegistration(): FormElementRegistration | undefined;
+    private get element();
+    prepare(): defs.Element;
+    render(): any;
+    raiseEvent: (eventName: "cancel" | "changed" | "clicked" | "custom", eventValue: any) => void;
+    setProperty: FormElementProps<any>["setProperty"];
+    setValue: FormElementProps["setValue"];
+}
+export declare class FormElement extends FormComponent {
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    componentWillUnmount(): void;
+}

package/esm/forms/FormComponent.js

@@ -0,0 +1 @@
+import React from"react";import{makeId}from"./utils.js";class FormComponent extends React.Component{constructor(){super(...arguments),this.raiseEvent=(e,t)=>{var s;return null===(s=this.props.host)||void 0===s?void 0:s.post(e,{name:this.props.name,value:t})},this.setProperty=(e,t)=>{const s=this.props.host;var n=this.props.name;s.assignElementProperty(n,e,t)},this.setValue=e=>this.setProperty("value",e)}get elementRegistration(){const e=this.props["host"];if(isFormRenderer(e))return e.getElementRegistration(this.element)}get element(){const{host:e,name:t}=this.props;if(t)return e.find(t)}prepare(){var e;void 0===this.id&&(this.id=makeId()),this.enabled=!0;const t=this.props.host;return!1===t.enabled&&(this.enabled=!1),void 0!==this.element&&(void 0!==(e=t.find(this.element.section))&&!1===e.enabled&&(this.enabled=!1),!1===this.element.enabled&&(this.enabled=!1)),this.element}render(){return this.props.host.renderVisual(this)}}class FormElement extends FormComponent{componentDidMount(){const e=this.props;e.host.refs[e.name]=this}componentDidUpdate(){const e=this.props;e.host.refs[e.name]=this}componentWillUnmount(){const e=this.props;e.host.refs[e.name]=void 0}}function isFormRenderer(e){return!!e&&"function"==typeof e.getElementRegistration}export{FormComponent,FormElement};

package/esm/forms/FormDefinition.d.ts

@@ -0,0 +1,372 @@
+import { NumberDisplayFormat } from "./numberFormatter";
+/** References a container. */
+export declare type ContainerRef = "default" | "modal" | {
+    /** Indicates the name of the container. */
+    name: string;
+    /** Indicates the region to display the form within. */
+    region?: string;
+};
+/** References a section. */
+export declare type SectionRef = "header" | "footer" | {
+    /** Indicates the section to bind to. */
+    name: string;
+};
+/** References data for a data-based value. */
+export interface DataRef {
+    /** Indicates the type of data. */
+    type: string;
+    /** Discriminates this object from others. */
+    format?: void;
+    /** Indicates the data. */
+    data?: any;
+}
+export interface DateRangeRef {
+    /**
+     * The lower end of the date range. The time is set to midnight local time,
+     * based on the user's time-zone.
+     * */
+    startDate: Date;
+    /**
+     * The upper end of the date range. The time is set to midnight local time,
+     * based on the user's time-zone.
+     * */
+    endDate: Date;
+}
+/** References data for a date-based value. */
+export interface DateTimeRef {
+    /** Indicates the format for the date/time value. */
+    format: DateTimeFormat;
+    /** Indicates the display form for the date/time value. */
+    display: string;
+    /** Indicates the value for the date/time value. */
+    value: number;
+}
+export interface FilesRef {
+    /** Discriminates this object from others. */
+    format?: void;
+    /** Indicates the files. */
+    files: File[];
+}
+/** References a geometry. */
+export interface GeometryRef {
+    /** Indicates the format of the value. */
+    format: GeometryFormat;
+    /** Indicates the geometry. */
+    geometry: {}[];
+}
+/** References one or more items within the element. */
+export interface ItemsRef {
+    /** The items that were selected. */
+    items: Item[];
+}
+/** Indicates the number. */
+export interface NumberRef {
+    /** Indicates the format for the number. */
+    format: NumberFormat;
+    /** Indicates the display value. */
+    display: string;
+    /** Indicates the numeric value. */
+    numeric: number;
+}
+/** References markdown for a markdown-based value. */
+export interface MarkdownRef {
+    markdown: string;
+}
+/**
+ * Indicates how a form element's items should be laid out.
+ */
+export declare type Orientation = "horizontal" | "vertical";
+export interface ScanRef {
+    /** Type of barcode scanned. */
+    scanType?: "barcode" | "qrcode";
+    /** Type of entry method. */
+    entryMethod: "camera" | "manual";
+    /** Indicates the returned scanner data. */
+    value: string;
+}
+/** References an error, warnings, and statuses. */
+export interface StatusRef {
+    /** missing - Input is missing. */
+    /** invalid - Input is invalid. */
+    /** failure - Input experienced a failure during validation or population. */
+    /** pending - Input items are being populated. */
+    /** trivial - Input items are empty, not relevant, not significant etc. */
+    status: "missing" | "invalid" | "failure" | "pending" | "trivial";
+}
+/** References any kind of text. */
+export declare type Text = string | MarkdownRef | StatusRef;
+/**
+ * Indicates how a form element's title should be positioned relative to its content.
+ */
+export declare type TitleLocation = "above" | "beside";
+/** References any kind of value appropriate for a form element. */
+export declare type Value = boolean | number | number[] | string | DataRef | DateRangeRef | DateTimeRef | FilesRef | GeometryRef | ItemsRef | NumberRef | ScanRef;
+/** Types of matching that can be performed when finding an Item within a Form Element. */
+export declare type ItemMatchType = "index" | "item" | "key" | "label" | "value";
+/** References what kind of elements exist. */
+export declare type ElementType = "DropDownEdit" | "DropDownList" | "GeometryPicker" | "Header";
+/** References the format types. */
+export declare type FormatRef = DateTimeFormat | NumberFormat | GeometryFormat | SectionFormat;
+/** References the date/time type. */
+export declare type DateTimeType = "date" | "time" | "datetime";
+/** References the date/time format criteria. */
+export declare type DateTimeFormat = "app" | "device" | {
+    /** Indicates the locale for the date/time value. */
+    locale: string;
+    /** Indicates the time zone for the date/time value. */
+    timezone: string;
+};
+/** References the number format criteria. */
+export interface NumberFormat {
+    /**
+     * The 3-letter ISO 4217 currency code (e.g "USD", "CAD"). Required when
+     * formatting a number using NumberFormat.CURRENCY or NumberFormat.ACCOUNTING.
+     */
+    currency?: string;
+    /**
+     * A custom display pattern. Required when formatting a number using NumberDisplayFormat.CUSTOM
+     */
+    customDisplayFormat?: string;
+    /**
+     * Indicates the display format - one of Number, Fixed Point, Currency,
+     * Accounting, Percent or a custom format string like '##.##'.
+     */
+    displayFormat?: NumberDisplayFormat;
+    /** Indicates the lower bound. */
+    lowerBound?: number;
+    /** Indicates the minimum increment/decrement and precision of values. */
+    precision?: number;
+    /** Indicates the step size which is the amount to increment/decrement. */
+    step?: number;
+    /** Indicates the upper bound. */
+    upperBound?: number;
+}
+/** References geometry format. */
+export declare type GeometryFormat = "polygon" | "polyline" | "point" | "polygon-freehand" | "polyline-freehand" | "extent" | "line";
+export declare type SectionFormat = "accordion-section" | "unstyled-section" | "fieldset-section" | "basic-section" | "collapsible-section";
+/** The `SectionFormat` to use when no value is specified. */
+export declare const DEFAULT_SECTION_FORMAT = "unstyled-section";
+/** References a two-dimensional size. */
+export interface Size {
+    /** The height. */
+    height?: number;
+    /** The width. */
+    width?: number;
+}
+/** Defines a form. */
+export interface Form {
+    /** Indicates the defaults for the form. */
+    defaults?: {
+        container?: ContainerRef;
+    };
+    /** Indicates the elements for the form. */
+    elements?: {
+        [name: string]: Element;
+    };
+}
+/** Defines any element used in a form. */
+export interface Element {
+    /**
+     * True if this element should activate on the next render, false otherwise.
+     * The meaning of "activate" can vary from element to element. In the case of
+     * GeometryPicker, it means to click the "Add" button.
+     */
+    autoActivate?: boolean;
+    /** Indicates that the element is checked or not. */
+    checked?: boolean;
+    /** Indicates that the element is collapsed or not. */
+    collapsed?: boolean;
+    /** Indicates the current item. */
+    current?: string;
+    /** Indicates the type name of the custom implementation (used by Custom form elements). */
+    customType?: string;
+    /** Indicates if the element is a default. */
+    default?: boolean;
+    /** Indicates the delay in milliseconds before acting on an edit (used by AutoComplete). */
+    delay?: number;
+    /** Indicates what element to react to when populating. */
+    dependsOn?: string | boolean;
+    /** Indicates the description for the element. */
+    description?: Text;
+    /** Indicates that the element is enabled or not. */
+    enabled?: boolean;
+    /** Indicates the error for the item. */
+    error?: Text;
+    /** Indicates a comma-separated list of file extensions and MIME types that you want to accept. */
+    fileTypes?: string;
+    /** Indicates the format of the value. */
+    format?: FormatRef;
+    /** Indicates that the element is hoisted or not. */
+    hoisted?: boolean;
+    /**
+     * The order of this element in a single-dimensional column.
+     * @deprecated Use rowNumber and rowIndex instead.
+     */
+    index?: number;
+    /** Indicates the item label for items which are opaquely constructed such as geometries in the Geometry Picker. */
+    itemLabel?: Text | Text[];
+    /** Indicates the items. */
+    items?: {
+        [key: string]: Item;
+    };
+    /** Indicates the label for the element. */
+    label?: Text;
+    /** Indicates the locally unique identifier for application specific use. */
+    luid?: string;
+    /**
+     * True if this element should support manual user entry, false otherwise (used by Scanner).
+     */
+    manualEntry?: boolean;
+    /** Indicates the maximum number of characters allows in the input field */
+    maxLength?: number;
+    /** Indicates the minimum number of characters required for searches (used by AutoComplete). */
+    minLength?: number;
+    /** Indicates how the form element's items should be laid out. */
+    orientation?: Orientation;
+    /** Indicates that the element is in overlay mode. */
+    overlay?: boolean;
+    /** Indicates the prompt for the element. */
+    prompt?: Text;
+    /** Indicates if the element is read only. */
+    readOnly?: boolean;
+    /** Instructs any validation that the element is required. */
+    require?: boolean;
+    /**
+     * The position of this element within its row. The lowest rowIndex appears first in the row, the highest last.
+     */
+    rowIndex?: number;
+    /**
+     * The row that this element belongs to. Row numbers increase downwards.
+     */
+    rowNumber?: number;
+    /** Indicates the enclosing section. */
+    section?: SectionRef;
+    /** Indicates if the user can select one item, several items or no items. */
+    selectionMode?: "single" | "multiple" | "none";
+    /** Indicates whether to support barcode scanning, qrcode scanning or both (used by Scanner). If undefined (default) allow both. */
+    scanType?: "barcode" | "qrcode" | "both";
+    /** Indicates if the items can be filtered by the user. */
+    showFilter?: boolean;
+    /** Indicates if the minimum/maximum labels should be displayed by the user (used by NumberRangeSlider) */
+    showMinMaxLabels?: boolean;
+    /** Indicates if ticks should be displayed along the axis (used by NumberRangeSlider). */
+    showTickMarks?: boolean;
+    /** Indicates the element's size, which could be a one-dimensional number or a two-dimensional object. */
+    size?: number | Size;
+    /**
+     * Indicates the current state.
+     */
+    state?: {};
+    /** Indicates the style name to be used. */
+    styleName?: string;
+    /** Indicates the title for the element. */
+    title?: Text;
+    /** Indicates if the element's title should appear above or beside its content. */
+    titleLocation?: TitleLocation;
+    /** Indicates the tooltip for the element. */
+    tooltip?: Text;
+    /** Indicates the type of the element. */
+    type?: ElementType | string;
+    /** Indicates if the element triggers validation when submitting. */
+    validates?: boolean;
+    /** Indicates the current value. */
+    value?: Value;
+    /** Indicates whether the element is visible or not. */
+    visible?: boolean;
+    /** Indicates how the control wraps text. */
+    wrap?: "hard" | "soft" | "off";
+}
+/** Defines an ad hoc item. */
+export interface Item {
+    /** Indicates the placement of the item. */
+    index?: number;
+    /** Indicates the label for the item. */
+    label?: Text;
+    /** Indicates the value for the item. */
+    value?: Value;
+    /** Indicates the enabled state for the item. */
+    enabled?: boolean;
+    /** Indicates the checked state for the item. */
+    checked?: boolean;
+    /** Indicates the visible state for the item. */
+    visible?: boolean;
+    /** Indicates if the item is a default. */
+    default?: boolean;
+    /** Indicates if the element triggers validation when submitting. */
+    validates?: boolean;
+    /** Indicates the tooltip for the element. */
+    tooltip?: Text;
+    /** Indicates the style name to be used. */
+    styleName?: string;
+}
+export declare type EventType = "load" | "cancel" | "checked" | "changed" | "clicked" | "custom" | "dragged" | "suggest" | "submit" | "end" | "verify" | "validate" | "populate" | "prepare";
+export interface Event {
+    /** Indicates the name of the element raising the event. */
+    name?: string;
+    /** Indicates the item of the element raising the event. */
+    item?: string;
+    /** Indicates the type of the event. */
+    type?: EventType;
+    /** Indicates the routing key of the event. */
+    routingKey?: string;
+    /** Indicates the argument for the event. */
+    argument?: Value;
+    /** Indicates the value associated with the element or item. */
+    value?: Value;
+    /** Indicates the cancellation token fro the event. */
+    cancellationToken?: PromiseLike<void>;
+}
+export interface GeometryState {
+    /** Indicates the application specific context. */
+    context?: {};
+    /** Indicates the content. */
+    content?: {};
+    /** Indicates the checked state. */
+    checked?: boolean;
+    /** Indicates the focused state. */
+    focused?: boolean;
+    /** Indicates the pending state. */
+    pending?: boolean;
+}
+/** Allows tracking the current state of the AutoComplete element between renders. */
+export interface AutoCompleteState {
+    /** The next action to be performed while pre-selecting a value. */
+    nextAction: PreSelectionAction;
+    /** True if the `select` element (the list of suggestions) is disabled, false otherwise. */
+    selectDisabled: boolean;
+    /** The key of the currently selected item in the list of suggestions. */
+    selectValue: string;
+}
+/**
+ * The category of content to be generated. This is relevant when content is
+ * to be rendered in a place where not all categories of content are permitted.
+ */
+export declare enum HTMLContentCategory {
+    /**
+     * Elements belonging to the flow content category typically contain text or embedded content.
+     * https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content
+     */
+    Flow = 0,
+    /**
+     * Phrasing content defines the text and the mark-up it contains. Runs of phrasing content make up paragraphs.
+     * https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content
+     */
+    Phrasing = 1
+}
+/**
+ * A set of actions that can be performed as part of pre-selecting an item.
+ */
+export declare enum PreSelectionAction {
+    /**
+     * No action is to be performed relating to pre-selection.
+     */
+    None = 0,
+    /**
+     * Suggestions need to be retrieved.
+     */
+    RetrieveSuggestions = 1,
+    /**
+     * The first item needs to be selected. This assumes the suggestions have already been retrieved.
+     */
+    SelectFirstItem = 2
+}

package/esm/forms/FormDefinition.js

@@ -0,0 +1 @@
+const DEFAULT_SECTION_FORMAT="unstyled-section";var HTMLContentCategory,PreSelectionAction;!function(e){e[e.Flow=0]="Flow",e[e.Phrasing=1]="Phrasing"}(HTMLContentCategory=HTMLContentCategory||{}),function(e){e[e.None=0]="None",e[e.RetrieveSuggestions=1]="RetrieveSuggestions",e[e.SelectFirstItem=2]="SelectFirstItem"}(PreSelectionAction=PreSelectionAction||{});export{DEFAULT_SECTION_FORMAT,HTMLContentCategory,PreSelectionAction};

package/esm/forms/FormElementOuter.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import { FormComponent } from "./FormComponent";
+import { defs } from "./FormHost";
+interface FormElementOuterProps {
+    /**
+     * Class Names to be assigned to this Component.
+     */
+    className?: string;
+    /**
+     * The Form Component being used to render the Form Element within this Component.
+     */
+    component: FormComponent;
+    /**
+     * The Form Element to be rendered within this Component.
+     */
+    element: defs.Element;
+    /**
+     * Optional class name to be added to this Component when an error is present.
+     */
+    errorClassName?: string;
+    /**
+     * The type of HTML Element that should be used for this Form Element.
+     * Those that contain a single form control should use a label.
+     * All others should use a div. The default value is "div".
+     */
+    htmlElementType?: "div" | "label" | undefined;
+    onFocusCapture?: (event: React.FocusEvent<HTMLElement>) => void;
+    onBlurCapture?: (event: React.FocusEvent<HTMLElement>) => void;
+    onChangeCapture?: (event: React.FormEvent<HTMLElement>) => void;
+    onKeyDownCapture?: (event: React.KeyboardEvent<HTMLElement>) => void;
+    onMouseDown?: (event: React.MouseEvent<HTMLElement>) => void;
+    onTouchStart?: (event: React.TouchEvent<HTMLElement>) => void;
+}
+declare const _default: React.ForwardRefExoticComponent<FormElementOuterProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement | HTMLLabelElement>>;
+export default _default;

package/esm/forms/FormElementOuter.js

@@ -0,0 +1 @@
+import React from"react";import{renderTitle,renderDescription,renderError}from"./common.js";import{TitleLocation}from"./constants.js";import{makeSafeClassName,makeUniqueId}from"./utils.js";export default React.forwardRef((e,r)=>{const{children:t,className:o,component:a,element:i,errorClassName:s,htmlElementType:n,...l}=e;var m=a.props.host;const p=[];var c=makeUniqueId(a.props.name),d=renderTitle(i,m,c),u=renderDescription(i,m,c),h=renderError(i,m),m=null===(e=null==d?void 0:d.props)||void 0===e?void 0:e.id,e=null===(e=null==u?void 0:u.props)||void 0===e?void 0:e.id;const f=[];o&&f.push(...o.split(" ")),i.titleLocation===TitleLocation.BESIDE&&f.push("inline-title"),i.styleName&&f.push(makeSafeClassName(i.styleName)),h&&s&&f.push(s);r={"aria-labelledby":m,"aria-describedby":e,className:f.join(" "),id:c,ref:r,...l};return p.push(d),i.titleLocation===TitleLocation.BESIDE?p.push(React.createElement("div",{className:"form-element-content"},u,h,t)):(p.push(u),p.push(h),p.push(t)),React.createElement(n||"div",r,...p)});