react-input-material 0.0.354 → 0.0.355

package/components/RequireableCheckbox.js

@@ -1 +1 @@
-'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),require("@rmwc/checkbox"),require("@rmwc/theme"),require("@rmwc/tooltip"),require("@rmwc/typography"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react/jsx-runtime"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/extends","@babel/runtime/helpers/objectWithoutPropertiesLoose","@rmwc/checkbox","@rmwc/theme","@rmwc/tooltip","@rmwc/typography","clientnode","clientnode/property-types","react","react/jsx-runtime"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),require("@rmwc/checkbox"),require("@rmwc/theme"),require("@rmwc/tooltip"),require("@rmwc/typography"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react/jsx-runtime")):t(e["@babel/runtime/helpers/extends"],e["@babel/runtime/helpers/objectWithoutPropertiesLoose"],e["@rmwc/checkbox"],e["@rmwc/theme"],e["@rmwc/tooltip"],e["@rmwc/typography"],e.clientnode,e["clientnode/property-types"],e.react,e["react/jsx-runtime"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(e,t,n,r,o,i,a,c,l,d){return function(){"use strict";var u=[function(e){e.exports=d},function(t){t.exports=e},function(e){e.exports=l},function(e){e.exports=a},function(e){e.exports=r},function(e){e.exports=c},function(e,t,n){n.d(t,{WrapTooltip:function(){return l}});var r=n(1),o=n.n(r),i=n(9),a=n(11),c=n(0),l=function(e){var t=e.children,n=e.options;return"string"==typeof n?(0,c.jsx)(a.Tooltip,{content:(0,c.jsx)(i.Typography,{use:"caption",children:n}),children:(0,c.jsx)("div",{className:"generic-tooltip",children:t})}):null!==n&&"object"==typeof n?("string"==typeof n.content&&(n=o()({},n,{content:(0,c.jsx)(i.Typography,{use:"caption",children:n.content})})),(0,c.jsx)(a.Tooltip,o()({},n,{children:(0,c.jsx)("div",{className:"generic-tooltip",children:t})}))):(0,c.jsx)(c.Fragment,{children:t})}},function(e,t,n){n.d(t,{WrapConfigurations:function(){return c}});n(1),n(13),n(2),n(4);var r=n(12),o=n(10),i=n(6),a=n(0),c=function(e){var t=e.children,n=e.strict,c=e.themeConfiguration,l=e.tooltip,d=e.wrap;return(0,a.jsx)(r.x,{strict:Boolean(n),children:(0,a.jsx)(i.WrapTooltip,{options:l,children:(0,a.jsx)(o.WrapThemeProvider,{configuration:c,wrap:d,children:t})})})}},function(e,t,n){n.d(t,{deriveMissingPropertiesFromState:function(){return u},wrapStateSetter:function(){return m},triggerCallbackIfExists:function(){return s},translateKnownSymbols:function(){return p},determineInitialValue:function(){return f},determineValidationState:function(){return b},mapPropertiesIntoModel:function(){return h},getConsolidatedProperties:function(){return y}});var r=n(1),o=n.n(r),i=n(3),a=n.n(i),c=n(5);n(2);function l(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=function(e,t){for(var n in void 0!==e.model.value&&void 0===e.value&&(e.value=e.model.value),void 0===e.value&&(e.value=t.value),e.model.state?e.model.state=o()({},e.model.state):e.model.state={},t.modelState)Object.prototype.hasOwnProperty.call(t.modelState,n)&&void 0===e.model.state[n]&&(e.model.state[n]=t.modelState[n]);return e},m=function(e,t){return function(n){var r="function"==typeof n?n(t):n;a().equals(null==r?void 0:r.modelState,null==t?void 0:t.modelState)||e(r)}},s=function(e,t,n){void 0===n&&(n=!0);for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];t="on"+a().stringCapitalize(t),e[t]&&(n?e[t].apply(e,o):a().timeout((function(){return e[t].apply(e,o)})))},p=function(e){for(var t={},n=0,r=Object.entries(e);n<r.length;n++){var o=r[n],i=o[0],l=o[1];l===c.UndefinedSymbol?t[i]=void 0:l===c.NullSymbol?t[i]=null:t[i]=a().copy(e[i])}return t},f=function(e,t,n){var r,o;return void 0!==n?n:void 0!==e.value?e.value:void 0!==(null==(r=e.model)?void 0:r.value)?e.model.value:void 0!==e.initialValue?a().copy(e.initialValue):void 0!==e.default?a().copy(e.default):void 0!==(null==(o=e.model)?void 0:o.default)?a().copy(e.model.default):void 0!==t?t:null},b=function(e,t,n){void 0===n&&(n={});var r=!1;n=o()({invalidRequired:function(){return!1===e.model.nullable&&"boolean"!==e.model.type&&!e.model.value&&0!==e.model.value||"boolean"===e.model.type&&!("boolean"==typeof e.model.value||["false","true"].includes(e.model.value))}},n),e.model.state=e.model.state||{};for(var i=0,a=Object.entries(n);i<a.length;i++){var c=a[i],l=c[0],d=c[1],u=t[l];e.model.state[l]=d(),r=r||u!==t[l]}return r&&(e.model.state.invalid=Object.keys(n).some((function(t){return e.model.state[t]})),e.model.state.valid=!e.model.state.invalid),r},h=function(e,t){var n=a().extend(!0,{model:a().copy(t)},e);n.disabled&&(n.model.mutable=!1,delete n.disabled),n.invertedPattern&&(n.model.invertedRegularExpressionPattern=n.invertedPattern,delete n.invertedPattern),n.pattern&&(n.model.regularExpressionPattern=n.pattern,delete n.pattern),n.required&&(n.model.nullable=!1,delete n.required),"text"===n.type&&(n.type="string");for(var r,o=l(Object.keys(n.model).concat("value"));!(r=o()).done;){var i=r.value;Object.prototype.hasOwnProperty.call(n,i)&&void 0!==n[i]&&(n.model[i]=n[i])}for(var c in n.model.state)Object.prototype.hasOwnProperty.call(n,c)&&void 0!==n[c]&&(n.model.state[c]=n[c]);return void 0===n.model.value&&(n.model.value=a().copy(n.model.default)),n},y=function(e){var t=o()({},e,e.model||{},(e.model||{}).state||{});return t.disabled=!(t.mutable&&t.writable),delete t.mutable,delete t.writable,delete t.state,t.required=!t.nullable,delete t.nullable,t.invertedRegularExpressionPattern&&(t.invertedPattern=t.invertedRegularExpressionPattern),delete t.invertedRegularExpressionPattern,t.regularExpressionPattern&&(t.pattern=t.regularExpressionPattern),delete t.regularExpressionPattern,t}},function(e){e.exports=i},function(e,t,n){n.d(t,{WrapThemeProvider:function(){return i}});var r=n(4),o=n(0),i=function(e){var t=e.children,n=e.configuration,i=e.wrap;return n?(0,o.jsx)(r.ThemeProvider,{options:n,wrap:!1!==i,children:t}):t}},function(e){e.exports=o},function(e,t,n){n.d(t,{x:function(){return i}});var r=n(2),o=n(0),i=function(e){var t=e.children;return e.strict?(0,o.jsx)(r.StrictMode,{children:t}):(0,o.jsx)(o.Fragment,{children:t})}},function(e){e.exports=t},,,,,,,,,,,,,,,,function(e,t,n){n.d(t,{cN:function(){return s},by:function(){return b},uG:function(){return y}});var r=n(1),o=n.n(r),i=n(3),a=n.n(i),c=n(5),l={declaration:c.string,default:c.any,description:c.string,name:c.string,selection:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.number,c.string])),(0,c.objectOf)((0,c.oneOfType)([c.number,c.string]))]),type:c.string,value:c.any},d={dirty:(0,c.oneOfType)([c.boolean,c.symbol]),focused:(0,c.oneOfType)([c.boolean,c.symbol]),invalid:(0,c.oneOfType)([c.boolean,c.symbol]),invalidRequired:(0,c.oneOfType)([c.boolean,c.symbol]),pristine:(0,c.oneOfType)([c.boolean,c.symbol]),touched:(0,c.oneOfType)([c.boolean,c.symbol]),untouched:(0,c.oneOfType)([c.boolean,c.symbol]),valid:(0,c.oneOfType)([c.boolean,c.symbol]),visited:(0,c.oneOfType)([c.boolean,c.symbol])},u=o()({},l,{emptyEqualsNull:c.boolean,invertedRegularExpressionPattern:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),maximum:(0,c.oneOfType)([c.number,c.string]),maximumLength:c.number,minimum:(0,c.oneOfType)([c.number,c.string]),minimumLength:c.number,mutable:c.boolean,state:(0,c.shape)(d),writable:c.boolean,regularExpressionPattern:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),trim:c.boolean}),m=o()({},l,d,{className:c.string,disabled:c.boolean,enforceUncontrolled:c.boolean,initialValue:c.any,model:(0,c.shape)(u),onChange:c.func,onChangeValue:c.func,onChangeShowDeclaration:c.func,onChangeState:c.func,onClick:c.func,onFocus:c.func,onTouch:c.func,required:c.boolean,requiredText:c.string,ripple:(0,c.oneOfType)([c.boolean,c.object]),showDeclaration:(0,c.oneOfType)([c.boolean,c.symbol]),showInitialValidationState:c.boolean,styles:c.object,themeConfiguration:c.object,tooltip:c.any}),s={dirty:!1,focused:!1,invalid:!1,invalidRequired:!1,pristine:!0,touched:!1,untouched:!0,valid:!0,visited:!1},p={declaration:"",default:null,description:"",emptyEqualsNull:!0,invertedRegularExpressionPattern:null,maximum:1/0,maximumLength:-1,minimum:-1/0,minimumLength:0,mutable:!0,name:"NO_NAME_DEFINED",nullable:!0,regularExpressionPattern:null,state:o()({},s),trim:!0,type:"string",writable:!0},f={enforceUncontrolled:!1,model:o()({},p),showDeclaration:void 0,showInitialValidationState:!1,requiredText:"Please fill this field."},b=o()({},m,d,{checked:c.boolean,id:c.string}),h=o()({},p,{default:!1,type:"boolean",value:!1}),y=o()({},f,{default:!1,model:o()({},h),requiredText:"Please check this field."}),v=o()({},d,{invalidMaximum:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimum:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMaximumLength:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimumLength:(0,c.oneOfType)([c.boolean,c.symbol]),invalidInvertedPattern:(0,c.oneOfType)([c.boolean,c.symbol]),invalidPattern:(0,c.oneOfType)([c.boolean,c.symbol])}),x=o()({},m,v,{align:c.string,children:c.func,cursor:(0,c.oneOfType)([(0,c.shape)({end:c.number.isRequired,start:c.number.isRequired}),c.symbol]),editor:c.string,editorIsActive:(0,c.oneOfType)([c.boolean,c.symbol]),fullWidth:c.boolean,hidden:(0,c.oneOfType)([c.boolean,c.symbol]),icon:(0,c.oneOfType)([c.string,c.object]),invertedPatternText:c.string,labels:(0,c.oneOfType)([(0,c.arrayOf)(c.string),c.object]),maximum:(0,c.oneOfType)([c.number,c.string]),maximumLengthText:c.string,maximumText:c.string,minimum:(0,c.oneOfType)([c.number,c.string]),minimumLengthText:c.string,minimumText:c.string,onBlur:c.func,onChangeEditorIsActive:c.func,onKeyDown:c.func,onKeyUp:c.func,onSelect:c.func,onSelectionChange:c.func,outlined:c.boolean,patternText:c.string,placeholder:c.string,representation:(0,c.oneOfType)([c.string,c.symbol]),rows:c.number,searchSelection:c.boolean,selectableEditor:c.boolean,step:c.number,suggestionCreator:c.func,suggestSelection:c.boolean,trailingIcon:c.any,transformer:c.object}),g=o()({},s,{invalidMaximum:!1,invalidMinimum:!1,invalidMaximumLength:!1,invalidMinimumLength:!1,invalidInvertedPattern:!1,invalidPattern:!1}),k=o()({},p,{state:g}),T=o()({},f,{cursor:{end:0,start:0},editor:"plain",invertedPatternText:'Your string should not match the regular expression${[].concat(invertedPattern).length > 1 ? "s" : ""}: "${[].concat(invertedPattern).join("\\", \\"")}".',maximumLengthText:"Please type less or equal than ${maximumLength} symbols.",maximumText:"Please type less or equal than ${formatValue(maximum)}.",minimumLengthText:"Please type at least or equal ${minimumLength} symbols.",minimumText:"Please type at least or equal ${formatValue(minimum)}.",model:o()({},k),patternText:'Your string have to match the regular expression${[].concat(pattern).length > 1 ? "s" : ""}: "${[].concat(pattern).join("\\", \\"")}".',rows:4,searchSelection:!1,selectableEditor:!1,step:1,suggestSelection:!1}),P=o()({},d,{invalidMaximumSize:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimumSize:(0,c.oneOfType)([c.boolean,c.symbol]),invalidContentTypePattern:(0,c.oneOfType)([c.boolean,c.symbol]),invalidName:(0,c.oneOfType)([c.boolean,c.symbol])}),O=(o()({},m,P,{children:c.func,contentTypePatternText:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),deleteButton:(0,c.oneOfType)([c.object,c.string]),downloadButton:(0,c.oneOfType)([c.object,c.string]),editButton:(0,c.oneOfType)([c.object,c.string]),encoding:c.string,generateFileNameInputProperties:c.func,invertedContentTypePatternText:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),maximumSizeText:c.string,minimumSizeText:c.string,newButton:(0,c.oneOfType)([c.object,c.string]),onBlur:c.func,outlined:c.boolean}),o()({},s,{invalidMaximumSize:!1,invalidMinimumSize:!1,invalidContentTypePattern:!1,invalidName:!1})),S=o()({},p,{contentTypeRegularExpressionPattern:/^.+\/.+$/,fileName:o()({},k,{maximumLength:1024,name:"Name",regularExpressionPattern:/^[^\/]+$/}),invertedContentTypeRegularExpressionPattern:null,maximumSize:1/0,minimumSize:0,state:O});delete o()({},T,{emptyEqualsNull:!1,invertedPatternText:'Your file\'s name should not match the regular expression${[].concat(invertedPattern).length > 1 ? "s" : ""}: ""${[].concat(invertedPattern).join("\\", \\"")}".',patternText:'Your file\'s name has to match the regular expression${[].concat(pattern).length > 1 ? "s" : ""}: ""${[].concat(pattern).join("\\", \\"")}".',required:!0}).model;o()({},f,{contentTypePatternText:'Your file\'s mime-type has to match the regular expression${[].concat(contentTypePattern).length > 1 ? "s" : ""}: ""${[].concat(contentTypePattern).join("\\", \\"")}".',deleteButton:"delete",downloadButton:"download",editButton:"edit",encoding:"utf-8",generateFileNameInputProperties:a().identity,invertedContentTypePatternText:'Your file\'s mime-type should not match the regular expression${[].concat(invertedContentTypePattern).length > 1 ? "s" : ""}: ""${[].concat(invertedContentTypePattern).join("\\", \\"")}".',maximumSizeText:"Please provide a file with less or equal size than ${maximumSize} byte.",media:{sixteenByNine:!0},minimumSizeText:"Please provide a file with more or equal size than ${maximumSize} byte.",model:o()({},S),newButton:"new",sourceToBlobOptions:{endings:"transparent",type:"text/plain"}}),o()({},m,v,{children:c.func,createPrototype:c.func,maximumNumber:c.number,minimumNumber:c.number});var j=o()({},p,{state:o()({},p.state,{invalidMaximumNumber:!1,invalidMinimumNumber:!1}),maximumNumber:1/0,minimumNumber:0,type:"string[]"});o()({},f,{addIcon:{icon:"add"},createPrototype:function(e){return e.prototype},model:o()({},j),removeIcon:{icon:"clear"}}),o()({},x,{value:(0,c.shape)({end:(0,c.oneOfType)([c.number,(0,c.shape)(x)]),start:(0,c.oneOfType)([c.number,(0,c.shape)(x)])})}),o()({},s),o()({},k,{description:"End",name:"end"}),o()({},k,{description:"Start",name:"start"})},,,,,,,,function(e){e.exports=n}],m={};function s(e){var t=m[e];if(void 0!==t)return t.exports;var n=m[e]={exports:{}};return u[e](n,n.exports,s),n.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){s.r(p),s.d(p,{RequireableCheckbox:function(){return h},RequireableCheckboxInner:function(){return b},default:function(){return y},determineValidationState:function(){return f}});var e=s(1),t=s.n(e),n=s(3),r=s.n(n),o=s(2),i=s(37),a=s(4),c={"mdc-touch-target-wrapper":"mdc-touch-target-wrapper","mdc-checkbox":"mdc-checkbox","mdc-checkbox__native-control":"mdc-checkbox__native-control","mdc-checkbox__background":"mdc-checkbox__background","mdc-checkbox--selected":"mdc-checkbox--selected","mdc-checkbox__ripple":"mdc-checkbox__ripple","mdc-ripple-upgraded--background-focused":"mdc-ripple-upgraded--background-focused","mdc-ripple-upgraded":"mdc-ripple-upgraded","mdc-checkbox--anim-unchecked-checked":"mdc-checkbox--anim-unchecked-checked","mdc-checkbox--anim-unchecked-indeterminate":"mdc-checkbox--anim-unchecked-indeterminate","mdc-checkbox-fade-in-background-8A000000secondary00000000secondary":"mdc-checkbox-fade-in-background-8A000000secondary00000000secondary","mdc-checkbox--anim-checked-unchecked":"mdc-checkbox--anim-checked-unchecked","mdc-checkbox--anim-indeterminate-unchecked":"mdc-checkbox--anim-indeterminate-unchecked","mdc-checkbox-fade-out-background-8A000000secondary00000000secondary":"mdc-checkbox-fade-out-background-8A000000secondary00000000secondary","mdc-checkbox__checkmark":"mdc-checkbox__checkmark","mdc-checkbox__mixedmark":"mdc-checkbox__mixedmark","mdc-checkbox--disabled":"mdc-checkbox--disabled","mdc-checkbox--upgraded":"mdc-checkbox--upgraded","mdc-checkbox__checkmark-path":"mdc-checkbox__checkmark-path","mdc-checkbox-unchecked-checked-checkmark-path":"mdc-checkbox-unchecked-checked-checkmark-path","mdc-checkbox-unchecked-indeterminate-mixedmark":"mdc-checkbox-unchecked-indeterminate-mixedmark","mdc-checkbox-checked-unchecked-checkmark-path":"mdc-checkbox-checked-unchecked-checkmark-path","mdc-checkbox--anim-checked-indeterminate":"mdc-checkbox--anim-checked-indeterminate","mdc-checkbox-checked-indeterminate-checkmark":"mdc-checkbox-checked-indeterminate-checkmark","mdc-checkbox-checked-indeterminate-mixedmark":"mdc-checkbox-checked-indeterminate-mixedmark","mdc-checkbox--anim-indeterminate-checked":"mdc-checkbox--anim-indeterminate-checked","mdc-checkbox-indeterminate-checked-checkmark":"mdc-checkbox-indeterminate-checked-checkmark","mdc-checkbox-indeterminate-checked-mixedmark":"mdc-checkbox-indeterminate-checked-mixedmark","mdc-checkbox-indeterminate-unchecked-mixedmark":"mdc-checkbox-indeterminate-unchecked-mixedmark","mdc-checkbox--touch":"mdc-checkbox--touch","mdc-ripple-upgraded--unbounded":"mdc-ripple-upgraded--unbounded","mdc-ripple-upgraded--foreground-activation":"mdc-ripple-upgraded--foreground-activation","mdc-ripple-fg-radius-in":"mdc-ripple-fg-radius-in","mdc-ripple-fg-opacity-in":"mdc-ripple-fg-opacity-in","mdc-ripple-upgraded--foreground-deactivation":"mdc-ripple-upgraded--foreground-deactivation","mdc-ripple-fg-opacity-out":"mdc-ripple-fg-opacity-out","mdc-form-field":"mdc-form-field","mdc-form-field--align-end":"mdc-form-field--align-end","mdc-ripple-surface":"mdc-ripple-surface","mdc-ripple-surface--primary":"mdc-ripple-surface--primary","mdc-ripple-surface--accent":"mdc-ripple-surface--accent","requireable-checkbox":"requireable-checkbox"},l=s(7),d=s(8),u=s(29),m=s(0);function f(e,t){return(0,d.determineValidationState)(e,t,{invalidRequired:function(){return!1===e.model.nullable&&!e.model.value}})}var b=function(e,n){var u,s,p=function(e){var t=(0,d.mapPropertiesIntoModel)(e,h.defaultProperties.model);return f(t,t.model.state),(t=(0,d.getConsolidatedProperties)(t)).checked=Boolean(t.value),t},b=function(e){r().extend(!0,w,p(w)),(0,d.triggerCallbackIfExists)(w,"change",j,w,e)},y=function(e){return S((function(n){var r=!1;n.modelState.focused||(w.focused=!0,r=!0),n.modelState.untouched&&(w.touched=!0,w.untouched=!1,r=!0);var o=n;return r&&(b(e),o=t()({},n,{modelState:w.model.state}),(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),(0,d.triggerCallbackIfExists)(w,"touch",j,e,w),o}))},v=(0,o.useRef)(null),x=(0,o.useRef)(null),g=(0,d.translateKnownSymbols)(e),k=(0,d.determineInitialValue)(g,h.defaultProperties.model.default,g.checked),T=r().extend(!0,r().copy(h.defaultProperties),g),P=(0,o.useState)({modelState:t()({},h.defaultModelState),value:k}),O=P[0],S=P[1],j=!T.enforceUncontrolled&&(void 0!==(null==(u=g.model)?void 0:u.value)||void 0!==g.value)&&Boolean(g.onChange||g.onChangeValue);(0,d.deriveMissingPropertiesFromState)(T,O);var w=p(T),q={modelState:w.model.state,value:w.value};return(j||w.value===O.value)&&r().equals(w.model.state,O.modelState)||S(q),j&&(S=(0,d.wrapStateSetter)(S,q)),(0,o.useImperativeHandle)(n,(function(){return{properties:w,references:{foundationRef:x,inputReference:v},state:t()({modelState:w.model.state},j?{}:{value:w.value})}})),(0,m.jsx)(l.WrapConfigurations,{strict:h.strict,themeConfiguration:w.themeConfiguration,tooltip:w.tooltip,children:(0,m.jsx)("div",{className:[c["requireable-checkbox"]].concat(null!==(s=w.className)&&void 0!==s?s:[]).join(" "),style:w.styles,children:(0,m.jsx)(i.Checkbox,{checked:Boolean(w.value),disabled:w.disabled,foundationRef:x,id:w.id||w.name,indeterminate:null===w.value,inputRef:v,label:w.invalid&&(w.showInitialValidationState||w.visited)?(0,m.jsx)(a.Theme,{use:"error",children:w.description||w.name}):w.description||w.name,name:w.name,onBlur:function(e){return S((function(n){var r=!1;return n.modelState.focused&&(w.focused=!1,r=!0),n.modelState.visited||(w.visited=!0,r=!0),r&&(b(e),(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),(0,d.triggerCallbackIfExists)(w,"blur",j,e,w),r?t()({},n,{modelState:w.model.state}):n}))},onChange:function(e){w.model.mutable&&w.model.writable&&(w.value=Boolean(e.target.checked),S((function(n){if(n.value===w.value)return n;var r=!1,o=t()({},n,{value:w.value});return n.modelState.pristine&&(w.dirty=!0,w.pristine=!1,r=!0),b(e),f(w,n.modelState)&&(r=!0),(0,d.triggerCallbackIfExists)(w,"changeValue",j,w.value,e,w),r&&(o.modelState=w.model.state,(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),o})))},onClick:function(e){(0,d.triggerCallbackIfExists)(w,"click",j,e,w),y(e)},onFocus:function(e){(0,d.triggerCallbackIfExists)(w,"focus",j,e,w),y(e)},ripple:w.ripple,value:""+w.value})})})};b.displayName="RequireableCheckbox";var h=(0,o.memo)((0,o.forwardRef)(b));h.wrapped=b,h.webComponentAdapterWrapped="react",h.defaultModelState=u.cN,h.defaultProperties=t()({},u.uG,{model:t()({},u.uG.model,{state:void 0,value:void 0}),value:void 0}),h.propTypes=u.by,h.strict=!1;var y=h}(),p}()}));
+'use strict';if(typeof module!=='undefined'&&module!==null&&eval('typeof require')!=='undefined'&&eval('require')!==null&&'main'in eval('require')&&eval('typeof require.main')!=='undefined'&&eval('require.main')!==null){var ORIGINAL_MAIN_MODULE=module;if(module!==eval('require.main')&&'paths'in module&&'paths'in eval('require.main')&&typeof __dirname!=='undefined'&&__dirname!==null)module.paths=eval('require.main.paths').concat(module.paths.filter(function(path){return eval('require.main.paths').includes(path)}))};if(typeof window==='undefined'||window===null)var window=(typeof global==='undefined'||global===null)?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),require("@rmwc/checkbox"),require("@rmwc/theme"),require("@rmwc/tooltip"),require("@rmwc/typography"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react/jsx-runtime"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/extends","@babel/runtime/helpers/objectWithoutPropertiesLoose","@rmwc/checkbox","@rmwc/theme","@rmwc/tooltip","@rmwc/typography","clientnode","clientnode/property-types","react","react/jsx-runtime"],t);else{var n="object"==typeof exports?t(require("@babel/runtime/helpers/extends"),require("@babel/runtime/helpers/objectWithoutPropertiesLoose"),require("@rmwc/checkbox"),require("@rmwc/theme"),require("@rmwc/tooltip"),require("@rmwc/typography"),require("clientnode"),require("clientnode/property-types"),require("react"),require("react/jsx-runtime")):t(e["@babel/runtime/helpers/extends"],e["@babel/runtime/helpers/objectWithoutPropertiesLoose"],e["@rmwc/checkbox"],e["@rmwc/theme"],e["@rmwc/tooltip"],e["@rmwc/typography"],e.clientnode,e["clientnode/property-types"],e.react,e["react/jsx-runtime"]);for(var r in n)("object"==typeof exports?exports:e)[r]=n[r]}}(this,(function(e,t,n,r,o,i,a,c,l,d){return function(){"use strict";var u=[function(e){e.exports=d},function(t){t.exports=e},function(e){e.exports=l},function(e){e.exports=a},function(e){e.exports=r},function(e){e.exports=c},function(e,t,n){n.d(t,{WrapTooltip:function(){return l}});var r=n(1),o=n.n(r),i=n(9),a=n(11),c=n(0),l=function(e){var t=e.children,n=e.options;return"string"==typeof n?(0,c.jsx)(a.Tooltip,{content:(0,c.jsx)(i.Typography,{use:"caption",children:n}),children:(0,c.jsx)("div",{className:"generic-tooltip",children:t})}):null!==n&&"object"==typeof n?("string"==typeof n.content&&(n=o()({},n,{content:(0,c.jsx)(i.Typography,{use:"caption",children:n.content})})),(0,c.jsx)(a.Tooltip,o()({},n,{children:(0,c.jsx)("div",{className:"generic-tooltip",children:t})}))):(0,c.jsx)(c.Fragment,{children:t})}},function(e,t,n){n.d(t,{WrapConfigurations:function(){return c}});n(1),n(13),n(2),n(4);var r=n(12),o=n(10),i=n(6),a=n(0),c=function(e){var t=e.children,n=e.strict,c=e.themeConfiguration,l=e.tooltip,d=e.wrap;return(0,a.jsx)(r.x,{strict:Boolean(n),children:(0,a.jsx)(i.WrapTooltip,{options:l,children:(0,a.jsx)(o.WrapThemeProvider,{configuration:c,wrap:d,children:t})})})}},function(e,t,n){n.d(t,{deriveMissingPropertiesFromState:function(){return u},wrapStateSetter:function(){return m},triggerCallbackIfExists:function(){return s},translateKnownSymbols:function(){return p},determineInitialValue:function(){return f},determineValidationState:function(){return b},mapPropertiesIntoModel:function(){return h},getConsolidatedProperties:function(){return y}});var r=n(1),o=n.n(r),i=n(3),a=n.n(i),c=n(5);n(2);function l(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(n)return(n=n.call(e)).next.bind(n);if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return d(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0;return function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=function(e,t){for(var n in void 0!==e.model.value&&void 0===e.value&&(e.value=e.model.value),void 0===e.value&&(e.value=t.value),e.model.state?e.model.state=o()({},e.model.state):e.model.state={},t.modelState)Object.prototype.hasOwnProperty.call(t.modelState,n)&&void 0===e.model.state[n]&&(e.model.state[n]=t.modelState[n]);return e},m=function(e,t){return function(n){var r="function"==typeof n?n(t):n;a().equals(null==r?void 0:r.modelState,null==t?void 0:t.modelState)||e(r)}},s=function(e,t,n){void 0===n&&(n=!0);for(var r=arguments.length,o=new Array(r>3?r-3:0),i=3;i<r;i++)o[i-3]=arguments[i];t="on"+a().stringCapitalize(t),e[t]&&(n?e[t].apply(e,o):a().timeout((function(){return e[t].apply(e,o)})))},p=function(e){for(var t={},n=0,r=Object.entries(e);n<r.length;n++){var o=r[n],i=o[0],l=o[1];l===c.UndefinedSymbol?t[i]=void 0:l===c.NullSymbol?t[i]=null:t[i]=a().copy(e[i])}return t},f=function(e,t,n){var r,o;return void 0!==n?n:void 0!==e.value?e.value:void 0!==(null==(r=e.model)?void 0:r.value)?e.model.value:void 0!==e.initialValue?a().copy(e.initialValue):void 0!==e.default?a().copy(e.default):void 0!==(null==(o=e.model)?void 0:o.default)?a().copy(e.model.default):void 0!==t?t:null},b=function(e,t,n){void 0===n&&(n={});var r=!1;n=o()({invalidRequired:function(){return!1===e.model.nullable&&"boolean"!==e.model.type&&!e.model.value&&0!==e.model.value||"boolean"===e.model.type&&!("boolean"==typeof e.model.value||["false","true"].includes(e.model.value))}},n),e.model.state=e.model.state||{};for(var i=0,a=Object.entries(n);i<a.length;i++){var c=a[i],l=c[0],d=c[1],u=t[l];e.model.state[l]=d(),r=r||u!==t[l]}return r&&(e.model.state.invalid=Object.keys(n).some((function(t){return e.model.state[t]})),e.model.state.valid=!e.model.state.invalid),r},h=function(e,t){var n=a().extend(!0,{model:a().copy(t)},e);n.disabled&&(n.model.mutable=!1,delete n.disabled),n.invertedPattern&&(n.model.invertedRegularExpressionPattern=n.invertedPattern,delete n.invertedPattern),n.pattern&&(n.model.regularExpressionPattern=n.pattern,delete n.pattern),n.required&&(n.model.nullable=!1,delete n.required),"text"===n.type&&(n.type="string");for(var r,o=l(Object.keys(n.model).concat("value"));!(r=o()).done;){var i=r.value;Object.prototype.hasOwnProperty.call(n,i)&&void 0!==n[i]&&(n.model[i]=n[i])}for(var c in n.model.state)Object.prototype.hasOwnProperty.call(n,c)&&void 0!==n[c]&&(n.model.state[c]=n[c]);return void 0===n.model.value&&(n.model.value=a().copy(n.model.default)),n},y=function(e){var t=o()({},e,e.model||{},(e.model||{}).state||{});return t.disabled=!(t.mutable&&t.writable),delete t.mutable,delete t.writable,delete t.state,t.required=!t.nullable,delete t.nullable,t.invertedRegularExpressionPattern&&(t.invertedPattern=t.invertedRegularExpressionPattern),delete t.invertedRegularExpressionPattern,t.regularExpressionPattern&&(t.pattern=t.regularExpressionPattern),delete t.regularExpressionPattern,t}},function(e){e.exports=i},function(e,t,n){n.d(t,{WrapThemeProvider:function(){return i}});var r=n(4),o=n(0),i=function(e){var t=e.children,n=e.configuration,i=e.wrap;return n?(0,o.jsx)(r.ThemeProvider,{options:n,wrap:!1!==i,children:t}):t}},function(e){e.exports=o},function(e,t,n){n.d(t,{x:function(){return i}});var r=n(2),o=n(0),i=function(e){var t=e.children;return e.strict?(0,o.jsx)(r.StrictMode,{children:t}):(0,o.jsx)(o.Fragment,{children:t})}},function(e){e.exports=t},,,,,,,,,,,,,,,,function(e,t,n){n.d(t,{cN:function(){return s},by:function(){return b},uG:function(){return y}});var r=n(1),o=n.n(r),i=n(3),a=n.n(i),c=n(5),l={declaration:c.string,default:c.any,description:c.string,name:c.string,selection:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.number,c.string])),(0,c.objectOf)((0,c.oneOfType)([c.number,c.string]))]),type:c.string,value:c.any},d={dirty:(0,c.oneOfType)([c.boolean,c.symbol]),focused:(0,c.oneOfType)([c.boolean,c.symbol]),invalid:(0,c.oneOfType)([c.boolean,c.symbol]),invalidRequired:(0,c.oneOfType)([c.boolean,c.symbol]),pristine:(0,c.oneOfType)([c.boolean,c.symbol]),touched:(0,c.oneOfType)([c.boolean,c.symbol]),untouched:(0,c.oneOfType)([c.boolean,c.symbol]),valid:(0,c.oneOfType)([c.boolean,c.symbol]),visited:(0,c.oneOfType)([c.boolean,c.symbol])},u=o()({},l,{emptyEqualsNull:c.boolean,invertedRegularExpressionPattern:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),maximum:(0,c.oneOfType)([c.number,c.string]),maximumLength:c.number,minimum:(0,c.oneOfType)([c.number,c.string]),minimumLength:c.number,mutable:c.boolean,state:(0,c.shape)(d),writable:c.boolean,regularExpressionPattern:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),trim:c.boolean}),m=o()({},l,d,{className:c.string,disabled:c.boolean,enforceUncontrolled:c.boolean,initialValue:c.any,model:(0,c.shape)(u),onChange:c.func,onChangeValue:c.func,onChangeShowDeclaration:c.func,onChangeState:c.func,onClick:c.func,onFocus:c.func,onTouch:c.func,required:c.boolean,requiredText:c.string,ripple:(0,c.oneOfType)([c.boolean,c.object]),showDeclaration:(0,c.oneOfType)([c.boolean,c.symbol]),showInitialValidationState:c.boolean,styles:c.object,themeConfiguration:c.object,tooltip:c.any}),s={dirty:!1,focused:!1,invalid:!1,invalidRequired:!1,pristine:!0,touched:!1,untouched:!0,valid:!0,visited:!1},p={declaration:"",default:null,description:"",emptyEqualsNull:!0,invertedRegularExpressionPattern:null,maximum:1/0,maximumLength:-1,minimum:-1/0,minimumLength:0,mutable:!0,name:"NO_NAME_DEFINED",nullable:!0,regularExpressionPattern:null,state:o()({},s),trim:!0,type:"string",writable:!0},f={enforceUncontrolled:!1,model:o()({},p),showDeclaration:void 0,showInitialValidationState:!1,requiredText:"Please fill this field."},b=o()({},m,d,{checked:c.boolean,id:c.string}),h=o()({},p,{default:!1,type:"boolean",value:!1}),y=o()({},f,{default:!1,model:o()({},h),requiredText:"Please check this field."}),v=o()({},d,{invalidMaximum:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimum:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMaximumLength:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimumLength:(0,c.oneOfType)([c.boolean,c.symbol]),invalidInvertedPattern:(0,c.oneOfType)([c.boolean,c.symbol]),invalidPattern:(0,c.oneOfType)([c.boolean,c.symbol])}),x=o()({},m,v,{align:c.string,children:c.func,cursor:(0,c.oneOfType)([(0,c.shape)({end:c.number.isRequired,start:c.number.isRequired}),c.symbol]),editor:c.string,editorIsActive:(0,c.oneOfType)([c.boolean,c.symbol]),fullWidth:c.boolean,hidden:(0,c.oneOfType)([c.boolean,c.symbol]),icon:(0,c.oneOfType)([c.string,c.object]),invertedPatternText:c.string,labels:(0,c.oneOfType)([(0,c.arrayOf)(c.string),c.object]),maximum:(0,c.oneOfType)([c.number,c.string]),maximumLengthText:c.string,maximumText:c.string,minimum:(0,c.oneOfType)([c.number,c.string]),minimumLengthText:c.string,minimumText:c.string,onBlur:c.func,onChangeEditorIsActive:c.func,onKeyDown:c.func,onKeyUp:c.func,onSelect:c.func,onSelectionChange:c.func,outlined:c.boolean,patternText:c.string,placeholder:c.string,representation:(0,c.oneOfType)([c.string,c.symbol]),rows:c.number,searchSelection:c.boolean,selectableEditor:c.boolean,step:c.number,suggestionCreator:c.func,suggestSelection:c.boolean,trailingIcon:c.any,transformer:c.object}),g=o()({},s,{invalidMaximum:!1,invalidMinimum:!1,invalidMaximumLength:!1,invalidMinimumLength:!1,invalidInvertedPattern:!1,invalidPattern:!1}),k=o()({},p,{state:g}),T=o()({},f,{cursor:{end:0,start:0},editor:"plain",invertedPatternText:'Your string should not match the regular expression${[].concat(invertedPattern).length > 1 ? "s" : ""}: "${[].concat(invertedPattern).join("\\", \\"")}".',maximumLengthText:"Please type less or equal than ${maximumLength} symbols.",maximumText:"Please type less or equal than ${formatValue(maximum)}.",minimumLengthText:"Please type at least or equal ${minimumLength} symbols.",minimumText:"Please type at least or equal ${formatValue(minimum)}.",model:o()({},k),patternText:'Your string have to match the regular expression${[].concat(pattern).length > 1 ? "s" : ""}: "${[].concat(pattern).join("\\", \\"")}".',rows:4,searchSelection:!1,selectableEditor:!1,step:1,suggestSelection:!1}),P=o()({},d,{invalidMaximumSize:(0,c.oneOfType)([c.boolean,c.symbol]),invalidMinimumSize:(0,c.oneOfType)([c.boolean,c.symbol]),invalidContentTypePattern:(0,c.oneOfType)([c.boolean,c.symbol]),invalidName:(0,c.oneOfType)([c.boolean,c.symbol])}),O=(o()({},m,P,{children:c.func,contentTypePatternText:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),deleteButton:(0,c.oneOfType)([c.object,c.string]),downloadButton:(0,c.oneOfType)([c.object,c.string]),editButton:(0,c.oneOfType)([c.object,c.string]),encoding:c.string,generateFileNameInputProperties:c.func,invertedContentTypePatternText:(0,c.oneOfType)([(0,c.arrayOf)((0,c.oneOfType)([c.object,c.string])),c.object,c.string]),maximumSizeText:c.string,minimumSizeText:c.string,newButton:(0,c.oneOfType)([c.object,c.string]),onBlur:c.func,outlined:c.boolean}),o()({},s,{invalidMaximumSize:!1,invalidMinimumSize:!1,invalidContentTypePattern:!1,invalidName:!1})),S=o()({},p,{contentTypeRegularExpressionPattern:/^.+\/.+$/,fileName:o()({},k,{maximumLength:1024,name:"Name",regularExpressionPattern:/^[^/]+$/}),invertedContentTypeRegularExpressionPattern:null,maximumSize:1/0,minimumSize:0,state:O});delete o()({},T,{emptyEqualsNull:!1,invertedPatternText:'Your file\'s name should not match the regular expression${[].concat(invertedPattern).length > 1 ? "s" : ""}: ""${[].concat(invertedPattern).join("\\", \\"")}".',patternText:'Your file\'s name has to match the regular expression${[].concat(pattern).length > 1 ? "s" : ""}: ""${[].concat(pattern).join("\\", \\"")}".',required:!0}).model;o()({},f,{contentTypePatternText:'Your file\'s mime-type has to match the regular expression${[].concat(contentTypePattern).length > 1 ? "s" : ""}: ""${[].concat(contentTypePattern).join("\\", \\"")}".',deleteButton:"delete",downloadButton:"download",editButton:"edit",encoding:"utf-8",generateFileNameInputProperties:a().identity,invertedContentTypePatternText:'Your file\'s mime-type should not match the regular expression${[].concat(invertedContentTypePattern).length > 1 ? "s" : ""}: ""${[].concat(invertedContentTypePattern).join("\\", \\"")}".',maximumSizeText:"Please provide a file with less or equal size than ${maximumSize} byte.",media:{sixteenByNine:!0},minimumSizeText:"Please provide a file with more or equal size than ${maximumSize} byte.",model:o()({},S),newButton:"new",sourceToBlobOptions:{endings:"transparent",type:"text/plain"}}),o()({},m,v,{children:c.func,createPrototype:c.func,maximumNumber:c.number,minimumNumber:c.number});var j=o()({},p,{state:o()({},p.state,{invalidMaximumNumber:!1,invalidMinimumNumber:!1}),maximumNumber:1/0,minimumNumber:0,type:"string[]"});o()({},f,{addIcon:{icon:"add"},createPrototype:function(e){return e.prototype},model:o()({},j),removeIcon:{icon:"clear"}}),o()({},x,{value:(0,c.shape)({end:(0,c.oneOfType)([c.number,(0,c.shape)(x)]),start:(0,c.oneOfType)([c.number,(0,c.shape)(x)])})}),o()({},s),o()({},k,{description:"End",name:"end"}),o()({},k,{description:"Start",name:"start"})},,,,,,,,function(e){e.exports=n}],m={};function s(e){var t=m[e];if(void 0!==t)return t.exports;var n=m[e]={exports:{}};return u[e](n,n.exports,s),n.exports}s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return function(){s.r(p),s.d(p,{RequireableCheckbox:function(){return h},RequireableCheckboxInner:function(){return b},default:function(){return y},determineValidationState:function(){return f}});var e=s(1),t=s.n(e),n=s(3),r=s.n(n),o=s(2),i=s(37),a=s(4),c={"mdc-touch-target-wrapper":"mdc-touch-target-wrapper","mdc-checkbox":"mdc-checkbox","mdc-checkbox__native-control":"mdc-checkbox__native-control","mdc-checkbox__background":"mdc-checkbox__background","mdc-checkbox--selected":"mdc-checkbox--selected","mdc-checkbox__ripple":"mdc-checkbox__ripple","mdc-ripple-upgraded--background-focused":"mdc-ripple-upgraded--background-focused","mdc-ripple-upgraded":"mdc-ripple-upgraded","mdc-checkbox--anim-unchecked-checked":"mdc-checkbox--anim-unchecked-checked","mdc-checkbox--anim-unchecked-indeterminate":"mdc-checkbox--anim-unchecked-indeterminate","mdc-checkbox-fade-in-background-8A000000secondary00000000secondary":"mdc-checkbox-fade-in-background-8A000000secondary00000000secondary","mdc-checkbox--anim-checked-unchecked":"mdc-checkbox--anim-checked-unchecked","mdc-checkbox--anim-indeterminate-unchecked":"mdc-checkbox--anim-indeterminate-unchecked","mdc-checkbox-fade-out-background-8A000000secondary00000000secondary":"mdc-checkbox-fade-out-background-8A000000secondary00000000secondary","mdc-checkbox__checkmark":"mdc-checkbox__checkmark","mdc-checkbox__mixedmark":"mdc-checkbox__mixedmark","mdc-checkbox--disabled":"mdc-checkbox--disabled","mdc-checkbox--upgraded":"mdc-checkbox--upgraded","mdc-checkbox__checkmark-path":"mdc-checkbox__checkmark-path","mdc-checkbox-unchecked-checked-checkmark-path":"mdc-checkbox-unchecked-checked-checkmark-path","mdc-checkbox-unchecked-indeterminate-mixedmark":"mdc-checkbox-unchecked-indeterminate-mixedmark","mdc-checkbox-checked-unchecked-checkmark-path":"mdc-checkbox-checked-unchecked-checkmark-path","mdc-checkbox--anim-checked-indeterminate":"mdc-checkbox--anim-checked-indeterminate","mdc-checkbox-checked-indeterminate-checkmark":"mdc-checkbox-checked-indeterminate-checkmark","mdc-checkbox-checked-indeterminate-mixedmark":"mdc-checkbox-checked-indeterminate-mixedmark","mdc-checkbox--anim-indeterminate-checked":"mdc-checkbox--anim-indeterminate-checked","mdc-checkbox-indeterminate-checked-checkmark":"mdc-checkbox-indeterminate-checked-checkmark","mdc-checkbox-indeterminate-checked-mixedmark":"mdc-checkbox-indeterminate-checked-mixedmark","mdc-checkbox-indeterminate-unchecked-mixedmark":"mdc-checkbox-indeterminate-unchecked-mixedmark","mdc-checkbox--touch":"mdc-checkbox--touch","mdc-ripple-upgraded--unbounded":"mdc-ripple-upgraded--unbounded","mdc-ripple-upgraded--foreground-activation":"mdc-ripple-upgraded--foreground-activation","mdc-ripple-fg-radius-in":"mdc-ripple-fg-radius-in","mdc-ripple-fg-opacity-in":"mdc-ripple-fg-opacity-in","mdc-ripple-upgraded--foreground-deactivation":"mdc-ripple-upgraded--foreground-deactivation","mdc-ripple-fg-opacity-out":"mdc-ripple-fg-opacity-out","mdc-form-field":"mdc-form-field","mdc-form-field--align-end":"mdc-form-field--align-end","mdc-ripple-surface":"mdc-ripple-surface","mdc-ripple-surface--primary":"mdc-ripple-surface--primary","mdc-ripple-surface--accent":"mdc-ripple-surface--accent","requireable-checkbox":"requireable-checkbox"},l=s(7),d=s(8),u=s(29),m=s(0);function f(e,t){return(0,d.determineValidationState)(e,t,{invalidRequired:function(){return!1===e.model.nullable&&!e.model.value}})}var b=function(e,n){var u,s,p=function(e){var t=(0,d.mapPropertiesIntoModel)(e,h.defaultProperties.model);return f(t,t.model.state),(t=(0,d.getConsolidatedProperties)(t)).checked=Boolean(t.value),t},b=function(e){r().extend(!0,w,p(w)),(0,d.triggerCallbackIfExists)(w,"change",j,w,e)},y=function(e){return S((function(n){var r=!1;n.modelState.focused||(w.focused=!0,r=!0),n.modelState.untouched&&(w.touched=!0,w.untouched=!1,r=!0);var o=n;return r&&(b(e),o=t()({},n,{modelState:w.model.state}),(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),(0,d.triggerCallbackIfExists)(w,"touch",j,e,w),o}))},v=(0,o.useRef)(null),x=(0,o.useRef)(null),g=(0,d.translateKnownSymbols)(e),k=(0,d.determineInitialValue)(g,h.defaultProperties.model.default,g.checked),T=r().extend(!0,r().copy(h.defaultProperties),g),P=(0,o.useState)({modelState:t()({},h.defaultModelState),value:k}),O=P[0],S=P[1],j=!T.enforceUncontrolled&&(void 0!==(null==(u=g.model)?void 0:u.value)||void 0!==g.value)&&Boolean(g.onChange||g.onChangeValue);(0,d.deriveMissingPropertiesFromState)(T,O);var w=p(T),q={modelState:w.model.state,value:w.value};return(j||w.value===O.value)&&r().equals(w.model.state,O.modelState)||S(q),j&&(S=(0,d.wrapStateSetter)(S,q)),(0,o.useImperativeHandle)(n,(function(){return{properties:w,references:{foundationRef:x,inputReference:v},state:t()({modelState:w.model.state},j?{}:{value:w.value})}})),(0,m.jsx)(l.WrapConfigurations,{strict:h.strict,themeConfiguration:w.themeConfiguration,tooltip:w.tooltip,children:(0,m.jsx)("div",{className:[c["requireable-checkbox"]].concat(null!==(s=w.className)&&void 0!==s?s:[]).join(" "),style:w.styles,children:(0,m.jsx)(i.Checkbox,{checked:Boolean(w.value),disabled:w.disabled,foundationRef:x,id:w.id||w.name,indeterminate:null===w.value,inputRef:v,label:w.invalid&&(w.showInitialValidationState||w.visited)?(0,m.jsx)(a.Theme,{use:"error",children:w.description||w.name}):w.description||w.name,name:w.name,onBlur:function(e){return S((function(n){var r=!1;return n.modelState.focused&&(w.focused=!1,r=!0),n.modelState.visited||(w.visited=!0,r=!0),r&&(b(e),(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),(0,d.triggerCallbackIfExists)(w,"blur",j,e,w),r?t()({},n,{modelState:w.model.state}):n}))},onChange:function(e){w.model.mutable&&w.model.writable&&(w.value=Boolean(e.target.checked),S((function(n){if(n.value===w.value)return n;var r=!1,o=t()({},n,{value:w.value});return n.modelState.pristine&&(w.dirty=!0,w.pristine=!1,r=!0),b(e),f(w,n.modelState)&&(r=!0),(0,d.triggerCallbackIfExists)(w,"changeValue",j,w.value,e,w),r&&(o.modelState=w.model.state,(0,d.triggerCallbackIfExists)(w,"changeState",j,w.model.state,e,w)),o})))},onClick:function(e){(0,d.triggerCallbackIfExists)(w,"click",j,e,w),y(e)},onFocus:function(e){(0,d.triggerCallbackIfExists)(w,"focus",j,e,w),y(e)},ripple:w.ripple,value:""+w.value})})})};b.displayName="RequireableCheckbox";var h=(0,o.memo)((0,o.forwardRef)(b));h.wrapped=b,h.webComponentAdapterWrapped="react",h.defaultModelState=u.cN,h.defaultProperties=t()({},u.uG,{model:t()({},u.uG.model,{state:void 0,value:void 0}),value:void 0}),h.propTypes=u.by,h.strict=!1;var y=h}(),p}()}));

