@vertigis/workflow 5.32.2 → 5.33.0

package/esm/forms/number.js

@@ -1 +0,0 @@
-import{lazy,Suspense}from"react";import*as React from"react";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isNumberRef,isString,makeSafeClassName}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),a=u.precision;"number"==typeof a&&0*a==0||(a=3);const l=Math.pow(10,-1*a);let e=Math.round(u.step/l)*l;"number"==typeof e&&0*e<e||(e=void 0);let m=Math.floor(u.lowerBound/l)*l;"number"==typeof m&&0*m==0||(m=void 0);let i=Math.ceil(u.upperBound/l)*l;"number"==typeof i&&0*i==0||(i=void 0),void 0!==m&&void 0!==i&&i<=m&&(m=void 0,i=void 0);const s=[CssClasses.NUMERIC,makeSafeClassName(r)];void 0!==e&&s.push(CssClasses.STEPPER),u={precision:a,step:e,lowerBound:m,upperBound:i};const c={useGrouping:!0,minimumFractionDigits:0<a?a:0,maximumFractionDigits:0<a?a: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!==i&&e>i&&(e=i),void 0!==m&&e<m&&(e=m),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=a;return e=20<e?20:e,e=e<0?0:e,r.toFixed(e)}}let f=null,d=("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),f.value=e,d!==e&&(d=e,o.post("changed",{name:r,value:t.value}),1)}var N=o.renderText(t.prompt),g=o.renderText(t.tooltip);return React.createElement(FormElementOuter,{className:s.join(" "),component:n,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label",ref:function(e){null!==e&&null===e.querySelector("*:focus")&&(f.value=d,o.renderFocus(f,r))}},React.createElement("input",{placeholder:N,title:g,type:"number",disabled:!n.enabled,min:m,max:i,step:e,onKeyDown:function(e){var r=getKeyString(e);if("enter"===r&&v(f.value))return f.select(),e.preventDefault(),e.stopPropagation(),!1;"escape"===r&&(f.value=d,f.select()),n.autoInput=!1},onFocus:function(){f.select()},onMouseDown:function(){n.autoInput=!0},onChange:function(){n.autoInput&&(v(f.value),f.select())},onBlur:function(){v(f.value)},ref:function(e){f=e}}))}export{renderNumberRangeSlider,renderNumberSlider,renderNumber};

package/esm/forms/numberFormatter.d.ts

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

package/esm/forms/numberFormatter.js

@@ -1 +0,0 @@
-import{DEFAULT_LOCALE}from"../constants.js";export{isNumeric}from"./utils";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/esm/forms/numberSliderUtilities.d.ts

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

package/esm/forms/presenter.d.ts

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

package/esm/forms/renderers.d.ts

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

package/esm/forms/renderers.js

