@vertigis/workflow 5.33.1 → 5.34.0

package/forms/components/TimePickerInput.js

@@ -1 +0,0 @@
-import{useCallback,useRef,useState,forwardRef}from"react";import*as React from"react";import{Calendar}from"../Calendar.js";import{CssClasses}from"../constants.js";import{Navigator}from"./Navigator.js";import{SyntheticButton as Button}from"./SyntheticButton.js";import{TimerManager}from"./TimerManager.js";import{setClass,applyFocusBehavior,scrollIntoView,captureMouseEvents}from"./utils.js";export default forwardRef(({calendar:n,disabled:c,doneText:e,isOpen:t,onChange:a,onPopupToggle:r,placeholder:s,title:o,value:u},l)=>{const i=(n=n||Calendar.useNative()).coerceIntoLocal(u),m=isFinite(i.valueOf())?n.format(i,Calendar.timeFormat):"",[p,d]=useState(i),[v,g]=useState({}),[f,N]=useState(m);let h,R=null,E=void 0,w,C;const k=new TimerManager;let b=[],H;const M=useRef(null),S=useRef(null),B=useRef(null),x=useRef(null),F=useRef(null),T=useRef(null),D=()=>{if(h){O();var a=n.today();let e=i;v===h?e=n.coerceTime(f,p??a):N(m),x.current.setState({tabIndex:c?void 0:0}),F.current.setState({tabIndex:c?void 0:0}),T.current.setState({tabIndex:c?void 0:0});let t="";const s=isFinite(e.valueOf())?e:a;a=n.format(s,Calendar.ampmFormat);0<s.getMilliseconds()&&(t=s.getMilliseconds().toString()),setClass(R,"show-ampm",0<a.length);const r=n.coerceIntoLocal(s);for(const o of b)switch(o.props.className){case"overlay":o.setState({content:t});break;case"value hour":o.setState({content:n.format(s,Calendar.hourFormat)});break;case"value minute":o.setState({content:n.format(s,Calendar.minuteFormat)});break;case"value ampm":o.setState({content:n.format(s,Calendar.ampmFormat)});break;case"item hour":r.setHours(s.getHours()+o.props.index),o.setState({content:n.format(r,Calendar.hourFormat)});break;case"item minute":r.setMinutes(s.getMinutes()+o.props.index),o.setState({content:n.format(r,Calendar.minuteFormat)});break;case"item ampm":r.setHours(s.getHours()+12*o.props.index),o.setState({content:n.format(r,Calendar.ampmFormat)})}p&&p.valueOf()===s.valueOf()||d(s)}},P=e=>{let t=n.coerceIntoLocal(p);t=e(t)||t,isFinite(t.valueOf())?a(n.coerceIntoValue(t)):a(void 0),d(t),N(n.format(t,Calendar.timeFormat))},y=()=>{if(f===m)return!1;{const e=n.coerceTime(f,p);return P(()=>e),d(e),!0}},I=(e,t,a,s)=>{t=((0<a?Math.floor(e/t):Math.ceil(e/t))+a)*t%s;return 0<=t?t:s+t};var Y=e=>{let t=!1;var a=e.key.toLowerCase(),s=Navigator.find(e);if(void 0!==s)switch(s.props.className+"/"+a){case"hours/arrowright":t=!0,P(e=>{e.setHours(I(e.getHours(),3,1,24))});break;case"hours/arrowleft":t=!0,P(e=>{e.setHours(I(e.getHours(),3,-1,24))});break;case"hours/arrowup":t=!0,P(e=>{e.setHours(I(e.getHours(),1,-1,24))});break;case"hours/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,1,24))});break;case"minutes/arrowright":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});break;case"minutes/arrowleft":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),15,-1,60))});break;case"minutes/arrowup":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,-1,60))});break;case"minutes/arrowdown":t=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,1,60))});break;case"toggle/arrowup":case"toggle/arrowdown":t=!0,P(e=>{e.setHours(I(e.getHours(),1,12,24))})}if(e.target===h)switch(a){case"arrowdown":t=!0,r(!0);break;case"enter":t=y()}if("escape"===a&&(t=!0,(()=>{if(v===h){N(m);h.select()}})(),V()),t)return e.stopPropagation(),e.preventDefault(),!1};const O=()=>{var e=n.coerceIntoLocal(new Date);H.setState({content:n.format(e,Calendar.timeClockFormat)})};var j=useCallback(e=>(R=e,null===R?(h=void 0,void k.dispose()):void(void 0!==h&&(b=Button.search(R),H=b.filter(e=>"clock"===e.props.className)[0],applyFocusBehavior(h),D(),t?(setClass(R,"opened",!0),O(),k.repeat("clock",1e3,()=>O()),scrollIntoView(R)):(setClass(R,"opened",!1),k.stop("clock"))))),[t,h,f,m]),L=e=>{w=e.pageY;const t=Navigator.find(e);return void 0!==t&&(t.focus(),captureMouseEvents(e=>((e,t)=>{if(e!==undefined)z(e,t);else A(t)})(e,t))),e.preventDefault(),e.stopPropagation(),!1};const V=()=>{r(!1)},W=e=>{x.current&&!x.current.hasStates()&&(C=p.getHours(),x.current.setState({states:{rolling:!0}}));e=w-e,e=M.current.scrollTo(e);const t=I(C,1,e,24);p.getHours()!==t&&P(e=>{e.setHours(t)})},K=e=>{F.current&&!F.current.hasStates()&&(C=p.getMinutes(),F.current.setState({states:{rolling:!0}}));e=w-e,e=S.current.scrollTo(e);const t=I(C,1,e,60);p.getMinutes()!==t&&P(e=>{e.setMinutes(t)})},q=e=>{T.current&&!T.current.hasStates()&&(C=p.getHours(),T.current.setState({states:{rolling:!0}}));e=w-e,e=B.current.scrollTo(e);const t=I(C,1,12*e,24);p.getHours()!==t&&P(e=>{e.setHours(t)})},z=(e,t)=>{switch(t.props.className){case"hours":return W(e.pageY),!1;case"minutes":return K(e.pageY),!1;case"toggle":return q(e.pageY),!1}},A=e=>{void 0!==e&&e.hasStates()&&e.setState({states:void 0})};u=(e,t)=>{var a=-3;return React.createElement(Navigator,{className:"tape "+e,ref:t},React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:a++}),React.createElement(Button,{className:"item "+e,index:+a}),React.createElement(Button,{className:"item "+e,index:3}))};return E?D():E=React.createElement("div",{className:"TimePickerInput"},React.createElement("div",{ref:j,onBlurCapture:e=>{g(void 0),e.target===h&&y()},onClickCapture:e=>{e=Button.find(e);if(void 0!==e){const t=e.props.index;switch(e.props.className){case"up hour":case"down hour":return void P(e=>{e.setHours(I(e.getHours(),1,t,24))});case"value hour":return void P(e=>{e.setHours(I(e.getHours(),3,1,24))});case"up minute":case"down minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),1,t,60))});case"value minute":return void P(e=>{e.setMinutes(I(e.getMinutes(),15,1,60))});case"up ampm":case"down ampm":case"value ampm":return void P(e=>{e.setHours(I(e.getHours(),1,12,24))});case"close":return void V()}}},onFocusCapture:e=>{g(e.target)},onKeyDownCapture:Y,onWheelCapture:t=>{let e=!1;const a=Navigator.find(t);if(void 0!==a)switch(a.props.className){case"hours":e=!0,P(e=>{e.setHours(I(e.getHours(),1,0<t.deltaY?-1:1,24))});break;case"minutes":e=!0,P(e=>{e.setMinutes(I(e.getMinutes(),1,0<t.deltaY?-1:1,60))});break;case"toggle":e=!0,P(e=>{e.setHours(I(e.getHours(),12,1,24))})}if(e)return a.focus(),t.stopPropagation(),t.preventDefault(),!1}},React.createElement("div",{className:"editor"},React.createElement(Button,{className:"overlay"}),React.createElement("input",{"aria-label":"Time Picker",disabled:c,onChange:e=>{N(e.target.value)},placeholder:s,ref:e=>{"function"==typeof l?l(e):l.current=e,h=e},title:o,type:"text",value:f})),React.createElement("div",{className:CssClasses.DROPDOWN,onTouchStart:e=>{w=e.touches[0].pageY;const t=Navigator.find(e);if(void 0!==t)switch(t.focus(),t.props.className){case"hours":case"minutes":case"toggle":return e.preventDefault(),e.stopPropagation(),!1}},onTouchEnd:e=>{const t=Navigator.find(e);if(void 0!==t&&t.hasStates())return t.setState({states:void 0}),e.preventDefault(),e.stopPropagation(),!1},onTouchMove:e=>{var t=Navigator.find(e);if(void 0!==t)switch(t.props.className){case"hours":return W(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value minute":return K(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1;case"value ampm":return q(e.touches[0].pageY),e.preventDefault(),e.stopPropagation(),!1}},onMouseDown:L},React.createElement("div",{className:"rollers"},React.createElement("div",{className:"side"},React.createElement(Button,{className:"close",ariaLabel:e})),React.createElement("div",{className:"main"},React.createElement(Navigator,{className:"hours",ref:x},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up hour",index:1}),React.createElement(Button,{className:"value hour"}),React.createElement(Button,{className:"down hour",index:-1})),React.createElement("div",{className:"tape marker"}),u("hour",M)),React.createElement(Navigator,{className:"minutes",ref:F},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up minute",index:1}),React.createElement(Button,{className:"value minute"}),React.createElement(Button,{className:"down minute",index:-1})),React.createElement("div",{className:"tape marker"}),u("minute",S)),React.createElement(Navigator,{className:"toggle",ref:T},React.createElement("div",{className:"buttons"},React.createElement(Button,{className:"up ampm"}),React.createElement(Button,{className:"value ampm"}),React.createElement(Button,{className:"down ampm"})),React.createElement("div",{className:"tape marker"}),u("ampm",B))),React.createElement("div",{className:"bottom"},React.createElement(Button,{className:"clock"})))))),E});

package/forms/components/TimerManager.d.ts

@@ -1,7 +0,0 @@
-export declare class TimerManager<T extends string> {
-    private _tickets;
-    start(name: T, delay: number, action: () => void): void;
-    repeat(name: T, delay: number, action: () => void): void;
-    stop(name: T): void;
-    dispose(): void;
-}

package/forms/components/TimerManager.js

@@ -1 +0,0 @@
-class TimerManager{constructor(){this._tickets={}}start(i,s,o){const e=this._tickets;if(void 0!==e){this.stop(i);let t;e[i]=function(){e[i]=void 0,clearTimeout(t)},t=setTimeout(function(){e[i]=void 0,o()},s)}}repeat(i,s,o){const e=this._tickets;if(void 0!==e){this.stop(i);let t;e[i]=function(){e[i]=void 0,clearInterval(t)},t=setInterval(o,s)}}stop(t){var i=this._tickets;if(void 0!==i){const s=i[t];void 0!==s&&s()}}dispose(){var t=this._tickets;if(void 0!==t){this._tickets=void 0;for(const i in t){const s=t[i];void 0!==s&&s()}}}}export{TimerManager};

package/forms/components/utils.d.ts

@@ -1,2 +0,0 @@
-export declare function scrollIntoView(target: Element): void;
-export declare function captureMouseEvents(action: (event: MouseEvent) => void): void;

package/forms/components/utils.js

@@ -1 +0,0 @@
-function applyFocusBehavior(e){if(null===e.onmousedown){let t=!1;e.onmousedown=function(){t=!0},e.onmouseup=function(){t=!1},e.onfocus=function(){var e;t?this.select():(e=this.value.length,this.setSelectionRange(e,e))}}}function setClass(t,o,n){if(void 0!==t.classList)n?t.classList.add(o):t.classList.remove(o);else{let e=t.className.split(" ");var s=e.indexOf(o);n?s<0?e.push(o):e=void 0:s<0?e=void 0:e.splice(s,1),void 0!==e&&(t.className=e.join(" "))}}function isOverflow(e){e=getComputedStyle(e);switch(e.overflowX){case"auto":case"scroll":return!0}switch(e.overflowY){case"auto":case"scroll":return!0}return!1}function deriveOverflowRegion(t){if(null===t)t=document.documentElement;else if(!isOverflow(t))return;return{scrollIntoView(e){e.right>t.scrollLeft+t.clientWidth&&(t.scrollLeft=e.right-t.clientWidth),e.left<t.scrollLeft&&(t.scrollLeft=e.left),e.bottom>t.scrollTop+t.clientHeight&&(t.scrollTop=e.bottom-t.clientHeight),e.top<t.scrollTop&&(t.scrollTop=e.top)}}}function extentOf(e,t){if(void 0===t)return{left:e.offsetLeft,top:e.offsetTop,right:e.offsetLeft+e.offsetWidth+e.scrollWidth-e.clientWidth,bottom:e.offsetTop+e.offsetHeight+e.scrollHeight-e.clientHeight};var o=e.offsetLeft+e.clientLeft,e=e.offsetTop+e.clientTop;return{left:o+t.left,top:e+t.top,right:o+t.right,bottom:e+t.bottom}}function scrollIntoView(e){let t;for(;e instanceof HTMLElement;){t=extentOf(e,t);const o=deriveOverflowRegion(e.offsetParent);if(void 0!==o){o.scrollIntoView(t);break}e=e.offsetParent}}function captureMouseEvents(o){let n=!1;function s(e){return o(e),n=!0,e.stopPropagation(),e.preventDefault(),!1}addEventListener("mousemove",s,!0),addEventListener("mouseup",function e(t){if(removeEventListener("mousemove",s,!0),removeEventListener("mouseup",e,!0),n)return o(void 0),t.stopPropagation(),t.preventDefault(),!1},!0)}export{applyFocusBehavior,setClass,scrollIntoView,captureMouseEvents};

package/forms/datetime.d.ts

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

package/forms/datetime.js

@@ -1 +0,0 @@
-import*as React from"react";import DateRangePicker from"./components/DateRangePicker.js";import DateTimePicker from"./components/DateTimePicker.js";function renderDateRangePicker(e,r){return React.createElement(DateRangePicker,{component:e,element:r})}function renderDateTimePicker(e,r){return React.createElement(DateTimePicker,{component:e,element:r})}export{renderDateRangePicker,renderDateTimePicker};

package/forms/files.d.ts

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

package/forms/files.js

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

package/forms/geometry.d.ts

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

package/forms/geometry.js

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

package/forms/number.d.ts

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

package/forms/number.js

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

package/forms/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/forms/numberSliderUtilities.js

@@ -1 +0,0 @@
-import{DEFAULT_CURRENCY}from"./numberFormatter.js";import{isNumeric}from"./utils.js";const DEFAULT_SLIDER_LOWER_BOUND=0,DEFAULT_SLIDER_UPPER_BOUND=100,SLIDER_MAX_DECIMALS=20;function getProcessedNumberFormat(r,e,t,u){r=r||{};let i=r.precision,o=r.step,s=r.lowerBound,D=r.upperBound;s=isNumeric(s)?s:DEFAULT_SLIDER_LOWER_BOUND,D=isNumeric(D)?D:DEFAULT_SLIDER_UPPER_BOUND,D<=s&&(s=DEFAULT_SLIDER_LOWER_BOUND,D=DEFAULT_SLIDER_UPPER_BOUND),i=isNumeric(i)?i:t,(i<e||i>SLIDER_MAX_DECIMALS)&&(i=t),o=isNumeric(o)&&o<=D-s&&0<=o?o:u;t=r.displayFormat,u=r.customDisplayFormat;return i<0&&(o=Math.pow(10,-1*i),i=0),{currency:r.currency||DEFAULT_CURRENCY,customDisplayFormat:u,displayFormat:t,precision:i,step:o,lowerBound:s,upperBound:D}}function getNumberSliderValues(r,e,t=!1){const u=isNumeric(e.lowerBound)?e.lowerBound:DEFAULT_SLIDER_LOWER_BOUND,i=isNumeric(e.upperBound)?e.upperBound:DEFAULT_SLIDER_UPPER_BOUND,o=r=>isNumeric(r)?r<u?u:r>i?i:r:NaN;var s=r=>{r=(r||"").trim();r=isNumeric(r)?parseFloat(r):NaN;return o(r)};let D=[],E=NaN,_=NaN;return"string"==typeof r?(e=r.split("\n").filter(r=>""!==r),E=s(e[0]),_=s(e[1])):"number"==typeof r?E=o(r):"number"==typeof r?.numeric?E=o(r.numeric):Array.isArray(r)&&1<=r.length&&(E=("string"==typeof r[0]?s:o)(r[0]),_=("string"==typeof r[1]?s:o)(r[1])),isNaN(E)||(isNaN(_)?t&&D.push(E):D.push(E,_)),D=D.sort((r,e)=>r-e),D.length?D:t?[Math.round((u+i)/2)]:[u,i]}export{DEFAULT_SLIDER_LOWER_BOUND,DEFAULT_SLIDER_UPPER_BOUND,SLIDER_MAX_DECIMALS,getProcessedNumberFormat,getNumberSliderValues};

package/forms/scanner.d.ts

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

package/forms/scanner.js

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

package/forms/selectors.d.ts

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

package/forms/selectors.js

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

package/forms/styles/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/forms/styles/daterange.d.ts

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

package/forms/styles/daterange.js

@@ -1 +0,0 @@
-const CSS=".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}";export{CSS};

package/forms/styles/stock.css

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

package/forms/styles/stock.d.ts

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

package/forms/styles/stock.js

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