package/components/RequireableCheckbox.tsx

@@ -18,7 +18,6 @@
 */
 // region imports
 import Tools from 'clientnode'
-import {FirstParameter} from 'clientnode/type'
 import {
     FocusEvent as ReactFocusEvent,
     forwardRef,
@@ -27,7 +26,6 @@ import {
     MouseEvent as ReactMouseEvent,
     MutableRefObject,
     ReactElement,
-    RefCallback,
     SyntheticEvent,
     useImperativeHandle,
     useRef,
@@ -56,10 +54,8 @@ import {
 } from '../helper'
 import {
     CheckboxAdapter as Adapter,
-    CheckboxModel as Model,
     CheckboxProperties as Properties,
     CheckboxProps as Props,
-    CheckboxState as State,
     defaultModelState,
     DefaultCheckboxProperties as DefaultProperties,
     defaultCheckboxProperties as defaultProperties,
@@ -70,6 +66,13 @@ import {
 } from '../type'
 // endregion
 // region helper
+/**
+ * Derives validation state from provided properties and state.
+ * @param properties - Current component properties.
+ * @param currentState - Current component state.
+ *
+ * @returns Whether component is in an aggregated valid or invalid state.
+ */
 export function determineValidationState(
     properties:DefaultProperties, currentState:Partial<ModelState>
 ):boolean {
@@ -86,7 +89,6 @@ export function determineValidationState(
 // endregion
 /**
  * Validateable checkbox wrapper component.
- *
  * @property static:displayName - Descriptive name for component to show in web
  * developer tools.
  *
@@ -102,12 +104,12 @@ export function determineValidationState(
  * 4. All state changes except selection changes trigger an "onChange" event
  *    which delivers the consolidated properties object (with latest
  *    modifications included).
- *
  * @property static:displayName - Descriptive name for component to show in web
  * developer tools.
  *
  * @param props - Given components properties.
  * @param reference - Reference object to forward internal state.
+ *
  * @returns React elements.
  */
 export const RequireableCheckboxInner = function(
@@ -117,12 +119,14 @@ export const RequireableCheckboxInner = function(
     /**
      * Calculate external properties (a set of all configurable properties).
      * @param properties - Properties to merge.
+     *
      * @returns External properties object.
      */
     const getConsolidatedProperties = (properties:Props):Properties => {
-        let result:DefaultProperties = mapPropertiesIntoModel<Props, DefaultProperties>(
-            properties, RequireableCheckbox.defaultProperties.model as Model
-        )
+        let result:DefaultProperties =
+            mapPropertiesIntoModel<Props, DefaultProperties>(
+                properties, RequireableCheckbox.defaultProperties.model
+            )
 
         determineValidationState(result, result.model.state)
 
@@ -137,12 +141,13 @@ export const RequireableCheckboxInner = function(
     /**
      * Triggered on blur events.
      * @param event - Event object.
+     *
      * @returns Nothing.
      */
     const onBlur = (event:SyntheticEvent):void => setValueState((
         oldValueState:ValueState
     ):ValueState => {
-        let changed:boolean = false
+        let changed = false
 
         if (oldValueState.modelState.focused) {
             properties.focused = false
@@ -179,6 +184,7 @@ export const RequireableCheckboxInner = function(
      * Triggered on any change events. Consolidates properties object and
      * triggers given on change callbacks.
      * @param event - Potential event object.
+     *
      * @returns Nothing.
      */
     const onChange = (event?:SyntheticEvent):void => {
@@ -201,6 +207,7 @@ export const RequireableCheckboxInner = function(
     /**
      * Triggered when ever the value changes.
      * @param event - Event object.
+     *
      * @returns Nothing.
      */
     const onChangeValue = (event:SyntheticEvent):void => {
@@ -215,7 +222,7 @@ export const RequireableCheckboxInner = function(
             if (oldValueState.value === properties.value)
                 return oldValueState
 
-            let stateChanged:boolean = false
+            let stateChanged = false
 
             const result:ValueState =
                 {...oldValueState, value: properties.value as boolean|null}
@@ -259,6 +266,7 @@ export const RequireableCheckboxInner = function(
     /**
      * Triggered on click events.
      * @param event - Mouse event object.
+     *
      * @returns Nothing.
      */
     const onClick = (event:ReactMouseEvent):void => {
@@ -271,6 +279,7 @@ export const RequireableCheckboxInner = function(
     /**
      * Triggered on focus events.
      * @param event - Focus event object.
+     *
      * @returns Nothing.
      */
     const onFocus = (event:ReactFocusEvent):void => {
@@ -283,11 +292,12 @@ export const RequireableCheckboxInner = function(
     /**
      * Triggers on start interacting with the input.
      * @param event - Event object which triggered interaction.
+     *
      * @returns Nothing.
      */
     const onTouch = (event:ReactFocusEvent|ReactMouseEvent):void =>
         setValueState((oldValueState:ValueState):ValueState => {
-            let changedState:boolean = false
+            let changedState = false
 
             if (!oldValueState.modelState.focused) {
                 properties.focused = true
@@ -335,7 +345,7 @@ export const RequireableCheckboxInner = function(
 
     const initialValue:boolean|null = determineInitialValue<boolean>(
         givenProps,
-        RequireableCheckbox.defaultProperties.model!.default,
+        RequireableCheckbox.defaultProperties.model.default,
         givenProps.checked
     )
     /*
@@ -386,6 +396,7 @@ export const RequireableCheckboxInner = function(
         setValueState =
             wrapStateSetter<ValueState>(setValueState, currentValueState)
     // endregion
+    // region export references
     useImperativeHandle(
         reference,
         ():Adapter & {
@@ -411,45 +422,48 @@ export const RequireableCheckboxInner = function(
         strict={RequireableCheckbox.strict}
         themeConfiguration={properties.themeConfiguration}
         tooltip={properties.tooltip}
-    ><div
-        className={[styles['requireable-checkbox']]
-            .concat(properties.className ?? [])
-            .join(' ')
-        }
-        style={properties.styles}
     >
-        <Checkbox
-            checked={Boolean(properties.value)}
-            disabled={properties.disabled}
-            foundationRef={foundationRef}
-            id={properties.id || properties.name}
-            indeterminate={properties.value === null}
-            inputRef={inputReference}
-            label={(
-                properties.invalid &&
-                (
-                    properties.showInitialValidationState ||
-                    /*
-                        Material inputs show their validation state at least
-                        after a blur event so we synchronize error appearances.
-                    */
-                    properties.visited
-                )
-            ) ?
-                <Theme use="error">
-                    {properties.description || properties.name}
-                </Theme> :
-                properties.description || properties.name
+        <div
+            className={[styles['requireable-checkbox']]
+                .concat(properties.className ?? [])
+                .join(' ')
             }
-            name={properties.name}
-            onBlur={onBlur}
-            onChange={onChangeValue}
-            onClick={onClick}
-            onFocus={onFocus}
-            ripple={properties.ripple}
-            value={`${properties.value}`}
-        />
-    </div></WrapConfigurations>
+            style={properties.styles}
+        >
+            <Checkbox
+                checked={Boolean(properties.value)}
+                disabled={properties.disabled}
+                foundationRef={foundationRef}
+                id={properties.id || properties.name}
+                indeterminate={properties.value === null}
+                inputRef={inputReference}
+                label={(
+                    properties.invalid &&
+                    (
+                        properties.showInitialValidationState ||
+                        /*
+                            Material inputs show their validation state at
+                            least after a blur event so we synchronize error
+                            appearances.
+                        */
+                        properties.visited
+                    )
+                ) ?
+                    <Theme use="error">
+                        {properties.description || properties.name}
+                    </Theme> :
+                    properties.description || properties.name
+                }
+                name={properties.name}
+                onBlur={onBlur}
+                onChange={onChangeValue}
+                onClick={onClick}
+                onFocus={onFocus}
+                ripple={properties.ripple}
+                value={`${properties.value as unknown as string}`}
+            />
+        </div>
+    </WrapConfigurations>
     // endregion
 } as ForwardRefRenderFunction<Adapter, Props>
 // NOTE: This is useful in react dev tools.
@@ -458,13 +472,14 @@ RequireableCheckboxInner.displayName = 'RequireableCheckbox'
  * Wrapping web component compatible react component.
  * @property static:defaultModelState - Initial model state.
  * @property static:defaultProperties - Initial property configuration.
- * @property static:propTypes - Triggers reacts runtime property value checks
+ * @property static:propTypes - Triggers reacts runtime property value checks.
  * @property static:strict - Indicates whether we should wrap render output in
  * reacts strict component.
  * @property static:wrapped - Wrapped component.
  *
  * @param props - Given components properties.
  * @param reference - Reference object to forward internal state.
+ *
  * @returns React elements.
  */
 export const RequireableCheckbox:CheckboxComponent =

package/components/WrapConfigurations.d.ts

@@ -5,6 +5,7 @@ import { ConfigurationProperties } from '../type';
 /**
  * Wraps a theme provider, strict wrapper and tooltip to given element if
  * corresponding configurations are provided.
+ * @param properties - Component provided properties.
  * @param properties.children - Component or string to wrap.
  * @param properties.strict - Indicates whether to render in strict mode.
  * @param properties.themeConfiguration - Optional theme configurations.
@@ -12,11 +13,23 @@ import { ConfigurationProperties } from '../type';
  * @param properties.wrap - Instead of injecting a div tag, wrap a child
  * component by merging the theme styles directly onto it. Useful when you
  * don't want to mess with layout.
+ *
  * @returns Wrapped content.
  */
 export declare const WrapConfigurations: FunctionComponent<ConfigurationProperties & {
     children: ReactElement;
 }>;
+/**
+ * Component factory to dynamically create a wrapped component.
+ * @param WrappedComponent - Component to wrap.
+ * @param options - Options configure wrapping.
+ * @param options.withReference - Indicates whether to add a mutable reference
+ * to wrapping component.
+ * @param options.withThemeWrapper - Indicates whether all theme configurations
+ * should be provided.
+ *
+ * @returns Created wrapped component.
+ */
 export declare function createWrapConfigurationsComponent<Type extends AnyFunction = AnyFunction, Reference = unknown>(WrappedComponent: Type, options?: {
     withReference?: boolean | null;
     withThemeWrapper?: boolean;

package/components/WrapConfigurations.tsx

@@ -19,24 +19,24 @@
 // region imports
 import {AnyFunction, FirstParameter} from 'clientnode/type'
 import {
-    ComponentType,
     forwardRef,
     ForwardRefRenderFunction,
     FunctionComponent,
     MutableRefObject,
     ReactElement
 } from 'react'
-import {Theme, ThemeProviderProps} from '@rmwc/theme'
+import {Theme} from '@rmwc/theme'
 import {ThemePropT} from '@rmwc/types'
 
 import {WrapStrict} from './WrapStrict'
 import {WrapThemeProvider} from './WrapThemeProvider'
 import {WrapTooltip} from './WrapTooltip'
-import {ConfigurationProperties, Properties} from '../type'
-// endregion
+import {ConfigurationProperties} from '../type'
+//  endregion
 /**
  * Wraps a theme provider, strict wrapper and tooltip to given element if
  * corresponding configurations are provided.
+ * @param properties - Component provided properties.
  * @param properties.children - Component or string to wrap.
  * @param properties.strict - Indicates whether to render in strict mode.
  * @param properties.themeConfiguration - Optional theme configurations.
@@ -44,6 +44,7 @@ import {ConfigurationProperties, Properties} from '../type'
  * @param properties.wrap - Instead of injecting a div tag, wrap a child
  * component by merging the theme styles directly onto it. Useful when you
  * don't want to mess with layout.
+ *
  * @returns Wrapped content.
  */
 export const WrapConfigurations:FunctionComponent<
@@ -56,7 +57,17 @@ export const WrapConfigurations:FunctionComponent<
             </WrapThemeProvider>
         </WrapTooltip>
     </WrapStrict>
-
+/**
+ * Component factory to dynamically create a wrapped component.
+ * @param WrappedComponent - Component to wrap.
+ * @param options - Options configure wrapping.
+ * @param options.withReference - Indicates whether to add a mutable reference
+ * to wrapping component.
+ * @param options.withThemeWrapper - Indicates whether all theme configurations
+ * should be provided.
+ *
+ * @returns Created wrapped component.
+ */
 export function createWrapConfigurationsComponent<
     Type extends AnyFunction = AnyFunction, Reference = unknown
 >(
@@ -91,6 +102,7 @@ export function createWrapConfigurationsComponent<
             }
         </WrapConfigurations>
     }
+
     return options.withReference ?
         forwardRef(component as ForwardRefRenderFunction<typeof component>) :
         component

package/components/WrapStrict.d.ts

@@ -2,6 +2,12 @@ import { FunctionComponent } from 'react';
 import { Renderable } from '../type';
 /**
  * Generic strict wrapper component.
+ * @param properties - Provided component properties.
+ * @param properties.children - Components to wrap.
+ * @param properties.strict - Indicates whether to wrap with strict indicating
+ * component.
+ *
+ * @returns React component.
  */
 export declare const WrapStrict: FunctionComponent<{
     children: Renderable;

package/components/WrapStrict.tsx

@@ -23,12 +23,19 @@ import {Renderable} from '../type'
 // endregion
 /**
  * Generic strict wrapper component.
+ * @param properties - Provided component properties.
+ * @param properties.children - Components to wrap.
+ * @param properties.strict - Indicates whether to wrap with strict indicating
+ * component.
+ *
+ * @returns React component.
  */
 export const WrapStrict:FunctionComponent<{
     children:Renderable
     strict:boolean
 }> = ({children, strict}):ReactElement =>
     strict ? <StrictMode>{children}</StrictMode> : <>{children}</>
+
 export default WrapStrict
 // region vim modline
 // vim: set tabstop=4 shiftwidth=4 expandtab:

package/components/WrapThemeProvider.d.ts

@@ -2,11 +2,13 @@ import { FunctionComponent, ReactElement } from 'react';
 import { ThemeProviderProps } from '@rmwc/theme';
 /**
  * Wraps a theme provider to given element if a configuration is provided.
- * @param children - Component or string to wrap.
- * @param configuration - Potential theme provider configuration.
- * @param wrap - Instead of injecting a div tag, wrap a child component by
- * merging the theme styles directly onto it. Useful when you don't want to
- * mess with layout.
+ * @param properties - Component provided properties.
+ * @param properties.children - Component or string to wrap.
+ * @param properties.configuration - Potential theme provider configuration.
+ * @param properties.wrap - Instead of injecting a div tag, wrap a child
+ * component by merging the theme styles directly onto it. Useful when you
+ * don't want to mess with layout.
+ *
  * @returns Wrapped content.
  */
 export declare const WrapThemeProvider: FunctionComponent<{

package/components/WrapThemeProvider.tsx

@@ -22,11 +22,13 @@ import {ThemeProvider, ThemeProviderProps} from '@rmwc/theme'
 // endregion
 /**
  * Wraps a theme provider to given element if a configuration is provided.
- * @param children - Component or string to wrap.
- * @param configuration - Potential theme provider configuration.
- * @param wrap - Instead of injecting a div tag, wrap a child component by
- * merging the theme styles directly onto it. Useful when you don't want to
- * mess with layout.
+ * @param properties - Component provided properties.
+ * @param properties.children - Component or string to wrap.
+ * @param properties.configuration - Potential theme provider configuration.
+ * @param properties.wrap - Instead of injecting a div tag, wrap a child
+ * component by merging the theme styles directly onto it. Useful when you
+ * don't want to mess with layout.
+ *
  * @returns Wrapped content.
  */
 export const WrapThemeProvider:FunctionComponent<{
@@ -38,6 +40,7 @@ export const WrapThemeProvider:FunctionComponent<{
         {children}
     </ThemeProvider> :
     children
+
 export default WrapThemeProvider
 // region vim modline
 // vim: set tabstop=4 shiftwidth=4 expandtab:

package/components/WrapTooltip.d.ts

@@ -3,8 +3,10 @@ import { Properties } from '../type';
 /**
   * Wraps given component with a tooltip component with given tooltip
   * configuration.
-  * @param children - Component or string to wrap.
-  * @param options - Tooltip options.
+  * @param properties - Component provided properties.
+  * @param properties.children - Component or string to wrap.
+  * @param properties.options - Tooltip options.
+  *
   * @returns Wrapped given content.
  */
 export declare const WrapTooltip: FunctionComponent<{

package/components/WrapTooltip.tsx

@@ -26,8 +26,10 @@ import {Properties} from '../type'
 /**
   * Wraps given component with a tooltip component with given tooltip
   * configuration.
-  * @param children - Component or string to wrap.
-  * @param options - Tooltip options.
+  * @param properties - Component provided properties.
+  * @param properties.children - Component or string to wrap.
+  * @param properties.options - Tooltip options.
+  *
   * @returns Wrapped given content.
  */
 export const WrapTooltip:FunctionComponent<{
@@ -37,7 +39,10 @@ export const WrapTooltip:FunctionComponent<{
     if (typeof options === 'string')
         return <Tooltip
             content={<Typography use="caption">{options}</Typography>}
-        ><div className="generic-tooltip">{children}</div></Tooltip>
+        >
+            <div className="generic-tooltip">{children}</div>
+        </Tooltip>
+
     if (options !== null && typeof options === 'object') {
         if (typeof options.content === 'string')
             options = {
@@ -46,12 +51,15 @@ export const WrapTooltip:FunctionComponent<{
                     {options.content}
                 </Typography>
             }
-        return <Tooltip {...options}><div className="generic-tooltip">
-            {children}
-        </div></Tooltip>
+
+        return <Tooltip {...options}>
+            <div className="generic-tooltip">{children}</div>
+        </Tooltip>
     }
+
     return <>{children}</>
 }
+
 export default WrapTooltip
 // region vim modline
 // vim: set tabstop=4 shiftwidth=4 expandtab: