@vertigis/workflow 5.32.2 → 5.33.0

package/forms/assets/stock.js

@@ -0,0 +1 @@
+export*from"./arrow.js";export*from"./chevron.js";export*from"./cross.js";export*from"./remove.js";export*from"./scan.js";

package/forms/common.d.ts

@@ -0,0 +1,63 @@
+import { ReactNode } from "react";
+import { FormComponent, FormPresenterHost } from "./FormComponent";
+import { defs } from "./FormHost";
+export declare function getTitleId(elementId: string): string;
+export declare function getDescriptionId(elementId: string): string;
+export declare function getErrorId(elementId: string): string;
+/**
+ * Renders the title for a Form Element.
+ * @param host The form host.
+ * @param element The Form Element being represented.
+ * @param elementId The id of the DOM element representing the Form Element.
+ * @param inputId (optional) The id of the DOM element representing the main input for the Form Element.
+ * When specified, the title is marked as "for" that DOM element.
+ * @param className (optional) An alternative class name to use instead of the default. This is used when some types of section present the title within a button.
+ * @returns A title component, or `null` if there is no title.
+ */
+export declare function renderTitle(host: FormPresenterHost, element: defs.Element, elementId: string, inputId?: string, className?: string): JSX.Element;
+/**
+ * Renders the description for a Form Element.
+ * @param host The form host.
+ * @param element The Form Element being represented.
+ * @param elementId The id of the DOM element representing the Form Element.
+ * @returns A description component, or `null` if there is no description.
+ */
+export declare function renderDescription(host: FormPresenterHost, element: defs.Element, elementId: string): JSX.Element;
+/**
+ * Renders the accessible description for a Form Element.
+ * @param host The form host.
+ * @param element The Form Element being represented.
+ * @param elementId The id of the DOM element representing the Form Element.
+ * @returns An accessible description component, or `null` if there is no accessible description or description.
+ */
+export declare function renderAccessibleDescription(host: FormPresenterHost, element: defs.Element, elementId: string): JSX.Element;
+/**
+ * Renders the error for a Form Element.
+ * @param host The form host.
+ * @param element The Form Element being represented.
+ * @returns An error component, or `null` if there is no error.
+ */
+export declare function renderError(host: FormPresenterHost, element: defs.Element): JSX.Element;
+/**
+ * Asks the host to focus the provided element when the form is initially shown.
+ * Ignores the specified target if it is null or disabled.
+ *
+ * NOTE: Some elements contain more elaborate forms of this element.
+ *       For simplicity, this one replaces the basic cases which were all identical.
+ * @param target The HTML Element to receive focus.
+ * @param name The name of the Form Element.
+ * @param host The form presenter host.
+ */
+export declare function renderFocus(target: HTMLElement & {
+    disabled?: boolean | undefined;
+}, name: string, host: FormPresenterHost): void;
+/**
+ * Returns a memoized function which asks the host to focus the provided element when the form is
+ * initially shown. Ignores the specified target if it is null or disabled.
+ * @param component The form component
+ * @returns A memoized function that focuses a target HTML element.
+ */
+export declare function useFocusCallback(component: FormComponent): (target: ReactNode & {
+    disabled?: boolean;
+    thumbRefs?: any[];
+}) => void;

package/forms/common.js

@@ -0,0 +1 @@
+import Box from"@vertigis/react-ui/Box";import FormHelperText from"@vertigis/react-ui/FormHelperText";import FormLabel from"@vertigis/react-ui/FormLabel";import{useCallback}from"react";import*as React from"react";import Markdown from"./components/Markdown.js";import{isMarkdown,markdownToText}from"./textUtilities.js";const ERROR_SUFFIX="-error",DESCRIPTION_SUFFIX="-description",TITLE_SUFFIX="-title";function getTitleId(e){return`${e}${TITLE_SUFFIX}`}function getDescriptionId(e){return`${e}${DESCRIPTION_SUFFIX}`}function getErrorId(e){return`${e}${ERROR_SUFFIX}`}function renderTitle(e,r,t,n,o){return r.title?(o=o||"form-element-title",React.createElement(FormLabel,{className:o,htmlFor:n,id:`${t}-label`},React.createElement(Markdown,{host:e,inline:!0,text:r.title}))):null}function renderDescription(e,r,t){return r.description?React.createElement(FormHelperText,{component:"div",disabled:!r.enabled,error:!1,id:`${t}-description`},React.createElement(Markdown,{host:e,text:r.description})):null}function renderAccessibleDescription(e,r,t){let n=e.translateText(r.accessibleDescription);return n||(r=e.translateText(r.description),n=isMarkdown(r)?markdownToText(r.markdown):r),n?React.createElement(Box,{sx:{display:"none"},id:`${t}-accessible-description`},n):null}function renderError(e,r){return r.error?React.createElement(FormHelperText,{component:"div",error:!0,role:"alert"},React.createElement(Markdown,{host:e,text:r.error})):null}function renderFocus(e,r,t){null===e||e.disabled||t.renderFocus(e,r)}function useFocusCallback(e){const{host:r,name:t}=e.props;return useCallback(e=>{null===(e=Array.isArray(e?.thumbRefs)&&0<e.thumbRefs.length?e.thumbRefs[0].current:e)||e.disabled||r.renderFocus(e,t)},[e.enabled,t,r])}export{getTitleId,getDescriptionId,getErrorId,renderTitle,renderDescription,renderAccessibleDescription,renderError,renderFocus,useFocusCallback};

package/forms/components/DatePicker.js

@@ -0,0 +1 @@
+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/forms/components/DateRangePicker.js

@@ -0,0 +1 @@
+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 FormElement from"../FormElement.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}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,D]=useState("");var p=!t.enabled;const{host:v,name:g}=t.props;var f=v.renderText(r.tooltip),y=t.enabled?"inner":"inner disabled";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)),D(getDateAsLocaleFormattedString(e.endDate))):void 0===r.value&&(c(void 0),m(void 0),i(""),D("")),r.error&&C(),A(e?.startDate,e?.endDate,!1))},[r.value]);var E=useFocusCallback(t);const S=(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),D(o)),C(),a=a?r:t,T(r,a)):(m(t),D(o),(a=!isValidDate(r)||isBefore(t,r))&&(c(t),i(o)),C(),a=a?t:r,T(a,t)):(C({status:"invalid"}),T(),(e?c:m)(new Date(NaN))):((e?void 0===t||isValidDate(t):void 0===r||isValidDate(r))&&C(),T(),(e?c:m)(void 0))};const R=(e,t)=>{(t===DateInputType.Start?i:D)(e.target.value)},F=(e,t)=>{var a;e.stopPropagation(),"Enter"===e.key?(a=t===DateInputType.Start?s:u,S(a,t)):"Escape"===e.key&&(e=t===DateInputType.Start?getDateAsLocaleFormattedString(l):getDateAsLocaleFormattedString(d),S(e,t))},T=(e,t)=>{L(e,t)&&A(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)))},C=e=>{r.error=e,t.forceUpdate()},A=(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(FormElement,{component:t,element:r,legacyMode:!0},React.createElement("div",{className:"outer",title:f},React.createElement("div",{className:y},React.createElement("input",{ref:E,disabled:p,type:"text",onChange:e=>R(e,DateInputType.Start),onBlur:e=>S(e,DateInputType.Start),onKeyDown:e=>F(e,DateInputType.Start),placeholder:dateFormat.toUpperCase(),value:s}),React.createElement("span",{className:"arrow"},renderArrowRight()),React.createElement("input",{disabled:p,type:"text",onChange:e=>R(e,DateInputType.End),onBlur:e=>S(e,DateInputType.End),onKeyDown:e=>F(e,DateInputType.End),placeholder:dateFormat.toUpperCase(),value:u})),React.createElement("div",{className:"buttonContainer"},React.createElement("button",{className:"calendarButton",disabled:p,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),D(getDateAsLocaleFormattedString(e)),C(),T(t,e)},locale:currentLocale}),React.createElement("button",{className:"done",onClick:()=>{o(!1)}},v.renderText("@common-done")))))))};export default DateRangePicker;

package/forms/components/DateTimePicker.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FormComponent } from "../FormComponent";
+import { defs } from "../FormHost";
+interface DateTimePickerProps {
+    component: FormComponent;
+    element: defs.Element;
+}
+declare const _default: (props: DateTimePickerProps) => JSX.Element;
+export default _default;

package/forms/components/DateTimePicker.js

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

package/forms/components/Markdown.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { MarkdownProps as BaseMarkdownProps } from "@vertigis/react-ui/Markdown";
+import { defs } from "../FormHost";
+import { FormPresenterHost } from "../FormPresenterHost";
+/**
+ * Properties for the `Markdown` component.
+ */
+export interface MarkdownProps extends Omit<BaseMarkdownProps, "markdown" | "sanitize"> {
+    /** The host that translatest text. */
+    host: FormPresenterHost;
+    /** The text to be rendered. */
+    text: defs.Text;
+}
+declare const Markdown: ({ host, text, escapeHtml, linkTarget, ...otherProps }: MarkdownProps) => JSX.Element;
+export default Markdown;

