@vertigis/workflow 5.31.0

package/runtime/forms/elements/Scanner.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/Section.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type Section = types.ElementBase;

package/runtime/forms/elements/Section.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/Text.d.ts

@@ -0,0 +1,2 @@
+import * as types from "./types";
+export declare type Text = types.ElementBase;

package/runtime/forms/elements/Text.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/TextArea.d.ts

@@ -0,0 +1,7 @@
+import * as types from "./types";
+export interface TextArea extends types.ElementBase, types.EditableElement, types.ElementWithReadOnly, types.ElementWithRequire, types.ElementWithMaxLength {
+    /** Indicates the current value. */
+    readonly value: string;
+    /** Indicates how the control wraps text. */
+    readonly wrap?: "hard" | "soft" | "off";
+}

package/runtime/forms/elements/TextArea.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/TextBox.d.ts

@@ -0,0 +1,5 @@
+import * as types from "./types";
+export interface TextBox extends types.ElementBase, types.EditableElement, types.ElementWithReadOnly, types.ElementWithMaxLength, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value: string;
+}

package/runtime/forms/elements/TextBox.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/TimePicker.d.ts

@@ -0,0 +1,6 @@
+import { DateTimeRef } from "../FormDefinition";
+import * as types from "./types";
+export interface TimePicker extends types.ElementBase, types.EditableElement, types.ElementWithRequire {
+    /** Indicates the current value. */
+    readonly value?: DateTimeRef;
+}

package/runtime/forms/elements/TimePicker.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/elements/types.d.ts

@@ -0,0 +1,81 @@
+import * as defs from "../FormDefinition";
+/** We re-define Text here to hide defs.StatusRef from the end user.
+ *  It is only for internal use, and adds no value in this context.
+ */
+export declare type Text = string | defs.MarkdownRef;
+/** Properties common to all Elements, except the Header. */
+export interface ElementBase {
+    /** Indicates the type of the element. */
+    readonly type?: string;
+    /** Indicates that the element is visible or not. */
+    readonly visible?: boolean;
+    /** Indicates the name of the style that will be applied to the element. */
+    readonly styleName?: string;
+}
+/** Exposes the Element.enabled and Element.error properties. */
+export interface EditableElement {
+    /** Indicates that the element is enabled or not. */
+    readonly enabled?: boolean;
+    /** Indicates the error for the element. */
+    readonly error?: Text;
+}
+/** Exposes the Element.autoActivate property. */
+export interface ElementWithAutoActivate {
+    /** True if this element should activate when shown, false otherwise. */
+    readonly autoActivate?: boolean;
+}
+/** Exposes the Element.current property. */
+export interface ElementWithCurrent {
+    /** Indicates the current item. */
+    readonly current?: string;
+}
+/** Exposes the Element.items property. */
+export interface ElementWithItems<ElementItemBase> {
+    /** The items contained within the element. */
+    readonly items?: {
+        [key: string]: ElementItemBase;
+    };
+}
+/** Exposes the Element.label property as `Text`. */
+export interface ElementWithTextLabel {
+    /** Indicates the label for the element. */
+    readonly label?: Text;
+}
+/** Exposes the Element.label property as `string`. */
+export interface ElementWithStringLabel {
+    /** Indicates the label for the element. */
+    readonly label?: string;
+}
+/** Exposes the Element.readOnly property. */
+export interface ElementWithReadOnly {
+    /** Indicates that the element is read only or not. */
+    readonly readOnly?: boolean;
+}
+/** Exposes the Element.require property. */
+export interface ElementWithRequire {
+    /** Instructs any validation that the element is required. */
+    readonly require?: boolean;
+}
+/** Exposes the Element.maxLength property. */
+export interface ElementWithMaxLength {
+    /** Indicates the maximum number of characters that can be entered in the field. */
+    readonly maxLength?: number;
+}
+/** Properties common to all Element Items. */
+export interface ElementItemBase<T> {
+    /** Indicates the enabled state for the item. */
+    readonly enabled?: boolean;
+    /** Indicates the label for the item. */
+    readonly label?: Text;
+    /** Indicates the name of the style that will be applied to the item. */
+    readonly styleName?: string;
+    /** Indicates the value for the item. */
+    readonly value?: T;
+    /** Indicates the visible state for the item. */
+    readonly visible?: boolean;
+}
+/** Exposes the Item.checked property. */
+export interface ElementItemWithChecked {
+    /** Indicates the checked state for the item. */
+    readonly checked?: boolean;
+}

package/runtime/forms/elements/types.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,o){"use strict";Object.defineProperty(o,"__esModule",{value:!0})});

package/runtime/forms/files.d.ts

@@ -0,0 +1,3 @@
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderFilePicker(component: FormComponent, element: defs.Element): JSX.Element;

package/runtime/forms/files.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./FormElementOuter","./assets/stock","./common","./constants","./utils"],e)}(function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderFilePicker=void 0;var l=e("tslib"),b=(0,l.__importDefault)(e("react")),h=(0,l.__importDefault)(e("./FormElementOuter")),g=e("./assets/stock"),y=e("./common"),k=e("./constants"),E=e("./utils");t.renderFilePicker=function(a,r){var t,s=(c=a.props).host,l=c.name,e=r.size,i=r.value,o=5;"number"==typeof e&&(o=1<e?Math.ceil(e):1),i&&((0,E.isFilesRef)(i)&&Array.isArray(i.files)||(r.value=i=void 0));var n=s.renderText(r.tooltip),c=a.enabled,u=[];if(void 0!==i)for(var c=a.enabled&&i.files.length<o,f=0,d=i.files;f<d.length;f++){var m=d[f],p=u.length;u.push(b.default.createElement("div",{className:"file",key:"$"+p},b.default.createElement("div",null,b.default.createElement("label",null,m.name),b.default.createElement("button",{"aria-label":s.renderText("@file-picker-remove-item-label"),className:"delete",disabled:!a.enabled,ref:function(e){return(0,y.renderFocus)(e,l,s)},onClick:function(e){return function(){1<i.files.length?i.files.splice(e,1):r.value=void 0,a.forceUpdate(),s.post("changed",{name:l,value:r.value})}}(p)},(0,g.renderRemove)()))))}var v=function(e){if(e){var t=e.getAttribute("class");if(/\bneedsclick\b/.test(t)||e.setAttribute("class",t?t+" needsclick":"needsclick"),"svg"!==e.tagName)for(var l=e.children,n=0;n<l.length;n++)v(l[n])}};return u.push(b.default.createElement("div",{className:"add-file",key:"footer"},b.default.createElement("button",{className:"add",disabled:!c,title:n,ref:function(e){(0,y.renderFocus)(e,l,s),v(e)},onClick:function(){t.value=null,t.click()}},(0,g.renderCrossAdd)(),b.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:{__html:s.renderHtml(r.prompt)}})))),e=[r.type,(0,E.makeSafeClassName)(l)],c=1!==o,b.default.createElement(h.default,{className:e.join(" "),component:a,element:r,errorClassName:k.CssClasses.ERROR},b.default.createElement("div",{className:"items"},u),b.default.createElement("input",{type:"file",style:{display:"none"},title:n,onChange:function(e){return function(e){var t=e.files;if(t&&t.length){for(var l=i&&i.files||[],n=0;n<t.length&&l.length!==o;n++)l.push(t[n]);e={refValueType:"files",files:l};r.value=e,a.forceUpdate(),s.post("changed",{name:a.props.name,value:e})}}(e.target)},multiple:c,accept:r.fileTypes,ref:function(e){t=e}}))}});

package/runtime/forms/geometry.d.ts

@@ -0,0 +1,3 @@
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderGeometryPicker(component: FormComponent, element: defs.Element): JSX.Element;

package/runtime/forms/geometry.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./FormElementOuter","./assets/stock","./common","./constants","./keyboard","./utils"],e)}(function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderGeometryPicker=void 0;var n,S=e("tslib"),x=(0,S.__importDefault)(e("react")),F=(0,S.__importDefault)(e("./FormElementOuter")),M=e("./assets/stock"),A=e("./common"),L=e("./constants"),O=e("./keyboard"),R=e("./utils"),T=(n=x.default.Component,(0,S.__extends)(r,n),r.prototype.render=function(){var t=this;return x.default.createElement("div",(0,S.__assign)({ref:function(e){return t.root=e}},this.props))},r);function r(){return null!==n&&n.apply(this,arguments)||this}t.renderGeometryPicker=function(t,n){var r,o=(_=t.props).name,l=_.host,e=5;"number"==typeof(E=n.size)&&(e=1<E?Math.ceil(E):1);var a,s="✎",u=n.value=(0,R.sanitizeGeometryRef)(n.value);void 0!==u&&(a=u.geometry,N=n.itemLabel,Array.isArray(N)?r=N:(r=[],R.text.isMarkdown(N)?N.markdown&&(s=N):R.text.isStatus(N)?N.status&&(s=N.status):N&&(s=N)));var c=n.state;function d(e){var t=c[e];return null==t&&(c.length<=e&&(c.length=e,c.push({})),t=c[e]),t}null==c&&(c=n.state=[]);var i=t.enabled;function f(t,n){var r;function a(){var e=d(t);e.checked=i&&r.checked,e.focused=i&&r.focused,e.pending=i&&r.pending,n&&l.renderState(o,"geometry",c),(0,R.setClass)(r.root,"checked",e.checked),(0,R.setClass)(r.root,"focus",e.focused),(0,R.setClass)(r.root,"hover",e.pending)}return void 0===n&&(n=!0),{ref:function(e){null!==(r=e)&&a()},onChangeCapture:function(e){r&&(r.checked=null!==e.currentTarget.querySelector("input:checked"),a())},onFocusCapture:function(e){r&&(r.focused=!0,a())},onBlurCapture:function(){r&&(r.focused=!1,a())},onMouseOver:function(){r&&(r.pending=!0,a())},onMouseOut:function(){r&&(r.pending=!1,a())},onKeyDownCapture:function(e){i&&"delete"===(0,O.getKeyString)(e)&&void 0!==d(t).content&&m(t)()}}}function m(e){return function(){1<a.length?(a.splice(e,1),c.splice(e,1),e<r.length&&r.splice(e,1)):(n.value=void 0,n.state=void 0),t.forceUpdate(),l.post("changed",{name:o,value:u})}}var p=t.enabled,v=[];if(void 0!==u)for(var p=t.enabled&&u.geometry.length<e,h=0,g=u.geometry;h<g.length;h++){var y=g[h],b=v.length;d(b).content=y;y={__html:l.renderHtml(r[b]||s)};v.push(x.default.createElement(T,(0,S.__assign)({className:"shape",key:"$"+b},f(b)),x.default.createElement("div",null,x.default.createElement("label",null,x.default.createElement("input",{type:"checkbox",disabled:!t.enabled,ref:function(t){return function(e){null!==e&&(e.disabled||l.renderFocus(e,o),e.checked=d(t).checked)}}(b)}),x.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:y})),x.default.createElement("button",{className:"delete",disabled:!t.enabled,ref:function(e){return(0,A.renderFocus)(e,o,l)},onClick:m(b)},(0,M.renderRemove)()))))}function k(){l.post("clicked",{name:o,value:u})}void 0!==u&&u.format;var C={__html:l.renderHtml(n.prompt)},_=l.renderText(n.tooltip),E=v.length,N=t.enabled&&void 0!==u;return v.push(x.default.createElement(T,(0,S.__assign)({className:"add-shape",key:"footer"},f(E,!1)),x.default.createElement("button",{className:"add",disabled:!p,title:_,ref:function(e){return(0,A.renderFocus)(e,o,l)},onClick:k},(0,M.renderCrossAdd)(),x.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:C})),x.default.createElement("button",{className:"clear",disabled:!N,ref:function(e){return(0,A.renderFocus)(e,o,l)},onClick:function(){u=n.value=void 0,t.forceUpdate(),l.post("changed",{name:o,value:u})}},(0,M.renderArrowRollup)()))),N=[n.type,(0,R.makeSafeClassName)(o)],1===e&&N.push(L.CssClasses.SINGLE),void 0!==u&&u.geometry.length>=e&&N.push(L.CssClasses.FULL),t.enabled&&n.autoActivate&&(p&&setTimeout(k),delete n.autoActivate),x.default.createElement(F.default,{className:N.join(" "),component:t,element:n,errorClassName:L.CssClasses.ERROR,ref:function(e){null===e&&l.renderState(o,"geometry")}},x.default.createElement("div",{className:"items"},v))}});

package/runtime/forms/index.d.ts

@@ -0,0 +1,68 @@
+/// <reference types="react" />
+export * from "./constants";
+import { Text } from "./elements/types";
+export interface FormElementProps<TValue = undefined> extends FormElementSettableProps<TValue> {
+    /** The description of the element. */
+    description?: Text;
+    /** The enabled state of the element. */
+    enabled: boolean;
+    /** The error state of the element. */
+    error?: Text;
+    /** The title of the element. */
+    title?: string;
+    /**
+     * A callback function to raise an event. The `custom` event accepts any
+     * value as the eventValue. Use the Get Form Event Data to access the event
+     * data in a sub-workflow of the Display Form activity.
+     * @param eventName The name of the event to raise. Currently only `custom`
+     * is permitted.
+     * @param eventValue The value of the event.
+     */
+    raiseEvent: (eventName: "custom", eventValue: any) => void;
+    /**
+     * Set a property on the element.
+     * @param property The name of the property to set.
+     * @param value The new value to set.
+     */
+    setProperty: <K extends keyof Omit<this, keyof FormElementProps<TValue>> | keyof FormElementSettableProps<TValue>>(property: K, value: this[K]) => void;
+    /**
+     * Sets the `value` property of the element. Equivalent to calling
+     * `setProperty("value", value)`.
+     *
+     * Setting the value will raise the `change` event on the element.
+     *
+     * @param value The new value to set.
+     */
+    setValue: (value: this["value"]) => void;
+}
+export interface FormElementSettableProps<TValue = undefined> {
+    /** The value of the element. */
+    value: TValue;
+}
+declare type SettablePropsFromProps<TProps extends FormElementProps> = Omit<TProps, keyof FormElementProps> & FormElementSettableProps<TProps["value"]>;
+declare type Unionize<T> = T[keyof T];
+export declare type PropertyChangeEvent<TSettableProps, TSetProperty> = Unionize<{
+    [K in keyof Required<TSettableProps>]: {
+        properties: Readonly<TSettableProps>;
+        property: K;
+        setProperty: TSetProperty;
+    };
+}>;
+export interface FormElementRegistration<TProps extends FormElementProps<any> = FormElementProps, TSettableProps extends SettablePropsFromProps<TProps> = SettablePropsFromProps<TProps>> {
+    /** The React component definition of the form element. */
+    component: React.ComponentType<TProps>;
+    /** The unique identifier of the element. */
+    id: string;
+    /**
+     * Generate the initial properties of the form element. This will be assigned to
+     * the element properties before first render.
+     */
+    getInitialProperties?: () => Partial<TSettableProps>;
+    /**
+     * This function will be invoked prior to updating a property of the element
+     * state. It will be invoked even if the element isn't currently visible.
+     *
+     * @returns Either a new value, an error message, or nothing.
+     */
+    onPropertyChange?: (event: PropertyChangeEvent<TSettableProps, TProps["setProperty"]>) => void;
+}

package/runtime/forms/index.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","./constants"],e)}(function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),(0,e("tslib").__exportStar)(e("./constants"),t)});

package/runtime/forms/keyboard.d.ts

@@ -0,0 +1,8 @@
+export interface KeyboardEvent {
+    altKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+    shiftKey: boolean;
+    key: string;
+}
+export declare function getKeyString(event: KeyboardEvent): string;

package/runtime/forms/keyboard.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],e)}(function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getKeyString=void 0,t.getKeyString=function(e){if(!(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey))return e.key.toLowerCase()}});

package/runtime/forms/locales/stock.d.ts

@@ -0,0 +1 @@
+export declare const LOCALE: {};

package/runtime/forms/locales/stock.js

@@ -0,0 +1 @@
+!function(n){"object"==typeof module&&"object"==typeof module.exports?n(require,exports):"function"==typeof define&&define.amd&&define(["require","exports"],n)}(function(n,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.LOCALE=void 0,t.LOCALE={main:{"en-US":{identity:{version:{_cldrVersion:"26",_number:"$Revision: 10669 $"},generation:{_date:"$Date: 2014-07-23 16:10:33 -0500 (Wed, 23 Jul 2014) $"},language:"en",territory:"US"},numbers:{defaultNumberingSystem:"latn",otherNumberingSystems:{native:"latn"},minimumGroupingDigits:"1","symbols-numberSystem-latn":{decimal:".",group:",",list:";",percentSign:"%",plusSign:"+",minusSign:"-",exponential:"E",superscriptingExponent:"×",perMille:"‰",infinity:"∞",nan:"NaN",timeSeparator:":"},"decimalFormats-numberSystem-latn":{standard:"#,##0.###",long:{decimalFormat:{"1000-count-one":"0 thousand","1000-count-other":"0 thousand","10000-count-one":"00 thousand","10000-count-other":"00 thousand","100000-count-one":"000 thousand","100000-count-other":"000 thousand","1000000-count-one":"0 million","1000000-count-other":"0 million","10000000-count-one":"00 million","10000000-count-other":"00 million","100000000-count-one":"000 million","100000000-count-other":"000 million","1000000000-count-one":"0 billion","1000000000-count-other":"0 billion","10000000000-count-one":"00 billion","10000000000-count-other":"00 billion","100000000000-count-one":"000 billion","100000000000-count-other":"000 billion","1000000000000-count-one":"0 trillion","1000000000000-count-other":"0 trillion","10000000000000-count-one":"00 trillion","10000000000000-count-other":"00 trillion","100000000000000-count-one":"000 trillion","100000000000000-count-other":"000 trillion"}},short:{decimalFormat:{"1000-count-one":"0K","1000-count-other":"0K","10000-count-one":"00K","10000-count-other":"00K","100000-count-one":"000K","100000-count-other":"000K","1000000-count-one":"0M","1000000-count-other":"0M","10000000-count-one":"00M","10000000-count-other":"00M","100000000-count-one":"000M","100000000-count-other":"000M","1000000000-count-one":"0B","1000000000-count-other":"0B","10000000000-count-one":"00B","10000000000-count-other":"00B","100000000000-count-one":"000B","100000000000-count-other":"000B","1000000000000-count-one":"0T","1000000000000-count-other":"0T","10000000000000-count-one":"00T","10000000000000-count-other":"00T","100000000000000-count-one":"000T","100000000000000-count-other":"000T"}}},"scientificFormats-numberSystem-latn":{standard:"#E0"},"percentFormats-numberSystem-latn":{standard:"#,##0%"},"currencyFormats-numberSystem-latn":{currencySpacing:{beforeCurrency:{currencyMatch:"[:^S:]",surroundingMatch:"[:digit:]",insertBetween:" "},afterCurrency:{currencyMatch:"[:^S:]",surroundingMatch:"[:digit:]",insertBetween:" "}},accounting:"¤#,##0.00;(¤#,##0.00)",standard:"¤#,##0.00","unitPattern-count-one":"{0} {1}","unitPattern-count-other":"{0} {1}"},"miscPatterns-numberSystem-latn":{atLeast:"{0}+",range:"{0}–{1}"}}}},supplemental:{likelySubtags:{en:"en-Latn-US"}}}});

package/runtime/forms/number.d.ts

