@vertigis/workflow 5.32.0 → 5.32.1

package/amd/forms/scanner.js

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

package/amd/forms/selectors.js

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

package/amd/forms/text.js

@@ -1 +1 @@
-define(["require","exports","tslib","react/jsx-runtime","./FormElementOuter","./constants","./keyboard","./utils"],function(e,n,c,p,d,f,i,v){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.renderTextArea=n.renderTextBox=n.renderPasswordBox=void 0,d=(0,c.__importDefault)(d),n.renderPasswordBox=function(e,n){var r=(l=e.props).host,o=l.name,a="";function t(e){e=e.value;a!==e&&(n.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof(s=n.value)&&(a=s),n.value=a;var u=r.renderText(n.prompt),l=r.renderText(n.tooltip),s=[n.type,(0,v.makeSafeClassName)(o)];return(0,p.jsx)(d.default,(0,c.__assign)({className:s.join(" "),component:e,element:n,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},{children:(0,p.jsx)("input",{type:"password",disabled:!e.enabled,placeholder:u,title:l,ref:function(n){var t;null!==n&&(n.value=a,t=!1,n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o))},onKeyDown:function(e){var n=(0,i.getKeyString)(e);return"enter"===n?function(e){var n=e.currentTarget;if(a!==n.value)return t(n),n.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===n?function(e){var n=e.currentTarget;if(a!==n.value)return n.value=a,n.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:function(e){return t(e.currentTarget)}},void 0)}),void 0)},n.renderTextBox=function(e,n){var r=(l=e.props).host,o=l.name,a="";function t(e){e=e.value;a!==e&&(n.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof(s=n.value)&&(a=s),"number"==typeof s&&(a=r.formatNumber(s,{useGrouping:!0})),n.value=a;var u=r.renderText(n.prompt),l=r.renderText(n.tooltip),s=[n.type,(0,v.makeSafeClassName)(o)];return(0,p.jsx)(d.default,(0,c.__assign)({className:s.join(" "),component:e,element:n,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},{children:(0,p.jsx)("input",{type:"text",disabled:!e.enabled,maxLength:n.maxLength,readOnly:n.readOnly,placeholder:u,title:l,ref:function(n){var t;null!==n&&(n.value=a,t=!1,n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o))},onKeyDown:function(e){var n=(0,i.getKeyString)(e);return"enter"===n?function(e){var n=e.currentTarget;if(a!==n.value)return t(n),n.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===n?function(e){var n=e.currentTarget;if(a!==n.value)return n.value=a,n.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:function(e){return t(e.currentTarget)}},void 0)}),void 0)},n.renderTextArea=function(e,n){var r=(s=e.props).host,o=s.name,a="";"string"==typeof(i=n.value)&&(a=i),n.value=a;var t=n.size,u=8;"number"==typeof t&&(u=t);var l=r.renderText(n.prompt),s=r.renderText(n.tooltip),i=n.wrap||"off",t=[n.type,(0,v.makeSafeClassName)(o)];return(0,p.jsx)(d.default,(0,c.__assign)({className:t.join(" "),component:e,element:n,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},{children:(0,p.jsx)("textarea",{disabled:!e.enabled,readOnly:n.readOnly,placeholder:l,rows:u,title:s,wrap:i,maxLength:n.maxLength,spellCheck:!1,ref:function(n){var t;null!==n&&(n.value=a,t=!(n.onkeydown=function(e){e.stopPropagation()}),n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e),n.scrollTop=n.scrollHeight})},n.disabled||r.renderFocus(n,o))},onBlur:function(e){e=e.currentTarget.value,a!==e&&(n.value=a=e,r.post("changed",{name:o,value:a}))}},void 0)}),void 0)}});
+define(["require","exports","tslib","react","./FormElementOuter","./constants","./keyboard","./utils"],function(e,t,n,c,p,f,i,m){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.renderTextArea=t.renderTextBox=t.renderPasswordBox=void 0,c=(0,n.__importStar)(c),p=(0,n.__importDefault)(p),t.renderPasswordBox=function(e,t){var r=(u=e.props).host,a=u.name,o="";function n(e){e=e.value;o!==e&&(t.value=o=e,r.post("changed",{name:a,value:o}))}"string"==typeof(s=t.value)&&(o=s),t.value=o;var l=r.renderText(t.prompt),u=r.renderText(t.tooltip),s=[t.type,(0,m.makeSafeClassName)(a)];return c.createElement(p.default,{className:s.join(" "),component:e,element:t,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},c.createElement("input",{type:"password",disabled:!e.enabled,placeholder:l,title:u,ref:function(t){var n;null!==t&&(t.value=o,n=!1,t.onmousedown=function(){n=!0},t.onmouseup=function(){n=!1},t.onfocus=function(){setTimeout(function(){var e=t.value.length;t.setSelectionRange(n?0:e,e)})},t.disabled||r.renderFocus(t,a))},onKeyDown:function(e){var t=(0,i.getKeyString)(e);return"enter"===t?function(e){var t=e.currentTarget;if(o!==t.value)return n(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){var t=e.currentTarget;if(o!==t.value)return t.value=o,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:function(e){return n(e.currentTarget)}}))},t.renderTextBox=function(e,t){var r=(u=e.props).host,a=u.name,o="";function n(e){e=e.value;o!==e&&(t.value=o=e,r.post("changed",{name:a,value:o}))}"string"==typeof(s=t.value)&&(o=s),"number"==typeof s&&(o=r.formatNumber(s,{useGrouping:!0})),t.value=o;var l=r.renderText(t.prompt),u=r.renderText(t.tooltip),s=[t.type,(0,m.makeSafeClassName)(a)];return c.createElement(p.default,{className:s.join(" "),component:e,element:t,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},c.createElement("input",{type:"text",disabled:!e.enabled,maxLength:t.maxLength,readOnly:t.readOnly,placeholder:l,title:u,ref:function(t){var n;null!==t&&(t.value=o,n=!1,t.onmousedown=function(){n=!0},t.onmouseup=function(){n=!1},t.onfocus=function(){setTimeout(function(){var e=t.value.length;t.setSelectionRange(n?0:e,e)})},t.disabled||r.renderFocus(t,a))},onKeyDown:function(e){var t=(0,i.getKeyString)(e);return"enter"===t?function(e){var t=e.currentTarget;if(o!==t.value)return n(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){var t=e.currentTarget;if(o!==t.value)return t.value=o,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:function(e){return n(e.currentTarget)}}))},t.renderTextArea=function(e,t){var r=(s=e.props).host,a=s.name,o="";"string"==typeof(i=t.value)&&(o=i),t.value=o;var n=t.size,l=8;"number"==typeof n&&(l=n);var u=r.renderText(t.prompt),s=r.renderText(t.tooltip),i=t.wrap||"off",n=[t.type,(0,m.makeSafeClassName)(a)];return c.createElement(p.default,{className:n.join(" "),component:e,element:t,errorClassName:f.CssClasses.ERROR,htmlElementType:"label"},c.createElement("textarea",{disabled:!e.enabled,readOnly:t.readOnly,placeholder:u,rows:l,title:s,wrap:i,maxLength:t.maxLength,spellCheck:!1,ref:function(t){var n;null!==t&&(t.value=o,n=!(t.onkeydown=function(e){e.stopPropagation()}),t.onmousedown=function(){n=!0},t.onmouseup=function(){n=!1},t.onfocus=function(){setTimeout(function(){var e=t.value.length;t.setSelectionRange(n?0:e,e),t.scrollTop=t.scrollHeight})},t.disabled||r.renderFocus(t,a))},onBlur:function(e){e=e.currentTarget.value,o!==e&&(t.value=o=e,r.post("changed",{name:a,value:o}))}}))}});

package/amd/libs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "5.32.0+12";
+export declare const VERSION = "5.32.1+2";

package/amd/libs/version.js

@@ -1 +1 @@
-define(["require","exports"],function(e,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.VERSION=void 0,i.VERSION="5.32.0+12"});
+define(["require","exports"],function(e,i){"use strict";Object.defineProperty(i,"__esModule",{value:!0}),i.VERSION=void 0,i.VERSION="5.32.1+2"});

package/amd/licensing/LicenseChecker.js

@@ -1 +1 @@
-define(["require","exports","tslib","react/jsx-runtime","@vertigis-internal/licensing","react-dom","./Watermark"],function(e,n,d,t,c,i,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.check=void 0,r=(0,d.__importDefault)(r);var u,s="GCXWFL";function v(){(u=void 0===u?document.createElement("div"):u).parentNode!==document.body&&(null!==u.parentNode&&u.parentNode.removeChild(u),document.body.appendChild(u));(0,i.render)((0,t.jsx)(r.default,{hide:function(){null!==u.parentNode&&u.parentNode.removeChild(u)},message:"VertiGIS Studio Workflow must be licensed for use in production applications."},void 0),u)}n.check=function(o,l){var a;return(0,d.__awaiter)(this,void 0,void 0,function(){var n,t,i,r;return(0,d.__generator)(this,function(e){switch(e.label){case 0:if("localhost"===location.hostname||"127.0.0.1"===location.hostname)return[2];if(n=l?"-".concat(s,"-").concat(l,"-"):"".concat(s,"-"),null!==(u=void 0===u?document.createElement("div"):u).parentNode)return[3,4];t=null===(a=null==o?void 0:o.licenseInfo)||void 0===a?void 0:a.licenseeId,(i=null===(a=null==o?void 0:o.licenseInfo)||void 0===a?void 0:a.licenseUrl)&&!t&&(t="a"),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(0,c.validate)({sku:n,orgId:t,url:i})];case 2:if(null==(r=e.sent())||!r.isValid){if(r&&!r.isEval&&r.expires&&(r=(new Date).getTime()-r.expires.getTime(),r/864e5<60))return[2];v()}return[3,4];case 3:return e.sent(),v(),[3,4];case 4:return[2]}})})}});
+define(["require","exports","tslib","@vertigis-internal/licensing","react","react-dom","./Watermark"],function(e,t,c,d,n,i,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.check=void 0,n=(0,c.__importStar)(n),r=(0,c.__importDefault)(r);var u,s="GCXWFL";function v(){(u=void 0===u?document.createElement("div"):u).parentNode!==document.body&&(null!==u.parentNode&&u.parentNode.removeChild(u),document.body.appendChild(u));(0,i.render)(n.createElement(r.default,{hide:function(){null!==u.parentNode&&u.parentNode.removeChild(u)},message:"VertiGIS Studio Workflow must be licensed for use in production applications."}),u)}t.check=function(o,a){var l;return(0,c.__awaiter)(this,void 0,void 0,function(){var t,n,i,r;return(0,c.__generator)(this,function(e){switch(e.label){case 0:if("localhost"===location.hostname||"127.0.0.1"===location.hostname)return[2];if(t=a?"-".concat(s,"-").concat(a,"-"):"".concat(s,"-"),null!==(u=void 0===u?document.createElement("div"):u).parentNode)return[3,4];n=null===(l=null==o?void 0:o.licenseInfo)||void 0===l?void 0:l.licenseeId,(i=null===(l=null==o?void 0:o.licenseInfo)||void 0===l?void 0:l.licenseUrl)&&!n&&(n="a"),e.label=1;case 1:return e.trys.push([1,3,,4]),[4,(0,d.validate)({sku:t,orgId:n,url:i})];case 2:if(null==(r=e.sent())||!r.isValid){if(r&&!r.isEval&&r.expires&&(r=(new Date).getTime()-r.expires.getTime(),r/864e5<60))return[2];v()}return[3,4];case 3:return e.sent(),v(),[3,4];case 4:return[2]}})})}});

package/amd/licensing/Watermark.js

@@ -1 +1 @@
-define(["require","exports","tslib","react/jsx-runtime"],function(i,e,t,l){"use strict";Object.defineProperty(e,"__esModule",{value:!0});e.default=function(i){var e=i.hide,i=i.message;return(0,l.jsx)("div",(0,t.__assign)({style:{position:"fixed",top:"0",left:"0",right:"0",color:"#333",textAlign:"center",zIndex:"2147483647",pointerEvents:"none",opacity:1}},{children:(0,l.jsxs)("div",(0,t.__assign)({style:{display:"inline-table",backgroundColor:"#ffd498",verticalAlign:"top",textAlign:"left",pointerEvents:"all",border:"1px solid #dab581",borderTop:"0",borderRadius:"0 0 2px 2px"}},{children:[(0,l.jsx)("svg",(0,t.__assign)({style:{display:"table-cell",width:"32px",height:"34px",margin:"4px 0 4px 4px"},viewBox:"0 0 32 34"},{children:(0,l.jsx)("path",{d:"M19.46.37.37,4.72V30.1L19.46,34l12.18-7.58V8.93ZM14,8.45a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84V11.8a.84.84,0,0,1-.84.84H14.82A.84.84,0,0,1,14,11.8ZM12.31,25.21a.84.84,0,0,1-.84.84H8.12a.84.84,0,0,1-.84-.84V21.86A.84.84,0,0,1,8.12,21h3.35a.84.84,0,0,1,.84.84Zm6.71,0a.84.84,0,0,1-.84.84H14.82a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Zm-1.89-7.75V20H15.87V17.46H10.42V20H9.16V16.83a.63.63,0,0,1,.63-.63h6.08V13.69h1.26V16.2H23.2a.63.63,0,0,1,.63.63V20H22.58V17.46Zm8.59,7.75a.84.84,0,0,1-.84.84H21.53a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Z"},void 0)}),void 0),(0,l.jsx)("div",(0,t.__assign)({style:{display:"table-cell",verticalAlign:"top",padding:"4px 8px",maxWidth:"260px"}},{children:(0,l.jsx)("div",(0,t.__assign)({style:{fontSize:"12px"},title:i},{children:i}),void 0)}),void 0),(0,l.jsx)("div",(0,t.__assign)({style:{display:"table-cell",cursor:"pointer",color:"#555",verticalAlign:"top"},onClick:e},{children:(0,l.jsx)("button",(0,t.__assign)({style:{marginRight:"4px",background:"none",border:"none",cursor:"pointer"}},{children:"✖"}),void 0)}),void 0)]}),void 0)}),void 0)}});
+define(["require","exports","tslib","react"],function(e,t,l,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),a=(0,l.__importStar)(a);t.default=function(e){var t=e.hide,e=e.message;return a.createElement("div",{style:{position:"fixed",top:"0",left:"0",right:"0",color:"#333",textAlign:"center",zIndex:"2147483647",pointerEvents:"none",opacity:1}},a.createElement("div",{style:{display:"inline-table",backgroundColor:"#ffd498",verticalAlign:"top",textAlign:"left",pointerEvents:"all",border:"1px solid #dab581",borderTop:"0",borderRadius:"0 0 2px 2px"}},a.createElement("svg",{style:{display:"table-cell",width:"32px",height:"34px",margin:"4px 0 4px 4px"},viewBox:"0 0 32 34"},a.createElement("path",{d:"M19.46.37.37,4.72V30.1L19.46,34l12.18-7.58V8.93ZM14,8.45a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84V11.8a.84.84,0,0,1-.84.84H14.82A.84.84,0,0,1,14,11.8ZM12.31,25.21a.84.84,0,0,1-.84.84H8.12a.84.84,0,0,1-.84-.84V21.86A.84.84,0,0,1,8.12,21h3.35a.84.84,0,0,1,.84.84Zm6.71,0a.84.84,0,0,1-.84.84H14.82a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Zm-1.89-7.75V20H15.87V17.46H10.42V20H9.16V16.83a.63.63,0,0,1,.63-.63h6.08V13.69h1.26V16.2H23.2a.63.63,0,0,1,.63.63V20H22.58V17.46Zm8.59,7.75a.84.84,0,0,1-.84.84H21.53a.84.84,0,0,1-.84-.84V21.86a.84.84,0,0,1,.84-.84h3.35a.84.84,0,0,1,.84.84Z"})),a.createElement("div",{style:{display:"table-cell",verticalAlign:"top",padding:"4px 8px",maxWidth:"260px"}},a.createElement("div",{style:{fontSize:"12px"},title:e},e)),a.createElement("div",{style:{display:"table-cell",cursor:"pointer",color:"#555",verticalAlign:"top"},onClick:t},a.createElement("button",{style:{marginRight:"4px",background:"none",border:"none",cursor:"pointer"}},"✖"))))}});

package/esm/app/AppActivity.d.ts

@@ -1,3 +1,6 @@
+/// <reference types="react" />
+import { Application, Map, Site, Widget } from "@vertigis/workflow/runtime/app";
+import { FormRenderer } from "../activities/forms/FormRenderer";
 /** Properties that control how an activity user interface is hosted by the host application. */
 export interface ShowProps {
     /** The name of the container that will host the activity user interface. */
@@ -24,8 +27,51 @@ export interface RenderResolve<T> {
     /** Returns a rejection to the activity. */
     reject(reason: any): any;
 }
+export interface IAppActivity {
+    /**
+     * The host application. For example:
+     * - Geocortex Viewer for HTML5: https://docs.vertigisstudio.com/essentials/gvh/latest/api-help/classes/_mapping_infrastructure_amd_d_._geocortex_infrastructure_viewer_.viewerapplication.html
+     * - Web AppBuilder: https://developers.arcgis.com/web-appbuilder/api-reference
+     */
+    app: Application;
+    /**
+     * The map of the host application. For example:
+     * - ArcGIS API for JavaScript v3: https://developers.arcgis.com/javascript/3/jsapi/map-amd.html
+     * - ArcGIS API for JavaScript v4: https://developers.arcgis.com/javascript/latest/api-reference/esri-Map.html
+     */
+    map: Map;
+    /**
+     * The Geocortex Essentials site of the host application. This is available in Geocortex Viewer for HTML5 applications only.
+     * See https://docs.vertigisstudio.com/essentials/gvh/latest/api-help/classes/_essentials_amd_d_._geocortex_essentials_site_.site.html
+     */
+    site: Site;
+    /**
+     * The Web AppBuilder widget running the workflow. This is available in Web AppBuilder applications only.
+     */
+    widget: Widget;
+    createRenderer(): FormRenderer;
+    /** Performs the activity execution logic. */
+    execute(...args: any[]): any;
+    /** Renders the activity user interface. */
+    render<T, TState>(method: RenderMethod<T, this, TState>, state: TState): Promise<T>;
+    /** Renders the activity user interface. */
+    render<T>(method: RenderMethod<T, this, any>): Promise<T>;
+    /** Renders the activity user interface. */
+    render(visual: JSX.Element): Promise<React.Component<any, any> | Element>;
+    /** Renders the activity user interface. */
+    render(visual: any): Promise<any>;
+    /** Renders the activity user interface. */
+    render(): Promise<HTMLElement>;
+    /** Renders the activity user interface. */
+    render(visual?: any, state?: any): Promise<any>;
+}
+export interface AppActivityConstructor {
+    new (): IAppActivity;
+}
 /**
  * A base activity implementation that provides access to application level resources and
  * facilitates rendering of custom user interfaces.
+ * @deprecated Decorate your activity's class with `@activate(<ClassName>)` to use `<ClassName>` in your activity instead.
+ *             e.g. If you add `@activate(MapProvider)` before your class, you can add `mapProvider: typeof MapProvider` as an extra parameter to its `execute()` method.
  */
-export declare function AppActivity(): void;
+export declare const AppActivity: AppActivityConstructor;

package/esm/app/AppActivity.js

@@ -1 +1 @@
-import{isValidElement}from"react";import{render}from"react-dom";import{Task}from"../Task.js";function update(e,t){let r=!1;if(null!=t)for(const i in t)e[i]!==t[i]&&(e[i]=t[i],r=!0);return r}function AppActivity(){const i=this.execute;this.execute=function(e,r){var t=r.ambient.trivia;return this.app=t.app,this.map=t.map,this.site=t.site,this.widget=t.widget,this.FormRenderer=t.FormRenderer,this.completion=r.ambient.completion,this.execute=i,this.createRenderer=()=>{let e=this.renderer;var t;return void 0===e&&(e=this.renderer=this.FormRenderer.createCustom(),e.state=r.ambient,t=()=>e.dispose(),this.completion.then(t,t)),this.renderer||(this.renderer=this.FormRenderer.createCustom())},i.apply(this,arguments)}}AppActivity.prototype.createRenderer=function(){return null},AppActivity.prototype.applyProps=function(e){const t=this.createRenderer();if(update(this.showProps||(this.showProps={}),e)){const e=this.showProps;t.form={defaults:{container:e.container},elements:{header:{type:"Header",section:"header",title:{markdown:e.title},value:e.icon}}},t.invalidate()}},AppActivity.prototype.show=function(e){return this.applyProps(e),this.createRenderer().show()},AppActivity.prototype.spin=function(e){return this.applyProps(e),this.createRenderer().spin()},AppActivity.prototype.spinNoBlock=function(e){return this.applyProps(e),this.createRenderer().spinNoBlock()},AppActivity.prototype.hide=function(){return this.createRenderer().hide()},AppActivity.prototype.render=async function(t,i){const n=this.createRenderer().container;if("function"!=typeof t)return isValidElement(t)?new Task(function(e){render(t,n,e)}):n;{const o=this,s=t;return new Task(async function(e,t){const r=e.bind(void 0);r.reject=t.bind(void 0),render(await s.call(o,r,i),n)})}};export{AppActivity};
+import{isValidElement}from"react";import{render}from"react-dom";import{Task}from"../Task.js";function update(e,t){let r=!1;if(null!=t)for(const i in t)e[i]!==t[i]&&(e[i]=t[i],r=!0);return r}const AppActivity=function(){const i=this.execute;this.execute=function(e,r){var t=r.ambient.trivia;return this.app=t.app,this.map=t.map,this.site=t.site,this.widget=t.widget,this.FormRenderer=t.FormRenderer,this.completion=r.ambient.completion,this.execute=i,this.createRenderer=()=>{let e=this.renderer;var t;return void 0===e&&(e=this.renderer=this.FormRenderer.createCustom(),e.state=r.ambient,t=()=>e.dispose(),this.completion.then(t,t)),this.renderer||(this.renderer=this.FormRenderer.createCustom())},i.apply(this,arguments)}};AppActivity.prototype.createRenderer=function(){return null},AppActivity.prototype.applyProps=function(e){const t=this.createRenderer();if(update(this.showProps||(this.showProps={}),e)){const e=this.showProps;t.form={defaults:{container:e.container},elements:{header:{type:"Header",section:"header",title:{markdown:e.title},value:e.icon}}},t.invalidate()}},AppActivity.prototype.show=function(e){return this.applyProps(e),this.createRenderer().show()},AppActivity.prototype.spin=function(e){return this.applyProps(e),this.createRenderer().spin()},AppActivity.prototype.spinNoBlock=function(e){return this.applyProps(e),this.createRenderer().spinNoBlock()},AppActivity.prototype.hide=function(){return this.createRenderer().hide()},AppActivity.prototype.render=async function(t,i){const n=this.createRenderer().container;if("function"!=typeof t)return isValidElement(t)?new Task(function(e){render(t,n,e)}):n;{const o=this,s=t;return new Task(async function(e,t){const r=e.bind(void 0);r.reject=t.bind(void 0),render(await s.call(o,r,i),n)})}};export{AppActivity};

package/esm/app/RegisterCustomFormElementBase.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { IActivityHandler, IActivityContext, Deferrable } from "../IActivityHandler";
 import { Element } from "../forms/FormDefinition";
 /**
  * The props of a custom form element.
@@ -16,9 +18,17 @@ export interface CustomFormElementProps {
      */
     raiseEvent: (eventName: "changed" | "clicked" | "custom", eventValue: any) => void;
 }
+export interface IRegisterCustomFormElementBase extends IActivityHandler {
+    /** Executes the logic for an activity. */
+    execute(inputs: {}, context: IActivityContext, ...args: any[]): Deferrable<{}>;
+    register: (name: string, component: React.ComponentClass<CustomFormElementProps> | React.FunctionComponent<CustomFormElementProps>) => void;
+}
+export interface RegisterCustomFormElementBaseConstructor {
+    new (): IRegisterCustomFormElementBase;
+}
 /**
  * A base activity implementation that provides a convenient way to register
  * custom form elements to be used in Display Form activities.
  * @deprecated Use `FormElementRegistration` instead.
  */
-export declare function RegisterCustomFormElementBase(): void;
+export declare const RegisterCustomFormElementBase: RegisterCustomFormElementBaseConstructor;

package/esm/app/RegisterCustomFormElementBase.js

@@ -1 +1 @@
-function RegisterCustomFormElementBase(){const t=this.execute;this.execute=function(e,r){return this.register=(e,t)=>{const i=r.ambient.trivia;i.getFormElementRegistration(e)&&console.warn(`A custom form element with custom type name '${e}' is already registered. The existing registration will be replaced.`),i.registerFormElement({component:t,id:e})},this.execute=t,t.apply(this,arguments)}}export{RegisterCustomFormElementBase};
+const RegisterCustomFormElementBase=function(){const t=this.execute;this.execute=function(e,s){return this.register=(e,t)=>{const i=s.ambient.trivia;i.getFormElementRegistration(e)&&console.warn(`A custom form element with custom type name '${e}' is already registered. The existing registration will be replaced.`),i.registerFormElement({component:t,id:e})},this.execute=t,t.apply(this,arguments)}};export{RegisterCustomFormElementBase};

package/esm/forms/FormElementOuter.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+import * as React from "react";
 import { FormComponent } from "./FormComponent";
 import { defs } from "./FormHost";
 interface FormElementOuterProps {
@@ -31,7 +32,7 @@ interface FormElementOuterProps {
     onMouseDown?: (event: React.MouseEvent<HTMLElement>) => void;
     onTouchStart?: (event: React.TouchEvent<HTMLElement>) => void;
 }
-declare const _default: import("react").ForwardRefExoticComponent<FormElementOuterProps & {
+declare const _default: React.ForwardRefExoticComponent<FormElementOuterProps & {
     children?: ReactNode;
-} & import("react").RefAttributes<HTMLDivElement | HTMLLabelElement>>;
+} & React.RefAttributes<HTMLDivElement | HTMLLabelElement>>;
 export default _default;

package/esm/forms/FormElementOuter.js

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

package/esm/forms/assets/arrow.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function renderArrowHead(){return _jsx("svg",{className:"arrowHead",viewBox:"0 0 200 200",preserveAspectRatio:"none",children:_jsx("path",{d:"M 0 0 V 200 L 200 100 Z"},void 0)},void 0)}function renderArrowRight(){return _jsx("svg",{className:"arrowRight",viewBox:"0 0 24 24",preserveAspectRatio:"none",children:_jsx("path",{d:"M20 12l-8-8-1.4 1.4 5.6 5.6H4v2h12.2l-5.6 5.6L12 20l8-8z"},void 0)},void 0)}function renderArrowRollup(){return _jsxs("svg",{className:"arrowRollup",viewBox:"0 0 200 200",preserveAspectRatio:"none",children:[_jsx("circle",{cx:"100",cy:"100",r:"100"},void 0),_jsx("polyline",{points:"50 100 100 50 150 100"},void 0),_jsx("polyline",{points:"50 150 100 100 150 150"},void 0)]},void 0)}export{renderArrowHead,renderArrowRight,renderArrowRollup};
+import*as React from"react";function renderArrowHead(){return React.createElement("svg",{className:"arrowHead",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("path",{d:"M 0 0 V 200 L 200 100 Z"}))}function renderArrowRight(){return React.createElement("svg",{className:"arrowRight",viewBox:"0 0 24 24",preserveAspectRatio:"none"},React.createElement("path",{d:"M20 12l-8-8-1.4 1.4 5.6 5.6H4v2h12.2l-5.6 5.6L12 20l8-8z"}))}function renderArrowRollup(){return React.createElement("svg",{className:"arrowRollup",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 100 100 50 150 100"}),React.createElement("polyline",{points:"50 150 100 100 150 150"}))}export{renderArrowHead,renderArrowRight,renderArrowRollup};

package/esm/forms/assets/chevron.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";function renderChevronUp(){return _jsx("svg",{className:"chevronUp",viewBox:"0 0 24 24",children:_jsx("g",{children:_jsx("path",{d:"M20 15.3l-8-8-8 8 1.4 1.4 6.6-6.6 6.6 6.6 1.4-1.4z"},void 0)},void 0)},void 0)}function renderChevronDown(){return _jsx("svg",{className:"chevronDown",viewBox:"0 0 24 24",children:_jsx("g",{children:_jsx("path",{d:"M18.6 7.3L12 13.9 5.4 7.3 4 8.7l8 8 8-8-1.4-1.4z"},void 0)},void 0)},void 0)}export{renderChevronUp,renderChevronDown};
+import*as React from"react";function renderChevronUp(){return React.createElement("svg",{className:"chevronUp",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M20 15.3l-8-8-8 8 1.4 1.4 6.6-6.6 6.6 6.6 1.4-1.4z"})))}function renderChevronDown(){return React.createElement("svg",{className:"chevronDown",viewBox:"0 0 24 24"},React.createElement("g",null,React.createElement("path",{d:"M18.6 7.3L12 13.9 5.4 7.3 4 8.7l8 8 8-8-1.4-1.4z"})))}export{renderChevronUp,renderChevronDown};

package/esm/forms/assets/cross.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function renderCrossAdd(){return _jsxs("svg",{className:"crossAdd",viewBox:"0 0 200 200",preserveAspectRatio:"none",children:[_jsx("polyline",{points:"0 100 200 100"},void 0),_jsx("polyline",{points:"100 0  100 200"},void 0)]},void 0)}function renderCrossDelete(){return _jsxs("svg",{className:"crossDelete",viewBox:"0 0 200 200",preserveAspectRatio:"none",children:[_jsx("circle",{cx:"100",cy:"100",r:"100"},void 0),_jsx("polyline",{points:"50 50 150 150"},void 0),_jsx("polyline",{points:"50 150 150 50"},void 0)]},void 0)}export{renderCrossAdd,renderCrossDelete};
+import*as React from"react";function renderCrossAdd(){return React.createElement("svg",{className:"crossAdd",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("polyline",{points:"0 100 200 100"}),React.createElement("polyline",{points:"100 0  100 200"}))}function renderCrossDelete(){return React.createElement("svg",{className:"crossDelete",viewBox:"0 0 200 200",preserveAspectRatio:"none"},React.createElement("circle",{cx:"100",cy:"100",r:"100"}),React.createElement("polyline",{points:"50 50 150 150"}),React.createElement("polyline",{points:"50 150 150 50"}))}export{renderCrossAdd,renderCrossDelete};

package/esm/forms/assets/datetime.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function renderCalendar(){return _jsxs("svg",{className:"calendar",viewBox:"0 0 24 24",children:[_jsx("path",{d:"M23 6v16c0 .6-.4 1-1 1H2c-.6 0-1-.4-1-1V6m21-6H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"},void 0),_jsx("path",{d:"M13 13h3v3h-3v-3zm-2-2H8V8h3v3zm5-3h-3v3h3V8zm5 0h-3v3h3V8zM6 13H3v3h3v-3zm5 0H8v3h3v-3zm10 0h-3v3h3v-3zM6 18H3v3h3v-3zm5 0H8v3h3v-3zm5 0h-3v3h3v-3z"},void 0)]},void 0)}function renderClock(){return _jsx("svg",{className:"clock",viewBox:"0 0 24 24",children:_jsx("path",{d:"M12.9748 11.6775C13.8937 12.9336 16 16 16 16s-4.4547-3.0477-4.7742-3.3673c-.1703-.1703-.2432-.4286-.2222-.6921C11.043 11.1284 12 4 12 4s.8257 6.1508.9748 7.6775zM12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2m0-2C5.3726 0 0 5.3726 0 12s5.3726 12 12 12 12-5.3726 12-12S18.6274 0 12 0z"},void 0)},void 0)}export{renderCalendar,renderClock};
+import*as React from"react";function renderCalendar(){return React.createElement("svg",{className:"calendar",viewBox:"0 0 24 24"},React.createElement("path",{d:"M23 6v16c0 .6-.4 1-1 1H2c-.6 0-1-.4-1-1V6m21-6H2C.9 0 0 .9 0 2v20c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2z"}),React.createElement("path",{d:"M13 13h3v3h-3v-3zm-2-2H8V8h3v3zm5-3h-3v3h3V8zm5 0h-3v3h3V8zM6 13H3v3h3v-3zm5 0H8v3h3v-3zm10 0h-3v3h3v-3zM6 18H3v3h3v-3zm5 0H8v3h3v-3zm5 0h-3v3h3v-3z"}))}function renderClock(){return React.createElement("svg",{className:"clock",viewBox:"0 0 24 24"},React.createElement("path",{d:"M12.9748 11.6775C13.8937 12.9336 16 16 16 16s-4.4547-3.0477-4.7742-3.3673c-.1703-.1703-.2432-.4286-.2222-.6921C11.043 11.1284 12 4 12 4s.8257 6.1508.9748 7.6775zM12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10S2 17.514 2 12 6.486 2 12 2m0-2C5.3726 0 0 5.3726 0 12s5.3726 12 12 12 12-5.3726 12-12S18.6274 0 12 0z"}))}export{renderCalendar,renderClock};

package/esm/forms/assets/remove.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";function renderRemove(){return _jsx("svg",{className:"remove",viewBox:"0 0 24 24",children:_jsx("path",{d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"},void 0)},void 0)}export{renderRemove};
+import*as React from"react";function renderRemove(){return React.createElement("svg",{className:"remove",viewBox:"0 0 24 24"},React.createElement("path",{d:"M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"}))}export{renderRemove};

package/esm/forms/assets/scan.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";function renderScanBarcode(){return _jsx("svg",{className:"barcode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M1 8V4.6666C1 2.65 2.65 1 4.6667 1H8v2H4.6667C3.7477 3 3 3.7477 3 4.6666V8H1zm15-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2zM6 5H5v14h1V5zm3 0H7v14h2V5zm5 0h-2v14h2V5zm-3 0h-1v14h1V5zm5 0h-1v14h1V5zm3 0h-2v14h2V5z"},void 0)},void 0)}function renderScanQrcode(){return _jsx("svg",{className:"qrCode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M9 6v3H6V6h3m1-1H5v5h5V5zM8 7H7v1h1V7zm1 8v3H6v-3h3m1-1H5v5h5v-5zm-2 2H7v1h1v-1zM18 6v3h-3V6h3m1-1h-5v5h5V5zm-2 2h-1v1h1V7zm-5 1h1V7h-1v1zm0 1h-1v1h1V9zm2 5h-3v1h3v-1zm0 2h1v-1h-1v1zm-2 0h-1v1h1v-1zm0 2h1v-1h-1v1zm4-1h1v-1h-1v1zm-1 1v-1h-1v2h2v-1h-1zm2-4h-1v1h1v-1zm1 2h1v-2h-1v2zm0 3h1v-1h-1v1zm-6-1h-1v1h1v-1zm0-13h-1v2h1V5zm-6 6H5v1h1v-1zm12 0v1h-1v1h2v-2h-1zm-2 0h-1v1h1v-1zm-1 3h1v-1h-1v1zm-1-3h-2v2h1v-1h1v-1zm-4 1h1v-1h-1v1zm-2 0v-1H7v2h3v-1H8zM3 8V4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2zm13-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2z"},void 0)},void 0)}function renderScanMulti(){return _jsx("svg",{className:"barcodeOrQrCode",viewBox:"0 0 24 24",children:_jsx("path",{d:"M16 7h1v1h-1V7zM6 19V5H5v14h1zm1 0h2V5H7v14zm3 0h1V5h-1v14zm11 .3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2v3.3333zM16 11h-1v1h1v-1zM3 4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2V4.6666zM14 11h-1v1h1v-1zm0 3h-1v1h1v-1zm1 2v-1h-1v1h1zm4.3333-15H16v2h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1zM14 18h1v1h1v-2h-2v1zM3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2H4.6667C3.7477 21 3 20.2523 3 19.3333zM19 14h-1v2h1v-2zm-5-9v5h5V5h-5zm4 4h-3V6h3v3zm0 10h1v-1h-1v1zm-3-6v1h1v-1h-1zm2 1h-1v1h1v-1zm-1 3h1v-1h-1v1zm3-6h-1v1h-1v1h2v-2zm-5 7h-1v1h1v-1z"},void 0)},void 0)}export{renderScanBarcode,renderScanQrcode,renderScanMulti};
+import*as React from"react";function renderScanBarcode(){return React.createElement("svg",{className:"barcode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M1 8V4.6666C1 2.65 2.65 1 4.6667 1H8v2H4.6667C3.7477 3 3 3.7477 3 4.6666V8H1zm15-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2zM6 5H5v14h1V5zm3 0H7v14h2V5zm5 0h-2v14h2V5zm-3 0h-1v14h1V5zm5 0h-1v14h1V5zm3 0h-2v14h2V5z"}))}function renderScanQrcode(){return React.createElement("svg",{className:"qrCode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M9 6v3H6V6h3m1-1H5v5h5V5zM8 7H7v1h1V7zm1 8v3H6v-3h3m1-1H5v5h5v-5zm-2 2H7v1h1v-1zM18 6v3h-3V6h3m1-1h-5v5h5V5zm-2 2h-1v1h1V7zm-5 1h1V7h-1v1zm0 1h-1v1h1V9zm2 5h-3v1h3v-1zm0 2h1v-1h-1v1zm-2 0h-1v1h1v-1zm0 2h1v-1h-1v1zm4-1h1v-1h-1v1zm-1 1v-1h-1v2h2v-1h-1zm2-4h-1v1h1v-1zm1 2h1v-2h-1v2zm0 3h1v-1h-1v1zm-6-1h-1v1h1v-1zm0-13h-1v2h1V5zm-6 6H5v1h1v-1zm12 0v1h-1v1h2v-2h-1zm-2 0h-1v1h1v-1zm-1 3h1v-1h-1v1zm-1-3h-2v2h1v-1h1v-1zm-4 1h1v-1h-1v1zm-2 0v-1H7v2h3v-1H8zM3 8V4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2zm13-5h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1H16v2zM8 21H4.6667C3.7477 21 3 20.2523 3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2zm13-5v3.3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2z"}))}function renderScanMulti(){return React.createElement("svg",{className:"barcodeOrQrCode",viewBox:"0 0 24 24"},React.createElement("path",{d:"M16 7h1v1h-1V7zM6 19V5H5v14h1zm1 0h2V5H7v14zm3 0h1V5h-1v14zm11 .3333C21 20.2523 20.2523 21 19.3333 21H16v2h3.3333C21.35 23 23 21.35 23 19.3333V16h-2v3.3333zM16 11h-1v1h1v-1zM3 4.6666C3 3.7477 3.7477 3 4.6667 3H8V1H4.6667C2.65 1 1 2.65 1 4.6666V8h2V4.6666zM14 11h-1v1h1v-1zm0 3h-1v1h1v-1zm1 2v-1h-1v1h1zm4.3333-15H16v2h3.3333C20.2523 3 21 3.7477 21 4.6666V8h2V4.6666C23 2.65 21.35 1 19.3333 1zM14 18h1v1h1v-2h-2v1zM3 19.3333V16H1v3.3333C1 21.35 2.65 23 4.6667 23H8v-2H4.6667C3.7477 21 3 20.2523 3 19.3333zM19 14h-1v2h1v-2zm-5-9v5h5V5h-5zm4 4h-3V6h3v3zm0 10h1v-1h-1v1zm-3-6v1h1v-1h-1zm2 1h-1v1h1v-1zm-1 3h1v-1h-1v1zm3-6h-1v1h-1v1h2v-2zm-5 7h-1v1h1v-1z"}))}export{renderScanBarcode,renderScanQrcode,renderScanMulti};

package/esm/forms/common.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{useCallback}from"react";const DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function textToHtml(e,t){return{__html:t.renderHtml(e)}}function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function renderTitle(e,t,r,n){t=textToHtml(e.title,t);return 0<t?.__html?.length?(n=n||"form-element-title",_jsx("span",{className:n,dangerouslySetInnerHTML:t,id:getTitleId(r)},void 0)):null}function renderDescription(e,t,r,n){t=textToHtml(e.description,t);return 0<t?.__html?.length?_jsx("aside",{className:n,dangerouslySetInnerHTML:t,id:getDescriptionId(r)},void 0):null}function renderError(e,t){t=textToHtml(e.error,t);return 0<t?.__html?.length?_jsx("div",{className:"notice",dangerouslySetInnerHTML:t,role:"alert"},void 0):null}function renderFocus(e,t,r){null===e||e.disabled||r.renderFocus(e,t)}function useFocusCallback(e){const{host:t,name:r}=e.props;return useCallback(e=>{null===(e=Array.isArray(e?.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||t.renderFocus(e,r)},[e.enabled,r,t])}export{getTitleId,getDescriptionId,renderTitle,renderDescription,renderError,renderFocus,useFocusCallback};
+import{useCallback}from"react";import*as React from"react";const DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function textToHtml(e,t){return{__html:t.renderHtml(e)}}function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function renderTitle(e,t,r,n){t=textToHtml(e.title,t);return 0<t?.__html?.length?(n=n||"form-element-title",React.createElement("span",{className:n,dangerouslySetInnerHTML:t,id:getTitleId(r)})):null}function renderDescription(e,t,r,n){t=textToHtml(e.description,t);return 0<t?.__html?.length?React.createElement("aside",{className:n,dangerouslySetInnerHTML:t,id:getDescriptionId(r)}):null}function renderError(e,t){t=textToHtml(e.error,t);return 0<t?.__html?.length?React.createElement("div",{className:"notice",dangerouslySetInnerHTML:t,role:"alert"}):null}function renderFocus(e,t,r){null===e||e.disabled||r.renderFocus(e,t)}function useFocusCallback(e){const{host:t,name:r}=e.props;return useCallback(e=>{null===(e=Array.isArray(e?.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||t.renderFocus(e,r)},[e.enabled,r,t])}export{getTitleId,getDescriptionId,renderTitle,renderDescription,renderError,renderFocus,useFocusCallback};

package/esm/forms/components/DatePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 interface DatePickerProps {

package/esm/forms/components/DatePicker.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{parse}from"date-fns";import{useEffect,useState,lazy,Suspense}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument}from"../utils.js";const Calendar=lazy(()=>import("./ReactDateRangeCalendar"));addStyleToDocument(CSS);const dateFormat=getLocaleDateFormat();let currentLocale;const DatePicker=e=>{const{component:t,element:a,isOpen:o,onChange:s,onPopupToggle:r}=e,n=t.props["host"],[i,l]=useState(),[d,c]=useState();var m=n.renderText(a.tooltip),u=!t.enabled,p=u?"inner disabled":"inner";useEffect(()=>{(async()=>{var e=n.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{l(e.value),c(getDateAsLocaleFormattedString(e.value))},[e.value]);var v=useFocusCallback(t);const f=e=>{var t="string"==typeof e?e:e.target.value,a=""!==t&&void 0!==t,e=a?tryParseDateText(t):void 0,t=a?e?parse(e,dateFormat,0):new Date(NaN):void 0;a?isValidDate(t)?(l(t),c(e),g(),D(t)):(g({status:"invalid"}),l(new Date(NaN)),D(void 0)):(g(),l(void 0),D(void 0))};const D=e=>{"function"==typeof s&&s(e)};const g=e=>{a.error=e,t.forceUpdate()};return _jsxs("div",{className:"SimpleDatePicker outer",title:m,children:[_jsx("div",{className:p,children:_jsx("input",{"aria-label":"Date Picker",ref:v,disabled:u,type:"text",onChange:e=>(e=>{c(e.target.value)})(e),onBlur:e=>f(e),onKeyDown:e=>(e=>{e.stopPropagation(),"Enter"===e.key?f(d):"Escape"===e.key&&f(getDateAsLocaleFormattedString(i))})(e),placeholder:dateFormat.toUpperCase(),value:d},void 0)},void 0),_jsxs("div",{className:"buttonContainer",children:[_jsx("button",{className:"calendarButton",disabled:u,onClick:()=>{"function"==typeof r&&r(!o)},children:renderCalendar()},void 0),o&&_jsx(Suspense,{fallback:null,children:_jsxs("div",{className:CssClasses.DROPDOWN,children:[_jsx(Calendar,{format:dateFormat,editableDateInputs:!1,date:i,onChange:e=>{l(e),c(getDateAsLocaleFormattedString(e)),g(),D(e)},locale:currentLocale},void 0),_jsx("button",{className:"done",onClick:()=>{"function"==typeof r&&r(!1)},children:n.renderText("@common-done")},void 0)]},void 0)},void 0)]},void 0)]},void 0)};export default DatePicker;
+import{parse}from"date-fns";import{useEffect,useState,lazy,Suspense}from"react";import*as React from"react";import{DEFAULT_LOCALE}from"../../constants.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument}from"../utils.js";const Calendar=lazy(()=>import("./ReactDateRangeCalendar"));addStyleToDocument(CSS);const dateFormat=getLocaleDateFormat();let currentLocale;const DatePicker=e=>{const{component:t,element:a,isOpen:o,onChange:r,onPopupToggle:n}=e,s=t.props["host"],[c,l]=useState(),[i,m]=useState();var d=s.renderText(a.tooltip),u=!t.enabled,p=u?"inner disabled":"inner";useEffect(()=>{(async()=>{var e=s.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{l(e.value),m(getDateAsLocaleFormattedString(e.value))},[e.value]);var f=useFocusCallback(t);const D=e=>{var t="string"==typeof e?e:e.target.value,a=""!==t&&void 0!==t,e=a?tryParseDateText(t):void 0,t=a?e?parse(e,dateFormat,0):new Date(NaN):void 0;a?isValidDate(t)?(l(t),m(e),v(),g(t)):(v({status:"invalid"}),l(new Date(NaN)),g(void 0)):(v(),l(void 0),g(void 0))};const g=e=>{"function"==typeof r&&r(e)};const v=e=>{a.error=e,t.forceUpdate()};return React.createElement("div",{className:"SimpleDatePicker outer",title:d},React.createElement("div",{className:p},React.createElement("input",{"aria-label":"Date Picker",ref:f,disabled:u,type:"text",onChange:e=>(e=>{m(e.target.value)})(e),onBlur:e=>D(e),onKeyDown:e=>(e=>{e.stopPropagation(),"Enter"===e.key?D(i):"Escape"===e.key&&D(getDateAsLocaleFormattedString(c))})(e),placeholder:dateFormat.toUpperCase(),value:i})),React.createElement("div",{className:"buttonContainer"},React.createElement("button",{className:"calendarButton",disabled:u,onClick:()=>{"function"==typeof n&&n(!o)}},renderCalendar()),o&&React.createElement(Suspense,{fallback:null},React.createElement("div",{className:CssClasses.DROPDOWN},React.createElement(Calendar,{format:dateFormat,editableDateInputs:!1,date:c,onChange:e=>{l(e),m(getDateAsLocaleFormattedString(e)),v(),g(e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{"function"==typeof n&&n(!1)}},s.renderText("@common-done"))))))};export default DatePicker;

package/esm/forms/components/DateRangePicker.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 interface DateRangePickerProps {

package/esm/forms/components/DateRangePicker.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{parse,isAfter,isBefore,isEqual}from"date-fns";import{useEffect,useRef,useState,lazy,Suspense}from"react";import{DEFAULT_LOCALE}from"../../constants.js";import FormElementOuter from"../FormElementOuter.js";import{renderArrowRight}from"../assets/arrow.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{convertToDateRangeRef,getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument,makeSafeClassName}from"../utils.js";const DateRange=lazy(()=>import("./DateRange"));var DateInputType;addStyleToDocument(CSS),function(e){e.Start="start",e.End="end"}(DateInputType=DateInputType||{});const dateFormat=getLocaleDateFormat();let currentLocale;const DateRangePicker=e=>{const t=e.component,r=e.element,s=useRef(),[a,o]=useState(!1),[i,l]=useState(),[n,d]=useState(),[c,u]=useState(),[m,p]=useState();var D=!t.enabled;const{host:v,name:g}=t.props;var f=v.renderText(r.tooltip),y=t.enabled?"inner":"inner disabled";const S=[r.type,makeSafeClassName(g)];useEffect(()=>{(async()=>{var e=v.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{var e;r.value!==s.current&&((e=convertToDateRangeRef(r.value))?(l(e.startDate),u(e.endDate),d(getDateAsLocaleFormattedString(e.startDate)),p(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(l(void 0),u(void 0),d(""),p("")),r.error&&L(),E(e?.startDate,e?.endDate,!1))},[r.value]);var j=useFocusCallback(t);const x=(e,t)=>{var a,r="string"==typeof e?e:e.target.value,s=""!==r&&void 0!==r,o=s?tryParseDateText(r):void 0,n=s?o?parse(o,dateFormat,0):new Date(NaN):void 0,e=t===DateInputType.Start,r=e?n:i,t=e?c:n;s?isValidDate(n)?e?(l(r),d(o),(a=!isValidDate(t)||isAfter(r,t))&&(u(r),p(o)),L(),a=a?r:t,C(r,a)):(u(t),p(o),(a=!isValidDate(r)||isBefore(t,r))&&(l(t),d(o)),L(),a=a?t:r,C(a,t)):(L({status:"invalid"}),C(),(e?l:u)(new Date(NaN))):((e?void 0===t||isValidDate(t):void 0===r||isValidDate(r))&&L(),C(),(e?l:u)(void 0))};const F=(e,t)=>{(t===DateInputType.Start?d:p)(e.target.value)},T=(e,t)=>{var a;e.stopPropagation(),"Enter"===e.key?(a=t===DateInputType.Start?n:m,x(a,t)):"Escape"===e.key&&(e=t===DateInputType.Start?getDateAsLocaleFormattedString(i):getDateAsLocaleFormattedString(c),x(e,t))},C=(e,t)=>{h(e,t)&&E(e,t)},h=(e,t)=>{var a=s.current;return!(e||t||!a)||(!(!e||!t||a)||!!(e&&t&&a)&&(!isEqual(e,a.startDate)||!isEqual(t,a.endDate)))},L=e=>{r.error=e,t.forceUpdate()},E=(e,t,a=!0)=>{t=e&&t?{refValueType:"daterange",startDate:e,endDate:t}:void 0;s.current=r.value=t,a&&v.post("changed",{name:g,value:r.value})};e={startDate:s.current?.startDate||new Date,endDate:s.current?.endDate||new Date,key:"selection",showDateDisplay:!1};return _jsx(FormElementOuter,{className:S.join(" "),component:t,element:r,children:_jsxs("div",{className:"outer",title:f,children:[_jsxs("div",{className:y,children:[_jsx("input",{ref:j,disabled:D,type:"text",onChange:e=>F(e,DateInputType.Start),onBlur:e=>x(e,DateInputType.Start),onKeyDown:e=>T(e,DateInputType.Start),placeholder:dateFormat.toUpperCase(),value:n},void 0),_jsx("span",{className:"arrow",children:renderArrowRight()},void 0),_jsx("input",{disabled:D,type:"text",onChange:e=>F(e,DateInputType.End),onBlur:e=>x(e,DateInputType.End),onKeyDown:e=>T(e,DateInputType.End),placeholder:dateFormat.toUpperCase(),value:m},void 0)]},void 0),_jsxs("div",{className:"buttonContainer",children:[_jsx("button",{className:"calendarButton",disabled:D,onClick:()=>{o(!a)},children:renderCalendar()},void 0),a&&_jsx(Suspense,{fallback:null,children:_jsxs("div",{className:CssClasses.DROPDOWN,children:[_jsx(DateRange,{dateDisplayFormat:dateFormat,editableDateInputs:!1,months:1,direction:"horizontal",ranges:[e],onChange:e=>{var t=e.selection.startDate,e=e.selection.endDate;l(t),d(getDateAsLocaleFormattedString(t)),u(e),p(getDateAsLocaleFormattedString(e)),L(),C(t,e)},locale:currentLocale},void 0),_jsx("button",{className:"done",onClick:()=>{o(!1)},children:v.renderText("@common-done")},void 0)]},void 0)},void 0)]},void 0)]},void 0)},void 0)};export default DateRangePicker;
+import{parse,isAfter,isBefore,isEqual}from"date-fns";import{useEffect,useRef,useState,lazy,Suspense}from"react";import*as React from"react";import{DEFAULT_LOCALE}from"../../constants.js";import FormElementOuter from"../FormElementOuter.js";import{renderArrowRight}from"../assets/arrow.js";import{renderCalendar}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{convertToDateRangeRef,getDateAsLocaleFormattedString,getDateFnsLocale,getLocaleDateFormat,isValidDate,tryParseDateText}from"../dateUtilities.js";import{CSS}from"../styles/daterange.js";import{addStyleToDocument,makeSafeClassName}from"../utils.js";const DateRange=lazy(()=>import("./DateRange"));var DateInputType;addStyleToDocument(CSS),function(e){e.Start="start",e.End="end"}(DateInputType=DateInputType||{});const dateFormat=getLocaleDateFormat();let currentLocale;const DateRangePicker=e=>{const t=e.component,r=e.element,n=useRef(),[a,o]=useState(!1),[l,c]=useState(),[s,i]=useState(),[d,m]=useState(),[u,p]=useState();var D=!t.enabled;const{host:v,name:g}=t.props;var f=v.renderText(r.tooltip),y=t.enabled?"inner":"inner disabled";const E=[r.type,makeSafeClassName(g)];useEffect(()=>{(async()=>{var e=v.deriveLocale();"inv"!==e&&"en"!==e&&e!==DEFAULT_LOCALE&&(currentLocale=await getDateFnsLocale(e))})()},[]),useEffect(()=>{var e;r.value!==n.current&&((e=convertToDateRangeRef(r.value))?(c(e.startDate),m(e.endDate),i(getDateAsLocaleFormattedString(e.startDate)),p(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(c(void 0),m(void 0),i(""),p("")),r.error&&A(),N(e?.startDate,e?.endDate,!1))},[r.value]);var S=useFocusCallback(t);const R=(e,t)=>{var a,r="string"==typeof e?e:e.target.value,n=""!==r&&void 0!==r,o=n?tryParseDateText(r):void 0,s=n?o?parse(o,dateFormat,0):new Date(NaN):void 0,e=t===DateInputType.Start,r=e?s:l,t=e?d:s;n?isValidDate(s)?e?(c(r),i(o),(a=!isValidDate(t)||isAfter(r,t))&&(m(r),p(o)),A(),a=a?r:t,C(r,a)):(m(t),p(o),(a=!isValidDate(r)||isBefore(t,r))&&(c(t),i(o)),A(),a=a?t:r,C(a,t)):(A({status:"invalid"}),C(),(e?c:m)(new Date(NaN))):((e?void 0===t||isValidDate(t):void 0===r||isValidDate(r))&&A(),C(),(e?c:m)(void 0))};const F=(e,t)=>{(t===DateInputType.Start?i:p)(e.target.value)},T=(e,t)=>{var a;e.stopPropagation(),"Enter"===e.key?(a=t===DateInputType.Start?s:u,R(a,t)):"Escape"===e.key&&(e=t===DateInputType.Start?getDateAsLocaleFormattedString(l):getDateAsLocaleFormattedString(d),R(e,t))},C=(e,t)=>{L(e,t)&&N(e,t)},L=(e,t)=>{var a=n.current;return!(e||t||!a)||(!(!e||!t||a)||!!(e&&t&&a)&&(!isEqual(e,a.startDate)||!isEqual(t,a.endDate)))},A=e=>{r.error=e,t.forceUpdate()},N=(e,t,a=!0)=>{t=e&&t?{refValueType:"daterange",startDate:e,endDate:t}:void 0;n.current=r.value=t,a&&v.post("changed",{name:g,value:r.value})};e={startDate:n.current?.startDate||new Date,endDate:n.current?.endDate||new Date,key:"selection",showDateDisplay:!1};return React.createElement(FormElementOuter,{className:E.join(" "),component:t,element:r},React.createElement("div",{className:"outer",title:f},React.createElement("div",{className:y},React.createElement("input",{ref:S,disabled:D,type:"text",onChange:e=>F(e,DateInputType.Start),onBlur:e=>R(e,DateInputType.Start),onKeyDown:e=>T(e,DateInputType.Start),placeholder:dateFormat.toUpperCase(),value:s}),React.createElement("span",{className:"arrow"},renderArrowRight()),React.createElement("input",{disabled:D,type:"text",onChange:e=>F(e,DateInputType.End),onBlur:e=>R(e,DateInputType.End),onKeyDown:e=>T(e,DateInputType.End),placeholder:dateFormat.toUpperCase(),value:u})),React.createElement("div",{className:"buttonContainer"},React.createElement("button",{className:"calendarButton",disabled:D,onClick:()=>{o(!a)}},renderCalendar()),a&&React.createElement(Suspense,{fallback:null},React.createElement("div",{className:CssClasses.DROPDOWN},React.createElement(DateRange,{dateDisplayFormat:dateFormat,editableDateInputs:!1,months:1,direction:"horizontal",ranges:[e],onChange:e=>{var t=e.selection.startDate,e=e.selection.endDate;c(t),i(getDateAsLocaleFormattedString(t)),m(e),p(getDateAsLocaleFormattedString(e)),A(),C(t,e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{o(!1)}},v.renderText("@common-done")))))))};export default DateRangePicker;

package/esm/forms/components/DateTimePicker.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useState}from"react";import{Calendar}from"../Calendar.js";import FormElementOuter from"../FormElementOuter.js";import{renderClock}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{makeSafeClassName}from"../utils.js";import DatePicker from"./DatePicker.js";import TimePickerInput from"./TimePickerInput.js";export default e=>{const[t,o]=useState(!1),[a,i]=useState(!1),{component:r,element:n}=e,{host:s,name:l}=r.props;var c=useFocusCallback(r);const u=[n.type,makeSafeClassName(l)];var d=s.renderText(n.tooltip);const m=((e,t)=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":t=e.format}if("object"!=typeof t)return"app"===t?t:"device";if(null===t)return"device";var o=t.locale,a=t.timezone;return"string"==typeof o&&"string"==typeof a?{locale:o,timezone:a}:"device"})(n.value,n.format),p=s.deriveCalendar(m),f=((e,t)=>{if("object"==typeof e){if(null===e)return;switch(e.refValueType){case"date":case"time":case"datetime":break;default:return}e=e.value}if("number"==typeof e||"string"==typeof e){const o=t.coerceIntoValue(e);if(void 0!==o&&null!==o&&isFinite(o.valueOf()))return o}})(n.value,p);let v="datetime",g=(e=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":return e.refValueType}})(n.value);"DatePicker"===n.type&&(v="date"),"TimePicker"===n.type&&(v="time");let j=f;"datetime"===v&&"date"===g?j=void 0:g=v;e={calendar:p,disabled:!r.enabled,doneText:s.renderText("@common-done"),placeholder:s.renderText(n.prompt),title:d};function k(e,t){return void 0===(e=null!=e&&!isFinite(e.valueOf())?void 0:e)?void 0!==f:void 0===f||(g!==t||("date"===t&&((e=new Date(e)).setHours(f.getHours()),e.setMinutes(f.getMinutes()),e.setSeconds(f.getSeconds()),e.setMilliseconds(f.getMilliseconds())),"time"===t&&((e=new Date(e)).setFullYear(f.getFullYear()),e.setMonth(f.getMonth()),e.setDate(f.getDate())),f.valueOf()!==e.valueOf()))}d=()=>{var e=!a;i(e),e&&o(!1)};const y=[];function h(e,t){void 0!==e&&isFinite(e.valueOf())?n.value={refValueType:t,format:m,display:p.format(e,Calendar.fullFormat),value:e.valueOf()}:n.value=void 0}return"DatePicker"!==n.type&&"DateTimePicker"!==n.type||y.push(_jsx(DatePicker,{component:r,element:n,isOpen:t,onChange:function(e){let t=v;if("datetime"===v&&void 0!==e&&("date"===g&&(t="date"),void 0!==f)){const o=p.coerceIntoLocal(f),a=p.coerceIntoLocal(e);a.setHours(o.getHours()),a.setMinutes(o.getMinutes()),a.setSeconds(o.getSeconds()),a.setMilliseconds(o.getMilliseconds()),e=p.coerceIntoValue(a)}k(e,t)&&(h(e,t),r.forceUpdate(),s.post("changed",{name:l,value:n.value}))},onPopupToggle:()=>{var e=!t;o(e),e&&i(!1)},value:f},void 0)),"TimePicker"!==n.type&&"DateTimePicker"!==n.type||y.push(_jsxs("div",{className:"outer",children:[_jsx("div",{className:"inner",children:_jsx(TimePickerInput,{...e,isOpen:a,onChange:function(e){let t=v;if("datetime"===v&&void 0!==f)if(void 0!==e){const o=p.coerceIntoLocal(f),a=p.coerceIntoLocal(e);a.setFullYear(o.getFullYear()),a.setMonth(o.getMonth()),a.setDate(o.getDate()),e=p.coerceIntoValue(a)}else e=f,t="date";k(e,t)&&(h(e,t),r.forceUpdate(),s.post("changed",{name:l,value:n.value}))},onPopupToggle:d,ref:c,value:j},void 0)},void 0),_jsx("button",{className:"clockButton",disabled:e.disabled,onClick:d,children:renderClock()},void 0)]},void 0)),h(f,g),_jsx(FormElementOuter,{className:u.join(" "),component:r,element:n,children:y},void 0)};
+import{useState}from"react";import*as React from"react";import{Calendar}from"../Calendar.js";import FormElementOuter from"../FormElementOuter.js";import{renderClock}from"../assets/datetime.js";import{useFocusCallback}from"../common.js";import{makeSafeClassName}from"../utils.js";import DatePicker from"./DatePicker.js";import TimePickerInput from"./TimePickerInput.js";export default e=>{const[t,a]=useState(!1),[o,r]=useState(!1),{component:n,element:i}=e,{host:l,name:c}=n.props;var s=useFocusCallback(n);const u=[i.type,makeSafeClassName(c)];var m=l.renderText(i.tooltip);const d=((e,t)=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":t=e.format}if("object"!=typeof t)return"app"===t?t:"device";if(null===t)return"device";var a=t.locale,o=t.timezone;return"string"==typeof a&&"string"==typeof o?{locale:a,timezone:o}:"device"})(i.value,i.format),p=l.deriveCalendar(d),f=((e,t)=>{if("object"==typeof e){if(null===e)return;switch(e.refValueType){case"date":case"time":case"datetime":break;default:return}e=e.value}if("number"==typeof e||"string"==typeof e){const a=t.coerceIntoValue(e);if(void 0!==a&&null!==a&&isFinite(a.valueOf()))return a}})(i.value,p);let v="datetime",g=(e=>{if("object"==typeof e&&null!==e)switch(e.refValueType){case"date":case"time":case"datetime":return e.refValueType}})(i.value);"DatePicker"===i.type&&(v="date"),"TimePicker"===i.type&&(v="time");let k=f;"datetime"===v&&"date"===g?k=void 0:g=v;e={calendar:p,disabled:!n.enabled,doneText:l.renderText("@common-done"),placeholder:l.renderText(i.prompt),title:m};function y(e,t){return void 0===(e=null!=e&&!isFinite(e.valueOf())?void 0:e)?void 0!==f:void 0===f||(g!==t||("date"===t&&((e=new Date(e)).setHours(f.getHours()),e.setMinutes(f.getMinutes()),e.setSeconds(f.getSeconds()),e.setMilliseconds(f.getMilliseconds())),"time"===t&&((e=new Date(e)).setFullYear(f.getFullYear()),e.setMonth(f.getMonth()),e.setDate(f.getDate())),f.valueOf()!==e.valueOf()))}m=()=>{var e=!o;r(e),e&&a(!1)};const T=[];function h(e,t){void 0!==e&&isFinite(e.valueOf())?i.value={refValueType:t,format:d,display:p.format(e,Calendar.fullFormat),value:e.valueOf()}:i.value=void 0}return"DatePicker"!==i.type&&"DateTimePicker"!==i.type||T.push(React.createElement(DatePicker,{component:n,element:i,isOpen:t,onChange:function(e){let t=v;if("datetime"===v&&void 0!==e&&("date"===g&&(t="date"),void 0!==f)){const a=p.coerceIntoLocal(f),o=p.coerceIntoLocal(e);o.setHours(a.getHours()),o.setMinutes(a.getMinutes()),o.setSeconds(a.getSeconds()),o.setMilliseconds(a.getMilliseconds()),e=p.coerceIntoValue(o)}y(e,t)&&(h(e,t),n.forceUpdate(),l.post("changed",{name:c,value:i.value}))},onPopupToggle:()=>{var e=!t;a(e),e&&r(!1)},value:f})),"TimePicker"!==i.type&&"DateTimePicker"!==i.type||T.push(React.createElement("div",{className:"outer"},React.createElement("div",{className:"inner"},React.createElement(TimePickerInput,{...e,isOpen:o,onChange:function(e){let t=v;if("datetime"===v&&void 0!==f)if(void 0!==e){const a=p.coerceIntoLocal(f),o=p.coerceIntoLocal(e);o.setFullYear(a.getFullYear()),o.setMonth(a.getMonth()),o.setDate(a.getDate()),e=p.coerceIntoValue(o)}else e=f,t="date";y(e,t)&&(h(e,t),n.forceUpdate(),l.post("changed",{name:c,value:i.value}))},onPopupToggle:m,ref:s,value:k})),React.createElement("button",{className:"clockButton",disabled:e.disabled,onClick:m},renderClock()))),h(f,g),React.createElement(FormElementOuter,{className:u.join(" "),component:n,element:i},T)};

package/esm/forms/components/Navigator.js

@@ -1 +1 @@
-import{jsx as _jsx}from"react/jsx-runtime";import{Component}from"react";const domReferenceKey="__navigator";class Navigator extends Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var r=e[domReferenceKey];if(r instanceof Navigator)return r;e=e.parentNode}}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}focus(){this.target.focus()}scrollTo(t){var e=this.props.children;if(Array.isArray(e)){const n=this.target;var r=n.scrollHeight/e.length,s=r/2,e=t%r,e=(n.scrollHeight-n.clientHeight)/2+(e+(e<-s?r:s<=e?-r:0));return n.scrollTop=e,Math.round(t/r)}return 0}hasStates(){var t=this.state;if(null==t)return!1;t=t.states;return null!=t}render(){var t=this.props,e=this.state||{},r=e.states;const s=[t.className];if(null!=r)for(const n in r)!0===r[n]&&s.push(n);return _jsx("div",{className:s.join(" "),tabIndex:e.tabIndex,ref:t=>this.init(t),children:this.props.children},void 0)}}export{Navigator};
+import{Component}from"react";import*as React from"react";const domReferenceKey="__navigator";class Navigator extends Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var r=e[domReferenceKey];if(r instanceof Navigator)return r;e=e.parentNode}}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}focus(){this.target.focus()}scrollTo(t){var e=this.props.children;if(Array.isArray(e)){const a=this.target;var r=a.scrollHeight/e.length,s=r/2,e=t%r,e=(a.scrollHeight-a.clientHeight)/2+(e+(e<-s?r:s<=e?-r:0));return a.scrollTop=e,Math.round(t/r)}return 0}hasStates(){var t=this.state;if(null==t)return!1;t=t.states;return null!=t}render(){var t=this.props,e=this.state||{},r=e.states;const s=[t.className];if(null!=r)for(const a in r)!0===r[a]&&s.push(a);return React.createElement("div",{className:s.join(" "),tabIndex:e.tabIndex,ref:t=>this.init(t)},this.props.children)}}export{Navigator};

package/esm/forms/components/NumberRangeSlider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 export declare const MIN_DECIMALS = 0;

package/esm/forms/components/NumberRangeSlider.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useMemo,useRef,useState}from"react";import{Range,getTrackBackground}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName,throttle}from"../utils.js";const MIN_DECIMALS=0,DEFAULT_DECIMALS=0,DEFAULT_STEP=0,NumberRangeSlider=e=>{const a=e.component,r=e.element,t=useMemo(()=>getProcessedNumberFormat(r.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),o=useRef(null),s=e=>{r.value=o.current=e},[n,l]=useState(),[i,u]=useState();useEffect(()=>{var e;null!==o.current&&r.value===o.current||(e=getNumberSliderValues(r.value,t),s(e),F(e))},[r.value]);const{host:c,name:m}=a.props,d=!a.enabled;var p=useFocusCallback(a);const{lowerBound:x,upperBound:v,precision:f}=t,{showMinMaxLabels:g,manualEntry:h}=r;let b=t.step,y=r.showTickMarks;y=0<b&&y,0===b&&(b=1/Math.pow(10,f));const E={currency:t.currency,customDisplayFormat:t.customDisplayFormat,format:t.displayFormat,fractionalDigits:f,locale:c.deriveLocale()};e=c.renderText(r.tooltip);const N=[r.type,makeSafeClassName(m)],j=e=>{e=S(e),F(e),(Array.isArray(o.current)||e[0]===x&&e[1]===v)&&(!Array.isArray(o.current)||e[0]===o.current[0]&&e[1]===o.current[1])||(s(e),c.post("changed",{name:m,value:r.value}))};const A=e=>{a.autoInput=!0},C=e=>e.target.select(),S=e=>{let r=e[0]<x?x:e[0]>v?v:e[0],t=e[1]>v?v:e[1]<x?x:e[1];return[r,t].sort((e,r)=>e-r)},_=useMemo(()=>throttle(e=>{c.post("dragged",{name:m,value:e})}),[]),k=(e,r)=>{const t=n.slice();let a=""!==e?Number(e):NaN;isNaN(a)?F(t):(0===r?(a<x&&(a=x),a>t[1]&&(a=t[1])):(a>v&&(a=v),a<t[0]&&(a=t[0])),t[r]=a,j(t))},F=e=>{l(e),u(e)};const M=(e,r,t,a,o="#fff",s="#197dc8")=>_jsx("div",{style:{position:"absolute",top:r,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:s,left:t,right:a,whiteSpace:"nowrap"},children:e},void 0);return n?_jsxs(FormElementOuter,{className:N.join(" "),component:a,element:r,errorClassName:CssClasses.ERROR,children:[_jsx("div",{className:"slider-container",title:e,children:_jsx(Range,{draggableTrack:!0,step:b,min:x,max:v,values:n,onChange:e=>{e=S(e),F(e),Array.isArray(r.value)&&e[0]===r.value[0]&&e[1]===r.value[1]||_(e)},onFinalChange:j,renderMark:e=>{var{props:r,index:t}=e,e=x+t*b,t=e>v,e=e>n[0]&&e<n[1]?"#197dc8":"#ccc";return y&&!t&&_jsx("div",{...r,style:{...r.style,height:"16px",width:"2px",backgroundColor:e}},void 0)},renderTrack:e=>{var{props:r,children:e}=e;return _jsxs("div",{...r,style:{...r.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:getTrackBackground({values:n,colors:["#ccc","#197dc8","#ccc"],min:x,max:v,rtl:!1})},children:[!1!==g&&M(c.formatNumber(x,E),"20px","-12px",void 0,"#333","#fff"),!1!==g&&M(c.formatNumber(v,E),"20px",void 0,"-12px","#333","#fff"),e]},void 0)},renderThumb:e=>{var{props:r,value:t,index:a}=e,o=v-x,e=t-x,t=e<o/10?"0":"auto",e=9*o/10<e?"0":"auto";return _jsx("div",{...r,style:{...r.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"},children:M(c.formatNumber(n[a],E),"-32px",t,e)},void 0)},disabled:d,ref:p},void 0)},void 0),h||!i?null:_jsx("div",{className:"inputs",children:i.map((e,r)=>_jsxs("span",{children:[0===r?c.renderText("@common-start"):c.renderText("@common-end"),_jsx("input",{type:"number",disabled:d,min:0===r?x:n[0],max:0===r?n[1]:v,step:b,title:e+"",value:e,onBlur:e=>((e,r)=>{k(e.target.value,r)})(e,r),onChange:e=>((e,r)=>{const t=i.slice();t[r]=e.target.value,u(t),a.autoInput&&k(e.target.value,r)})(e,r),onKeyDown:e=>((e,r)=>{e.stopPropagation(),a.autoInput=!1,"Enter"===e.key?k(i[r]+"",r):"Escape"===e.key&&F(n.slice())})(e,r),onMouseDown:A,onFocus:C},r)]},void 0))},void 0)]},void 0):null};export default NumberRangeSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};
+import{useEffect,useMemo,useRef,useState}from"react";import*as React from"react";import{Range,getTrackBackground}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName,throttle}from"../utils.js";const MIN_DECIMALS=0,DEFAULT_DECIMALS=0,DEFAULT_STEP=0,NumberRangeSlider=e=>{const a=e.component,t=e.element,r=useMemo(()=>getProcessedNumberFormat(t.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),o=useRef(null),n=e=>{t.value=o.current=e},[s,l]=useState(),[c,u]=useState();useEffect(()=>{var e;null!==o.current&&t.value===o.current||(e=getNumberSliderValues(t.value,r),n(e),M(e))},[t.value]);const{host:m,name:i}=a.props,p=!a.enabled;var d=useFocusCallback(a);const{lowerBound:f,upperBound:g,precision:E}=r,{showMinMaxLabels:v,manualEntry:x}=t;let b=r.step,y=t.showTickMarks;y=0<b&&y,0===b&&(b=1/Math.pow(10,E));const h={currency:r.currency,customDisplayFormat:r.customDisplayFormat,format:r.displayFormat,fractionalDigits:E,locale:m.deriveLocale()};e=m.renderText(t.tooltip);const N=[t.type,makeSafeClassName(i)],A=e=>{e=S(e),M(e),(Array.isArray(o.current)||e[0]===f&&e[1]===g)&&(!Array.isArray(o.current)||e[0]===o.current[0]&&e[1]===o.current[1])||(n(e),m.post("changed",{name:i,value:t.value}))};const C=e=>{a.autoInput=!0},R=e=>e.target.select(),S=e=>{let t=e[0]<f?f:e[0]>g?g:e[0],r=e[1]>g?g:e[1]<f?f:e[1];return[t,r].sort((e,t)=>e-t)},k=useMemo(()=>throttle(e=>{m.post("dragged",{name:i,value:e})}),[]),F=(e,t)=>{const r=s.slice();let a=""!==e?Number(e):NaN;isNaN(a)?M(r):(0===t?(a<f&&(a=f),a>r[1]&&(a=r[1])):(a>g&&(a=g),a<r[0]&&(a=r[0])),r[t]=a,A(r))},M=e=>{l(e),u(e)};const T=(e,t,r,a,o="#fff",n="#197dc8")=>React.createElement("div",{style:{position:"absolute",top:t,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:n,left:r,right:a,whiteSpace:"nowrap"}},e);return s?React.createElement(FormElementOuter,{className:N.join(" "),component:a,element:t,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{draggableTrack:!0,step:b,min:f,max:g,values:s,onChange:e=>{e=S(e),M(e),Array.isArray(t.value)&&e[0]===t.value[0]&&e[1]===t.value[1]||k(e)},onFinalChange:A,renderMark:e=>{var{props:t,index:r}=e,e=f+r*b,r=e>g,e=e>s[0]&&e<s[1]?"#197dc8":"#ccc";return y&&!r&&React.createElement("div",{...t,style:{...t.style,height:"16px",width:"2px",backgroundColor:e}})},renderTrack:e=>{var{props:t,children:e}=e;return React.createElement("div",{...t,style:{...t.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:getTrackBackground({values:s,colors:["#ccc","#197dc8","#ccc"],min:f,max:g,rtl:!1})}},!1!==v&&T(m.formatNumber(f,h),"20px","-12px",void 0,"#333","#fff"),!1!==v&&T(m.formatNumber(g,h),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r,index:a}=e,o=g-f,e=r-f,r=e<o/10?"0":"auto",e=9*o/10<e?"0":"auto";return React.createElement("div",{...t,style:{...t.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"}},T(m.formatNumber(s[a],h),"-32px",r,e))},disabled:p,ref:d})),x||!c?null:React.createElement("div",{className:"inputs"},c.map((e,t)=>React.createElement("span",null,0===t?m.renderText("@common-start"):m.renderText("@common-end"),React.createElement("input",{key:t,type:"number",disabled:p,min:0===t?f:s[0],max:0===t?s[1]:g,step:b,title:e+"",value:e,onBlur:e=>((e,t)=>{F(e.target.value,t)})(e,t),onChange:e=>((e,t)=>{const r=c.slice();r[t]=e.target.value,u(r),a.autoInput&&F(e.target.value,t)})(e,t),onKeyDown:e=>((e,t)=>{e.stopPropagation(),a.autoInput=!1,"Enter"===e.key?F(c[t]+"",t):"Escape"===e.key&&M(s.slice())})(e,t),onMouseDown:C,onFocus:R}))))):null};export default NumberRangeSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

package/esm/forms/components/NumberSlider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { FormComponent } from "../FormComponent";
 import { Element } from "../FormDefinition";
 export declare const MIN_DECIMALS = -20;

package/esm/forms/components/NumberSlider.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{useEffect,useMemo,useRef,useState}from"react";import{Range}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName}from"../utils.js";const MIN_DECIMALS=-20,DEFAULT_DECIMALS=3,DEFAULT_STEP=1,NumberSlider=e=>{const r=e.component,{host:s,name:t}=r.props,o=e.element,a=!r.enabled,n=useMemo(()=>getProcessedNumberFormat(o.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),i=useRef(null),{lowerBound:l,upperBound:u,precision:m}=n,{showMinMaxLabels:d,manualEntry:p}=o,c={format:n.displayFormat,fractionalDigits:m,locale:s.deriveLocale()},x=e=>{var r;o.value=(r=e,{refValueType:"number",format:n,display:s.formatNumber(r,c),numeric:r}),i.current=e},[f,v]=useState(),[b,h]=useState();useEffect(()=>{var e=o.value;null!==i.current&&e?.numeric===i.current||(e=getNumberSliderValues(e,n,!0),x(e[0]),k(e[0]))},[o.value]);var g=useFocusCallback(r);let N=n.step,E=o.showTickMarks;E=0<N&&E,0===N&&(N=1/Math.pow(10,m));e=s.renderText(o.tooltip);const j=[o.type,makeSafeClassName(t)],C=e=>{e=A(e),k(e),e!==i.current&&(x(e),s.post("changed",{name:t,value:o.value}))},S=e=>{h(e.target.value),r.autoInput&&D(e.target.value)},_=e=>{D(e.target.value)},y=e=>{e.stopPropagation(),r.autoInput=!1,"Enter"===e.key?D(b+""):"Escape"===e.key&&k(f)},F=e=>{r.autoInput=!0},M=e=>e.target.select(),A=e=>e<l?l:e>u?u:e,D=e=>{let r=""!==e?Number(e):NaN;isNaN(r)?k(r):(r<l&&(r=l),r>u&&(r=u),C(r))},k=e=>{v(e),h(e)};const L=(e,r,t,o,a="#fff",s="#197dc8")=>_jsx("div",{style:{position:"absolute",top:r,color:a,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:s,left:t,right:o,whiteSpace:"nowrap"},children:e},void 0);return _jsxs(FormElementOuter,{className:j.join(" "),component:r,element:o,errorClassName:CssClasses.ERROR,children:[_jsx("div",{className:"slider-container",title:e,children:_jsx(Range,{step:N,min:l,max:u,values:[f],onChange:e=>(e=>{e=A(e),k(e)})(e[0]),onFinalChange:e=>C(e[0]),renderMark:e=>{var{props:r,index:e}=e,e=l+e*N>u;return E&&!e&&_jsx("div",{...r,style:{...r.style,height:"16px",width:"2px",backgroundColor:"#ccc"}},void 0)},renderTrack:e=>{var{props:r,children:e}=e;return _jsxs("div",{...r,style:{...r.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:"#ccc"},children:[!1!==d&&L(s.formatNumber(l,c),"20px","-12px",void 0,"#333","#fff"),!1!==d&&L(s.formatNumber(u,c),"20px",void 0,"-12px","#333","#fff"),e]},void 0)},renderThumb:e=>{var{props:r,value:t}=e,o=u-l,a=t-l,e=a<o/10?"0":"auto",a=9*o/10<a?"0":"auto";return _jsx("div",{...r,style:{...r.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"},children:L(s.formatNumber(t,c),"-32px",e,a)},void 0)},disabled:a,ref:g},void 0)},void 0),!1===p?null:_jsx("div",{className:"inputs",children:_jsx("span",{children:_jsx("input",{type:"number",disabled:a,min:l,max:u,step:N,title:b+"",value:b,onBlur:_,onChange:S,onKeyDown:y,onMouseDown:F,onFocus:M},void 0)},void 0)},void 0)]},void 0)};export default NumberSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};
+import{useEffect,useMemo,useRef,useState}from"react";import*as React from"react";import{Range}from"react-range";import FormElementOuter from"../FormElementOuter.js";import{useFocusCallback}from"../common.js";import{CssClasses}from"../constants.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{makeSafeClassName}from"../utils.js";const MIN_DECIMALS=-20,DEFAULT_DECIMALS=3,DEFAULT_STEP=1,NumberSlider=e=>{const t=e.component,{host:n,name:r}=t.props,a=e.element,o=!t.enabled,l=useMemo(()=>getProcessedNumberFormat(a.format,MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP),[]),s=useRef(null),{lowerBound:u,upperBound:m,precision:c}=l,{showMinMaxLabels:i,manualEntry:p}=a,d={format:l.displayFormat,fractionalDigits:c,locale:n.deriveLocale()},f=e=>{var t;a.value=(t=e,{refValueType:"number",format:l,display:n.formatNumber(t,d),numeric:t}),s.current=e},[E,b]=useState(),[g,x]=useState();useEffect(()=>{var e=a.value;null!==s.current&&e?.numeric===s.current||(e=getNumberSliderValues(e,l,!0),f(e[0]),L(e[0]))},[a.value]);var v=useFocusCallback(t);let N=l.step,h=a.showTickMarks;h=0<N&&h,0===N&&(N=1/Math.pow(10,c));e=n.renderText(a.tooltip);const C=[a.type,makeSafeClassName(r)],S=e=>{e=D(e),L(e),e!==s.current&&(f(e),n.post("changed",{name:r,value:a.value}))},R=e=>{x(e.target.value),t.autoInput&&k(e.target.value)},y=e=>{k(e.target.value)},F=e=>{e.stopPropagation(),t.autoInput=!1,"Enter"===e.key?k(g+""):"Escape"===e.key&&L(E)},M=e=>{t.autoInput=!0},A=e=>e.target.select(),D=e=>e<u?u:e>m?m:e,k=e=>{let t=""!==e?Number(e):NaN;isNaN(t)?L(t):(t<u&&(t=u),t>m&&(t=m),S(t))},L=e=>{b(e),x(e)};const T=(e,t,r,a,o="#fff",n="#197dc8")=>React.createElement("div",{style:{position:"absolute",top:t,color:o,fontWeight:"bold",fontSize:"14px",fontFamily:"Arial,Helvetica Neue,Helvetica,sans-serif",padding:"4px",borderRadius:"5px",backgroundColor:n,left:r,right:a,whiteSpace:"nowrap"}},e);return React.createElement(FormElementOuter,{className:C.join(" "),component:t,element:a,errorClassName:CssClasses.ERROR},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{step:N,min:u,max:m,values:[E],onChange:e=>(e=>{e=D(e),L(e)})(e[0]),onFinalChange:e=>S(e[0]),renderMark:e=>{var{props:t,index:e}=e,e=u+e*N>m;return h&&!e&&React.createElement("div",{...t,style:{...t.style,height:"16px",width:"2px",backgroundColor:"#ccc"}})},renderTrack:e=>{var{props:t,children:e}=e;return React.createElement("div",{...t,style:{...t.style,height:"6px",margin:"50px 0px 24px",width:"100%",background:"#ccc"}},!1!==i&&T(n.formatNumber(u,d),"20px","-12px",void 0,"#333","#fff"),!1!==i&&T(n.formatNumber(m,d),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r}=e,a=m-u,o=r-u,e=o<a/10?"0":"auto",o=9*a/10<o?"0":"auto";return React.createElement("div",{...t,style:{...t.style,height:"24px",width:"24px",borderRadius:"12px",backgroundColor:"#197dc8",display:"flex",justifyContent:"center",alignItems:"center",boxShadow:"0px 2px 4px #AAA",outline:"none"}},T(n.formatNumber(r,d),"-32px",e,o))},disabled:o,ref:v})),!1===p?null:React.createElement("div",{className:"inputs"},React.createElement("span",null,React.createElement("input",{type:"number",disabled:o,min:u,max:m,step:N,title:g+"",value:g,onBlur:y,onChange:R,onKeyDown:F,onMouseDown:M,onFocus:A}))))};export default NumberSlider;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

package/esm/forms/components/SyntheticButton.js

@@ -1 +1 @@
-import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import{Component}from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends Component{static find(t){let e=t.target;for(;e!==t.currentTarget&&e instanceof HTMLElement;){var n=e[domReferenceKey];if(n instanceof SyntheticButton)return n;e=e.parentNode}}static search(t){const e=t.querySelectorAll("div"),n=[];for(let t=0;t<e.length;t++){var s=e.item(t)[domReferenceKey];s instanceof SyntheticButton&&n.push(s)}return n}init(t){const e=this.target;void 0!==e&&(this.target=void 0,e[domReferenceKey]=void 0),null!==t&&((this.target=t)[domReferenceKey]=this)}render(){var t=this.props,e=this.state||{},n=e.states;const s=["button"];if(null!=n)for(const i in n)!0===n[i]&&s.push(i);var r=e.content,e=e.symbol;return _jsx("div",{className:this.props.className,ref:t=>this.init(t),children:_jsxs("div",{className:s.join(" "),"aria-label":t.ariaLabel,children:[_jsx("span",{className:"content",children:r},void 0),_jsx("span",{className:"symbol",children:e},void 0)]},void 0)},void 0)}}export{SyntheticButton};
+import{Component}from"react";import*as React from"react";const domReferenceKey="__synthetic_button";class SyntheticButton extends Component{static find(e){let t=e.target;for(;t!==e.currentTarget&&t instanceof HTMLElement;){var n=t[domReferenceKey];if(n instanceof SyntheticButton)return n;t=t.parentNode}}static search(e){const t=e.querySelectorAll("div"),n=[];for(let e=0;e<t.length;e++){var a=t.item(e)[domReferenceKey];a instanceof SyntheticButton&&n.push(a)}return n}init(e){const t=this.target;void 0!==t&&(this.target=void 0,t[domReferenceKey]=void 0),null!==e&&((this.target=e)[domReferenceKey]=this)}render(){var e=this.props,t=this.state||{},n=t.states;const a=["button"];if(null!=n)for(const s in n)!0===n[s]&&a.push(s);var r=t.content,t=t.symbol;return React.createElement("div",{className:this.props.className,ref:e=>this.init(e)},React.createElement("div",{className:a.join(" "),"aria-label":e.ariaLabel},React.createElement("span",{className:"content"},r),React.createElement("span",{className:"symbol"},t)))}}export{SyntheticButton};