package/forms/components/Markdown.js

@@ -0,0 +1 @@
+import BaseMarkdown from"@vertigis/react-ui/Markdown";import*as React from"react";import{isMarkdown}from"../textUtilities.js";const Markdown=({host:t,text:e,escapeHtml:a=!0,linkTarget:r="_blank",...n})=>{var o,i=t.translateText(e);return("string"==typeof(o=i)?o:isMarkdown(o)&&o.markdown)?isMarkdown(i)?React.createElement(BaseMarkdown,{markdown:i.markdown,escapeHtml:a,linkTarget:r,...n}):React.createElement(React.Fragment,null,i):null};export default Markdown;

package/forms/components/NumberRangeSlider.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { FormComponent } from "../FormComponent";
+import { Element } from "../FormDefinition";
+interface NumberRangeSliderProps {
+    component: FormComponent;
+    element: Element;
+}
+declare const NumberRangeSlider: React.FC<NumberRangeSliderProps>;
+export default NumberRangeSlider;

package/forms/components/NumberRangeSlider.js

@@ -0,0 +1 @@
+import{useEffect,useMemo,useRef,useState}from"react";import*as React from"react";import{Range,getTrackBackground}from"react-range";import FormElement from"../FormElement.js";import{useFocusCallback}from"../common.js";import{DEFAULT_DECIMALS,DEFAULT_STEP,MIN_DECIMALS}from"../elements/NumberRangeSlider.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";import{throttle}from"../utils.js";const 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},[l,c]=useState(),[s,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:g,upperBound:f,precision:v}=r,{showMinMaxLabels:x,manualEntry:b}=t;let y=r.step,E=t.showTickMarks;E=0<y&&E,0===y&&(y=1/Math.pow(10,v));const h={currency:r.currency,customDisplayFormat:r.customDisplayFormat,format:r.displayFormat,fractionalDigits:v,locale:m.deriveLocale()};e=m.renderText(t.tooltip);const N=e=>{e=A(e),M(e),(Array.isArray(o.current)||e[0]===g&&e[1]===f)&&(!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 R=e=>{a.autoInput=!0},k=e=>e.target.select(),A=e=>{let t=e[0]<g?g:e[0]>f?f:e[0],r=e[1]>f?f:e[1]<g?g:e[1];return[t,r].sort((e,t)=>e-t)},S=useMemo(()=>throttle(e=>{m.post("dragged",{name:i,value:e})}),[]),F=(e,t)=>{const r=l.slice();let a=""!==e?Number(e):NaN;isNaN(a)?M(r):(0===t?(a<g&&(a=g),a>r[1]&&(a=r[1])):(a>f&&(a=f),a<r[0]&&(a=r[0])),r[t]=a,N(r))},M=e=>{c(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 l?React.createElement(FormElement,{component:a,element:t,legacyMode:!0},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{draggableTrack:!0,step:y,min:g,max:f,values:l,onChange:e=>{e=A(e),M(e),Array.isArray(t.value)&&e[0]===t.value[0]&&e[1]===t.value[1]||S(e)},onFinalChange:N,renderMark:e=>{var{props:t,index:r}=e,e=g+r*y,r=e>f,e=e>l[0]&&e<l[1]?"#197dc8":"#ccc";return E&&!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:l,colors:["#ccc","#197dc8","#ccc"],min:g,max:f,rtl:!1})}},!1!==x&&T(m.formatNumber(g,h),"20px","-12px",void 0,"#333","#fff"),!1!==x&&T(m.formatNumber(f,h),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r,index:a}=e,o=f-g,e=r-g,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(l[a],h),"-32px",r,e))},disabled:p,ref:d})),b||!s?null:React.createElement("div",{className:"inputs"},s.map((e,t)=>React.createElement("span",{key:t},0===t?m.renderText("@common-start"):m.renderText("@common-end"),React.createElement("input",{key:t,type:"number",disabled:p,min:0===t?g:l[0],max:0===t?l[1]:f,step:y,title:e+"",value:e,onBlur:e=>((e,t)=>{F(e.target.value,t)})(e,t),onChange:e=>((e,t)=>{const r=s.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(s[t]+"",t):"Escape"===e.key&&M(l.slice())})(e,t),onMouseDown:R,onFocus:k}))))):null};export default NumberRangeSlider;

package/forms/components/NumberSlider.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { FormComponent } from "../FormComponent";
+import { Element } from "../FormDefinition";
+interface NumberRangeSliderProps {
+    component: FormComponent;
+    element: Element;
+}
+declare const NumberSlider: React.FC<NumberRangeSliderProps>;
+export default NumberSlider;

package/forms/components/NumberSlider.js