@@ -1 +0,0 @@
-import{createElement}from"react";import*as React from"react";import{FormComponent,FormElement}from"./FormComponent.js";import*as defs from"./FormDefinition.js";import FormElementOuter from"./FormElementOuter.js";import{renderChevronDown,renderChevronUp}from"./assets/stock.js";import{renderDescription,renderTitle,renderError,renderFocus}from"./common.js";import{CssClasses,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*as text from"./text.js";import{makeSafeClassName,sort,makeUniqueId}from"./utils.js";function renderForm(e){const o=e.props.host,n={host:o,type:"header",children:[]},s={host:o,type:"body",children:[]},m={host:o,type:"main",children:[]},a={host:o,type:"footer",children:[]},r={host:o,type:"body",children:[]},l={},c=[];function t(e){if(void 0===e)return s;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 c)if(r.name===e)return r})(r);return void 0===t&&(t={host:o,name:r,type:"section",children:[]},c.push(t)),t}function i(e){return"Section"!==e}function d(e){return e===n||e===s||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&&i(h.type)))if(!0!==f.overlay){let e=t(f.section);void 0!==f.rowNumber&&(u=d(e),e=function(e,r){let t=l[r];t=t||(l[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(FormElement,{key:R,host:o,type:"element",name:R}))}else r.children.push(React.createElement(FormElement,{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(s);for(const N of c)y=N.name,null!=(y=p[y])&&(i(y.type)||!0===y.hoisted||!1===y.visible)||v(t(N.name));0<m.children.length&&E.push(React.createElement(FormComponent,{key:"main",...m}))}function v(e){var r=e===s?"body":`$${e.name}`,t=d(e),n=l[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&&m.children.push(React.createElement(FormComponent,{key:r,...e}))}return 0<a.children.length&&E.push(React.createElement(FormComponent,{key:"footer",...a})),React.createElement("div",{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.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.renderPasswordBox=text.renderPasswordBox,e.renderTextArea=text.renderTextArea,e.renderTextBox=text.renderTextBox,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 s=a||"collapsible-section"===e;const m=[t.type,makeSafeClassName(o),e];t.styleName&&m.push(makeSafeClassName(t.styleName));let l=null,c;var i=makeUniqueId(o);let d="content";if(s){let e="form-element-title";t.collapsed&&(e+=" collapsed",d+=" collapsed");var p=(t.collapsed?renderChevronDown:renderChevronUp)();l=renderTitle(t,n,i,"caption"),c=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)},l||React.createElement("span",{className:"caption"}),p)}else l=renderTitle(t,n,i),c=l;var u=renderDescription(t,n,i),s=renderError(t,n),p=l?.props?.id,i=u?.props?.id;return React.createElement("div",{"aria-labelledby":p,"aria-describedby":i,className:m.join(" ")},c,React.createElement("div",{className:d},u,s,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.renderText=function(e,r){var t=e.props.name;const n=[r.type,makeSafeClassName(t)];return React.createElement(FormElementOuter,{className:n.join(" "),component:e,element:r})},e.renderImage=function(e,r){const{host:t,name:n}=e.props;let o,a;var s=r.size;"number"==typeof s&&(a=s,o=s),"object"==typeof s&&("number"==typeof s.width&&(o=s.width),"number"==typeof s.height&&(a=s.height));let m=void 0;"string"==typeof(s=r.value)&&(m=s);const l=[r.type,makeSafeClassName(n)];return s=t.renderText(r.tooltip),React.createElement(FormElementOuter,{className:l.join(" "),component:e,element:r},React.createElement("img",{src:m,title:s,width:o,height:a}))},e.renderButtonBar=function(e,r){const{host:n,name:o}=e.props;var t=sort(r.items);let a=void 0;const s=[];for(const h in t){var m=t[h],l=e.enabled&&!1!==m.enabled&&!1!==m.visible,c={__html:n.renderHtml(m.label,defs.HTMLContentCategory.Phrasing)},i=n.renderText(m.tooltip),d=t[h].value;l&&void 0===a&&(a=h);var p=m.styleName?makeSafeClassName(m.styleName):void 0;!1!==m.visible&&s.push(React.createElement("button",{className:p,key:h,disabled:!l,title:i,ref:function(r){return function(e){null!==e&&r===a&&n.renderFocus(e,o)}}(h),onClick:function(r,t){return function(e){n.post("clicked",{name:o,item:r,value:t})}}(h,d),dangerouslySetInnerHTML:c}))}const u=[r.type,makeSafeClassName(o)],f=["items"];return r.orientation===Orientation.VERTICAL&&f.push("vertical"),React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR},React.createElement("div",{className:f.join(" ")},s))},e.renderCustom=function(e,r){var t=e.props.name;e.elementRegistration||console.warn(`Unable to render custom form element '${t}' of type '${r.customType}'.`);const n=[r.type,makeSafeClassName(t)];return React.createElement(FormElementOuter,{className:n.join(" "),component:e,element:r,errorClassName:CssClasses.ERROR},e.elementRegistration?createElement(e.elementRegistration.component,getElementProps(e,r)):`--- ${r.customType} ---`)}}(element=element||{});export{renderForm,renderHeader,renderFooter,renderBody,renderRow,renderMain,renderNone,element,getElementProps};

package/esm/forms/scanner.d.ts

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

package/esm/forms/scanner.js

@@ -1 +0,0 @@
-import{useState,useEffect,useRef}from"react";import*as React from"react";import FormElementOuter from"./FormElementOuter.js";import{renderRemove,renderScanBarcode,renderScanQrcode,renderScanMulti}from"./assets/stock.js";import{useFocusCallback}from"./common.js";import{CssClasses,ScanType,SCANNER_DEFAULT_ROW_COUNT}from"./constants.js";import{getKeyString}from"./keyboard.js";import{isScanRef,makeSafeClassName}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:i,element:d}=e,{host:u,name:p}=i.props;var E="barcode"!==d.scanType;let v=d.value;useEffect(()=>(c(!0),()=>c(!1)),[]),useEffect(()=>{n&&d.enabled&&d.autoActivate&&(d.autoActivate=!1,R())},[n]),useEffect(()=>{const e=()=>{l(!1),setTimeout(()=>{n&&l(!0)},CAMERA_READY_TIMEOUT_MS)};return t&&e(),()=>{t&&(t.reset(),e())}},[t]);var y=useFocusCallback(i);useEffect(()=>{!isScanRef(v)&&v&&(d.value=v=convertToScanRef(v));var e=v?.value||"";a!==e&&r(e)},[v]);var S=u.renderText(d.tooltip);const f=(e,a,t)=>{e&&v?.value!==e&&(t=convertToScanRef(e,a,t),d.value=t,r(e),u.post("changed",{name:i.props.name,value:t}))},C=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},R=async()=>{if(t)return o(null),void u.post("cancel",{name:i.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 C(e);const t=new Map;return t.set(a.DecodeHintType.POSSIBLE_FORMATS,e),t})(d.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 C(ScanType.QrCode);var t=n.indexOf(r.getBarcodeFormat())<0?ScanType.BarCode:ScanType.QrCode;f(r.toString(),EntryMethod.Camera,t),o(null)}catch(e){e instanceof DOMException&&(d.error=e.message,o(null))}})(e))};var T=e=>{t&&o(null),f(e.currentTarget.value,EntryMethod.Manual)},e=e=>{r(e.currentTarget.value)};const F=[d.type,makeSafeClassName(p)];return React.createElement(FormElementOuter,{className:F.join(" "),component:i,element:d,errorClassName:CssClasses.ERROR},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"},E?React.createElement("textarea",{className:"manual-entry",disabled:!(i.enabled&&d.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>e.stopPropagation(),ref:y,rows:d.size||SCANNER_DEFAULT_ROW_COUNT,spellCheck:!1,title:S,value:a}):React.createElement("input",{className:"manual-entry",disabled:!(i.enabled&&d.manualEntry),onBlur:T,onChange:e,onKeyDown:e=>{var a=e.currentTarget;"enter"===getKeyString(e)&&(e.stopPropagation(),t&&o(null),f(a.value,EntryMethod.Manual))},ref:y,title:S,type:"text",value:a}),React.createElement("button",{className:t?"scan activated":"scan",disabled:!(i.enabled&&s),title:S,onClick:e=>R(),ref:y},(t?renderRemove:d.scanType===ScanType.BarCode?renderScanBarcode:d.scanType===ScanType.QrCode?renderScanQrcode:renderScanMulti)())))))};export{renderScanner};

package/esm/forms/selectors.d.ts

@@ -1,9 +0,0 @@
-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/esm/forms/selectors.js

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

package/esm/forms/styles/daterange.css

@@ -1 +0,0 @@
-.SimpleDatePicker .dropdown,.DateRangePicker .dropdown{position:absolute;padding:0 1em 1em 1em;overflow:auto;text-align:center;background-color:#fff;box-sizing:border-box;box-shadow:0 .313em .8em rgba(0,0,0,.2);transition:all .3s ease-in-out;z-index:1;right:0}.SimpleDatePicker .dropdown .rdrCalendarWrapper,.DateRangePicker .dropdown .rdrCalendarWrapper{width:100%}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrDateDisplayWrapper,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrDateDisplayWrapper{display:none}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth{width:100%}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth .rdrMonthName,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth .rdrMonthName{display:none}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth .rdrDays .rdrDayNumber,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonths .rdrMonth .rdrDays .rdrDayNumber{top:0}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper{padding-top:0}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers{display:inherit !important}.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers .rdrMonthPicker select,.SimpleDatePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers .rdrYearPicker select,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers .rdrMonthPicker select,.DateRangePicker .dropdown .rdrCalendarWrapper .rdrMonthAndYearWrapper .rdrMonthAndYearPickers .rdrYearPicker select{padding:10px 30px 10px 10px;position:inherit;width:auto;border:none}.SimpleDatePicker .dropdown .rdrCalendarWrapper button,.SimpleDatePicker .dropdown .rdrDateRangeWrapper button,.DateRangePicker .dropdown .rdrCalendarWrapper button,.DateRangePicker .dropdown .rdrDateRangeWrapper button{margin:0 !important}.SimpleDatePicker .dropdown button.done,.DateRangePicker .dropdown button.done{width:25%;margin-right:0;margin-left:75%}.SimpleDatePicker .rdrCalendarWrapper,.DateRangePicker .rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SimpleDatePicker .rdrMonthAndYearWrapper,.DateRangePicker .rdrMonthAndYearWrapper{box-sizing:inherit;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}.SimpleDatePicker .rdrMonthAndYearPickers,.DateRangePicker .rdrMonthAndYearPickers{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.SimpleDatePicker .rdrNextPrevButton,.DateRangePicker .rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.SimpleDatePicker .rdrMonths,.DateRangePicker .rdrMonths{display:-webkit-box;display:flex}.SimpleDatePicker .rdrMonthsHorizontal>div>div>div,.DateRangePicker .rdrMonthsHorizontal>div>div>div{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.SimpleDatePicker .rdrMonth,.DateRangePicker .rdrMonth{width:27.667em}.SimpleDatePicker .rdrWeekDays,.DateRangePicker .rdrWeekDays{display:-webkit-box;display:flex}.SimpleDatePicker .rdrWeekDay,.DateRangePicker .rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.SimpleDatePicker .rdrDays,.DateRangePicker .rdrDays{display:-webkit-box;display:flex;flex-wrap:wrap}.SimpleDatePicker .rdrDateRangeWrapper,.DateRangePicker .rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.SimpleDatePicker .rdrDay,.DateRangePicker .rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.SimpleDatePicker .rdrDayNumber,.DateRangePicker .rdrDayNumber{display:block;position:relative}.SimpleDatePicker .rdrDayNumber span,.DateRangePicker .rdrDayNumber span{color:#1d2429}.SimpleDatePicker .rdrDayDisabled,.DateRangePicker .rdrDayDisabled{cursor:not-allowed}@supports(-ms-ime-align: auto){.SimpleDatePicker .rdrDay,.DateRangePicker .rdrDay{flex-basis:14.285% !important}}.SimpleDatePicker .rdrSelected,.SimpleDatePicker .rdrInRange,.SimpleDatePicker .rdrStartEdge,.SimpleDatePicker .rdrEndEdge,.DateRangePicker .rdrSelected,.DateRangePicker .rdrInRange,.DateRangePicker .rdrStartEdge,.DateRangePicker .rdrEndEdge{pointer-events:none}.SimpleDatePicker .rdrDayStartPreview,.SimpleDatePicker .rdrDayInPreview,.SimpleDatePicker .rdrDayEndPreview,.DateRangePicker .rdrDayStartPreview,.DateRangePicker .rdrDayInPreview,.DateRangePicker .rdrDayEndPreview{pointer-events:none}.SimpleDatePicker .rdrCalendarWrapper,.DateRangePicker .rdrCalendarWrapper{color:#000;font-size:12px}.SimpleDatePicker .rdrDateDisplayWrapper,.DateRangePicker .rdrDateDisplayWrapper{background-color:#eff2f7}.SimpleDatePicker .rdrMonthAndYearWrapper,.DateRangePicker .rdrMonthAndYearWrapper{-webkit-box-align:center;align-items:center;height:60px;padding-top:10px}.SimpleDatePicker .rdrMonthAndYearPickers,.DateRangePicker .rdrMonthAndYearPickers{font-weight:600}.SimpleDatePicker .rdrMonthAndYearPickers select,.DateRangePicker .rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.SimpleDatePicker .rdrMonthAndYearPickers select:hover,.DateRangePicker .rdrMonthAndYearPickers select:hover{background-color:rgba(0,0,0,.07)}.SimpleDatePicker .rdrMonthPicker,.SimpleDatePicker .rdrYearPicker,.DateRangePicker .rdrMonthPicker,.DateRangePicker .rdrYearPicker{margin:0 5px}.SimpleDatePicker .rdrNextPrevButton,.DateRangePicker .rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.SimpleDatePicker .rdrNextPrevButton:hover,.DateRangePicker .rdrNextPrevButton:hover{background:#e1e7f0}.SimpleDatePicker .rdrNextPrevButton i,.DateRangePicker .rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;-webkit-transform:translate(-3px, 0px);transform:translate(-3px, 0px)}.SimpleDatePicker .rdrPprevButton i,.DateRangePicker .rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent #34495e transparent transparent;-webkit-transform:translate(-3px, 0px);transform:translate(-3px, 0px)}.SimpleDatePicker .rdrNextButton i,.DateRangePicker .rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent #34495e;-webkit-transform:translate(3px, 0px);transform:translate(3px, 0px)}.SimpleDatePicker .rdrWeekDays,.DateRangePicker .rdrWeekDays{padding:0 .833em}.SimpleDatePicker .rdrMonth,.DateRangePicker .rdrMonth{padding:0 .833em 1.666em .833em}.SimpleDatePicker .rdrMonth .rdrWeekDays,.DateRangePicker .rdrMonth .rdrWeekDays{padding:0}.SimpleDatePicker .rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName,.DateRangePicker .rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.SimpleDatePicker .rdrWeekDay,.DateRangePicker .rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.SimpleDatePicker .rdrDay,.DateRangePicker .rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.SimpleDatePicker .rdrDay:focus,.DateRangePicker .rdrDay:focus{outline:0}.SimpleDatePicker .rdrDayNumber,.DateRangePicker .rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:0;bottom:0;top:5px;bottom:5px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.SimpleDatePicker .rdrDayToday .rdrDayNumber span,.DateRangePicker .rdrDayToday .rdrDayNumber span{font-weight:500}.SimpleDatePicker .rdrDayToday .rdrDayNumber span:after,.DateRangePicker .rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);width:18px;height:2px;border-radius:2px;background:#3d91ff}.SimpleDatePicker .rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.SimpleDatePicker .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.SimpleDatePicker .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.SimpleDatePicker .rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,.DateRangePicker .rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.DateRangePicker .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.DateRangePicker .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.DateRangePicker .rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.SimpleDatePicker .rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.SimpleDatePicker .rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.SimpleDatePicker .rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.SimpleDatePicker .rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,.DateRangePicker .rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.DateRangePicker .rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.DateRangePicker .rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.DateRangePicker .rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:rgba(255,255,255,.85)}.SimpleDatePicker .rdrSelected,.SimpleDatePicker .rdrInRange,.SimpleDatePicker .rdrStartEdge,.SimpleDatePicker .rdrEndEdge,.DateRangePicker .rdrSelected,.DateRangePicker .rdrInRange,.DateRangePicker .rdrStartEdge,.DateRangePicker .rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.SimpleDatePicker .rdrSelected,.DateRangePicker .rdrSelected{left:2px;right:2px}.SimpleDatePicker .rdrStartEdge,.DateRangePicker .rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.SimpleDatePicker .rdrEndEdge,.DateRangePicker .rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.SimpleDatePicker .rdrSelected,.DateRangePicker .rdrSelected{border-radius:1.042em}.SimpleDatePicker .rdrDayStartOfMonth .rdrInRange,.SimpleDatePicker .rdrDayStartOfMonth .rdrEndEdge,.SimpleDatePicker .rdrDayStartOfWeek .rdrInRange,.SimpleDatePicker .rdrDayStartOfWeek .rdrEndEdge,.DateRangePicker .rdrDayStartOfMonth .rdrInRange,.DateRangePicker .rdrDayStartOfMonth .rdrEndEdge,.DateRangePicker .rdrDayStartOfWeek .rdrInRange,.DateRangePicker .rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.SimpleDatePicker .rdrDayEndOfMonth .rdrInRange,.SimpleDatePicker .rdrDayEndOfMonth .rdrStartEdge,.SimpleDatePicker .rdrDayEndOfWeek .rdrInRange,.SimpleDatePicker .rdrDayEndOfWeek .rdrStartEdge,.DateRangePicker .rdrDayEndOfMonth .rdrInRange,.DateRangePicker .rdrDayEndOfMonth .rdrStartEdge,.DateRangePicker .rdrDayEndOfWeek .rdrInRange,.DateRangePicker .rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.SimpleDatePicker .rdrDayStartOfMonth .rdrDayInPreview,.SimpleDatePicker .rdrDayStartOfMonth .rdrDayEndPreview,.SimpleDatePicker .rdrDayStartOfWeek .rdrDayInPreview,.SimpleDatePicker .rdrDayStartOfWeek .rdrDayEndPreview,.DateRangePicker .rdrDayStartOfMonth .rdrDayInPreview,.DateRangePicker .rdrDayStartOfMonth .rdrDayEndPreview,.DateRangePicker .rdrDayStartOfWeek .rdrDayInPreview,.DateRangePicker .rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0px}.SimpleDatePicker .rdrDayEndOfMonth .rdrDayInPreview,.SimpleDatePicker .rdrDayEndOfMonth .rdrDayStartPreview,.SimpleDatePicker .rdrDayEndOfWeek .rdrDayInPreview,.SimpleDatePicker .rdrDayEndOfWeek .rdrDayStartPreview,.DateRangePicker .rdrDayEndOfMonth .rdrDayInPreview,.DateRangePicker .rdrDayEndOfMonth .rdrDayStartPreview,.DateRangePicker .rdrDayEndOfWeek .rdrDayInPreview,.DateRangePicker .rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0px}.SimpleDatePicker .rdrDayStartPreview,.SimpleDatePicker .rdrDayInPreview,.SimpleDatePicker .rdrDayEndPreview,.DateRangePicker .rdrDayStartPreview,.DateRangePicker .rdrDayInPreview,.DateRangePicker .rdrDayEndPreview{background:rgba(255,255,255,.09);position:absolute;top:3px;left:0px;right:0px;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.SimpleDatePicker .rdrDayStartPreview,.DateRangePicker .rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0px}.SimpleDatePicker .rdrDayInPreview,.DateRangePicker .rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.SimpleDatePicker .rdrDayEndPreview,.DateRangePicker .rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:2px;right:0px}.SimpleDatePicker .rdrDayPassive,.DateRangePicker .rdrDayPassive{pointer-events:none}.SimpleDatePicker .rdrDayPassive .rdrDayNumber span,.DateRangePicker .rdrDayPassive .rdrDayNumber span{color:#d5dce0}.SimpleDatePicker .rdrDayPassive .rdrInRange,.SimpleDatePicker .rdrDayPassive .rdrStartEdge,.SimpleDatePicker .rdrDayPassive .rdrEndEdge,.SimpleDatePicker .rdrDayPassive .rdrSelected,.SimpleDatePicker .rdrDayPassive .rdrDayStartPreview,.SimpleDatePicker .rdrDayPassive .rdrDayInPreview,.SimpleDatePicker .rdrDayPassive .rdrDayEndPreview,.DateRangePicker .rdrDayPassive .rdrInRange,.DateRangePicker .rdrDayPassive .rdrStartEdge,.DateRangePicker .rdrDayPassive .rdrEndEdge,.DateRangePicker .rdrDayPassive .rdrSelected,.DateRangePicker .rdrDayPassive .rdrDayStartPreview,.DateRangePicker .rdrDayPassive .rdrDayInPreview,.DateRangePicker .rdrDayPassive .rdrDayEndPreview{display:none}.SimpleDatePicker .rdrDayDisabled,.DateRangePicker .rdrDayDisabled{background-color:#f8f8f8}.SimpleDatePicker .rdrDayDisabled .rdrDayNumber span,.DateRangePicker .rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.SimpleDatePicker .rdrDayDisabled .rdrInRange,.SimpleDatePicker .rdrDayDisabled .rdrStartEdge,.SimpleDatePicker .rdrDayDisabled .rdrEndEdge,.SimpleDatePicker .rdrDayDisabled .rdrSelected,.SimpleDatePicker .rdrDayDisabled .rdrDayStartPreview,.SimpleDatePicker .rdrDayDisabled .rdrDayInPreview,.SimpleDatePicker .rdrDayDisabled .rdrDayEndPreview,.DateRangePicker .rdrDayDisabled .rdrInRange,.DateRangePicker .rdrDayDisabled .rdrStartEdge,.DateRangePicker .rdrDayDisabled .rdrEndEdge,.DateRangePicker .rdrDayDisabled .rdrSelected,.DateRangePicker .rdrDayDisabled .rdrDayStartPreview,.DateRangePicker .rdrDayDisabled .rdrDayInPreview,.DateRangePicker .rdrDayDisabled .rdrDayEndPreview{-webkit-filter:grayscale(100%) opacity(60%);filter:grayscale(100%) opacity(60%)}.SimpleDatePicker .rdrMonthName,.DateRangePicker .rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}

package/esm/forms/styles/daterange.d.ts

@@ -1 +0,0 @@
-export declare const CSS: string;

package/esm/forms/styles/stock.css

@@ -1 +0,0 @@
-.gcx-forms.defaults{font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:1.25em}.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 label,.gcx-forms.defaults .RadioGroup,.gcx-forms.defaults .Text,.gcx-forms.defaults .Image{margin-bottom:.75em;border:none;color:#333}.gcx-forms.defaults label,.gcx-forms.defaults aside{display:block;margin-bottom:.5em}.gcx-forms.defaults span{display:block;font-size:1.1em}.gcx-forms.defaults .items label{margin-bottom:0}.gcx-forms.defaults .items label:last-child{margin-bottom:1em}.gcx-forms.defaults label:empty,.gcx-forms.defaults aside:empty{display:none}.gcx-forms.defaults label p:first-child,.gcx-forms.defaults aside p:first-child,.gcx-forms.defaults .notice p:first-child{margin-top:0}.gcx-forms.defaults label p:last-child,.gcx-forms.defaults aside p:last-child,.gcx-forms.defaults .notice p:last-child{margin-bottom:0}.gcx-forms.defaults div.inline{display:inline-block}.gcx-forms.defaults input[type=checkbox]{margin-right:.25em;margin-left:.25em;vertical-align:baseline}.gcx-forms.defaults input[type=radio]{margin-right:.25em;margin-left:.25em;vertical-align:baseline}.gcx-forms.defaults input[type=password]{margin-bottom:1em}.gcx-forms.defaults select,.gcx-forms.defaults input[type=text],.gcx-forms.defaults input[type=password],.gcx-forms.defaults textarea,.gcx-forms.defaults .TextEditor .shell{font-size:1em;border:1px solid #ccc;border-radius:1px;padding:3px 6px;display:block;width:100%;box-sizing:border-box}.gcx-forms.defaults textarea{height:auto}.gcx-forms.defaults select:disabled{color:#777;background-color:transparent}.gcx-forms.defaults select:disabled option{color:#777;background-color:transparent}.gcx-forms.defaults select:disabled option:hover{color:#777;background-color:transparent}.gcx-forms.defaults select option{padding:2px 2px 0}.gcx-forms.defaults select option:hover{color:#fff;background-color:#197dc8}.gcx-forms.defaults select option:disabled{color:#777;background-color:transparent}.gcx-forms.defaults .TextEditor .shell{overflow-x:auto}.gcx-forms.defaults .TextEditor .shell *{border:none;outline:none;margin:0;padding:0}.gcx-forms.defaults button{margin-right:6px}.gcx-forms.defaults h1,.gcx-forms.defaults h2,.gcx-forms.defaults h3{margin:0}.gcx-forms.defaults .ButtonBar{margin-top:1.5em}.gcx-forms.defaults .ButtonBar .items{line-height:1;margin-top:2px}.gcx-forms.defaults .ButtonBar .items button{margin-bottom:.313em}.gcx-forms.defaults .ButtonBar .items button p{line-height:1.15}.gcx-forms.defaults .ButtonBar .items.vertical button{display:block;margin-bottom:6px}.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 label.focus{background-color:#eee}.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 .relative{position:relative}.gcx-forms.defaults .DatePicker .time-part{display:none}.gcx-forms.defaults .TimePicker .date-part{display:none}.gcx-forms.defaults .DatePickerInput input,.gcx-forms.defaults .TimePickerInput input{height:2.025em;width:100%;box-sizing:border-box}.gcx-forms.defaults .DatePickerInput .close,.gcx-forms.defaults .TimePickerInput .close{position:relative;display:inline-block;width:2em;max-width:2em}.gcx-forms.defaults .DatePickerInput .overlay,.gcx-forms.defaults .TimePickerInput .overlay{position:relative}.gcx-forms.defaults .DatePickerInput .side,.gcx-forms.defaults .TimePickerInput .side{box-sizing:border-box;left:0;position:absolute;text-align:right;top:0;width:100%}@media screen{.gcx-forms.defaults .DatePickerInput .close .content,.gcx-forms.defaults .TimePickerInput .close .content{display:none}.gcx-forms.defaults .DatePickerInput .close .symbol::after,.gcx-forms.defaults .TimePickerInput .close .symbol::after{content:"✖"}}.gcx-forms.defaults .DatePickerInput .calendar{visibility:hidden;position:absolute;text-align:center;background-color:#fff;box-sizing:border-box;box-shadow:0 .313em .8em rgba(0,0,0,.2);min-width:100%;opacity:0;transition:all .3s ease-in-out;z-index:1;right:0}.gcx-forms.defaults .DatePickerInput .calendar .button{display:block;width:auto;padding:0;font-weight:300;font-size:small;text-align:center;background:none;border:none;cursor:pointer;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button.select{color:#fff;background-color:#197dc8;transition:all .1s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button.select:hover,.gcx-forms.defaults .DatePickerInput .calendar .button.select:active,.gcx-forms.defaults .DatePickerInput .calendar .button.select:focus{color:#333;background-color:#5caeeb;transition:all .1s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button:hover{background-color:#e4f2fc;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header{align-items:center;display:flex;width:80%;margin:.625em auto .313em;padding-bottom:.313em;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header .button:hover{background:none;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header .button:hover .symbol::after{color:#5caeeb;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .footer{padding-bottom:.313em}.gcx-forms.defaults .DatePickerInput .calendar .week{white-space:nowrap}.gcx-forms.defaults .DatePickerInput .main{display:inline-block;margin-bottom:1.25em}.gcx-forms.defaults .DatePickerInput .overlay .button{left:0;top:0;position:absolute;pointer-events:none;width:100%;text-align:right;padding:2px 4px 2px 4px;font-style:italic;box-sizing:border-box;color:gray;font-weight:300;border:none;background:none;border-radius:0}.gcx-forms.defaults .DatePickerInput .overlay .button .content{line-height:1.2}.gcx-forms.defaults .DatePickerInput .dropdown{position:relative}.gcx-forms.defaults .DatePickerInput .opened .calendar{visibility:visible;transition:all .3s ease-in-out;opacity:1}.gcx-forms.defaults .DatePickerInput .bottom{margin-bottom:.5em}.gcx-forms.defaults .DatePickerInput .bottom .content{font-style:italic;color:#999}.gcx-forms.defaults .DatePickerInput .bottom .button{cursor:default}.gcx-forms.defaults .DatePickerInput .bottom .button:hover{background:none;cursor:default}.gcx-forms.defaults .DatePickerInput .left,.gcx-forms.defaults .DatePickerInput .right,.gcx-forms.defaults .DatePickerInput .month,.gcx-forms.defaults .DatePickerInput .day,.gcx-forms.defaults .DatePickerInput .weekday{position:relative;display:inline-block}.gcx-forms.defaults .DatePickerInput .left,.gcx-forms.defaults .DatePickerInput .right,.gcx-forms.defaults .DatePickerInput .day,.gcx-forms.defaults .DatePickerInput .weekday{width:2em;max-width:2em}.gcx-forms.defaults .DatePickerInput .weekday .button:hover{background:none}.gcx-forms.defaults .DatePickerInput .day .button{width:auto;margin:0 .5em;padding:.2em .2em .1em;border-radius:50px}.gcx-forms.defaults .DatePickerInput .dimmed{color:gray}.gcx-forms.defaults .DatePickerInput .today{background-color:#eee}.gcx-forms.defaults .DatePickerInput .month .button{font-weight:bold}.gcx-forms.defaults .DatePickerInput .weekday .button,.gcx-forms.defaults .DatePickerInput .select{font-weight:600}.gcx-forms.defaults .DatePickerInput .month{width:10em;max-width:10em}.gcx-forms.defaults .DatePickerInput .days{display:inline-block}@media screen{.gcx-forms.defaults .DatePickerInput .left .content,.gcx-forms.defaults .DatePickerInput .right .content{display:none}.gcx-forms.defaults .DatePickerInput .left .symbol::after{content:"◀";font-size:1.15em;color:#197dc8}.gcx-forms.defaults .DatePickerInput .right .symbol::after{content:"▶";font-size:1.15em;color:#197dc8}}.gcx-forms.defaults .TimePickerInput .rollers{position:absolute;visibility:hidden;background-color:#fff;text-align:center;box-sizing:border-box;box-shadow:0 .313em .8em rgba(0,0,0,.2);opacity:0;transition:all .3s ease-in-out;z-index:1;right:-2em;top:.25em}.gcx-forms.defaults .TimePickerInput .rollers .button{display:block;width:auto;text-align:center;cursor:pointer;font-size:small;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .rollers .button:hover{background-color:#add8e6;background-color:#e4f2fc;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .main{display:inline-block;margin:.625em 0 1em}.gcx-forms.defaults .TimePickerInput .overlay .button{position:absolute;left:0;top:0;width:100%;padding:2px 4px 2px 4px;box-sizing:border-box;pointer-events:none;text-align:right;font-style:italic;color:gray}.gcx-forms.defaults .TimePickerInput .dropdown{position:relative}.gcx-forms.defaults .TimePickerInput .opened .rollers{visibility:visible;transition:all .3s ease-in-out;opacity:1}.gcx-forms.defaults .TimePickerInput .bottom{margin-bottom:.5em}.gcx-forms.defaults .TimePickerInput .bottom .content{font-style:italic;color:#999}.gcx-forms.defaults .TimePickerInput .bottom .button{cursor:default}.gcx-forms.defaults .TimePickerInput .bottom .button:hover{background:none}.gcx-forms.defaults .TimePickerInput .up,.gcx-forms.defaults .TimePickerInput .down,.gcx-forms.defaults .TimePickerInput .value{position:relative;width:1.4em;max-width:1.4em;margin:0 .5em;border-radius:50px}.gcx-forms.defaults .TimePickerInput .up .button,.gcx-forms.defaults .TimePickerInput .down .button,.gcx-forms.defaults .TimePickerInput .value .button{padding:.2em .2em .1em}.gcx-forms.defaults .TimePickerInput .up .button,.gcx-forms.defaults .TimePickerInput .down .button{padding:0}.gcx-forms.defaults .TimePickerInput .up .button:hover,.gcx-forms.defaults .TimePickerInput .down .button:hover{background:none}.gcx-forms.defaults .TimePickerInput .up .button:hover .symbol::after,.gcx-forms.defaults .TimePickerInput .down .button:hover .symbol::after{color:#5caeeb;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .value .button{line-height:1.675em}.gcx-forms.defaults .TimePickerInput .value .button:hover{border-radius:50px}.gcx-forms.defaults .TimePickerInput .hours,.gcx-forms.defaults .TimePickerInput .minutes{display:inline-block}.gcx-forms.defaults .TimePickerInput .hours,.gcx-forms.defaults .TimePickerInput .minutes,.gcx-forms.defaults .TimePickerInput .toggle{margin:0 .5em;position:relative}.gcx-forms.defaults .TimePickerInput .toggle{display:none}.gcx-forms.defaults .TimePickerInput .show-ampm .toggle{display:inline-block}.gcx-forms.defaults .TimePickerInput .dropdown{touch-action:none}.gcx-forms.defaults .TimePickerInput .tape{display:none;position:absolute;left:0;top:0;height:100%;width:100%;max-width:100%;max-height:100%;text-align:center;overflow-x:hidden;overflow-y:hidden}.gcx-forms.defaults .TimePickerInput .rolling .buttons{opacity:0}.gcx-forms.defaults .TimePickerInput .rolling .tape{display:block}.gcx-forms.defaults .TimePickerInput .tape,.gcx-forms.defaults .TimePickerInput .tape *{pointer-events:none}.gcx-forms.defaults .TimePickerInput .tape .item,.gcx-forms.defaults .TimePickerInput .tape .button{margin:0;padding:0}.gcx-forms.defaults .TimePickerInput .tape .item:nth-child(4){font-weight:bold}.gcx-forms.defaults .TimePickerInput .marker{top:50%;left:50%;width:1.5em;max-width:1.5em;height:1.5em;max-height:1.5em;margin-left:-0.75em;margin-top:-0.75em;background-color:#add8e6;border-radius:.75em}@media screen{.gcx-forms.defaults .TimePickerInput .up .content,.gcx-forms.defaults .TimePickerInput .down .content{display:none}.gcx-forms.defaults .TimePickerInput .up .symbol::after{content:"▲";font-size:1.15em;color:#197dc8}.gcx-forms.defaults .TimePickerInput .down .symbol::after{content:"▼";font-size:1.15em;color:#197dc8}}.gcx-forms.defaults textarea{font-family:inherit}.gcx-forms.defaults .overlay{display:none}.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}.jimu-popup .gcx-forms.defaults{padding-right:1.25em;font-size:1em}.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-left:.5em;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}.DateTimePicker .outer,.DatePicker .outer,.TimePicker .outer,.DateRangePicker .outer{display:flex}.DateTimePicker .outer .inner,.DatePicker .outer .inner,.TimePicker .outer .inner,.DateRangePicker .outer .inner{display:flex;border:solid 1px;flex-grow:1;margin:.25rem;background-color:#fff}.DateTimePicker .outer .inner input[type=text],.DatePicker .outer .inner input[type=text],.TimePicker .outer .inner input[type=text],.DateRangePicker .outer .inner input[type=text]{border:none !important;font-size:medium !important}.DateTimePicker .outer .inner input:focus,.DatePicker .outer .inner input:focus,.TimePicker .outer .inner input:focus,.DateRangePicker .outer .inner input:focus{background-color:#eee;outline:none}.DateTimePicker .outer .buttonContainer,.DatePicker .outer .buttonContainer,.TimePicker .outer .buttonContainer,.DateRangePicker .outer .buttonContainer{position:relative}.DateTimePicker .outer button.calendarButton,.DateTimePicker .outer button.clockButton,.DatePicker .outer button.calendarButton,.DatePicker .outer button.clockButton,.TimePicker .outer button.calendarButton,.TimePicker .outer button.clockButton,.DateRangePicker .outer button.calendarButton,.DateRangePicker .outer button.clockButton{margin:.17em 0;border:none;background-color:#efefef;cursor:pointer;flex-shrink:0;font-size:medium;height:2.25em;width:2.25em;border-radius:50%;outline:none;padding:6px;text-align:center}.DateTimePicker .outer button.calendarButton:hover,.DateTimePicker .outer button.clockButton:hover,.DatePicker .outer button.calendarButton:hover,.DatePicker .outer button.clockButton:hover,.TimePicker .outer button.calendarButton:hover,.TimePicker .outer button.clockButton:hover,.DateRangePicker .outer button.calendarButton:hover,.DateRangePicker .outer button.clockButton:hover{background-color:#ccc}.DateTimePicker .outer button.calendarButton svg.calendar,.DateTimePicker .outer button.calendarButton svg.clock,.DateTimePicker .outer button.clockButton svg.calendar,.DateTimePicker .outer button.clockButton svg.clock,.DatePicker .outer button.calendarButton svg.calendar,.DatePicker .outer button.calendarButton svg.clock,.DatePicker .outer button.clockButton svg.calendar,.DatePicker .outer button.clockButton svg.clock,.TimePicker .outer button.calendarButton svg.calendar,.TimePicker .outer button.calendarButton svg.clock,.TimePicker .outer button.clockButton svg.calendar,.TimePicker .outer button.clockButton svg.clock,.DateRangePicker .outer button.calendarButton svg.calendar,.DateRangePicker .outer button.calendarButton svg.clock,.DateRangePicker .outer button.clockButton svg.calendar,.DateRangePicker .outer button.clockButton svg.clock{height:16px;vertical-align:middle;text-align:center;width:16px;margin-bottom:2px}.DateTimePicker.error .outer,.DatePicker.error .outer,.TimePicker.error .outer,.DateRangePicker.error .outer{color:#b71d1d !important}.DateTimePicker .disabled,.DateTimePicker button:disabled,.DateTimePicker input[type=text]:disabled,.DatePicker .disabled,.DatePicker button:disabled,.DatePicker input[type=text]:disabled,.TimePicker .disabled,.TimePicker button:disabled,.TimePicker input[type=text]:disabled,.DateRangePicker .disabled,.DateRangePicker button:disabled,.DateRangePicker input[type=text]:disabled{background-color:#eee !important;border:none !important;pointer-events:none}.NumberSlider .slider-container,.NumberRangeSlider .slider-container{padding:6px 12px;line-height:1;margin-bottom:.5em}.NumberSlider .inputs,.NumberRangeSlider .inputs{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:1.5em}.NumberSlider .inputs span:first-child,.NumberRangeSlider .inputs span:first-child{margin-right:.5em}.NumberSlider .inputs span,.NumberRangeSlider .inputs span{display:flex;flex-direction:row;align-items:baseline}.NumberSlider .inputs span input,.NumberRangeSlider .inputs span input{margin-left:.5em !important;width:5.25em !important}.DateTimePicker .DatePickerInput,.DatePicker .DatePickerInput{flex-grow:1}.DateTimePicker .TimePickerInput,.TimePicker .TimePickerInput{flex-grow:1}.DateRangePicker .inner input[type=text]{text-align:center;width:45%}.DateRangePicker .inner span.arrow{margin:0 .5rem;display:inline;align-self:center;width:10%}.DateRangePicker .inner span.arrow svg.arrowRight{display:block;width:18px;height:18px;margin:auto}

package/esm/forms/styles/stock.d.ts

@@ -1 +0,0 @@
-export declare const CSS: string;

package/esm/forms/styles/stock.js

@@ -1 +0,0 @@
-const CSS='.gcx-forms.defaults{font-family:"Segoe UI","Helvetica Neue","Droid Sans",Helvetica,Arial,sans-serif;font-size:1.25em}.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 label,.gcx-forms.defaults .RadioGroup,.gcx-forms.defaults .Text,.gcx-forms.defaults .Image{margin-bottom:.75em;border:none;color:#333}.gcx-forms.defaults label,.gcx-forms.defaults aside{display:block;margin-bottom:.5em}.gcx-forms.defaults span{display:block;font-size:1.1em}.gcx-forms.defaults .items label{margin-bottom:0}.gcx-forms.defaults .items label:last-child{margin-bottom:1em}.gcx-forms.defaults label:empty,.gcx-forms.defaults aside:empty{display:none}.gcx-forms.defaults label p:first-child,.gcx-forms.defaults aside p:first-child,.gcx-forms.defaults .notice p:first-child{margin-top:0}.gcx-forms.defaults label p:last-child,.gcx-forms.defaults aside p:last-child,.gcx-forms.defaults .notice p:last-child{margin-bottom:0}.gcx-forms.defaults div.inline{display:inline-block}.gcx-forms.defaults input[type=checkbox]{margin-right:.25em;margin-left:.25em;vertical-align:baseline}.gcx-forms.defaults input[type=radio]{margin-right:.25em;margin-left:.25em;vertical-align:baseline}.gcx-forms.defaults input[type=password]{margin-bottom:1em}.gcx-forms.defaults select,.gcx-forms.defaults input[type=text],.gcx-forms.defaults input[type=password],.gcx-forms.defaults textarea,.gcx-forms.defaults .TextEditor .shell{font-size:1em;border:1px solid #ccc;border-radius:1px;padding:3px 6px;display:block;width:100%;box-sizing:border-box}.gcx-forms.defaults textarea{height:auto}.gcx-forms.defaults select:disabled{color:#777;background-color:transparent}.gcx-forms.defaults select:disabled option{color:#777;background-color:transparent}.gcx-forms.defaults select:disabled option:hover{color:#777;background-color:transparent}.gcx-forms.defaults select option{padding:2px 2px 0}.gcx-forms.defaults select option:hover{color:#fff;background-color:#197dc8}.gcx-forms.defaults select option:disabled{color:#777;background-color:transparent}.gcx-forms.defaults .TextEditor .shell{overflow-x:auto}.gcx-forms.defaults .TextEditor .shell *{border:none;outline:none;margin:0;padding:0}.gcx-forms.defaults button{margin-right:6px}.gcx-forms.defaults h1,.gcx-forms.defaults h2,.gcx-forms.defaults h3{margin:0}.gcx-forms.defaults .ButtonBar{margin-top:1.5em}.gcx-forms.defaults .ButtonBar .items{line-height:1;margin-top:2px}.gcx-forms.defaults .ButtonBar .items button{margin-bottom:.313em}.gcx-forms.defaults .ButtonBar .items button p{line-height:1.15}.gcx-forms.defaults .ButtonBar .items.vertical button{display:block;margin-bottom:6px}.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 label.focus{background-color:#eee}.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 .relative{position:relative}.gcx-forms.defaults .DatePicker .time-part{display:none}.gcx-forms.defaults .TimePicker .date-part{display:none}.gcx-forms.defaults .DatePickerInput input,.gcx-forms.defaults .TimePickerInput input{height:2.025em;width:100%;box-sizing:border-box}.gcx-forms.defaults .DatePickerInput .close,.gcx-forms.defaults .TimePickerInput .close{position:relative;display:inline-block;width:2em;max-width:2em}.gcx-forms.defaults .DatePickerInput .overlay,.gcx-forms.defaults .TimePickerInput .overlay{position:relative}.gcx-forms.defaults .DatePickerInput .side,.gcx-forms.defaults .TimePickerInput .side{box-sizing:border-box;left:0;position:absolute;text-align:right;top:0;width:100%}@media screen{.gcx-forms.defaults .DatePickerInput .close .content,.gcx-forms.defaults .TimePickerInput .close .content{display:none}.gcx-forms.defaults .DatePickerInput .close .symbol::after,.gcx-forms.defaults .TimePickerInput .close .symbol::after{content:"✖"}}.gcx-forms.defaults .DatePickerInput .calendar{visibility:hidden;position:absolute;text-align:center;background-color:#fff;box-sizing:border-box;box-shadow:0 .313em .8em rgba(0,0,0,.2);min-width:100%;opacity:0;transition:all .3s ease-in-out;z-index:1;right:0}.gcx-forms.defaults .DatePickerInput .calendar .button{display:block;width:auto;padding:0;font-weight:300;font-size:small;text-align:center;background:none;border:none;cursor:pointer;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button.select{color:#fff;background-color:#197dc8;transition:all .1s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button.select:hover,.gcx-forms.defaults .DatePickerInput .calendar .button.select:active,.gcx-forms.defaults .DatePickerInput .calendar .button.select:focus{color:#333;background-color:#5caeeb;transition:all .1s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .button:hover{background-color:#e4f2fc;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header{align-items:center;display:flex;width:80%;margin:.625em auto .313em;padding-bottom:.313em;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header .button:hover{background:none;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .header .button:hover .symbol::after{color:#5caeeb;transition:all .2s ease-in-out}.gcx-forms.defaults .DatePickerInput .calendar .footer{padding-bottom:.313em}.gcx-forms.defaults .DatePickerInput .calendar .week{white-space:nowrap}.gcx-forms.defaults .DatePickerInput .main{display:inline-block;margin-bottom:1.25em}.gcx-forms.defaults .DatePickerInput .overlay .button{left:0;top:0;position:absolute;pointer-events:none;width:100%;text-align:right;padding:2px 4px 2px 4px;font-style:italic;box-sizing:border-box;color:gray;font-weight:300;border:none;background:none;border-radius:0}.gcx-forms.defaults .DatePickerInput .overlay .button .content{line-height:1.2}.gcx-forms.defaults .DatePickerInput .dropdown{position:relative}.gcx-forms.defaults .DatePickerInput .opened .calendar{visibility:visible;transition:all .3s ease-in-out;opacity:1}.gcx-forms.defaults .DatePickerInput .bottom{margin-bottom:.5em}.gcx-forms.defaults .DatePickerInput .bottom .content{font-style:italic;color:#999}.gcx-forms.defaults .DatePickerInput .bottom .button{cursor:default}.gcx-forms.defaults .DatePickerInput .bottom .button:hover{background:none;cursor:default}.gcx-forms.defaults .DatePickerInput .left,.gcx-forms.defaults .DatePickerInput .right,.gcx-forms.defaults .DatePickerInput .month,.gcx-forms.defaults .DatePickerInput .day,.gcx-forms.defaults .DatePickerInput .weekday{position:relative;display:inline-block}.gcx-forms.defaults .DatePickerInput .left,.gcx-forms.defaults .DatePickerInput .right,.gcx-forms.defaults .DatePickerInput .day,.gcx-forms.defaults .DatePickerInput .weekday{width:2em;max-width:2em}.gcx-forms.defaults .DatePickerInput .weekday .button:hover{background:none}.gcx-forms.defaults .DatePickerInput .day .button{width:auto;margin:0 .5em;padding:.2em .2em .1em;border-radius:50px}.gcx-forms.defaults .DatePickerInput .dimmed{color:gray}.gcx-forms.defaults .DatePickerInput .today{background-color:#eee}.gcx-forms.defaults .DatePickerInput .month .button{font-weight:bold}.gcx-forms.defaults .DatePickerInput .weekday .button,.gcx-forms.defaults .DatePickerInput .select{font-weight:600}.gcx-forms.defaults .DatePickerInput .month{width:10em;max-width:10em}.gcx-forms.defaults .DatePickerInput .days{display:inline-block}@media screen{.gcx-forms.defaults .DatePickerInput .left .content,.gcx-forms.defaults .DatePickerInput .right .content{display:none}.gcx-forms.defaults .DatePickerInput .left .symbol::after{content:"◀";font-size:1.15em;color:#197dc8}.gcx-forms.defaults .DatePickerInput .right .symbol::after{content:"▶";font-size:1.15em;color:#197dc8}}.gcx-forms.defaults .TimePickerInput .rollers{position:absolute;visibility:hidden;background-color:#fff;text-align:center;box-sizing:border-box;box-shadow:0 .313em .8em rgba(0,0,0,.2);opacity:0;transition:all .3s ease-in-out;z-index:1;right:-2em;top:.25em}.gcx-forms.defaults .TimePickerInput .rollers .button{display:block;width:auto;text-align:center;cursor:pointer;font-size:small;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .rollers .button:hover{background-color:#add8e6;background-color:#e4f2fc;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .main{display:inline-block;margin:.625em 0 1em}.gcx-forms.defaults .TimePickerInput .overlay .button{position:absolute;left:0;top:0;width:100%;padding:2px 4px 2px 4px;box-sizing:border-box;pointer-events:none;text-align:right;font-style:italic;color:gray}.gcx-forms.defaults .TimePickerInput .dropdown{position:relative}.gcx-forms.defaults .TimePickerInput .opened .rollers{visibility:visible;transition:all .3s ease-in-out;opacity:1}.gcx-forms.defaults .TimePickerInput .bottom{margin-bottom:.5em}.gcx-forms.defaults .TimePickerInput .bottom .content{font-style:italic;color:#999}.gcx-forms.defaults .TimePickerInput .bottom .button{cursor:default}.gcx-forms.defaults .TimePickerInput .bottom .button:hover{background:none}.gcx-forms.defaults .TimePickerInput .up,.gcx-forms.defaults .TimePickerInput .down,.gcx-forms.defaults .TimePickerInput .value{position:relative;width:1.4em;max-width:1.4em;margin:0 .5em;border-radius:50px}.gcx-forms.defaults .TimePickerInput .up .button,.gcx-forms.defaults .TimePickerInput .down .button,.gcx-forms.defaults .TimePickerInput .value .button{padding:.2em .2em .1em}.gcx-forms.defaults .TimePickerInput .up .button,.gcx-forms.defaults .TimePickerInput .down .button{padding:0}.gcx-forms.defaults .TimePickerInput .up .button:hover,.gcx-forms.defaults .TimePickerInput .down .button:hover{background:none}.gcx-forms.defaults .TimePickerInput .up .button:hover .symbol::after,.gcx-forms.defaults .TimePickerInput .down .button:hover .symbol::after{color:#5caeeb;transition:all .2s ease-in-out}.gcx-forms.defaults .TimePickerInput .value .button{line-height:1.675em}.gcx-forms.defaults .TimePickerInput .value .button:hover{border-radius:50px}.gcx-forms.defaults .TimePickerInput .hours,.gcx-forms.defaults .TimePickerInput .minutes{display:inline-block}.gcx-forms.defaults .TimePickerInput .hours,.gcx-forms.defaults .TimePickerInput .minutes,.gcx-forms.defaults .TimePickerInput .toggle{margin:0 .5em;position:relative}.gcx-forms.defaults .TimePickerInput .toggle{display:none}.gcx-forms.defaults .TimePickerInput .show-ampm .toggle{display:inline-block}.gcx-forms.defaults .TimePickerInput .dropdown{touch-action:none}.gcx-forms.defaults .TimePickerInput .tape{display:none;position:absolute;left:0;top:0;height:100%;width:100%;max-width:100%;max-height:100%;text-align:center;overflow-x:hidden;overflow-y:hidden}.gcx-forms.defaults .TimePickerInput .rolling .buttons{opacity:0}.gcx-forms.defaults .TimePickerInput .rolling .tape{display:block}.gcx-forms.defaults .TimePickerInput .tape,.gcx-forms.defaults .TimePickerInput .tape *{pointer-events:none}.gcx-forms.defaults .TimePickerInput .tape .item,.gcx-forms.defaults .TimePickerInput .tape .button{margin:0;padding:0}.gcx-forms.defaults .TimePickerInput .tape .item:nth-child(4){font-weight:bold}.gcx-forms.defaults .TimePickerInput .marker{top:50%;left:50%;width:1.5em;max-width:1.5em;height:1.5em;max-height:1.5em;margin-left:-0.75em;margin-top:-0.75em;background-color:#add8e6;border-radius:.75em}@media screen{.gcx-forms.defaults .TimePickerInput .up .content,.gcx-forms.defaults .TimePickerInput .down .content{display:none}.gcx-forms.defaults .TimePickerInput .up .symbol::after{content:"▲";font-size:1.15em;color:#197dc8}.gcx-forms.defaults .TimePickerInput .down .symbol::after{content:"▼";font-size:1.15em;color:#197dc8}}.gcx-forms.defaults textarea{font-family:inherit}.gcx-forms.defaults .overlay{display:none}.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}.jimu-popup .gcx-forms.defaults{padding-right:1.25em;font-size:1em}.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-left:.5em;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}.DateTimePicker .outer,.DatePicker .outer,.TimePicker .outer,.DateRangePicker .outer{display:flex}.DateTimePicker .outer .inner,.DatePicker .outer .inner,.TimePicker .outer .inner,.DateRangePicker .outer .inner{display:flex;border:solid 1px;flex-grow:1;margin:.25rem;background-color:#fff}.DateTimePicker .outer .inner input[type=text],.DatePicker .outer .inner input[type=text],.TimePicker .outer .inner input[type=text],.DateRangePicker .outer .inner input[type=text]{border:none !important;font-size:medium !important}.DateTimePicker .outer .inner input:focus,.DatePicker .outer .inner input:focus,.TimePicker .outer .inner input:focus,.DateRangePicker .outer .inner input:focus{background-color:#eee;outline:none}.DateTimePicker .outer .buttonContainer,.DatePicker .outer .buttonContainer,.TimePicker .outer .buttonContainer,.DateRangePicker .outer .buttonContainer{position:relative}.DateTimePicker .outer button.calendarButton,.DateTimePicker .outer button.clockButton,.DatePicker .outer button.calendarButton,.DatePicker .outer button.clockButton,.TimePicker .outer button.calendarButton,.TimePicker .outer button.clockButton,.DateRangePicker .outer button.calendarButton,.DateRangePicker .outer button.clockButton{margin:.17em 0;border:none;background-color:#efefef;cursor:pointer;flex-shrink:0;font-size:medium;height:2.25em;width:2.25em;border-radius:50%;outline:none;padding:6px;text-align:center}.DateTimePicker .outer button.calendarButton:hover,.DateTimePicker .outer button.clockButton:hover,.DatePicker .outer button.calendarButton:hover,.DatePicker .outer button.clockButton:hover,.TimePicker .outer button.calendarButton:hover,.TimePicker .outer button.clockButton:hover,.DateRangePicker .outer button.calendarButton:hover,.DateRangePicker .outer button.clockButton:hover{background-color:#ccc}.DateTimePicker .outer button.calendarButton svg.calendar,.DateTimePicker .outer button.calendarButton svg.clock,.DateTimePicker .outer button.clockButton svg.calendar,.DateTimePicker .outer button.clockButton svg.clock,.DatePicker .outer button.calendarButton svg.calendar,.DatePicker .outer button.calendarButton svg.clock,.DatePicker .outer button.clockButton svg.calendar,.DatePicker .outer button.clockButton svg.clock,.TimePicker .outer button.calendarButton svg.calendar,.TimePicker .outer button.calendarButton svg.clock,.TimePicker .outer button.clockButton svg.calendar,.TimePicker .outer button.clockButton svg.clock,.DateRangePicker .outer button.calendarButton svg.calendar,.DateRangePicker .outer button.calendarButton svg.clock,.DateRangePicker .outer button.clockButton svg.calendar,.DateRangePicker .outer button.clockButton svg.clock{height:16px;vertical-align:middle;text-align:center;width:16px;margin-bottom:2px}.DateTimePicker.error .outer,.DatePicker.error .outer,.TimePicker.error .outer,.DateRangePicker.error .outer{color:#b71d1d !important}.DateTimePicker .disabled,.DateTimePicker button:disabled,.DateTimePicker input[type=text]:disabled,.DatePicker .disabled,.DatePicker button:disabled,.DatePicker input[type=text]:disabled,.TimePicker .disabled,.TimePicker button:disabled,.TimePicker input[type=text]:disabled,.DateRangePicker .disabled,.DateRangePicker button:disabled,.DateRangePicker input[type=text]:disabled{background-color:#eee !important;border:none !important;pointer-events:none}.NumberSlider .slider-container,.NumberRangeSlider .slider-container{padding:6px 12px;line-height:1;margin-bottom:.5em}.NumberSlider .inputs,.NumberRangeSlider .inputs{display:flex;justify-content:flex-start;flex-wrap:wrap;margin-top:1.5em}.NumberSlider .inputs span:first-child,.NumberRangeSlider .inputs span:first-child{margin-right:.5em}.NumberSlider .inputs span,.NumberRangeSlider .inputs span{display:flex;flex-direction:row;align-items:baseline}.NumberSlider .inputs span input,.NumberRangeSlider .inputs span input{margin-left:.5em !important;width:5.25em !important}.DateTimePicker .DatePickerInput,.DatePicker .DatePickerInput{flex-grow:1}.DateTimePicker .TimePickerInput,.TimePicker .TimePickerInput{flex-grow:1}.DateRangePicker .inner input[type=text]{text-align:center;width:45%}.DateRangePicker .inner span.arrow{margin:0 .5rem;display:inline;align-self:center;width:10%}.DateRangePicker .inner span.arrow svg.arrowRight{display:block;width:18px;height:18px;margin:auto}';export{CSS};

package/esm/forms/text.d.ts

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

package/esm/forms/text.js

@@ -1 +0,0 @@
-import*as React from"react";import FormElementOuter from"./FormElementOuter.js";import{CssClasses}from"./constants.js";import{getKeyString}from"./keyboard.js";import{makeSafeClassName}from"./utils.js";function renderPasswordBox(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof n&&(a=n),t.value=a;var s=r.renderText(t.prompt),n=r.renderText(t.tooltip);const u=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("input",{type:"password",disabled:!e.enabled,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)}))}function renderTextBox(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;function l(e){e=e.value;a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}"string"==typeof n&&(a=n),"number"==typeof n&&(a=r.formatNumber(n,{useGrouping:!0})),t.value=a;var s=r.renderText(t.prompt),n=r.renderText(t.tooltip);const u=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:u.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("input",{type:"text",disabled:!e.enabled,maxLength:t.maxLength,readOnly:t.readOnly,placeholder:s,title:n,ref:function(n){if(null!==n){n.value=a;let t=!1;n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e)})},n.disabled||r.renderFocus(n,o)}},onKeyDown:function(e){var t=getKeyString(e);return"enter"===t?function(e){const t=e.currentTarget;if(a!==t.value)return l(t),t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):"escape"===t?function(e){const t=e.currentTarget;if(a!==t.value)return t.value=a,t.select(),e.stopPropagation(),e.preventDefault(),!1}(e):void 0},onBlur:e=>l(e.currentTarget)}))}function renderTextArea(e,t){const{host:r,name:o}=e.props;let a="";var n=t.value;"string"==typeof n&&(a=n),t.value=a;var l=t.size;let s=8;"number"==typeof l&&(s=l);var u=r.renderText(t.prompt),n=r.renderText(t.tooltip),l=t.wrap||"off";const c=[t.type,makeSafeClassName(o)];return React.createElement(FormElementOuter,{className:c.join(" "),component:e,element:t,errorClassName:CssClasses.ERROR,htmlElementType:"label"},React.createElement("textarea",{disabled:!e.enabled,readOnly:t.readOnly,placeholder:u,rows:s,title:n,wrap:l,maxLength:t.maxLength,spellCheck:!1,ref:function(n){if(null!==n){n.value=a;let t=!(n.onkeydown=function(e){e.stopPropagation()});n.onmousedown=function(){t=!0},n.onmouseup=function(){t=!1},n.onfocus=function(){setTimeout(function(){var e=n.value.length;n.setSelectionRange(t?0:e,e),n.scrollTop=n.scrollHeight})},n.disabled||r.renderFocus(n,o)}},onBlur:function(e){e=e.currentTarget.value,a!==e&&(t.value=a=e,r.post("changed",{name:o,value:a}))}}))}export{renderPasswordBox,renderTextBox,renderTextArea};