@@ -0,0 +1,10 @@
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderNumberRangeSlider(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderNumberSlider(component: FormComponent, element: defs.Element): JSX.Element;
+/**
+ * Renders the 'Number' form element as well as the legacy 'NumberSlider' (used only in IE as of now).
+ * @param component The form component.
+ * @param element The element used in the form.
+ */
+export declare function renderNumber(component: FormComponent, element: defs.Element): JSX.Element;

package/runtime/forms/number.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./FormElementOuter","./constants","./keyboard","./utils"],e)}(function(n,e){"use strict";var t="object"==typeof module&&"object"==typeof module.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.renderNumber=e.renderNumberSlider=e.renderNumberRangeSlider=void 0;var S=n("tslib"),g=(0,S.__importDefault)(n("react")),h=(0,S.__importDefault)(n("./FormElementOuter")),_=n("./constants"),E=n("./keyboard"),R=n("./utils"),r=g.default.lazy(function(){return t?Promise.resolve().then(function(){return(0,S.__importStar)(n("./components/NumberRangeSlider"))}):new Promise(function(e,t){n(["./components/NumberRangeSlider"],e,t)}).then(S.__importStar)}),o=g.default.lazy(function(){return t?Promise.resolve().then(function(){return(0,S.__importStar)(n("./components/NumberSlider"))}):new Promise(function(e,t){n(["./components/NumberSlider"],e,t)}).then(S.__importStar)});e.renderNumberRangeSlider=function(e,t){return g.default.createElement(g.default.Suspense,{fallback:null},g.default.createElement(r,{component:e,element:t}))},e.renderNumberSlider=function(e,t){return g.default.createElement(g.default.Suspense,{fallback:null},g.default.createElement(o,{component:e,element:t}))},e.renderNumber=function(n,r){var t=n.props.name,o=n.props.host,u=(s=(y=r.value,N=r.format,N=null==(N=(0,R.isNumberRef)(y)?y.format:N)?{}:N)).precision;"number"==typeof u&&0*u==0||(u=3);var a=Math.pow(10,-1*u),e=Math.round(s.step/a)*a;"number"==typeof e&&0*e<e||(e=void 0);var l=Math.floor(s.lowerBound/a)*a;"number"==typeof l&&0*l==0||(l=void 0);var i=Math.ceil(s.upperBound/a)*a;"number"==typeof i&&0*i==0||(i=void 0),void 0!==l&&void 0!==i&&i<=l&&(i=l=void 0);var m=[_.CssClasses.NUMERIC,(0,R.makeSafeClassName)(t)];void 0!==e&&m.push(_.CssClasses.STEPPER);var s={precision:u,step:e,lowerBound:l,upperBound:i},f={useGrouping:!0,minimumFractionDigits:0<u?u:0,maximumFractionDigits:0<u?u:0};function c(e){if(void 0===(e=function(e){if("string"==typeof e){if(e.length<1)return;e=Number(e)}if("number"==typeof e&&0*e==0)return void 0!==i&&i<e&&(e=i),void 0!==l&&e<l&&(e=l),Math.round(e/a)*a}(e)))return r.value=void 0,"";r.value={refValueType:"number",format:s,display:o.formatNumber(e,f),numeric:e};var t=20<(t=u)?20:t;return e.toFixed(t=t<0?0:t)}var d,p=null,v=(d=r.value,(0,R.isNumberRef)(d)&&(d=d.numeric),c("number"==typeof(d=(0,R.isString)(d)?o.coerceNumber(d):d)?d:void 0));function b(e){return e=c(e),p.value=e,v!==e&&(v=e,o.post("changed",{name:t,value:r.value}),1)}var y=o.renderText(r.prompt),N=o.renderText(r.tooltip);return g.default.createElement(h.default,{className:m.join(" "),component:n,element:r,errorClassName:_.CssClasses.ERROR,htmlElementType:"label",ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(p.value=v,o.renderFocus(p,t))}},g.default.createElement("input",(0,S.__assign)({placeholder:y,title:N},{type:"number",disabled:!n.enabled,min:l,max:i,step:e,onKeyDown:function(e){var t=(0,E.getKeyString)(e);if("enter"===t&&b(p.value))return p.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===t&&(p.value=v,p.select()),n.autoInput=!1},onFocus:function(){p.select()},onMouseDown:function(){n.autoInput=!0},onChange:function(){n.autoInput&&(b(p.value),p.select())},onBlur:function(){b(p.value)},ref:function(e){p=e}})))}});

package/runtime/forms/numberFormatter.d.ts

@@ -0,0 +1,95 @@
+export { isNumeric } from "./utils";
+/**
+ * Pre-defined format specifiers for use with format().
+ */
+export declare enum NumberDisplayFormat {
+    /**
+     * A localized representation of a number with a decimal separator and group
+     * separators (e.g. "12,345.67", "-42" for en-US locale).
+     */
+    NUMBER = "n",
+    /**
+     * A localized representation of a number with a decimal separator (e.g.
+     * "12345.67", "-42" for en-US locale).
+     */
+    FIXED_POINT = "f",
+    /**
+     * A localized representation of a monetary amount in a specific currency
+     * (e.g. "$123.45" for USD, "£123.45" for GBP for en-US locale).
+     */
+    CURRENCY = "c",
+    /**
+     * Same as CURRENCY, except that in many locales, negative values may be displayed in
+     * parentheses instead of using a "-" sign.
+     */
+    ACCOUNTING = "a",
+    /**
+     * A localized representation of a percentage (e.g. 0.99 -> "99%" in the
+     * en-US locale).
+     */
+    PERCENT = "p",
+    /**
+     * An invariant representation of a number (e.g. "12345.67"). Guarantees
+     * that the number can be parsed back into the same number, regardless of
+     * locale.
+     */
+    ROUND_TRIP = "r",
+    /**
+     * The default representation for number values (equivalent to NUMBER).
+     */
+    DEFAULT = "n",
+    /**
+     * A custom format string.
+     */
+    CUSTOM = "custom"
+}
+/**
+ * Options supported by {@link format}.
+ */
+export interface FormatOptions {
+    /**
+     * The locale to use when formatting the number. If not specified, the
+     * current locale is used (see locale module).
+     */
+    locale?: string;
+    /**
+     * The number format. See {@link NumberFormatter.format}.
+     */
+    format?: NumberDisplayFormat;
+    /**
+     * See {@link NumberSettings.currency}.
+     */
+    currency?: string;
+    /**
+     * The custom number format. Required for a format type of 'Custom'
+     */
+    customDisplayFormat?: string;
+    /**
+     * See {@link NumberSettings.fractionalDigits}.
+     */
+    fractionalDigits?: number;
+}
+export declare const DEFAULT_CURRENCY = "USD";
+export declare const DEFAULT_CUSTOM_FORMAT = "#.##";
+export declare const DEFAULT_FRACTIONAL_DIGITS = 4;
+export declare const SUPPORTED_CURRENCIES: string[];
+/**
+ * Formats a number for display in the current locale.
+ *
+ * @param num The number to format.
+ */
+export declare function format(num: number): string;
+/**
+ * Formats a number for display.
+ *
+ * @param format See {@link NumberFormatter.format}.
+ * @param num The number to format.
+ */
+export declare function format(format: string, num: number): string;
+/**
+ * Formats a number for display.
+ *
+ * @param options Specifies the format settings to use.
+ * @param num The number to format.
+ */
+export declare function format(options: FormatOptions, num: number): string;

package/runtime/forms/numberFormatter.js

@@ -0,0 +1 @@
+!function(t){"object"==typeof module&&"object"==typeof module.exports?t(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","../constants","./utils"],t)}(function(t,F){"use strict";Object.defineProperty(F,"__esModule",{value:!0}),F.format=F.SUPPORTED_CURRENCIES=F.DEFAULT_FRACTIONAL_DIGITS=F.DEFAULT_CUSTOM_FORMAT=F.DEFAULT_CURRENCY=F.NumberDisplayFormat=F.isNumeric=void 0;var S,s=t("tslib"),N=t("../constants"),e=t("./utils");Object.defineProperty(F,"isNumeric",{enumerable:!0,get:function(){return e.isNumeric}}),(t=S=F.NumberDisplayFormat||(F.NumberDisplayFormat={})).NUMBER="n",t.FIXED_POINT="f",t.CURRENCY="c",t.ACCOUNTING="a",t.PERCENT="p",t.ROUND_TRIP="r",t.DEFAULT="n",t.CUSTOM="custom",F.DEFAULT_CURRENCY="USD",F.DEFAULT_CUSTOM_FORMAT="#.##",F.DEFAULT_FRACTIONAL_DIGITS=4,F.SUPPORTED_CURRENCIES=["ADP","AED","AFA","AFN","ALK","ALL","AMD","ANG","AOA","AOK","AON","AOR","ARA","ARL","ARM","ARP","ARS","ATS","AUD","AWG","AZM","AZN","BAD","BAM","BAN","BBD","BDT","BEC","BEF","BEL","BGL","BGM","BGN","BGO","BHD","BIF","BMD","BND","BOB","BOL","BOP","BOV","BRB","BRC","BRE","BRL","BRN","BRR","BRZ","BSD","BTN","BUK","BWP","BYB","BYN","BYR","BZD","CAD","CDF","CHE","CHF","CHW","CLE","CLF","CLP","CNH","CNX","CNY","COP","COU","CRC","CSD","CSK","CUC","CUP","CVE","CYP","CZK","DDM","DEM","DJF","DKK","DOP","DZD","ECS","ECV","EEK","EGP","ERN","ESA","ESB","ESP","ETB","EUR","FIM","FJD","FKP","FRF","GBP","GEK","GEL","GHC","GHS","GIP","GMD","GNF","GNS","GQE","GRD","GTQ","GWE","GWP","GYD","HKD","HNL","HRD","HRK","HTG","HUF","IDR","IEP","ILP","ILR","ILS","INR","IQD","IRR","ISJ","ISK","ITL","JMD","JOD","JPY","KES","KGS","KHR","KMF","KPW","KRH","KRO","KRW","KWD","KYD","KZT","LAK","LBP","LKR","LRD","LSL","LTL","LTT","LUC","LUF","LUL","LVL","LVR","LYD","MAD","MAF","MCF","MDC","MDL","MGA","MGF","MKD","MKN","MLF","MMK","MNT","MOP","MRO","MRU","MTL","MTP","MUR","MVP","MVR","MWK","MXN","MXP","MXV","MYR","MZE","MZM","MZN","NAD","NGN","NIC","NIO","NLG","NOK","NPR","NZD","OMR","PAB","PEI","PEN","PES","PGK","PHP","PKR","PLN","PLZ","PTE","PYG","QAR","RHD","ROL","RON","RSD","RUB","RUR","RWF","SAR","SBD","SCR","SDD","SDG","SDP","SEK","SGD","SHP","SIT","SKK","SLL","SOS","SRD","SRG","SSP","STD","STN","SUR","SVC","SYP","SZL","THB","TJR","TJS","TMM","TMT","TND","TOP","TPE","TRL","TRY","TTD","TWD","TZS","UAH","UAK","UGS","UGX","USD","USN","USS","UYI","UYP","UYU","UYW","UZS","VEB","VEF","VES","VND","VNN","VUV","WST","XAF","XAG","XAU","XBA","XBB","XBC","XBD","XCD","XDR","XEU","XFO","XFU","XOF","XPD","XPF","XPT","XRE","XSU","XTS","XUA","XXX","YDD","YER","YUD","YUM","YUN","YUR","ZAL","ZAR","ZMK","ZMW","ZRN","ZRZ","ZWD","ZWL","ZWR"],F.format=function(){for(var t=[],e=0;e<arguments.length;e++)t[e]=arguments[e];return i.format.apply(i,t)};r.prototype.format=function(){for(var t,e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];var i=NaN,n={};if(1===e.length?(i=e[0],n={}):2<=arguments.length&&(i=e[1],n="string"==typeof e[0]?{format:e[0]}:e[0]||n),null==i||isNaN(i))return"";var a=n.format||S.DEFAULT;if((a=a===S.CUSTOM?n.customDisplayFormat||F.DEFAULT_CUSTOM_FORMAT:a)===S.ROUND_TRIP)return i.toString();var D,R=a.toLowerCase();R===S.CURRENCY||R===S.ACCOUNTING?(D=n.currency||F.DEFAULT_CURRENCY,a=R,a+=null!==(t=n.fractionalDigits)&&void 0!==t?t:"",a+=D?"$".concat(D):""):R!==S.NUMBER&&R!==S.FIXED_POINT&&R!==S.PERCENT||(a=R,a+=null!==(o=n.fractionalDigits)&&void 0!==o?o:""),n.locale=n.locale||N.DEFAULT_LOCALE;var R=[n.locale],o="".concat(R.join(";"),"|").concat(a),n=m.get(o);return n||(n=[],1===(a=a.split(";",3)).length?(n[0]=this._createNumberFormatter(R,a[0]),n[1]=n[0],n[2]=n[0]):2===a.length?(n[0]=this._createNumberFormatter(R,a[0]),n[1]=this._createNumberFormatter(R,a[1]),n[2]=n[0]):3===a.length&&(n[0]=this._createNumberFormatter(R,a[0]),n[1]=this._createNumberFormatter(R,a[1]),n[2]=this._createNumberFormatter(R,a[2])),m.set(o,n)),0<i?n[0](i):i<0?n[1](i):n[2](i)},r.prototype._createNumberFormatter=function(t,e){var r={};if(R=e.match(L)){var i=R[1].toLowerCase(),n=Math.min(20,parseInt(R[2])),a=R[3];i===S.CURRENCY||i===S.ACCOUNTING?a=(a||F.DEFAULT_CURRENCY).toUpperCase():(a="",void 0===r.minimumFractionDigits&&(r.minimumFractionDigits=0),void 0===r.maximumFractionDigits&&(r.maximumFractionDigits=Math.max(F.DEFAULT_FRACTIONAL_DIGITS,r.minimumFractionDigits))),i===S.PERCENT?r.style="percent":i===S.ACCOUNTING?r.currencySign="accounting":i===S.FIXED_POINT&&(r.useGrouping=!1),isNaN(n)||(r.minimumFractionDigits=n,r.maximumFractionDigits=n);var D=a?new Intl.NumberFormat(t,(0,s.__assign)({style:"currency",currency:a},r)):new Intl.NumberFormat(t,r);return function(t){return D.format(t)}}var R=e.match(/[0#]+|\.|,|%|\\.|(["'])[^\1]+\1|[^0#.,\\'"]+/g),o=!1,N="",m="",c="",u="";r.minimumFractionDigits=0,r.maximumFractionDigits=0,r.useGrouping=!1;for(var C,E=0,T=R;E<T.length;E++){var U=T[E];switch(U[0]){case".":o=!0;break;case",":r.useGrouping=!0;break;case"%":r.style="percent";break;case"0":case"#":o?m+=U:N+=U;break;default:0===U.indexOf('"')||0===U.indexOf("'")?U=U.slice(1,-1):0===U.indexOf("\\")&&(U=U.slice(1)),N||m?u+=U:c+=U}}if(!N||0<=(C=N.indexOf("0"))&&(r.minimumIntegerDigits=N.length-C),m&&(C=m.lastIndexOf("0"),r.minimumFractionDigits=0<=C?C+1:0,r.maximumFractionDigits=Math.min(20,m.length)),N||m){var A=new Intl.NumberFormat(t,r);return function(t){return"".concat(c).concat(A.format(t)).concat(u)}}return function(){return c+u}},t=r;function r(){}var m=new Map,L=/^([acfnp])(\d*)(?:\$([a-zA-Z]{3}))?$/i,i=new t});

package/runtime/forms/numberSliderUtilities.d.ts

@@ -0,0 +1,12 @@
+import * as defs from "./FormDefinition";
+export declare const DEFAULT_SLIDER_LOWER_BOUND = 0;
+export declare const DEFAULT_SLIDER_UPPER_BOUND = 100;
+export declare const SLIDER_MAX_DECIMALS = 20;
+export declare function getProcessedNumberFormat(elementFormat: defs.FormatRef, minDecimals: number, defaultDecimals: number, defaultStep: number): defs.NumberFormat;
+/**
+ * Retrieves the effective number slider values after applying various validation checks and bounds.
+ * @param values The initial input values based on which the result is computed.
+ * @param numberFormat
+ * @returns A sorted numeric array with user entered values, if valid and default values if not.
+ */
+export declare function getNumberSliderValues(values: defs.Value, numberFormat: defs.NumberFormat, singleValue?: boolean): number[];

package/runtime/forms/numberSliderUtilities.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","./numberFormatter","./utils"],e)}(function(e,E){"use strict";Object.defineProperty(E,"__esModule",{value:!0}),E.getNumberSliderValues=E.getProcessedNumberFormat=E.SLIDER_MAX_DECIMALS=E.DEFAULT_SLIDER_UPPER_BOUND=E.DEFAULT_SLIDER_LOWER_BOUND=void 0;var D=e("./numberFormatter"),N=e("./utils");E.DEFAULT_SLIDER_LOWER_BOUND=0,E.DEFAULT_SLIDER_UPPER_BOUND=100,E.SLIDER_MAX_DECIMALS=20,E.getProcessedNumberFormat=function(e,r,t,u){var o=e||{},i=o.precision,n=o.step,s=o.lowerBound,e=o.upperBound,s=(0,N.isNumeric)(s)?s:E.DEFAULT_SLIDER_LOWER_BOUND;return(e=(0,N.isNumeric)(e)?e:E.DEFAULT_SLIDER_UPPER_BOUND)<=s&&(s=E.DEFAULT_SLIDER_LOWER_BOUND,e=E.DEFAULT_SLIDER_UPPER_BOUND),((i=(0,N.isNumeric)(i)?i:t)<r||i>E.SLIDER_MAX_DECIMALS)&&(i=t),n=(0,N.isNumeric)(n)&&n<=e-s&&0<=n?n:u,t=o.displayFormat,u=o.customDisplayFormat,i<0&&(n=Math.pow(10,-1*i),i=0),{currency:o.currency||D.DEFAULT_CURRENCY,customDisplayFormat:u,displayFormat:t,precision:i,step:n,lowerBound:s,upperBound:e}},E.getNumberSliderValues=function(e,r,t){function u(e){return(0,N.isNumeric)(e)?e<i?i:n<e?n:e:NaN}function o(e){return e=(e||"").trim(),e=(0,N.isNumeric)(e)?parseFloat(e):NaN,u(e)}void 0===t&&(t=!1);var i=(0,N.isNumeric)(r.lowerBound)?r.lowerBound:E.DEFAULT_SLIDER_LOWER_BOUND,n=(0,N.isNumeric)(r.upperBound)?r.upperBound:E.DEFAULT_SLIDER_UPPER_BOUND,s=[],D=NaN,_=NaN;return"string"==typeof e?(D=o((r=e.split("\n").filter(function(e){return""!==e}))[0]),_=o(r[1])):"number"==typeof e?D=u(e):Array.isArray(e)&&1<=e.length&&(D=("string"==typeof e[0]?o:u)(e[0]),_=("string"==typeof e[1]?o:u)(e[1])),isNaN(D)||(isNaN(_)?t&&s.push(D):s.push(D,_)),(s=s.sort(function(e,r){return e-r})).length?s:t?[Math.round((i+n)/2)]:[i,n]}});

package/runtime/forms/presenter.d.ts

@@ -0,0 +1,20 @@
+import { FormPresenterHost } from "./FormComponent";
+export declare function refresh(component: {}): void;
+/**
+ * Refreshes an element.
+ * @param host The host for the presenter.
+ * @param name The name of the element to refresh.
+ */
+export declare function refreshForm(host: FormPresenterHost, container: Element): void;
+/**
+ * Releases the underlying visual for the element.
+ * @param element The element to release from.
+ */
+export declare function releaseForm(container: HTMLElement): void;
+/** Renders a component's visual. */
+export declare function render(component: {}): any;
+/**
+ * Renders an element with a placeholder.
+ * @param owner
+ */
+export declare function renderNone(component: {}): any;

package/runtime/forms/presenter.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","react-dom","./FormComponent","./renderers"],e)}(function(e,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.renderNone=r.render=r.releaseForm=r.refreshForm=r.refresh=void 0;var n=e("tslib"),t=(0,n.__importDefault)(e("react")),o=(0,n.__importDefault)(e("react-dom")),f=e("./FormComponent"),a=(0,n.__importStar)(e("./renderers"));r.refresh=function(e){e instanceof f.FormComponent&&e.forceUpdate()},r.refreshForm=function(e,r){o.default.render(t.default.createElement(f.FormComponent,{host:e,type:"form"}),r)},r.releaseForm=function(e){o.default.unmountComponentAtNode(e)},r.render=function(e){if(e instanceof f.FormComponent){switch(e.props.type){case"form":return a.renderForm(e);case"header":return a.renderHeader(e);case"main":return a.renderMain(e);case"footer":return a.renderFooter(e);case"body":return a.renderBody(e);case"row":return a.renderRow(e);case"section":return a.element.renderSection(e,e.prepare());case"element":break;default:return}var r=e.prepare();if(null==r)return;var n=r.type;if("string"!=typeof n)return;if("Custom"===n)return e.props.host.renderCustom(e,r);if(e.elementRegistration)return t.default.createElement(e.elementRegistration.component,a.getElementProps(e,r));n=a.element["render"+n];if("function"==typeof n)return n(e,r)}},r.renderNone=function(e){if(e instanceof f.FormComponent)return a.renderNone(e)}});

package/runtime/forms/renderers.d.ts

@@ -0,0 +1,46 @@
+import { FormElementProps } from "..";
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+import * as datetime from "./datetime";
+import * as files from "./files";
+import * as geometry from "./geometry";
+import * as number from "./number";
+import * as scanner from "./scanner";
+import * as selectors from "./selectors";
+import * as text from "./text";
+export declare function renderForm(component: FormComponent): JSX.Element;
+export declare function renderHeader(component: FormComponent): JSX.Element;
+export declare function renderFooter(component: FormComponent): JSX.Element;
+export declare function renderBody(component: FormComponent): JSX.Element;
+export declare function renderRow(component: FormComponent): JSX.Element;
+export declare function renderMain(component: FormComponent): JSX.Element;
+export declare function renderNone(component: FormComponent): any;
+export declare namespace element {
+    export import renderNumber = number.renderNumber;
+    export import renderNumberRangeSlider = number.renderNumberRangeSlider;
+    export import renderNumberSlider = number.renderNumberSlider;
+    export import renderAutoComplete = selectors.renderAutoComplete;
+    export import renderCheckBox = selectors.renderCheckBox;
+    export import renderCheckGroup = selectors.renderCheckGroup;
+    export import renderDropDownList = selectors.renderDropDownList;
+    export import renderItemPicker = selectors.renderItemPicker;
+    export import renderListBox = selectors.renderListBox;
+    export import renderRadioGroup = selectors.renderRadioGroup;
+    export import renderPasswordBox = text.renderPasswordBox;
+    export import renderTextArea = text.renderTextArea;
+    export import renderTextBox = text.renderTextBox;
+    export import renderDatePicker = datetime.renderDateTimePicker;
+    export import renderDateRangePicker = datetime.renderDateRangePicker;
+    export import renderTimePicker = datetime.renderDateTimePicker;
+    export import renderDateTimePicker = datetime.renderDateTimePicker;
+    export import renderGeometryPicker = geometry.renderGeometryPicker;
+    export import renderFilePicker = files.renderFilePicker;
+    export import renderScanner = scanner.renderScanner;
+    function renderSection(component: FormComponent, element: defs.Element): JSX.Element;
+    function renderHorizontalRule(component: FormComponent, element: defs.Element): JSX.Element;
+    function renderText(component: FormComponent, element: defs.Element): JSX.Element;
+    function renderImage(component: FormComponent, element: defs.Element): JSX.Element;
+    function renderButtonBar(component: FormComponent, element: defs.Element): JSX.Element;
+    function renderCustom(component: FormComponent, element: defs.Element): JSX.Element;
+}
+export declare function getElementProps(component: FormComponent, element: defs.Element): FormElementProps;

package/runtime/forms/renderers.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./FormComponent","./FormDefinition","./FormElementOuter","./assets/stock","./common","./constants","./datetime","./files","./geometry","./keyboard","./number","./scanner","./selectors","./text","./utils"],e)}(function(e,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0}),r.getElementProps=r.element=r.renderNone=r.renderMain=r.renderRow=r.renderBody=r.renderFooter=r.renderHeader=r.renderForm=void 0;var g=e("tslib"),C=(0,g.__importDefault)(e("react")),S=e("./FormComponent"),y=(0,g.__importStar)(e("./FormDefinition")),v=(0,g.__importDefault)(e("./FormElementOuter")),u=e("./assets/stock"),p=e("./common"),N=e("./constants"),t=(0,g.__importStar)(e("./datetime")),n=(0,g.__importStar)(e("./files")),o=(0,g.__importStar)(e("./geometry")),F=e("./keyboard"),a=(0,g.__importStar)(e("./number")),l=(0,g.__importStar)(e("./scanner")),i=(0,g.__importStar)(e("./selectors")),s=(0,g.__importStar)(e("./text")),T=e("./utils");function d(e,r){return(0,g.__assign)((0,g.__assign)((0,g.__assign)({},r),{element:r,name:e.props.name}),{enabled:r.enabled,setProperty:e.setProperty,setValue:e.setValue,raiseEvent:e.raiseEvent,value:r.value})}r.renderForm=function(e){var t=e.props.host,n={host:t,type:"header",children:[]},s={host:t,type:"body",children:[]},d={host:t,type:"main",children:[]},o={host:t,type:"footer",children:[]},r={host:t,type:"body",children:[]},m={},a=[];function l(e){if(void 0===e)return s;if("header"===e)return n;if("footer"===e)return o;var r="object"==typeof e?e.name:e,e=function(e){for(var r=0,t=a;r<t.length;r++){var n=t[r];if(n.name===e)return n}}(r);return void 0===e&&(e={host:t,name:r,type:"section",children:[]},a.push(e)),e}function i(e){return"Section"!==e}function c(e){return e===n||e===s||e===o?"".concat(e.type,"-section"):e.name}var u,p,f=(0,T.sort)(e.props.host.form.elements);for(u in f){var h,y,v=f[u];!0!==(p=v).hoisted&&(!1!==p.visible&&i(p.type))&&(!0!==v.overlay?(h=l(v.section),void 0!==v.rowNumber&&(y=c(h),p=v.rowNumber,h=y=(v=void 0)===(y=(v=(v=m[y=y])||(m[y]=[]))[p])?v[p]={host:t,type:"row",children:[]}:y),h.children.push(C.default.createElement(S.FormElement,{key:u,host:t,type:"element",name:u}))):r.children.push(C.default.createElement(S.FormElement,{key:u,host:t,type:"element",name:u})))}var N,e=[];if(0<n.children.length&&e.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:"header"},n))),0<r.children.length)e.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:"main"},r)));else{_(s);for(var k=0,E=a;k<E.length;k++){var b=E[k];N=b.name,null!=(N=f[N])&&(i(N.type)||!0===N.hoisted||!1===N.visible)||_(l(b.name))}0<d.children.length&&e.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:"main"},d)))}function _(e){var r,t=e===s?"body":"$".concat(e.name),n=c(e),o=m[n];if(o)for(var a=0,l=Object.keys(o).sort(function(e,r){return parseInt(e)-parseInt(r)});a<l.length;a++){var i=o[l[a]];1<i.children.length?e.children.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:"row"},i))):1===i.children.length&&(r=e.children).push.apply(r,i.children)}0<e.children.length&&d.children.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:t},e)))}return 0<o.children.length&&e.push(C.default.createElement(S.FormComponent,(0,g.__assign)({key:"footer"},o))),C.default.createElement("div",{className:"gcx-forms defaults custom",ref:function(e){t.renderFocus(e)},onKeyDown:function(e){"enter"===(0,F.getKeyString)(e)&&(e.target instanceof HTMLButtonElement||t.post("clicked"))}},e)},r.renderHeader=function(e){return C.default.createElement("div",{className:"Header"},e.props.children)},r.renderFooter=function(e){return C.default.createElement("div",{className:"Footer"},e.props.children)},r.renderBody=function(e){return C.default.createElement("div",{className:"Body"},e.props.children)},r.renderRow=function(e){return C.default.createElement("div",{className:"Row"},e.props.children)},r.renderMain=function(e){return C.default.createElement("div",{className:"Main"},e.props.children)},r.renderNone=function(e){return C.default.createElement("div",{className:"None"},"--- Unsupported Form Element (name=",e.props.name,") ---")},(e=r.element||(r.element={})).renderNumber=a.renderNumber,e.renderNumberRangeSlider=a.renderNumberRangeSlider,e.renderNumberSlider=a.renderNumberSlider,e.renderAutoComplete=i.renderAutoComplete,e.renderCheckBox=i.renderCheckBox,e.renderCheckGroup=i.renderCheckGroup,e.renderDropDownList=i.renderDropDownList,e.renderItemPicker=i.renderItemPicker,e.renderListBox=i.renderListBox,e.renderRadioGroup=i.renderRadioGroup,e.renderPasswordBox=s.renderPasswordBox,e.renderTextArea=s.renderTextArea,e.renderTextBox=s.renderTextBox,e.renderDatePicker=t.renderDateTimePicker,e.renderDateRangePicker=t.renderDateRangePicker,e.renderTimePicker=t.renderDateTimePicker,e.renderDateTimePicker=t.renderDateTimePicker,e.renderGeometryPicker=o.renderGeometryPicker,e.renderFilePicker=n.renderFilePicker,e.renderScanner=l.renderScanner,e.renderSection=function(e,r){var t=e.props.host,n=e.props.name,o=void 0,a="accordion-section"===(o=null!=(o=null!=r&&r.format?r.format:o)?o:y.DEFAULT_SECTION_FORMAT),l=a||"collapsible-section"===o,i=[r.type,(0,T.makeSafeClassName)(n),o];r.styleName&&i.push((0,T.makeSafeClassName)(r.styleName));var s=null,d=(0,T.makeUniqueId)(n),o="content";l=l?(m="form-element-title",r.collapsed&&(m+=" collapsed",o+=" collapsed"),c=(r.collapsed?(0,u.renderChevronDown):(0,u.renderChevronUp))(),s=(0,p.renderTitle)(r,t,d,"caption"),C.default.createElement("button",{className:m,onClick:function(){a&&r.collapsed?t.updateAccordionSections(n):(r.collapsed=!r.collapsed,e.forceUpdate())},ref:function(e){return(0,p.renderFocus)(e,n,t)}},s||C.default.createElement("span",{className:"caption"}),c)):s=(0,p.renderTitle)(r,t,d);var m=(0,p.renderDescription)(r,t,d),c=(0,p.renderError)(r,t),s=null===(d=null==s?void 0:s.props)||void 0===d?void 0:d.id,d=null===(d=null==m?void 0:m.props)||void 0===d?void 0:d.id;return C.default.createElement("div",{"aria-labelledby":s,"aria-describedby":d,className:i.join(" ")},l,C.default.createElement("div",{className:o},m,c,e.props.children))},e.renderHorizontalRule=function(e,r){return e=e.props.name,e=[N.FormElementTypes.HORIZONTALRULE,(0,T.makeSafeClassName)(e)],r.styleName&&e.push((0,T.makeSafeClassName)(r.styleName)),C.default.createElement("hr",{className:e.join(" ")})},e.renderText=function(e,r){var t=e.props.name,t=[r.type,(0,T.makeSafeClassName)(t)];return C.default.createElement(v.default,{className:t.join(" "),component:e,element:r})},e.renderImage=function(e,r){var t,n,o=e.props,a=o.host,l=o.name,i=r.size;return"number"==typeof i&&(t=n=i),"object"==typeof i&&("number"==typeof i.width&&(t=i.width),"number"==typeof i.height&&(n=i.height)),o=void 0,"string"==typeof(i=r.value)&&(o=i),l=[r.type,(0,T.makeSafeClassName)(l)],a=a.renderText(r.tooltip),C.default.createElement(v.default,{className:l.join(" "),component:e,element:r},C.default.createElement("img",{src:o,title:a,width:t,height:n}))},e.renderButtonBar=function(e,r){var t,n=(h=e.props).host,o=h.name,a=(0,T.sort)(r.items),l=void 0,i=[];for(t in a){var s=a[t],d=e.enabled&&!1!==s.enabled&&!1!==s.visible,m={__html:n.renderHtml(s.label,y.HTMLContentCategory.Phrasing)},c=n.renderText(s.tooltip),u=a[t].value;d&&void 0===l&&(l=t);var p=s.styleName?(0,T.makeSafeClassName)(s.styleName):void 0;!1!==s.visible&&i.push(C.default.createElement("button",{className:p,key:t,disabled:!d,title:c,ref:function(r){return function(e){null!==e&&r===l&&n.renderFocus(e,o)}}(t),onClick:function(r,t){return function(e){n.post("clicked",{name:o,item:r,value:t})}}(t,u),dangerouslySetInnerHTML:m}))}var f=[r.type,(0,T.makeSafeClassName)(o)],h=["items"];return r.orientation===N.Orientation.VERTICAL&&h.push("vertical"),C.default.createElement(v.default,{className:f.join(" "),component:e,element:r,errorClassName:N.CssClasses.ERROR},C.default.createElement("div",{className:h.join(" ")},i))},e.renderCustom=function(e,r){var t=e.props.name;return e.elementRegistration||console.warn("Unable to render custom form element '".concat(t,"' of type '").concat(r.customType,"'.")),t=[r.type,(0,T.makeSafeClassName)(t)],C.default.createElement(v.default,{className:t.join(" "),component:e,element:r,errorClassName:N.CssClasses.ERROR},e.elementRegistration?C.default.createElement(e.elementRegistration.component,d(e,r)):"--- ".concat(r.customType," ---"))},r.getElementProps=d});

package/runtime/forms/scanner.d.ts

@@ -0,0 +1,3 @@
+import { FormComponent } from "./FormComponent";
+import { Element } from "./FormDefinition";
+export declare function renderScanner(component: FormComponent, element: Element): JSX.Element;

package/runtime/forms/scanner.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./FormElementOuter","./assets/stock","./common","./constants","./keyboard","./utils"],e)}(function(g,e){"use strict";var T="object"==typeof module&&"object"==typeof module.exports;Object.defineProperty(e,"__esModule",{value:!0}),e.renderScanner=void 0;var B=g("tslib"),F=(0,B.__importStar)(g("react")),h=(0,B.__importDefault)(g("./FormElementOuter")),w=g("./assets/stock"),D=g("./common"),O=g("./constants"),N=g("./keyboard"),x=g("./utils");e.renderScanner=function(e,t){return F.default.createElement(n,{component:e,element:t})};var A;(e=A=A||{}).Camera="camera",e.Manual="manual";function M(e,t,n){var r=typeof e,a="number"==r||"string"==r?e.toString():null===(a=null===e||void 0===e?void 0:e.value)||void 0===a?void 0:a.toString();if(a)return t=t||(null===e||void 0===e?void 0:e.entryMethod)||A.Manual,{refValueType:"scan",value:a,scanType:n=n||(null===e||void 0===e?void 0:e.scanType),entryMethod:t}}var n=function(e){var t=(0,F.useState)(),o=t[0],c=t[1],n=(0,F.useState)(""),r=n[0],a=n[1],i=(0,F.useState)(!1),u=i[0],s=i[1],l=(0,F.useState)(!0),d=l[0],m=l[1],f=(0,F.useRef)(),v=e.component,p=e.element,_=v.props,y=_.host,t=_.name,n="barcode"!==p.scanType,S=p.value;(0,F.useEffect)(function(){return s(!0),function(){return s(!1)}},[]),(0,F.useEffect)(function(){u&&p.enabled&&p.autoActivate&&(p.autoActivate=!1,C())},[u]),(0,F.useEffect)(function(){function e(){m(!1),setTimeout(function(){u&&m(!0)},1500)}return o&&e(),function(){o&&(o.reset(),e())}},[o]);i=(0,D.useFocusCallback)(v);(0,F.useEffect)(function(){!(0,x.isScanRef)(S)&&S&&(p.value=S=M(S));var e=(null==S?void 0:S.value)||"";r!==e&&a(e)},[S]);function E(e,t,n){e&&(S&&S.value===e||(n=M(e,t,n),p.value=n,a(e),y.post("changed",{name:v.props.name,value:n})))}var l=y.renderText(p.tooltip),b=function(r){return(0,B.__awaiter)(void 0,void 0,void 0,function(){var t,n;return(0,B.__generator)(this,function(e){switch(e.label){case 0:return[4,T?Promise.resolve().then(function(){return(0,B.__importStar)(g("@zxing/library"))}):new Promise(function(e,t){g(["@zxing/library"],e,t)}).then(B.__importStar)];case 1:return t=e.sent(),n=void 0,r===O.ScanType.QrCode?n=[t.BarcodeFormat.QR_CODE,t.BarcodeFormat.DATA_MATRIX,t.BarcodeFormat.AZTEC,t.BarcodeFormat.PDF_417,t.BarcodeFormat.MAXICODE]:r===O.ScanType.BarCode&&(n=[t.BarcodeFormat.CODABAR,t.BarcodeFormat.CODE_39,t.BarcodeFormat.CODE_93,t.BarcodeFormat.CODE_128,t.BarcodeFormat.EAN_8,t.BarcodeFormat.EAN_13,t.BarcodeFormat.ITF,t.BarcodeFormat.RSS_14,t.BarcodeFormat.RSS_EXPANDED,t.BarcodeFormat.UPC_A,t.BarcodeFormat.UPC_E]),[2,n]}})})},C=function(){return(0,B.__awaiter)(void 0,void 0,void 0,function(){var t,n,r;return(0,B.__generator)(this,function(e){switch(e.label){case 0:return o?(c(null),y.post("cancel",{name:v.props.name,type:"cancel"}),[2]):(t=function(a){return(0,B.__awaiter)(void 0,void 0,void 0,function(){var t,n,r;return(0,B.__generator)(this,function(e){switch(e.label){case 0:return e.trys.push([0,4,,5]),[4,a.listVideoInputDevices()];case 1:if(!(t=e.sent())||0==t.length)throw new DOMException("No video input devices detected.");return[4,a.decodeOnceFromVideoDevice(void 0,f.current)];case 2:return n=e.sent(),[4,b(O.ScanType.QrCode)];case 3:return r=e.sent(),r=r.indexOf(n.getBarcodeFormat())<0?O.ScanType.BarCode:O.ScanType.QrCode,E(n.toString(),A.Camera,r),c(null),[3,5];case 4:return(r=e.sent())instanceof DOMException&&(p.error=r.message,c(null)),[3,5];case 5:return[2]}})})},[4,T?Promise.resolve().then(function(){return(0,B.__importStar)(g("@zxing/library"))}):new Promise(function(e,t){g(["@zxing/library"],e,t)}).then(B.__importStar)]);case 1:return n=e.sent(),u?[4,(a=p.scanType,(0,B.__awaiter)(void 0,void 0,void 0,function(){var t,n,r;return(0,B.__generator)(this,function(e){switch(e.label){case 0:return[4,T?Promise.resolve().then(function(){return(0,B.__importStar)(g("@zxing/library"))}):new Promise(function(e,t){g(["@zxing/library"],e,t)}).then(B.__importStar)];case 1:return t=e.sent(),[4,b(a)];case 2:return n=e.sent(),(r=new Map).set(t.DecodeHintType.POSSIBLE_FORMATS,n),[2,r]}})}))]:[2];case 2:return r=e.sent(),r=new n.BrowserMultiFormatReader(r),c(r),[4,t(r)];case 3:return e.sent(),[2]}var a})})},e=function(e){o&&c(null),E(e.currentTarget.value,A.Manual)},_=function(e){a(e.currentTarget.value)},t=[p.type,(0,x.makeSafeClassName)(t)];return F.default.createElement(h.default,{className:t.join(" "),component:v,element:p,errorClassName:O.CssClasses.ERROR},F.default.createElement("div",{className:"items"},F.default.createElement("div",{className:"scanner-container"},F.default.createElement("video",{className:"video-element",hidden:!o,ref:f}),F.default.createElement("div",{className:"user-controls"},n?F.default.createElement("textarea",{className:"manual-entry",disabled:!(v.enabled&&p.manualEntry),onBlur:e,onChange:_,onKeyDown:function(e){return e.stopPropagation()},ref:i,rows:p.size||O.SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:l,value:r}):F.default.createElement("input",{className:"manual-entry",disabled:!(v.enabled&&p.manualEntry),onBlur:e,onChange:_,onKeyDown:function(e){var t=e.currentTarget;"enter"===(0,N.getKeyString)(e)&&(e.stopPropagation(),o&&c(null),E(t.value,A.Manual))},ref:i,title:l,type:"text",value:r}),F.default.createElement("button",{className:o?"scan activated":"scan",disabled:!(v.enabled&&d),title:l,onClick:function(e){return C()},ref:i},(o?w.renderRemove:p.scanType===O.ScanType.BarCode?w.renderScanBarcode:p.scanType===O.ScanType.QrCode?w.renderScanQrcode:w.renderScanMulti)())))))}});

package/runtime/forms/selectors.d.ts

@@ -0,0 +1,9 @@
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderCheckBox(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderCheckGroup(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderItemPicker(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderListBox(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderDropDownList(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderRadioGroup(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderAutoComplete(component: FormComponent, element: defs.Element): JSX.Element;

package/runtime/forms/selectors.js

@@ -0,0 +1 @@
+!function(e){"object"==typeof module&&"object"==typeof module.exports?e(require,exports):"function"==typeof define&&define.amd&&define(["require","exports","tslib","react","./ExclusiveTimer","./FormDefinition","./FormElementOuter","./common","./constants","./keyboard","./utils"],e)}(function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderAutoComplete=t.renderRadioGroup=t.renderDropDownList=t.renderListBox=t.renderItemPicker=t.renderCheckGroup=t.renderCheckBox=void 0;var U=e("tslib"),V=(0,U.__importDefault)(e("react")),$=e("./ExclusiveTimer"),B=(0,U.__importStar)(e("./FormDefinition")),z=(0,U.__importDefault)(e("./FormElementOuter")),O=e("./common"),K=e("./constants"),G=e("./keyboard"),q=e("./utils");t.renderCheckBox=function(e,n){var a=(i=e.props).host,r=i.name,t=n.value,l={__html:a.renderHtml(n.label)},o=a.renderText(n.tooltip),i=[n.type,(0,q.makeSafeClassName)(r)];return V.default.createElement(z.default,{className:i.join(" "),component:e,element:n,errorClassName:K.CssClasses.ERROR},V.default.createElement("label",{className:"items",title:o},V.default.createElement("input",{type:"checkbox",disabled:!e.enabled,ref:function(e){function t(){(0,q.setClass)(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||a.renderFocus(e,r),e.checked=n.checked=!0===n.checked,e.onfocus=t,(e.onblur=t)())},onChange:function(e){e=n.checked=e.currentTarget.checked,a.post("changed",{name:r,value:e?t:void 0})}}),V.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:l})))},t.renderCheckGroup=function(e,a){var r=(v=e.props).host,l=v.name,o=(0,q.sortItems)(a);function i(){var e,t=[];for(e in o){var n=o[e];n.checked&&t.push(n)}0===t.length?a.value=void 0:a.value={refValueType:"items",items:t}}a.current=void 0,i();var t,n=[];for(t in o){var s=o[t];s.checked=!0===s.checked;var c=e.enabled&&!1!==s.enabled,u=r.renderText(s.tooltip),d={__html:r.renderHtml(s.label)},m=s.styleName?(0,q.makeSafeClassName)(s.styleName):void 0;n.push(V.default.createElement("label",{className:m,key:t,title:u},V.default.createElement("input",{type:"checkbox",disabled:!c,ref:function(n){return function(e){function t(){(0,q.setClass)(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||r.renderFocus(e,l),e.checked=!0===o[n].checked,e.onfocus=t,(e.onblur=t)())}}(t),onChange:function(t,n){return function(e){e=o[t].checked=e.currentTarget.checked;i(),r.post("changed",{name:l,item:t,value:e?n:void 0})}}(t,s.value)}),V.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:d})))}var f=[a.type,(0,q.makeSafeClassName)(l)],v=["items"];return a.orientation===K.Orientation.HORIZONTAL&&v.push("horizontal"),V.default.createElement(z.default,{className:f.join(" "),component:e,element:a,errorClassName:K.CssClasses.ERROR},V.default.createElement("div",{className:v.join(" ")},n))},t.renderItemPicker=function(r,a){var l,o,i,s=(I=r.props).host,c=I.name,u=a.items,d=a.state;function m(){var e,t=[];for(e in u){var n=u[e];n.checked&&t.push(n)}l=0===t.length?a.value=void 0:a.value={refValueType:"items",items:t}}function f(e,t){void 0===t&&(t=!0);var n=d.keyToIndex[e];if(null==n||null===n){if(!t)return;d.keyToIndex[e]=d.length,d.push({}),n=d.keyToIndex[e]}return d[n]}function v(e,t){u[e].checked=!!t,f(e).checked=t}function e(n,a){return function(e){e=!!e.currentTarget.checked||void 0;if(u[a].checked!==e){if("checkbox"===n)v(a,e);else if(e)for(var t in u)v(t,t===a||void 0);m(),s.post("changed",{name:c,value:l}),s.renderState(c,"geometry",d)}}}function t(e){f(e.currentTarget.dataset.id).pending=!0,s.renderState(c,"geometry",d)}function n(e){delete f(e.currentTarget.dataset.id).pending,s.renderState(c,"geometry",d)}function p(e){f(e.currentTarget.dataset.id).focused=!0,s.renderState(c,"geometry",d)}function b(e){delete f(e.currentTarget.dataset.id).focused,s.renderState(c,"geometry",d)}m(),function(){(d=null==d?a.state=[]:d).keyToIndex||(d.keyToIndex={});var e,t={};for(e in a.items){var n=f(e,!1);n&&(t[e]=n)}for(e in(d=a.state=[]).keyToIndex={},t)d.keyToIndex[e]=d.length,d.push(t[e])}();var h,g,y=[];switch(a.selectionMode){case"single":h="radio";break;case"multiple":h="checkbox"}for(g in u){var k,C,N,T,E=u[g];f(g).content=function(e){if(e){if((0,q.isGeometryRef)(e))return e.geometry;if((0,q.isDataRef)(e)&&e.data)return e.data.geometry}}(E.value),!1!==E.visible&&(k=r.enabled&&!1!==E.enabled,C=s.renderText(E.tooltip),N={__html:s.renderHtml(E.label)},T=h?void 0:0,E=E.styleName?(0,q.makeSafeClassName)(E.styleName):void 0,y.push(V.default.createElement("label",{className:E,key:g,"data-id":g,title:C,onMouseOver:t,onMouseOut:n,onFocus:p,onBlur:b,tabIndex:T},h&&V.default.createElement("input",{type:h,name:r.id,disabled:!k,ref:function(n){return function(e){function t(){(0,q.setClass)(e.parentElement,"focus",document.activeElement===e)}null!==e&&(e.disabled||s.renderFocus(e,c),f(n).checked=e.checked=!0===u[n].checked,e.onfocus=t,(e.onblur=t)())}}(g),onClick:e(h,g),value:g}),V.default.createElement("span",{className:"inline",dangerouslySetInnerHTML:N}))))}var x=s.renderText(a.prompt),S=[a.type,(0,q.makeSafeClassName)(c)];function R(){var e,t=o.value.toLowerCase();for(e in u){var n,a=u[e];t?(n=s.renderText(a.label).toLowerCase(),a.visible=-1!==n.indexOf(t)):a.visible=!0}i.hidden=!t||void 0,r.forceUpdate()}var D="multiple"===a.selectionMode&&0<y.length,I=["items"];return a.orientation===K.Orientation.HORIZONTAL&&I.push("horizontal"),V.default.createElement(z.default,{className:S.join(" "),component:r,element:a,errorClassName:K.CssClasses.ERROR,ref:function(e){null===e?s.renderState(c,"geometry"):s.renderState(c,"geometry",d)}},a.showFilter&&V.default.createElement("div",{className:"filter-container"},V.default.createElement("input",{type:"text",ref:function(e){o=e,(0,O.renderFocus)(e,c,s)},placeholder:x,disabled:!r.enabled,onChange:R}),V.default.createElement("button",{ref:function(e){return i=e},disabled:!r.enabled,hidden:!0,onClick:function(){o.value="",R()}},s.renderText("@common-clear"))),D&&V.default.createElement("div",null,V.default.createElement("button",{disabled:!r.enabled,onClick:function(){for(var e in u)!1!==u[e].visible&&v(e,!0);m(),r.forceUpdate(),s.post("changed",{name:c,value:l})}},s.renderText("@common-all")),V.default.createElement("button",{disabled:!r.enabled,onClick:function(){for(var e in u)v(e,void 0);m(),r.forceUpdate(),s.post("changed",{name:c,value:l})}},s.renderText("@common-none"))),V.default.createElement("div",{className:I.join(" ")},y))},t.renderListBox=function(l,a){var e=l.props,o=e.host,i=e.name,s=(0,q.sortItems)(a);!function(){var e,t=[];for(e in s){var n=s[e];n.checked&&t.push(n)}0===t.length?a.value=void 0:a.value={refValueType:"items",items:t}}();var t,n=[];for(t in s){var r=s[t],c=o.renderText(r.label),u=o.renderText(r.tooltip);r.checked=!0===r.checked;var d=r.styleName?(0,q.makeSafeClassName)(r.styleName):void 0;n.push(V.default.createElement("option",{className:d,key:t,title:u,value:t,selected:!0===r.checked,disabled:!1===r.enabled},c))}n.length<1&&(l.enabled=!1);var m=o.renderText(a.tooltip),f=[a.type,(0,q.makeSafeClassName)(i)],v=void 0;return"number"==typeof(e=a.size)&&(v=e),V.default.createElement(z.default,{className:f.join(" "),component:l,element:a,errorClassName:K.CssClasses.ERROR,htmlElementType:"label"},V.default.createElement("select",{multiple:!0,disabled:!l.enabled,size:v,title:m,ref:function(e){return(0,O.renderFocus)(e,i,o)},onChange:function(e){for(var t=e.currentTarget.options,n=0;n<t.length;n++){var a=t.item(n),r=a.value;s[r].checked=a.selected}l.forceUpdate(),o.post("changed",{name:i})}},n))},t.renderDropDownList=function(n,a){var e,r=(v=n.props).host,l=v.name,o=(0,q.sortItems)(a),t=n.enabled,i=(a.current,void 0);for(e in o){void 0===i&&(i=[],void 0===a.current&&(m=r.renderText(a.prompt),i.push(V.default.createElement("option",{key:"none",value:"none",selected:!0},m))));var s=o[e],c=e===a.current,u=r.renderText(s.label),d=r.renderText(s.tooltip),m=s.styleName?(0,q.makeSafeClassName)(s.styleName):void 0;i.push(V.default.createElement("option",{className:m,ref:function(t){return function(e){null!==e&&(e.selected=t)}}(c),key:"$"+e,value:"$"+e,title:d,disabled:!1===s.enabled},u))}void 0===i&&(t=!1);var f=r.renderText(a.tooltip),v=[a.type,(0,q.makeSafeClassName)(l)];return V.default.createElement(z.default,{className:v.join(" "),component:n,element:a,errorClassName:K.CssClasses.ERROR,htmlElementType:"label"},V.default.createElement("select",{disabled:!t,title:f,ref:function(e){return(0,O.renderFocus)(e,l,r)},onChange:function(e){var t=e.currentTarget.value;"$"===t[0]&&(e=t.substring(1),t=o[e].value,a.current=e,a.value=t,n.forceUpdate(),r.post("changed",{name:l,item:e,value:t}))}},i))},t.renderRadioGroup=function(e,a){var t,r=(p=e.props).host,l=p.name,n=(0,q.sortItems)(a),o=a.current,i=a.current,s=[];for(t in n){var c=n[t],u=e.enabled&&!1!==c.enabled,d=r.renderText(c.tooltip),m={__html:r.renderHtml(c.label)};u&&void 0===o&&(o=t);var f=c.styleName?(0,q.makeSafeClassName)(c.styleName):void 0;s.push(V.default.createElement("label",{className:f,key:t,title:d},V.default.createElement("input",{type:"radio",name:e.id,disabled:!u,ref:function(n){return function(e){function t(){(0,q.setClass)(e.parentElement,"focus",document.activeElement===e)}null!==e&&(o===n&&r.renderFocus(e,l),e.checked=i===n,e.onfocus=t,(e.onblur=t)())}}(t),onClick:function(t,n){return function(e){e.currentTarget.checked&&a.current!==t&&(a.current=t,a.value=n,r.post("changed",{name:l,item:t,value:n}))}}(t,c.value)}),V.default.createElement("div",{className:"inline",dangerouslySetInnerHTML:m})))}var v=[a.type,(0,q.makeSafeClassName)(l)],p=["items"];return a.orientation===K.Orientation.HORIZONTAL&&p.push("horizontal"),V.default.createElement(z.default,{className:v.join(" "),component:e,element:a,errorClassName:K.CssClasses.ERROR},V.default.createElement("div",{className:p.join(" ")},s))},t.renderAutoComplete=function(a,u){var d=(M=a.props).host,m=M.name;"string"==typeof(P=d.renderText(u.label))&&"\n"===P[P.length-1]&&(P=P.substring(0,P.length-1));var f=u.value,v=(0,q.sortItems)(u),p=a.timer||(a.timer=new $.ExclusiveTimer),b=u.state;(b=null==b?u.state={nextAction:B.PreSelectionAction.None,selectDisabled:!0,selectValue:""}:b).nextAction===B.PreSelectionAction.None&&u.autoActivate&&a.enabled&&"string"==typeof P&&""!==P&&(u.autoActivate=!1,b.nextAction=B.PreSelectionAction.RetrieveSuggestions),u.label=P,u.value=f;var t=u.delay;"number"==typeof t&&0*t<t||(t=300);var n=u.minLength;"number"!=typeof n&&(n=parseInt(String(n))),isNaN(n)&&(n=3);var h,e=function(e){return e.length>=n?e:""},r={},l={},o={},i={},s=void 0,c=void 0,g=[];if(a.enabled)for(var y in v){var k=v[y],C=d.renderText(k.label),N=d.renderText(k.tooltip),T=!1!==k.enabled,E=(y=T?(void 0!==s?(l[y]=c,r[c]=y):s=y,o[c=y]=C,void 0===i[C]&&(i[C]=y),"$"+y):"!"+y)===b.selectValue,x=E?"selected":void 0,x=T?x:"disabled";k.styleName&&(x=x?x+" ":"",x+=(0,q.makeSafeClassName)(k.styleName));E=E?function(e){return h=e}:void 0;g.push(V.default.createElement("li",{title:N,"data-value":y,className:x,ref:E},C))}void 0!==c&&(l[s]=c,r[c]=s),a.enabled;var S=null,R=null,D=null;function I(){return null!==S.querySelector("input:focus")}function O(){b.selectDisabled=!0}function A(e,t){var n="$"===(n=b.selectValue)[0]?e[n=n.substring(1)]:t;R.value=o[n],b.selectValue="$"+n,R.select(),a.forceUpdate()}function L(e){u.current=e;var t=v[e];u.value=f=t.value,u.label=R.value=P=o[e],I()&&R.select(),d.post("changed",{name:m,value:f,argument:P})}function _(){if(p.reset(),!b.selectDisabled){O();var e=b.selectValue;if("$"===e[0])return L(e.substring(1)),a.forceUpdate(),1}if(R.value!==u.label)return u.current=void 0,u.label=P=R.value,u.value=f=void 0,I()&&R.select(),d.post("changed",{name:m,value:f,argument:P}),a.forceUpdate(),1;a.forceUpdate()}function F(){0<e(R.value).length?(u.items={message:{enabled:!1,label:{status:"pending"}}},d.post("suggest",{name:m,value:f,argument:R.value,cancellationToken:p.cancellationToken}),b.selectDisabled=!1,b.selectValue=""):(u.items={},O()),a.forceUpdate()}var P=u.label=d.renderText(u.label),w=10;"number"==typeof(j=u.size)&&0*j<j&&(w=j);var w=Math.min(w,g.length),H=d.renderText(u.prompt),M=d.renderText(u.tooltip),j=[u.type,(0,q.makeSafeClassName)(m),K.CssClasses.DROPDOWN],w=0<g.length&&!b.selectDisabled?void 0:{display:"none"};return V.default.createElement(z.default,(0,U.__assign)({className:j.join(" "),component:a,element:u,errorClassName:K.CssClasses.ERROR,htmlElementType:"label"},{ref:function(e){var t,n,a,r,l;if(null!==(S=e)?(p.resume(F),I()||(R.value=P,R.disabled||d.renderFocus(R,m))):p.suspend(),e&&D&&h&&(l=D.getBoundingClientRect(),r=h.getBoundingClientRect(),t=l.top,n=l.bottom,a=r.top,l=0,n<(r=r.bottom)?l=r-n:a<t&&(l=a-t),D.scrollTop+=l),e&&b.nextAction===B.PreSelectionAction.RetrieveSuggestions&&setTimeout(function(){u.items=void 0,d.post("suggest",{name:m,value:f,argument:P}),b.nextAction=B.PreSelectionAction.SelectFirstItem}),e&&b.nextAction===B.PreSelectionAction.SelectFirstItem&&u.items){b.nextAction=B.PreSelectionAction.None;var o,i,s=P.toLowerCase();for(i in v){var c=v[i];if(c&&c.label)if(d.renderText(c.label).toLowerCase()===s){o=i;break}}o&&setTimeout(function(){return L(o)})}},onKeyDownCapture:function(e){return"enter"===(0,G.getKeyString)(e)||"tab"===(0,G.getKeyString)(e)&&!b.selectDisabled?_()?(e.preventDefault(),e.stopPropagation(),!1):void 0:"escape"===(0,G.getKeyString)(e)?(p.reset(),R.value=P,R.select(),O(),a.forceUpdate(),e.preventDefault(),e.stopPropagation(),!1):"arrowdown"===(0,G.getKeyString)(e)?(b.selectDisabled?(p.reset(),p.start(0,F)):void 0!==s&&A(r,s),e.preventDefault(),e.stopPropagation(),!1):"arrowup"===(0,G.getKeyString)(e)?(b.selectDisabled?(p.reset(),p.start(0,F)):void 0!==s&&A(l,c),e.preventDefault(),e.stopPropagation(),!1):void 0},onBlurCapture:function(e){_()},onFocusCapture:function(e){e.target===R&&R.select()},onMouseDown:function(e){if(a.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!D.contains(n)||(t=D.querySelector(":hover"))instanceof HTMLLIElement&&("$"===(t=t.attributes["data-value"].value)[0]&&(b.selectValue=t,_()))),n!==R)return R.focus(),e.preventDefault(),e.stopPropagation(),!1}},onTouchStart:function(e){if(a.enabled){var t,n=e.target;if(n instanceof HTMLElement&&(!D.contains(n)||(t=n.attributes["data-value"].value)&&"$"===t[0]&&(b.selectValue=t,_())),n!==R)return e.preventDefault(),e.stopPropagation(),!1}},onChangeCapture:function(e){p.reset(),O(),p.start(t,F)}}),V.default.createElement("input",{id:a.id,type:"text",disabled:!a.enabled,placeholder:H,title:M,ref:function(e){return R=e}}),V.default.createElement("div",{className:"relative"},V.default.createElement("ul",{className:"suggestions",style:w,tabIndex:-1,ref:function(e){return D=e}},g)))}});