@@ -0,0 +1 @@
+import{useEffect,useMemo,useRef,useState}from"react";import*as React from"react";import{Range}from"react-range";import FormElement from"../FormElement.js";import{useFocusCallback}from"../common.js";import{DEFAULT_DECIMALS,DEFAULT_STEP,MIN_DECIMALS}from"../elements/NumberSlider.js";import{getProcessedNumberFormat,getNumberSliderValues}from"../numberSliderUtilities.js";const 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),[]),u=useRef(null),{lowerBound:s,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}),u.current=e},[b,g]=useState(s),[v,x]=useState("");useEffect(()=>{var e=a.value;null!==u.current&&e?.numeric===u.current||(e=getNumberSliderValues(e,l,!0),f(e[0]),A(e[0]))},[a.value]);var E=useFocusCallback(t);let h=l.step,N=a.showTickMarks;N=0<h&&N,0===h&&(h=1/Math.pow(10,c));e=n.renderText(a.tooltip);const y=e=>{e=k(e),A(e),e!==u.current&&(f(e),n.post("changed",{name:r,value:a.value}))},S=e=>{x(e.target.value),t.autoInput&&w(e.target.value)},R=e=>{w(e.target.value)},F=e=>{e.stopPropagation(),t.autoInput=!1,"Enter"===e.key?w(v+""):"Escape"===e.key&&A(b)},M=e=>{t.autoInput=!0},C=e=>e.target.select(),k=e=>e<s?s:e>m?m:e,w=e=>{let t=""!==e?Number(e):NaN;isNaN(t)?A(t):(t<s&&(t=s),t>m&&(t=m),y(t))},A=e=>{g(e),x(e)};const D=(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(FormElement,{component:t,element:a,legacyMode:!0},React.createElement("div",{className:"slider-container",title:e},React.createElement(Range,{step:h,min:s,max:m,values:[b],onChange:e=>(e=>{e=k(e),A(e)})(e[0]),onFinalChange:e=>y(e[0]),renderMark:e=>{var{props:t,index:e}=e,e=s+e*h>m;return N&&!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&&D(n.formatNumber(s,d),"20px","-12px",void 0,"#333","#fff"),!1!==i&&D(n.formatNumber(m,d),"20px",void 0,"-12px","#333","#fff"),e)},renderThumb:e=>{var{props:t,value:r}=e,a=m-s,o=r-s,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"}},D(n.formatNumber(r,d),"-32px",e,o))},disabled:o,ref:E})),!1===p?null:React.createElement("div",{className:"inputs"},React.createElement("span",null,React.createElement("input",{type:"number",disabled:o,min:s,max:m,step:h,title:v+"",value:v,onBlur:R,onChange:S,onKeyDown:F,onMouseDown:M,onFocus:C}))))};export default NumberSlider;

package/forms/components/Text.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { BaseFormElementProps } from "../FormElement";
+/**
+ * The component for the "Text" Form Element.
+ * It just exposes the Title and Description which are common to all.
+ */
+declare const Text: ({ component, element }: BaseFormElementProps) => JSX.Element;
+export default Text;

package/forms/components/Text.js

@@ -0,0 +1 @@
+import*as React from"react";import FormElement from"../FormElement.js";const Text=({component:e,element:t})=>React.createElement(FormElement,{component:e,element:t});export default Text;

package/forms/components/TextArea.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseFormElementProps } from "../FormElement";
+/**
+ * The component for the "Text Area" Form Element.
+ */
+declare const TextArea: ({ component, element }: BaseFormElementProps) => JSX.Element;
+export default TextArea;

package/forms/components/TextArea.js

@@ -0,0 +1 @@
+import Input from"@vertigis/react-ui/Input";import{useEffect,useState}from"react";import*as React from"react";import FormElement from"../FormElement.js";import{makeUniqueId}from"../utils.js";const TextArea=({component:e,element:r})=>{const[t,a]=useState(8),[n,o]=useState(""),[l,u]=useState("soft"),{host:p,name:i}=e.props;var m=`${makeUniqueId(i)}-input`,s=r.maxLength,d=p.renderText(r.prompt),f=r.readOnly,c=p.renderText(r.tooltip);useEffect(()=>{let e="";var t=r.value;"string"==typeof t&&(e=t),r.value=e,o(e),"number"==typeof r.size&&a(r.size),"string"==typeof r.wrap&&-1!==["hard","soft","off"].indexOf(r.wrap)&&u(r.wrap)},[]);return React.createElement(FormElement,{component:e,element:r,inputId:m},React.createElement(Input,{color:"primary",disabled:!e.enabled,fullWidth:!0,id:m,inputProps:{maxLength:s,onKeyDown:e=>{e.stopPropagation()},title:c,wrap:l},inputRef:e=>{null===e||e.disabled||p.renderFocus(e,i)},multiline:!0,onBlur:e=>{e=e.target.value;e!=r.value&&(r.value=e,p.post("changed",{name:i,value:e}))},onChange:e=>{e=e.target.value;e!=n&&o(e)},placeholder:d,readOnly:f,required:r.require,rows:t,value:n}))};export default TextArea;

package/forms/components/TextBox.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { BaseFormElementProps } from "../FormElement";
+interface TextBoxProps extends BaseFormElementProps {
+    /**
+     * Whether this is a text box or a password input. Default is "text".
+     *
+     * The differences are:
+     *
+     * - `"text"` renders as a text box, `"password"` as a password.
+     * (Obvious, but there you go.)
+     * - `"text"` will convert a numeric value to a string, `"password"` will not.
+     * - `"password"` does not support `element.maxLength` or `element.readOnly`.
+     *
+     */
+    type?: "text" | "password";
+}
+/**
+ * The component for the "Text Box" and "Password Box" Form Elements.
+ */
+declare const TextBox: ({ component, element, type }: TextBoxProps) => JSX.Element;
+export default TextBox;

package/forms/components/TextBox.js

@@ -0,0 +1 @@
+import Input from"@vertigis/react-ui/Input";import*as React from"react";import{useEffect,useState}from"react";import FormElement from"../FormElement.js";import{getKeyString}from"../keyboard.js";import{makeUniqueId}from"../utils.js";const TextBox=({component:e,element:a,type:t})=>{const[r,n]=useState(""),{host:o,name:u}=e.props;var l=`${makeUniqueId(u)}-input`,p="password"===t,i=p?void 0:a.maxLength,m=o.renderText(a.prompt),s=p?void 0:a.readOnly,p=o.renderText(a.tooltip);useEffect(()=>{let e="";var t=a.value;"string"==typeof t?e=t:"number"==typeof t&&(e=o.formatNumber(t,{useGrouping:!0})),a.value=e,n(e)},[]);const c=e=>{a.value=e,o.post("changed",{name:u,value:e})};return React.createElement(FormElement,{component:e,element:a,inputId:l},React.createElement(Input,{color:"primary",disabled:!e.enabled,fullWidth:!0,id:l,inputProps:{maxLength:i,onKeyDown:e=>{var t=getKeyString(e);return"enter"===t?(e=>{const t=e.currentTarget;var r=t.value;if(r!==a.value)return c(r),t.select(),e.stopPropagation(),e.preventDefault(),!1})(e):"escape"===t?(e=>{const t=e.currentTarget;if(t.value!==a.value)return n(a.value),t.select(),e.stopPropagation(),e.preventDefault(),!1})(e):void 0},title:p},inputRef:e=>{null===e||e.disabled||o.renderFocus(e,u)},onBlur:e=>{e=e.target.value;e!=a.value&&c(e)},onChange:e=>{e=e.target.value;e!=r&&n(e)},placeholder:m,readOnly:s,required:a.require,type:t,value:r}))};export default TextBox;

package/forms/dateUtilities.js

@@ -0,0 +1 @@
+import{parse,isAfter}from"date-fns";import{parseLocale}from"../definition/ProgramInspector.js";const CURRENT_CENTURY_YEAR_CUTOFF=29,SUPPORTED_DATE_FNS_LOCALES=["cs","da","de","de-AT","en-AU","en-CA","en-GB","en-IN","en-NZ","en-US","en-ZA","fr","fr-CA","fr-CH","it","nb","nl","nl-BE","nn","pt","pt-BR"];let localeDateFormat="",dateFormatSeparator;function isValidDate(e){return e instanceof Date&&!isNaN(e.valueOf())}function tryParseYear(e){if(/^\d+$/.test(e)&&!(4<e.length)){for(2===e.length&&(e=`${CURRENT_CENTURY_YEAR_CUTOFF>=parseInt(e,10)?20:19}${e}`);e.length<4;)e=`0${e}`;return e}}function tryParseMonth(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var a=parseInt(e,10);if(!(a<1||12<a))return e}}function tryParseDay(e){if(/^\d+$/.test(e)&&!(2<e.length)){1===e.length&&(e=`0${e}`);var a=parseInt(e,10);if(!(a<1||31<a))return e}}function tryParseDateText(e){if(e){const r=(e=e.replace(/\\/g,"\\\\")).match(/(\d+)/g);if(3===r?.length){var e=getLocaleDateFormatSeparator(),a=getLocaleDateFormatTokenPosition("yyyy"),t=getLocaleDateFormatTokenPosition("MM");for(let e=0;e<3;e++){switch(e){case a:r[e]=tryParseYear(r[e]);break;case t:r[e]=tryParseMonth(r[e]);break;default:r[e]=tryParseDay(r[e])}if(void 0===r[e])return}return`${r[0]}${e}${r[1]}${e}${r[2]}`}}}async function getDateFnsLocale(e){const a=[];e=parseLocale(e);if(e){e.territory&&a.push(`${e.language}-${e.territory}`),a.push(e.language);for(const t of a)if(-1!==SUPPORTED_DATE_FNS_LOCALES.indexOf(t)){let e;try{switch(t){case"cs":e=(await import("date-fns/locale/cs")).default;break;case"da":e=(await import("date-fns/locale/da")).default;break;case"de":e=(await import("date-fns/locale/de")).default;break;case"de-AT":e=(await import("date-fns/locale/de-AT")).default;break;case"en-AU":e=(await import("date-fns/locale/en-AU")).default;break;case"en-CA":e=(await import("date-fns/locale/en-CA")).default;break;case"en-GB":e=(await import("date-fns/locale/en-GB")).default;break;case"en-IN":e=(await import("date-fns/locale/en-IN")).default;break;case"en-NZ":e=(await import("date-fns/locale/en-NZ")).default;break;case"en-US":e=(await import("date-fns/locale/en-US")).default;break;case"en-ZA":e=(await import("date-fns/locale/en-ZA")).default;break;case"fr":e=(await import("date-fns/locale/fr")).default;break;case"fr-CA":e=(await import("date-fns/locale/fr-CA")).default;break;case"fr-CH":e=(await import("date-fns/locale/fr-CH")).default;break;case"it":e=(await import("date-fns/locale/it")).default;break;case"nb":e=(await import("date-fns/locale/nb")).default;break;case"nl":e=(await import("date-fns/locale/nl")).default;break;case"nl-BE":e=(await import("date-fns/locale/nl-BE")).default;break;case"nn":e=(await import("date-fns/locale/nn")).default;break;case"pt":e=(await import("date-fns/locale/pt")).default;break;case"pt-BR":e=(await import("date-fns/locale/pt-BR")).default}}catch{continue}if(e?.localize)return e}}}function getLocaleDateFormat(){if(localeDateFormat)return localeDateFormat;const e=new Date(1999,11,31,0,0,0);return localeDateFormat=e.toLocaleDateString(void 0,{year:"numeric",month:"numeric",day:"numeric"}),localeDateFormat=localeDateFormat.replace("1999","yyyy"),localeDateFormat=localeDateFormat.replace("99","yyyy"),localeDateFormat=localeDateFormat.replace("12","MM"),localeDateFormat=localeDateFormat.replace("31","dd"),localeDateFormat}function getLocaleDateFormatSeparator(){var e;return void 0===dateFormatSeparator&&(e=/[^dMy]+/.exec(getLocaleDateFormat()),dateFormatSeparator=e?e[0]:""),dateFormatSeparator}function getLocaleDateFormatTokenPosition(e){const a=getLocaleDateFormat();var t=a.indexOf("yyyy"),r=a.indexOf("MM"),o=a.indexOf("dd");return"yyyy"===e?0===t?0:r<t&&o<t?2:1:"MM"===e?0===r?0:o<r&&t<r?2:1:0===o?0:r<o&&t<o?2:1}function getDateAsLocaleFormattedString(e){if(!isValidDate(e))return"";var a=tryParseYear(e.getFullYear().toString()),t=tryParseMonth((e.getMonth()+1).toString()),e=tryParseDay(e.getDate().toString());let r=getLocaleDateFormat();return r=r.replace("yyyy",a),r=r.replace("MM",t),r=r.replace("dd",e),r}const coerceIntoDate=e=>{if(e instanceof Date&&isValidDate(e))return new Date(e.valueOf());if("string"==typeof e)if(/^\d+$/.test(e))e=Number(e);else{var a=tryParseDateText(e);if(a){var t=getLocaleDateFormat(),t=parse(a,t,0);if(isValidDate(t))return t}}if("number"==typeof e){e=new Date(e);if(isValidDate(e))return e}};function convertToDateRangeRef(e){let a=void 0,t=void 0,r=!1;Array.isArray(e)?(a=coerceIntoDate(e[0]),t=coerceIntoDate(e[1]),r=!0):"object"==typeof e&&(a=coerceIntoDate(e.startDate),t=coerceIntoDate(e.endDate));var o=!!a&&!!t;let n=o&&!isAfter(a,t);return r&&o&&!n&&(e=a,a=t,t=e,n=!0),o&&n?{refValueType:"daterange",startDate:a,endDate:t}:void 0}function __test__setlocaleDateFormatInCache(e){localeDateFormat=e,dateFormatSeparator=void 0}export{isValidDate,tryParseYear,tryParseMonth,tryParseDay,tryParseDateText,getDateFnsLocale,getLocaleDateFormat,getLocaleDateFormatSeparator,getLocaleDateFormatTokenPosition,getDateAsLocaleFormattedString,convertToDateRangeRef,__test__setlocaleDateFormatInCache};

package/forms/datetime.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FormComponent } from "./FormComponent";
+import { Element } from "./FormDefinition";
+export declare function renderDateRangePicker(component: FormComponent, element: Element): JSX.Element;
+export declare function renderDateTimePicker(component: FormComponent, element: Element): JSX.Element;

package/forms/elements/NumberRangeSlider.d.ts

@@ -0,0 +1,8 @@
+import * as types from "./types";
+export interface NumberRangeSlider extends types.ElementBase, types.EditableElement {
+    /** Indicates the current value. */
+    readonly value: number[];
+}
+export declare const MIN_DECIMALS = 0;
+export declare const DEFAULT_DECIMALS = 0;
+export declare const DEFAULT_STEP = 0;

package/forms/elements/NumberRangeSlider.js

@@ -0,0 +1 @@
+const MIN_DECIMALS=0,DEFAULT_DECIMALS=0,DEFAULT_STEP=0;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

package/forms/elements/NumberSlider.d.ts

@@ -0,0 +1,9 @@
+import { NumberRef } from "../FormDefinition";
+import * as types from "./types";
+export interface NumberSlider extends types.ElementBase, types.EditableElement {
+    /** Indicates the current value. */
+    readonly value: NumberRef;
+}
+export declare const MIN_DECIMALS = -20;
+export declare const DEFAULT_DECIMALS = 3;
+export declare const DEFAULT_STEP = 1;

package/forms/elements/NumberSlider.js

@@ -0,0 +1 @@
+const MIN_DECIMALS=-20,DEFAULT_DECIMALS=3,DEFAULT_STEP=1;export{MIN_DECIMALS,DEFAULT_DECIMALS,DEFAULT_STEP};

package/forms/files.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderFilePicker(component: FormComponent, element: defs.Element): JSX.Element;

package/forms/files.js

@@ -0,0 +1 @@
+import*as React from"react";import FormElement from"./FormElement.js";import{renderCrossAdd,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{isFilesRef}from"./utils.js";function renderFilePicker(r,a){const{host:n,name:t}=r.props;var e=a.size;let s=a.value,i=5,l;"number"==typeof e&&(i=1<e?Math.ceil(e):1),s&&(isFilesRef(s)&&Array.isArray(s.files)||(a.value=s=void 0));var c=n.renderText(a.tooltip);let o=r.enabled;const m=[];if(void 0!==s){o=r.enabled&&s.files.length<i;for(const p of s.files){var d=m.length;m.push(React.createElement("div",{className:"file",key:"$"+d},React.createElement("div",null,React.createElement("label",null,p.name),React.createElement("button",{"aria-label":n.renderText("@file-picker-remove-item-label"),className:"delete",disabled:!r.enabled,ref:e=>renderFocus(e,t,n),onClick:(e=>()=>{1<s.files.length?s.files.splice(e,1):a.value=void 0,r.forceUpdate(),n.post("changed",{name:t,value:a.value})})(d)},renderRemove()))))}}const f=e=>{if(e){var t=e.getAttribute("class");if(/\bneedsclick\b/.test(t)||e.setAttribute("class",t?t+" needsclick":"needsclick"),"svg"!==e.tagName){var l=e.children;for(let e=0;e<l.length;e++)f(l[e])}}};m.push(React.createElement("div",{className:"add-file",key:"footer"},React.createElement("button",{className:"add",disabled:!o,title:c,ref:e=>{renderFocus(e,t,n),f(e)},onClick:()=>{l.value=null,l.click()}},renderCrossAdd(),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:{__html:n.renderHtml(a.prompt)}}))));e=1!==i;return React.createElement(FormElement,{component:r,element:a,legacyMode:!0},React.createElement("div",{className:"items"},m),React.createElement("input",{type:"file",style:{display:"none"},title:c,onChange:e=>(e=>{var t=e.files;if(t?.length){const l=s?.files||[];for(let e=0;e<t.length&&l.length!==i;e++)l.push(t[e]);e={refValueType:"files",files:l};a.value=e,r.forceUpdate(),n.post("changed",{name:r.props.name,value:e})}})(e.target),multiple:e,accept:a.fileTypes,ref:e=>{l=e}}))}export{renderFilePicker};

package/forms/geometry.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderGeometryPicker(component: FormComponent, element: defs.Element): JSX.Element;

package/forms/geometry.js

@@ -0,0 +1 @@
+import{Component}from"react";import*as React from"react";import FormElement from"./FormElement.js";import{renderCrossAdd,renderArrowRollup,renderRemove}from"./assets/stock.js";import{renderFocus}from"./common.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{sanitizeGeometryRef,setClass,text}from"./utils.js";class StateTrackingElement extends Component{render(){return React.createElement("div",{ref:e=>this.root=e,...this.props})}}function renderGeometryPicker(t,n){var e=t.props;const a=e.name,s=e.host;let r=5;var o=n.size;"number"==typeof o&&(r=1<o?Math.ceil(o):1);let c,l,d="✎",i=n.value=sanitizeGeometryRef(n.value);void 0!==i&&(c=i.geometry,b=n.itemLabel,Array.isArray(b)?l=b:(l=[],text.isMarkdown(b)?b.markdown&&(d=b):text.isStatus(b)?b.status&&(d=b.status):b&&(d=b)));let u=n.state;function m(e){let t=u[e];return void 0!==t&&null!==t||(u.length<=e&&(u.length=e,u.push({})),t=u[e]),t}void 0!==u&&null!==u||(u=n.state=[]);const p=t.enabled;function f(t,n=!0){let r;function o(){const e=m(t);e.checked=p&&r.checked,e.focused=p&&r.focused,e.pending=p&&r.pending,n&&s.renderState(a,"geometry",u),setClass(r.root,"checked",e.checked),setClass(r.root,"focus",e.focused),setClass(r.root,"hover",e.pending)}return{ref(e){r=e,null!==r&&o()},onChangeCapture:function(e){r&&(r.checked=null!==e.currentTarget.querySelector("input:checked"),o())},onFocusCapture:function(e){r&&(r.focused=!0,o())},onBlurCapture:function(){r&&(r.focused=!1,o())},onMouseOver:function(){r&&(r.pending=!0,o())},onMouseOut:function(){r&&(r.pending=!1,o())},onKeyDownCapture(e){p&&"delete"===getKeyString(e)&&void 0!==m(t).content&&h(t)()}}}function h(e){return function(){1<c.length?(c.splice(e,1),u.splice(e,1),e<l.length&&l.splice(e,1)):(n.value=void 0,n.state=void 0),t.forceUpdate(),s.post("changed",{name:a,value:i})}}let g=t.enabled;const v=[];if(void 0!==i){g=t.enabled&&i.geometry.length<r;for(const R of i.geometry){const C=v.length;m(C).content=R;var k={__html:s.renderHtml(l[C]||d)};v.push(React.createElement(StateTrackingElement,{className:"shape",key:"$"+C,...f(C)},React.createElement("div",null,React.createElement("label",null,React.createElement("input",{type:"checkbox",disabled:!t.enabled,ref:function(t){return function(e){null!==e&&(e.disabled||s.renderFocus(e,a),e.checked=m(t).checked)}}(C)}),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:k})),React.createElement("button",{className:"delete",disabled:!t.enabled,ref:e=>renderFocus(e,a,s),onClick:h(C)},renderRemove()))))}}function y(){s.post("clicked",{name:a,value:i})}e={__html:s.renderHtml(n.prompt)},o=s.renderText(n.tooltip);const C=v.length;var b=t.enabled&&void 0!==i;v.push(React.createElement(StateTrackingElement,{className:"add-shape",key:"footer",...f(C,!1)},React.createElement("button",{className:"add",disabled:!g,title:o,ref:e=>renderFocus(e,a,s),onClick:y},renderCrossAdd(),React.createElement("div",{className:"inline",dangerouslySetInnerHTML:e})),React.createElement("button",{className:"clear",disabled:!b,ref:e=>renderFocus(e,a,s),onClick:function(){i=n.value=void 0,t.forceUpdate(),s.post("changed",{name:a,value:i})}},renderArrowRollup())));const E=[];return 1===r&&E.push(CssClasses.SINGLE),void 0!==i&&i.geometry.length>=r&&E.push(CssClasses.FULL),t.enabled&&n.autoActivate&&(g&&setTimeout(()=>y()),delete n.autoActivate),React.createElement(FormElement,{classNames:E,component:t,element:n,legacyMode:!0,ref:function(e){null===e&&s.renderState(a,"geometry")}},React.createElement("div",{className:"items"},v))}export{renderGeometryPicker};

package/forms/index.js

@@ -0,0 +1 @@
+export*from"./constants.js";

package/forms/number.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { FormComponent } from "./FormComponent";
+import * as defs from "./FormDefinition";
+export declare function renderNumberRangeSlider(component: FormComponent, element: defs.Element): JSX.Element;
+export declare function renderNumberSlider(component: FormComponent, element: defs.Element): JSX.Element;
+/**
+ * Renders the 'Number' form element.
+ * @param component The form component.
+ * @param element The element used in the form.
+ */
+export declare function renderNumber(component: FormComponent, element: defs.Element): JSX.Element;

package/forms/number.js

@@ -0,0 +1 @@
+import{lazy,Suspense}from"react";import*as React from"react";import FormElement from"./FormElement.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isNumberRef,isString}from"./utils.js";const NumberRangeSlider=lazy(()=>import("./components/NumberRangeSlider")),NumberSlider=lazy(()=>import("./components/NumberSlider"));function renderNumberRangeSlider(e,r){return React.createElement(Suspense,{fallback:null},React.createElement(NumberRangeSlider,{component:e,element:r}))}function renderNumberSlider(e,r){return React.createElement(Suspense,{fallback:null},React.createElement(NumberSlider,{component:e,element:r}))}function renderRangeFormat(e,r){return r=null==(r=isNumberRef(e)?e.format:r)?{}:r}function renderNumber(n,t){const r=n.props.name,o=n.props.host;let u=renderRangeFormat(t.value,t.format),i=u.precision;"number"==typeof i&&0*i==0||(i=3);const l=Math.pow(10,-1*i);let e=Math.round(u.step/l)*l;"number"==typeof e&&0*e<e||(e=void 0);let a=Math.floor(u.lowerBound/l)*l;"number"==typeof a&&0*a==0||(a=void 0);let m=Math.ceil(u.upperBound/l)*l;"number"==typeof m&&0*m==0||(m=void 0),void 0!==a&&void 0!==m&&m<=a&&(a=void 0,m=void 0);const s=[CssClasses.NUMERIC];void 0!==e&&s.push(CssClasses.STEPPER),u={precision:i,step:e,lowerBound:a,upperBound:m};const c={useGrouping:!0,minimumFractionDigits:0<i?i:0,maximumFractionDigits:0<i?i:0};function p(r){if(void 0===(r=function(e){if("string"==typeof e){if(e.length<1)return;e=Number(e)}if("number"==typeof e&&0*e==0)return void 0!==m&&e>m&&(e=m),void 0!==a&&e<a&&(e=a),Math.round(e/l)*l}(r)))return t.value=void 0,"";{t.value={refValueType:"number",format:u,display:o.formatNumber(r,c),numeric:r};let e=i;return e=20<e?20:e,e=e<0?0:e,r.toFixed(e)}}let d=null,f=("number"==typeof(b=t.value)?.numeric&&(b=b.numeric),p("number"==typeof(b=isString(b)?o.coerceNumber(b):b)?b:void 0));var b;function v(e){return e=p(e),d.value=e,f!==e&&(f=e,o.post("changed",{name:r,value:t.value}),1)}var g=o.renderText(t.prompt),y=o.renderText(t.tooltip);return React.createElement(FormElement,{classNames:s,component:n,element:t,ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(d.value=f,o.renderFocus(d,r))},legacyMode:!0},React.createElement("input",{placeholder:g,title:y,type:"number",disabled:!n.enabled,min:a,max:m,step:e,onKeyDown:function(e){var r=getKeyString(e);if("enter"===r&&v(d.value))return d.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===r&&(d.value=f,d.select()),n.autoInput=!1},onFocus:function(){d.select()},onMouseDown:function(){n.autoInput=!0},onChange:function(){n.autoInput&&(v(d.value),d.select())},onBlur:function(){v(d.value)},ref:function(e){d=e}}))}export{renderNumberRangeSlider,renderNumberSlider,renderNumber};

package/forms/numberFormatter.js

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

package/forms/renderers.d.ts

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

package/forms/renderers.js

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

package/forms/scanner.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FormComponent } from "./FormComponent";
+import { Element } from "./FormDefinition";
+export declare function renderScanner(component: FormComponent, element: Element): JSX.Element;