package/esm/forms/textUtilities.d.ts

@@ -1,21 +0,0 @@
-import * as defs from "./FormDefinition";
-/**
- * Ensures the supplied string can be rendered literally in markdown by
- * escaping any characters that have special meaning in
- * markdown syntax.
- *
- * This method assumes that we are using a markdown parser that complies
- * with the commonmark specification. (http://commonmark.org/)
- * As such, the only escaping performed is that which is necessary for
- * the features suppored by commonmark.
- *
- * You can test commonmark behaviour here: http://spec.commonmark.org/dingus/
- *
- * @param literalString A string to be treated literally in markdown.
- */
-export declare function escapeTextForMarkdown(literalString: string): string;
-export declare function isMarkdown(text: Partial<defs.MarkdownRef> & defs.Text): text is defs.MarkdownRef;
-export declare function isStatus(text: Partial<defs.StatusRef> & defs.Text): text is defs.StatusRef;
-export declare function textToHtml(text: string): string;
-export declare function markdownToHtml(markdown: string, htmlContentCategory?: defs.HTMLContentCategory): string;
-export declare function markdownToText(markdown: string): string;

package/esm/forms/utils.d.ts

@@ -1,50 +0,0 @@
-import * as defs from "./FormDefinition";
-import * as text from "./textUtilities";
-export interface DebounceResult {
-    /** Invoke the scheduled function immediately, without any further delay. */
-    now: () => void;
-    /** Do not invoke the scheduled function at all. */
-    cancel: () => void;
-}
-/**
- * Exporting text since it was split out from here into it's own file as part of the designer
- * CRA migration. This was necessary since babel does not support namespaces.
- **/
-export { text };
-export declare function makeId(): string;
-/** Performs key/item sorting. */
-export declare function sort<T>(items: T, predicate?: (item: T[keyof T], index: number) => number): T;
-export declare function sortItems(element: defs.Element): {
-    [key: string]: defs.Item;
-};
-export declare function makeSafeClassName(elementName: string): string;
-export declare function makeUniqueId(elementName: string): string;
-export declare function addClass(element: HTMLElement, name: string): void;
-export declare function removeClass(element: HTMLElement, name: string): void;
-export declare function setClass(element: HTMLElement, name: string, exists: boolean): void;
-export declare function isBoolean(value: defs.Value): value is boolean;
-export declare function isNumber(value: defs.Value): value is number;
-export declare function isString(value: defs.Value): value is string;
-export declare function isDataRef(value: defs.Value): value is defs.DataRef;
-export declare function isDateRangeRef(value: defs.Value): value is defs.DateRangeRef;
-export declare function isDateTimeRef(value: defs.Value): value is defs.DateTimeRef;
-export declare function isFilesRef(value: defs.Value): value is defs.FilesRef;
-export declare function isScanRef(value: defs.Value): value is defs.ScanRef;
-export declare function isGeometryRef(value: defs.Value): value is defs.GeometryRef;
-export declare function isItemsRef(value: defs.Value): value is defs.ItemsRef;
-export declare function isNumberRef(value: defs.Value): value is defs.NumberRef;
-export declare function sanitizeGeometryRef(value: defs.Value): defs.GeometryRef;
-export declare function createGeometryRef(format: defs.GeometryFormat): defs.GeometryRef;
-export declare function addStyleToDocument(css: string): HTMLStyleElement;
-/**
- * Creates a throttled function that will invoke the given
- * function at most once per the given delay.
- * @param func The function to invoke.
- * @param delay The delay to wait (in milliseconds) before invoking the function again.
- */
-export declare function throttle(func: Function, delay?: number): () => void;
-/**
- * Determines whether a value is numeric, i.e. a number or a numeric string.
- * @param value The value to check.
- */
-export declare function isNumeric(value: unknown): boolean;

package/esm/index.d.ts

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

package/esm/index.js

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

package/esm/libs/version.d.ts

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

package/esm/libs/version.js

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

package/esm/licensing/LicenseChecker.d.ts

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

package/esm/licensing/Watermark.d.ts

@@ -1,6 +0,0 @@
-interface WatermarkProps {
-    hide: () => void;
-    message: string;
-}
-declare const Watermark: ({ hide, message }: WatermarkProps) => JSX.Element;
-export default Watermark;