package/forms/scanner.js

@@ -0,0 +1 @@
+import{useState,useEffect,useRef}from"react";import*as React from"react";import FormElement from"./FormElement.js";import{renderRemove,renderScanBarcode,renderScanQrcode,renderScanMulti}from"./assets/stock.js";import{useFocusCallback}from"./common.js";import{ScanType,SCANNER_DEFAULT_ROW_COUNT}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isScanRef}from"./utils.js";function renderScanner(e,a){return React.createElement(Scanner,{component:e,element:a})}const CAMERA_READY_TIMEOUT_MS=1500;var EntryMethod;!function(e){e.Camera="camera",e.Manual="manual"}(EntryMethod=EntryMethod||{});const convertToScanRef=(e,a,t)=>{var r=typeof e,r="number"==r||"string"==r?e.toString():e?.value?.toString();if(r)return a=a||e?.entryMethod||EntryMethod.Manual,{refValueType:"scan",value:r,scanType:t=t||e?.scanType,entryMethod:a}},Scanner=e=>{const[t,o]=useState(),[a,r]=useState(""),[n,c]=useState(!1),[s,l]=useState(!0),m=useRef(),{component:d,element:i}=e,u=d.props["host"];var p="barcode"!==i.scanType;let E=i.value;useEffect(()=>(c(!0),()=>c(!1)),[]),useEffect(()=>{n&&i.enabled&&i.autoActivate&&(i.autoActivate=!1,T())},[n]),useEffect(()=>{const e=()=>{l(!1),setTimeout(()=>{n&&l(!0)},CAMERA_READY_TIMEOUT_MS)};return t&&e(),()=>{t&&(t.reset(),e())}},[t]);var v=useFocusCallback(d);useEffect(()=>{!isScanRef(E)&&E&&(i.value=E=convertToScanRef(E));var e=E?.value||"";a!==e&&r(e)},[E]);var y=u.renderText(i.tooltip);const S=(e,a,t)=>{e&&E?.value!==e&&(t=convertToScanRef(e,a,t),i.value=t,r(e),u.post("changed",{name:d.props.name,value:t}))},f=async e=>{var a=await import("@zxing/library");let t=void 0;return e===ScanType.QrCode?t=[a.BarcodeFormat.QR_CODE,a.BarcodeFormat.DATA_MATRIX,a.BarcodeFormat.AZTEC,a.BarcodeFormat.PDF_417,a.BarcodeFormat.MAXICODE]:e===ScanType.BarCode&&(t=[a.BarcodeFormat.CODABAR,a.BarcodeFormat.CODE_39,a.BarcodeFormat.CODE_93,a.BarcodeFormat.CODE_128,a.BarcodeFormat.EAN_8,a.BarcodeFormat.EAN_13,a.BarcodeFormat.ITF,a.BarcodeFormat.RSS_14,a.BarcodeFormat.RSS_EXPANDED,a.BarcodeFormat.UPC_A,a.BarcodeFormat.UPC_E]),t},T=async()=>{if(t)return o(null),void u.post("cancel",{name:d.props.name,type:"cancel"});var e;const a=await import("@zxing/library");n&&(e=await(async e=>{var a=await import("@zxing/library"),e=await f(e);const t=new Map;return t.set(a.DecodeHintType.POSSIBLE_FORMATS,e),t})(i.scanType),e=new a.BrowserMultiFormatReader(e),o(e),await(async e=>{try{var a=await e.listVideoInputDevices();if(!a||0==a.length)throw new DOMException("No video input devices detected.");const r=await e.decodeOnceFromVideoDevice(void 0,m.current),n=await f(ScanType.QrCode);var t=n.indexOf(r.getBarcodeFormat())<0?ScanType.BarCode:ScanType.QrCode;S(r.toString(),EntryMethod.Camera,t),o(null)}catch(e){e instanceof DOMException&&(i.error=e.message,o(null))}})(e))};var R=e=>{t&&o(null),S(e.currentTarget.value,EntryMethod.Manual)},e=e=>{r(e.currentTarget.value)};return React.createElement(FormElement,{component:d,element:i,legacyMode:!0},React.createElement("div",{className:"items"},React.createElement("div",{className:"scanner-container"},React.createElement("video",{className:"video-element",hidden:!t,ref:m}),React.createElement("div",{className:"user-controls"},p?React.createElement("textarea",{className:"manual-entry",disabled:!(d.enabled&&i.manualEntry),onBlur:R,onChange:e,onKeyDown:e=>e.stopPropagation(),ref:v,rows:i.size||SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:y,value:a}):React.createElement("input",{className:"manual-entry",disabled:!(d.enabled&&i.manualEntry),onBlur:R,onChange:e,onKeyDown:e=>{var a=e.currentTarget;"enter"===getKeyString(e)&&(e.stopPropagation(),t&&o(null),S(a.value,EntryMethod.Manual))},ref:v,title:y,type:"text",value:a}),React.createElement("button",{className:t?"scan activated":"scan",disabled:!(d.enabled&&s),title:y,onClick:e=>T(),ref:v},(t?renderRemove:i.scanType===ScanType.BarCode?renderScanBarcode:i.scanType===ScanType.QrCode?renderScanQrcode:renderScanMulti)())))))};export{renderScanner};

package/forms/selectors.d.ts

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

package/forms/selectors.js

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

package/forms/styles/stock.css

@@ -0,0 +1 @@
+.gcx-forms.defaults .Row{display:flex;gap:.5em}.gcx-forms.defaults .Row>*{flex-grow:1}.gcx-forms.defaults .Row>.CheckBox,.gcx-forms.defaults .Row>.CheckGroup,.gcx-forms.defaults .Row>.Image,.gcx-forms.defaults .Row>.Number,.gcx-forms.defaults .Row>.RadioGroup{flex-grow:0}.gcx-forms.defaults .Row .inline-title{grid-template-columns:1fr 1fr}.gcx-forms.defaults .notice p:first-child{margin-top:0}.gcx-forms.defaults .notice p:last-child{margin-bottom:0}.gcx-forms.defaults .TextEditor .shell{overflow-x:auto}.gcx-forms.defaults .TextEditor .shell *{border:none;outline:none;margin:0;padding:0}.gcx-forms.defaults h1,.gcx-forms.defaults h2,.gcx-forms.defaults h3{margin:0}.gcx-forms.defaults .center{text-align:center}.gcx-forms.defaults input[type=range]{display:none}.gcx-forms.defaults [type=number]{display:block;width:6em;height:1.7em;padding:0 .25em 0 .5em;border:.063em solid #ccc;border-radius:.125em}.gcx-forms.defaults .error input,.gcx-forms.defaults .error textarea,.gcx-forms.defaults .error .shell,.gcx-forms.defaults .error select{border:1px solid #b71d1d}.gcx-forms.defaults .error .inline{color:#b71d1d}.gcx-forms.defaults .notice{color:#b71d1d;font-size:smaller}.gcx-forms.defaults hr{display:block;margin:1.5em 0;width:auto}.gcx-forms.defaults .arrowRollup circle{fill:none;stroke:none}.gcx-forms.defaults .arrowRollup polyline{fill:none;stroke:#000;stroke-width:25}.gcx-forms.defaults .arrowRollup,.gcx-forms.defaults .crossDelete{width:12px;height:12px}.gcx-forms.defaults .crossAdd{width:10px;height:10px}.gcx-forms.defaults .crossAdd polyline{stroke:#fff;stroke-width:25}.gcx-forms.defaults .chevronUp,.gcx-forms.defaults .chevronDown{fill:currentColor;display:inline-block;width:24px;height:24px}.gcx-forms.defaults .crossDelete circle{fill:red;stroke:red}.gcx-forms.defaults .crossDelete polyline{stroke:#fff;stroke-width:25;fill:none}.gcx-forms.defaults .GeometryPicker{margin-bottom:12px}.gcx-forms.defaults .GeometryPicker label{display:inline}.gcx-forms.defaults .GeometryPicker .arrowRollup circle{fill:red}.gcx-forms.defaults .GeometryPicker .arrowRollup polyline{stroke:#fff}.gcx-forms.defaults .GeometryPicker .shape label,.gcx-forms.defaults .FilePicker .file label{width:90%;display:inline-block;height:32px;border:.125em solid #eee;background:#f8f8f8;margin-bottom:.55em;box-sizing:border-box;font-size:smaller;font-style:italic;margin-right:.5em;line-height:30px;padding-left:12px}.gcx-forms.defaults .GeometryPicker .shape input[type=checkbox]{opacity:0;width:0;margin:0;padding:0}.gcx-forms.defaults .GeometryPicker .shape.checked label,.gcx-forms.defaults .GeometryPicker .shape.checked.hover label,.gcx-forms.defaults .GeometryPicker .shape.checked.focus label{background:#def2ff;border-color:#197dc8}.gcx-forms.defaults .GeometryPicker .shape.hover label,.gcx-forms.defaults .GeometryPicker .shape.focus label{background:#f8f8f8;border-color:#bbb}.gcx-forms.defaults .GeometryPicker .add-shape .add,.gcx-forms.defaults .FilePicker .add-file .add{width:100%;height:2.25em;margin-right:6px;background:#197dc8;border:none;font-size:medium;text-align:left;box-sizing:border-box;cursor:pointer;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add p,.gcx-forms.defaults .GeometryPicker .add-shape .add em,.gcx-forms.defaults .GeometryPicker .add-shape .add strong,.gcx-forms.defaults .GeometryPicker .add-shape .add code,.gcx-forms.defaults .FilePicker .add-file .add p,.gcx-forms.defaults .FilePicker .add-file .add em,.gcx-forms.defaults .FilePicker .add-file .add strong,.gcx-forms.defaults .FilePicker .add-file .add code{margin:0;color:#fff !important}.gcx-forms.defaults .GeometryPicker .add-shape .add:hover,.gcx-forms.defaults .GeometryPicker .add-shape .add:active,.gcx-forms.defaults .GeometryPicker .add-shape .add:focus,.gcx-forms.defaults .FilePicker .add-file .add:hover,.gcx-forms.defaults .FilePicker .add-file .add:active,.gcx-forms.defaults .FilePicker .add-file .add:focus{background:#5caeeb;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add:disabled,.gcx-forms.defaults .FilePicker .add-file .add:disabled{color:#333;cursor:default;background:#eee;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add:disabled .crossAdd polyline,.gcx-forms.defaults .FilePicker .add-file .add:disabled .crossAdd polyline{stroke:#333}.gcx-forms.defaults .GeometryPicker .add-shape .add svg,.gcx-forms.defaults .FilePicker .add-file .add svg{margin:0 .5em}.gcx-forms.defaults .Scanner.error .scanner-container .scan p,.gcx-forms.defaults .Scanner.error .scanner-container .scan em,.gcx-forms.defaults .Scanner.error .scanner-container .scan strong,.gcx-forms.defaults .Scanner.error .scanner-container .scan code,.gcx-forms.defaults .GeometryPicker.error .add-shape .add p,.gcx-forms.defaults .GeometryPicker.error .add-shape .add em,.gcx-forms.defaults .GeometryPicker.error .add-shape .add strong,.gcx-forms.defaults .GeometryPicker.error .add-shape .add code,.gcx-forms.defaults .FilePicker.error .add-file .add p,.gcx-forms.defaults .FilePicker.error .add-file .add em,.gcx-forms.defaults .FilePicker.error .add-file .add strong,.gcx-forms.defaults .FilePicker.error .add-file .add code{color:#b71d1d !important}.gcx-forms.defaults .Scanner{margin-bottom:.313em}.gcx-forms.defaults .Scanner .scanner-container .video-element{width:100%;height:75%;margin-bottom:6px}.gcx-forms.defaults .Scanner .scanner-container .user-controls .manual-entry{flex-grow:1}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan{border:none;transition:background .3s ease-in-out;cursor:pointer;margin:0 0 0 12px;background:#197dc8;font-size:medium;height:2.25em}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:hover,.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:focus{background:#5caeeb}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:disabled{color:#333;cursor:default;background:#eee;transition:background .3s ease-in-out}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan svg{stroke:#fff;fill:#fff;width:2em;height:20px;margin-left:0;vertical-align:top;text-align:center}.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] p,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] em,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] strong,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] code,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] p,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] em,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] strong,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] code,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] p,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] em,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] strong,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] code{color:#333 !important}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .GeometryPicker .add-shape .clear,.gcx-forms.defaults .FilePicker .file .delete{width:auto;height:2.25em;padding:0;border:none;font-size:medium;background:#eee;border:1px solid #ccc;cursor:pointer}.gcx-forms.defaults .GeometryPicker .add-shape .clear{display:none}.gcx-forms.defaults .GeometryPicker.full .add-shape .add{display:none}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .FilePicker .file .delete{height:32px;vertical-align:top}.gcx-forms.defaults .GeometryPicker .shape .delete svg,.gcx-forms.defaults .FilePicker .file .delete svg{width:2em;height:20px;margin-left:0;vertical-align:top;text-align:center}.gcx-forms.defaults .GeometryPicker .shape .delete svg .remove,.gcx-forms.defaults .FilePicker .file .delete svg .remove{fill:#666}.gcx-forms.defaults .GeometryPicker .shape>div,.gcx-forms.defaults .Scanner .scanner-container .user-controls,.gcx-forms.defaults .FilePicker .file>div{display:flex;flex-direction:row}.gcx-forms.defaults .GeometryPicker .shape label,.gcx-forms.defaults .FilePicker .file label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .FilePicker .file .delete{display:inline-block;width:auto;margin-right:0}.gcx-forms.defaults .dropdown select{display:block;position:absolute;z-index:1}.gcx-forms.defaults .dropdown select:disabled{display:none}.gcx-forms.defaults .dropdown input{display:inline}.gcx-forms.defaults .AutoComplete input[type=text]{width:100%}.gcx-forms.defaults .AutoComplete .suggestions{position:absolute;width:100%;max-height:15.1em;border:.063em solid #ccc;margin:0;padding:0;list-style-type:none;overflow:auto;background-color:#fff;z-index:1}.gcx-forms.defaults .AutoComplete .suggestions li{padding:.35em}.gcx-forms.defaults .AutoComplete .suggestions li:hover,.gcx-forms.defaults .AutoComplete .suggestions li.selected{color:#fff;background-color:#197dc8}.gcx-forms.defaults .AutoComplete .suggestions li.disabled{color:#777;background-color:transparent}.gcx-forms.defaults .ItemPicker button{margin:.313em .625em .313em 0;padding:.3em .75em .35em;border:1px solid #ccc;border-radius:1px;background-color:buttonface;font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:.85em;cursor:pointer}.gcx-forms.defaults .ItemPicker input[type=text]{display:inline-block;width:100%;margin:.313em .5em .313em 0}.gcx-forms.defaults .ItemPicker .filter-container{position:relative}.gcx-forms.defaults .ItemPicker .filter-container button{position:absolute;top:5px;right:-5px;padding:0 .25em;text-indent:-9999px}.gcx-forms.defaults .ItemPicker .filter-container button:after{content:"X";display:block;margin-top:-17px;font-size:1em;color:#000;z-index:1000;text-indent:0}.gcx-forms.defaults .ItemPicker .items{margin-top:1em}.gcx-forms.defaults .ItemPicker .items label{display:flex;align-items:flex-start;padding:.5em;cursor:pointer}.gcx-forms.defaults .ItemPicker .items label:hover{background-color:rgba(1,119,121,.1)}.gcx-forms.defaults .ItemPicker .items label input{margin-top:.3em}.gcx-forms.defaults .ItemPicker .items label p{font-size:.9em;line-height:1.2}.gcx-forms.defaults .ItemPicker .items button{margin:.313em .625em .313em 0;padding:.3em .75em .35em;border:1px solid #ccc;border-radius:1px;background-color:buttonface;font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:.85em;cursor:pointer}.gcx-forms.defaults .inline-title{align-items:start;display:grid;grid-template-columns:1fr 2fr}.gcx-forms.defaults .inline-title>.form-element-title{grid-column-start:1;margin:0;overflow-wrap:anywhere}.gcx-forms.defaults .inline-title>.form-element-content{grid-column-start:2}.gcx-forms.defaults .CheckGroup .items.horizontal,.gcx-forms.defaults .RadioGroup .items.horizontal,.gcx-forms.defaults .ItemPicker .items.horizontal{display:flex;flex-wrap:wrap}.gcx-forms.defaults .ItemPicker .items.horizontal>label{margin:0}.gcx-forms.defaults .CheckGroup .items.horizontal>label,.gcx-forms.defaults .RadioGroup .items.horizontal>label{margin-right:.5em}.Section.fieldset-section{margin:.313em .313em 0;border:solid #d9d9d9 .188em}.Section.fieldset-section>div,.Section.fieldset-section>label,.Section.fieldset-section>hr{margin-left:.5em;margin-right:.5em}.Section.fieldset-section>.form-element-title{padding-bottom:.25em;color:#333}.Section.fieldset-section .description{margin-left:.5em}.Section.collapsible-section>.form-element-title,.Section.accordion-section>.form-element-title{cursor:pointer;border:none;display:flex;flex-direction:row;align-items:center;margin:0;padding:.2em .6em .2em .6em;text-align:left;width:100%;background-color:#d9d9d9}.Section.collapsible-section>.form-element-title .caption,.Section.accordion-section>.form-element-title .caption{display:flex;flex:1;align-items:center;overflow:hidden}.Section.collapsible-section .content.collapsed,.Section.accordion-section .content.collapsed{display:none}.Section.basic-section{margin:.313em .313em 0;padding-left:.5em;padding-right:.5em;padding-bottom:.625em;border-left:solid #d9d9d9 .5em}.Section .unstyled-section{margin:0 .5em}

package/forms/styles/stock.js

@@ -0,0 +1 @@
+const CSS='.gcx-forms.defaults .Row{display:flex;gap:.5em}.gcx-forms.defaults .Row>*{flex-grow:1}.gcx-forms.defaults .Row>.CheckBox,.gcx-forms.defaults .Row>.CheckGroup,.gcx-forms.defaults .Row>.Image,.gcx-forms.defaults .Row>.Number,.gcx-forms.defaults .Row>.RadioGroup{flex-grow:0}.gcx-forms.defaults .Row .inline-title{grid-template-columns:1fr 1fr}.gcx-forms.defaults .notice p:first-child{margin-top:0}.gcx-forms.defaults .notice p:last-child{margin-bottom:0}.gcx-forms.defaults .TextEditor .shell{overflow-x:auto}.gcx-forms.defaults .TextEditor .shell *{border:none;outline:none;margin:0;padding:0}.gcx-forms.defaults h1,.gcx-forms.defaults h2,.gcx-forms.defaults h3{margin:0}.gcx-forms.defaults .center{text-align:center}.gcx-forms.defaults input[type=range]{display:none}.gcx-forms.defaults [type=number]{display:block;width:6em;height:1.7em;padding:0 .25em 0 .5em;border:.063em solid #ccc;border-radius:.125em}.gcx-forms.defaults .error input,.gcx-forms.defaults .error textarea,.gcx-forms.defaults .error .shell,.gcx-forms.defaults .error select{border:1px solid #b71d1d}.gcx-forms.defaults .error .inline{color:#b71d1d}.gcx-forms.defaults .notice{color:#b71d1d;font-size:smaller}.gcx-forms.defaults hr{display:block;margin:1.5em 0;width:auto}.gcx-forms.defaults .arrowRollup circle{fill:none;stroke:none}.gcx-forms.defaults .arrowRollup polyline{fill:none;stroke:#000;stroke-width:25}.gcx-forms.defaults .arrowRollup,.gcx-forms.defaults .crossDelete{width:12px;height:12px}.gcx-forms.defaults .crossAdd{width:10px;height:10px}.gcx-forms.defaults .crossAdd polyline{stroke:#fff;stroke-width:25}.gcx-forms.defaults .chevronUp,.gcx-forms.defaults .chevronDown{fill:currentColor;display:inline-block;width:24px;height:24px}.gcx-forms.defaults .crossDelete circle{fill:red;stroke:red}.gcx-forms.defaults .crossDelete polyline{stroke:#fff;stroke-width:25;fill:none}.gcx-forms.defaults .GeometryPicker{margin-bottom:12px}.gcx-forms.defaults .GeometryPicker label{display:inline}.gcx-forms.defaults .GeometryPicker .arrowRollup circle{fill:red}.gcx-forms.defaults .GeometryPicker .arrowRollup polyline{stroke:#fff}.gcx-forms.defaults .GeometryPicker .shape label,.gcx-forms.defaults .FilePicker .file label{width:90%;display:inline-block;height:32px;border:.125em solid #eee;background:#f8f8f8;margin-bottom:.55em;box-sizing:border-box;font-size:smaller;font-style:italic;margin-right:.5em;line-height:30px;padding-left:12px}.gcx-forms.defaults .GeometryPicker .shape input[type=checkbox]{opacity:0;width:0;margin:0;padding:0}.gcx-forms.defaults .GeometryPicker .shape.checked label,.gcx-forms.defaults .GeometryPicker .shape.checked.hover label,.gcx-forms.defaults .GeometryPicker .shape.checked.focus label{background:#def2ff;border-color:#197dc8}.gcx-forms.defaults .GeometryPicker .shape.hover label,.gcx-forms.defaults .GeometryPicker .shape.focus label{background:#f8f8f8;border-color:#bbb}.gcx-forms.defaults .GeometryPicker .add-shape .add,.gcx-forms.defaults .FilePicker .add-file .add{width:100%;height:2.25em;margin-right:6px;background:#197dc8;border:none;font-size:medium;text-align:left;box-sizing:border-box;cursor:pointer;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add p,.gcx-forms.defaults .GeometryPicker .add-shape .add em,.gcx-forms.defaults .GeometryPicker .add-shape .add strong,.gcx-forms.defaults .GeometryPicker .add-shape .add code,.gcx-forms.defaults .FilePicker .add-file .add p,.gcx-forms.defaults .FilePicker .add-file .add em,.gcx-forms.defaults .FilePicker .add-file .add strong,.gcx-forms.defaults .FilePicker .add-file .add code{margin:0;color:#fff !important}.gcx-forms.defaults .GeometryPicker .add-shape .add:hover,.gcx-forms.defaults .GeometryPicker .add-shape .add:active,.gcx-forms.defaults .GeometryPicker .add-shape .add:focus,.gcx-forms.defaults .FilePicker .add-file .add:hover,.gcx-forms.defaults .FilePicker .add-file .add:active,.gcx-forms.defaults .FilePicker .add-file .add:focus{background:#5caeeb;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add:disabled,.gcx-forms.defaults .FilePicker .add-file .add:disabled{color:#333;cursor:default;background:#eee;transition:background .3s ease-in-out}.gcx-forms.defaults .GeometryPicker .add-shape .add:disabled .crossAdd polyline,.gcx-forms.defaults .FilePicker .add-file .add:disabled .crossAdd polyline{stroke:#333}.gcx-forms.defaults .GeometryPicker .add-shape .add svg,.gcx-forms.defaults .FilePicker .add-file .add svg{margin:0 .5em}.gcx-forms.defaults .Scanner.error .scanner-container .scan p,.gcx-forms.defaults .Scanner.error .scanner-container .scan em,.gcx-forms.defaults .Scanner.error .scanner-container .scan strong,.gcx-forms.defaults .Scanner.error .scanner-container .scan code,.gcx-forms.defaults .GeometryPicker.error .add-shape .add p,.gcx-forms.defaults .GeometryPicker.error .add-shape .add em,.gcx-forms.defaults .GeometryPicker.error .add-shape .add strong,.gcx-forms.defaults .GeometryPicker.error .add-shape .add code,.gcx-forms.defaults .FilePicker.error .add-file .add p,.gcx-forms.defaults .FilePicker.error .add-file .add em,.gcx-forms.defaults .FilePicker.error .add-file .add strong,.gcx-forms.defaults .FilePicker.error .add-file .add code{color:#b71d1d !important}.gcx-forms.defaults .Scanner{margin-bottom:.313em}.gcx-forms.defaults .Scanner .scanner-container .video-element{width:100%;height:75%;margin-bottom:6px}.gcx-forms.defaults .Scanner .scanner-container .user-controls .manual-entry{flex-grow:1}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan{border:none;transition:background .3s ease-in-out;cursor:pointer;margin:0 0 0 12px;background:#197dc8;font-size:medium;height:2.25em}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:hover,.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:focus{background:#5caeeb}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan:disabled{color:#333;cursor:default;background:#eee;transition:background .3s ease-in-out}.gcx-forms.defaults .Scanner .scanner-container .user-controls .scan svg{stroke:#fff;fill:#fff;width:2em;height:20px;margin-left:0;vertical-align:top;text-align:center}.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] p,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] em,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] strong,.gcx-forms.defaults .Scanner .scanner-container .scan[disabled=""] code,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] p,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] em,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] strong,.gcx-forms.defaults .GeometryPicker .add-shape .add[disabled=""] code,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] p,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] em,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] strong,.gcx-forms.defaults .FilePicker .add-file .add[disabled=""] code{color:#333 !important}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .GeometryPicker .add-shape .clear,.gcx-forms.defaults .FilePicker .file .delete{width:auto;height:2.25em;padding:0;border:none;font-size:medium;background:#eee;border:1px solid #ccc;cursor:pointer}.gcx-forms.defaults .GeometryPicker .add-shape .clear{display:none}.gcx-forms.defaults .GeometryPicker.full .add-shape .add{display:none}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .FilePicker .file .delete{height:32px;vertical-align:top}.gcx-forms.defaults .GeometryPicker .shape .delete svg,.gcx-forms.defaults .FilePicker .file .delete svg{width:2em;height:20px;margin-left:0;vertical-align:top;text-align:center}.gcx-forms.defaults .GeometryPicker .shape .delete svg .remove,.gcx-forms.defaults .FilePicker .file .delete svg .remove{fill:#666}.gcx-forms.defaults .GeometryPicker .shape>div,.gcx-forms.defaults .Scanner .scanner-container .user-controls,.gcx-forms.defaults .FilePicker .file>div{display:flex;flex-direction:row}.gcx-forms.defaults .GeometryPicker .shape label,.gcx-forms.defaults .FilePicker .file label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcx-forms.defaults .GeometryPicker .shape .delete,.gcx-forms.defaults .FilePicker .file .delete{display:inline-block;width:auto;margin-right:0}.gcx-forms.defaults .dropdown select{display:block;position:absolute;z-index:1}.gcx-forms.defaults .dropdown select:disabled{display:none}.gcx-forms.defaults .dropdown input{display:inline}.gcx-forms.defaults .AutoComplete input[type=text]{width:100%}.gcx-forms.defaults .AutoComplete .suggestions{position:absolute;width:100%;max-height:15.1em;border:.063em solid #ccc;margin:0;padding:0;list-style-type:none;overflow:auto;background-color:#fff;z-index:1}.gcx-forms.defaults .AutoComplete .suggestions li{padding:.35em}.gcx-forms.defaults .AutoComplete .suggestions li:hover,.gcx-forms.defaults .AutoComplete .suggestions li.selected{color:#fff;background-color:#197dc8}.gcx-forms.defaults .AutoComplete .suggestions li.disabled{color:#777;background-color:transparent}.gcx-forms.defaults .ItemPicker button{margin:.313em .625em .313em 0;padding:.3em .75em .35em;border:1px solid #ccc;border-radius:1px;background-color:buttonface;font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:.85em;cursor:pointer}.gcx-forms.defaults .ItemPicker input[type=text]{display:inline-block;width:100%;margin:.313em .5em .313em 0}.gcx-forms.defaults .ItemPicker .filter-container{position:relative}.gcx-forms.defaults .ItemPicker .filter-container button{position:absolute;top:5px;right:-5px;padding:0 .25em;text-indent:-9999px}.gcx-forms.defaults .ItemPicker .filter-container button:after{content:"X";display:block;margin-top:-17px;font-size:1em;color:#000;z-index:1000;text-indent:0}.gcx-forms.defaults .ItemPicker .items{margin-top:1em}.gcx-forms.defaults .ItemPicker .items label{display:flex;align-items:flex-start;padding:.5em;cursor:pointer}.gcx-forms.defaults .ItemPicker .items label:hover{background-color:rgba(1,119,121,.1)}.gcx-forms.defaults .ItemPicker .items label input{margin-top:.3em}.gcx-forms.defaults .ItemPicker .items label p{font-size:.9em;line-height:1.2}.gcx-forms.defaults .ItemPicker .items button{margin:.313em .625em .313em 0;padding:.3em .75em .35em;border:1px solid #ccc;border-radius:1px;background-color:buttonface;font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:.85em;cursor:pointer}.gcx-forms.defaults .inline-title{align-items:start;display:grid;grid-template-columns:1fr 2fr}.gcx-forms.defaults .inline-title>.form-element-title{grid-column-start:1;margin:0;overflow-wrap:anywhere}.gcx-forms.defaults .inline-title>.form-element-content{grid-column-start:2}.gcx-forms.defaults .CheckGroup .items.horizontal,.gcx-forms.defaults .RadioGroup .items.horizontal,.gcx-forms.defaults .ItemPicker .items.horizontal{display:flex;flex-wrap:wrap}.gcx-forms.defaults .ItemPicker .items.horizontal>label{margin:0}.gcx-forms.defaults .CheckGroup .items.horizontal>label,.gcx-forms.defaults .RadioGroup .items.horizontal>label{margin-right:.5em}.Section.fieldset-section{margin:.313em .313em 0;border:solid #d9d9d9 .188em}.Section.fieldset-section>div,.Section.fieldset-section>label,.Section.fieldset-section>hr{margin-left:.5em;margin-right:.5em}.Section.fieldset-section>.form-element-title{padding-bottom:.25em;color:#333}.Section.fieldset-section .description{margin-left:.5em}.Section.collapsible-section>.form-element-title,.Section.accordion-section>.form-element-title{cursor:pointer;border:none;display:flex;flex-direction:row;align-items:center;margin:0;padding:.2em .6em .2em .6em;text-align:left;width:100%;background-color:#d9d9d9}.Section.collapsible-section>.form-element-title .caption,.Section.accordion-section>.form-element-title .caption{display:flex;flex:1;align-items:center;overflow:hidden}.Section.collapsible-section .content.collapsed,.Section.accordion-section .content.collapsed{display:none}.Section.basic-section{margin:.313em .313em 0;padding-left:.5em;padding-right:.5em;padding-bottom:.625em;border-left:solid #d9d9d9 .5em}.Section .unstyled-section{margin:0 .5em}';export{CSS};

package/index.d.ts

@@ -0,0 +1,2 @@
+export type { IActivityHandler } from "./IActivityHandler";
+export * from "./forms/index";

package/index.js

@@ -0,0 +1 @@
+export*from"./forms/index.js";

package/libs/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION = "5.33.0+36";

package/libs/version.js

@@ -0,0 +1 @@
+const VERSION="5.33.0+36";export{VERSION};