@plurid/plurid-ui-components-react 0.0.0-25 → 0.0.0-27

package/distribution/index.es.js

@@ -153,7 +153,9 @@ const Spinner$1 = properties => {
     const themeValue = theme || plurid;
     const sizeValue = size || "normal";
     return React.createElement(StyledSpinner, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(StyledLoader, {
         theme: themeValue,
@@ -352,11 +354,13 @@ const StyledPureButtonDiv = styled(StyledPureButton).attrs({
 const PureButton$1 = properties => {
     const {text: text, atClick: atClick, theme: themeProperty, level: levelProperty, size: sizeProperty, disabled: disabled, loading: loading, style: style, className: className} = properties;
     const theme = themeProperty || plurid;
-    const level = levelProperty !== null && levelProperty !== void 0 ? levelProperty : 0;
+    const level = levelProperty ?? 0;
     const size = sizeProperty || "normal";
     if (loading) {
         return React.createElement(StyledPureButtonDiv, {
-            style: Object.assign({}, style),
+            style: {
+                ...style
+            },
             className: className,
             theme: theme,
             level: level,
@@ -369,7 +373,9 @@ const PureButton$1 = properties => {
     }
     return React.createElement(StyledPureButton, {
         onClick: event => disabled ? null : atClick(event),
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: theme,
         level: level,
@@ -456,7 +462,7 @@ const DEFAULT_LEVEL$1 = 0;
 const LinkButton$1 = properties => {
     const {text: text, atClick: atClick, theme: themeProperty, level: levelProperty, inline: inline, disabled: disabled, loading: loading, active: active, style: style, className: className} = properties;
     const theme = themeProperty || plurid;
-    const level = levelProperty !== null && levelProperty !== void 0 ? levelProperty : DEFAULT_LEVEL$1;
+    const level = levelProperty ?? DEFAULT_LEVEL$1;
     if (loading) {
         return React.createElement(StyledLinkButtonLoading, null, React.createElement(Spinner$1, {
             size: "small",
@@ -465,7 +471,9 @@ const LinkButton$1 = properties => {
     }
     return React.createElement(StyledLinkButton, {
         onClick: event => disabled ? null : atClick(event),
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: theme,
         level: level,
@@ -482,7 +490,7 @@ const RefreshButton$1 = properties => {
     const {atClick: atClick, theme: themeProperty, text: textProperty, disabled: disabled, hideAtClick: hideAtClickProperty, hideTime: hideTimeProperty} = properties;
     const theme = themeProperty || plurid;
     const text = textProperty || "";
-    const hideAtClick = hideAtClickProperty !== null && hideAtClickProperty !== void 0 ? hideAtClickProperty : true;
+    const hideAtClick = hideAtClickProperty ?? true;
     const hideTime = hideTimeProperty || 1300;
     const isMounted = useRef(true);
     const [showIconReset, setShowIconReset] = useState(true);
@@ -572,18 +580,20 @@ const StyledFormbuttonText = styled.div`
 const Formbutton$1 = properties => {
     const {text: text, Icon: Icon, atClick: atClick, link: link, target: target, theme: theme, devisible: devisible, level: level, iconPosition: iconPosition, inactive: inactive, hoverEffect: hoverEffectProperty, style: style, className: className} = properties;
     const _theme = theme || plurid;
-    const _level = level !== null && level !== void 0 ? level : 0;
-    const _devisible = devisible !== null && devisible !== void 0 ? devisible : false;
+    const _level = level ?? 0;
+    const _devisible = devisible ?? false;
     const _iconPosition = iconPosition || "left";
-    const _inactive = inactive !== null && inactive !== void 0 ? inactive : false;
-    const hoverEffect = hoverEffectProperty !== null && hoverEffectProperty !== void 0 ? hoverEffectProperty : true;
+    const _inactive = inactive ?? false;
+    const hoverEffect = hoverEffectProperty ?? true;
     const render = () => React.createElement(React.Fragment, null, React.createElement(StyledFormbuttonIcon, {
         position: _iconPosition
     }, React.createElement(Icon, {
         theme: _theme
     })), React.createElement(StyledFormbuttonText, null, text));
     const renderProperties = {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: _theme,
         level: _level,
@@ -592,16 +602,18 @@ const Formbutton$1 = properties => {
         hoverEffect: hoverEffect
     };
     if (link) {
-        return React.createElement(StyledFormbutton, Object.assign({
+        return React.createElement(StyledFormbutton, {
             onClick: event => !_inactive ? atClick(event) : null,
             as: "a",
             href: link,
-            target: target
-        }, renderProperties), render());
-    }
-    return React.createElement(StyledFormbutton, Object.assign({
-        onClick: event => !_inactive ? atClick(event) : null
-    }, renderProperties), render());
+            target: target,
+            ...renderProperties
+        }, render());
+    }
+    return React.createElement(StyledFormbutton, {
+        onClick: event => !_inactive ? atClick(event) : null,
+        ...renderProperties
+    }, render());
 };
 
 const StyledFormitem = styled.div`
@@ -615,9 +627,11 @@ const StyledFormitem = styled.div`
 const Formitem$1 = properties => {
     const {theme: theme, level: level, style: style, className: className, children: children} = properties;
     const _theme = theme || plurid;
-    const _level = level !== null && level !== void 0 ? level : 0;
+    const _level = level ?? 0;
     return React.createElement(StyledFormitem, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: _theme,
         level: _level
@@ -634,7 +648,9 @@ const FormLeftRight$1 = properties => {
     const {theme: theme, style: style, className: className, children: children} = properties;
     const _theme = theme || plurid;
     return React.createElement(StyledFormLeftRight, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: _theme
     }, children);
@@ -700,7 +716,9 @@ const Formline$1 = properties => {
     const _level = level === undefined ? 0 : level;
     const _responsive = responsive === undefined ? false : responsive;
     return React.createElement(StyledFormline, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: _theme,
         level: _level,
@@ -730,8 +748,8 @@ const StyledObliterateContainer = styled.div`
 const FormObliterate$1 = properties => {
     const {atObliterate: atObliterate, item: item, theme: theme, devisible: devisible, level: level, style: style, className: className} = properties;
     const _theme = theme || plurid;
-    const _level = level !== null && level !== void 0 ? level : 0;
-    const _devisible = devisible !== null && devisible !== void 0 ? devisible : false;
+    const _level = level ?? 0;
+    const _devisible = devisible ?? false;
     const [showObliterate, setShowObliterate] = useState(false);
     const handleObliterate = event => {
         setShowObliterate(false);
@@ -741,7 +759,9 @@ const FormObliterate$1 = properties => {
         theme: _theme,
         level: _level,
         devisible: _devisible,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, !showObliterate && React.createElement(Formbutton$1, {
         theme: _theme,
@@ -989,8 +1009,8 @@ const Textline$1 = forwardRef(((properties, reference) => {
     const {text: text, atChange: atChange, atKeyDown: atKeyDown, atFocus: atFocus, atBlur: atBlur, type: type, placeholder: placeholder, autoCapitalize: autoCapitalize, autoComplete: autoComplete, autoCorrect: autoCorrect, spellCheck: spellCheck, style: style, className: className, theme: theme, level: level, devisible: devisible, center: center, round: round, width: width, error: error, enterIconLeft: enterIconLeft, enterEmpty: enterEmpty, enterAtClick: enterAtClick, escapeClear: escapeClear, ariaLabel: ariaLabel} = properties;
     const _type = type || "text";
     const _theme = theme || plurid;
-    const _level = level !== null && level !== void 0 ? level : 0;
-    const _round = round !== null && round !== void 0 ? round : true;
+    const _level = level ?? 0;
+    const _round = round ?? true;
     const inputElement = useRef();
     const handleKeyDown = event => {
         if (!inputElement.current) {
@@ -1034,7 +1054,10 @@ const Textline$1 = forwardRef(((properties, reference) => {
         autoCorrect: autoCorrect,
         spellCheck: spellCheck,
         "aria-label": ariaLabel,
-        style: Object.assign({}, style),
+        style: {
+            ...style,
+            paddingRight: showEnterIcon ? "35px" : undefined
+        },
         ref: mergeReferences(inputElement, reference)
     }), error && React.createElement(StyledErrorLine, {
         theme: _theme,
@@ -1231,9 +1254,9 @@ const Dropdown$1 = properties => {
     const {selected: selected, selectables: selectables, atSelect: atSelect, left: left, kind: kind, listTop: listTop, dropdownToggled: dropdownToggled, dropdownSign: dropdownSign, hideAtSelect: hideAtSelect, selectAtHover: selectAtHover, selectedColor: selectedColor, filterable: filterable, style: style, className: className, theme: themeProperty, generalTheme: generalThemeProperty, interactionTheme: interactionThemeProperty, level: level, heightItems: heightItems, width: width, setDropdownToggled: setDropdownToggled, filterUpdate: filterUpdate} = properties;
     const _generalTheme = generalThemeProperty === undefined ? themeProperty === undefined ? plurid : themeProperty : generalThemeProperty;
     const _interactionTheme = interactionThemeProperty === undefined ? themeProperty === undefined ? plurid : themeProperty : interactionThemeProperty;
-    const _level = level !== null && level !== void 0 ? level : 0;
-    const _hideAtSelect = hideAtSelect !== null && hideAtSelect !== void 0 ? hideAtSelect : true;
-    const _selectAtHover = selectAtHover !== null && selectAtHover !== void 0 ? selectAtHover : false;
+    const _level = level ?? 0;
+    const _hideAtSelect = hideAtSelect ?? true;
+    const _selectAtHover = selectAtHover ?? false;
     const _dropdownSign = typeof dropdownSign === "string" ? dropdownSign : !dropdownSign ? "" : "▼";
     const isMounted = useRef(true);
     const filterInput = useRef(null);
@@ -1384,7 +1407,9 @@ const Dropdown$1 = properties => {
     return React.createElement(StyledDropdown, {
         theme: interactionTheme,
         left: left,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(StyledDropdownSelected, {
         onClick: () => {
@@ -1485,7 +1510,9 @@ const EntityPill$1 = properties => {
     const textValue = text || id;
     return React.createElement(StyledEntityPill, {
         theme: theme || plurid,
-        style: Object.assign({}, style)
+        style: {
+            ...style
+        }
     }, React.createElement("div", {
         style: {
             marginRight: "0.5rem"
@@ -1507,7 +1534,9 @@ const EntityPillGroup$1 = properties => {
     const {entities: entities, remove: remove, keyFix: keyFix, theme: theme, style: style, pillStyle: pillStyle} = properties;
     return React.createElement(StyledEntityPillGroup, {
         theme: theme,
-        style: Object.assign({}, style)
+        style: {
+            ...style
+        }
     }, entities.map((entity => {
         const stringEntity = typeof entity === "string";
         const id = stringEntity ? entity : entity.id;
@@ -1542,7 +1571,9 @@ const InputDescriptor$1 = properties => {
     return React.createElement(StyledInputDescriptor, {
         theme: theme,
         className: className,
-        style: Object.assign({}, style)
+        style: {
+            ...style
+        }
     }, show && React.createElement(React.Fragment, null, name));
 };
 
@@ -1580,7 +1611,9 @@ const InputBox$1 = properties => {
     return React.createElement(StyledInputBox, {
         theme: theme,
         className: className,
-        style: Object.assign({}, style)
+        style: {
+            ...style
+        }
     }, React.createElement(InputDescriptor$1, {
         name: name,
         show: text !== "",
@@ -1608,13 +1641,15 @@ const InputLine$1 = properties => {
     const theme = themeProperty || plurid;
     return React.createElement(StyledInputLine, {
         theme: theme,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(InputDescriptor$1, {
         name: name,
         show: text !== "",
         theme: theme
-    }), React.createElement(Textline$1, Object.assign({
+    }), React.createElement(Textline$1, {
         text: text,
         type: type,
         placeholder: name,
@@ -1626,8 +1661,9 @@ const InputLine$1 = properties => {
         autoComplete: "false",
         autoCorrect: "false",
         atChange: atChange,
-        atKeyDown: atKeyDown
-    }, textline)));
+        atKeyDown: atKeyDown,
+        ...textline
+    }));
 };
 
 const StyledSwitch = styled.label`
@@ -1761,13 +1797,15 @@ const Switch$1 = properties => {
         type: "checkbox",
         checked: checked,
         onChange: () => atChange()
-    }), React.createElement(StyledSwitchSlider, Object.assign({
-        round: _round
-    }, commonProperties)), Icon && React.createElement(StyledSwitchIcon, Object.assign({}, commonProperties, {
+    }), React.createElement(StyledSwitchSlider, {
+        round: _round,
+        ...commonProperties
+    }), Icon && React.createElement(StyledSwitchIcon, {
+        ...commonProperties,
         style: {
             left: checked ? "35px" : "9px"
         }
-    }), React.createElement(Icon, null)));
+    }, React.createElement(Icon, null)));
 };
 
 const StyledInputSwitch = styled.div`
@@ -1786,19 +1824,22 @@ const InputSwitch$1 = properties => {
     const theme = themeProperty || plurid;
     return React.createElement(StyledInputSwitch, {
         compact: compact,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(FormLeftRight$1, null, React.createElement("div", {
         style: {
             marginLeft: "0.9rem"
         }
-    }, name), React.createElement(Switch$1, Object.assign({
+    }, name), React.createElement(Switch$1, {
         checked: checked,
         level: 2,
         exclusive: true,
         theme: theme,
-        atChange: () => atChange()
-    }, switchProperties))));
+        atChange: () => atChange(),
+        ...switchProperties
+    })));
 };
 
 const StyledItemsline = styled.div`
@@ -1839,7 +1880,9 @@ const Itemsline$1 = properties => {
     const _level = level === undefined ? 0 : level;
     const _left = left === undefined ? false : left;
     return React.createElement(StyledItemsline, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className,
         theme: _theme,
         level: _level,
@@ -1856,8 +1899,8 @@ const StyledSelect = styled.div`
 const PluridSelect = properties => {
     const {selectables: selectables, atChange: atChange, theme: theme, level: level, devisible: devisible, round: round, width: width} = properties;
     const _theme = theme || plurid;
-    const _level = level !== null && level !== void 0 ? level : 0;
-    const _round = round !== null && round !== void 0 ? round : true;
+    const _level = level ?? 0;
+    const _round = round ?? true;
     return React.createElement(StyledSelect, {
         theme: _theme,
         level: _level,
@@ -2162,7 +2205,9 @@ const HR$1 = properties => {
     const themeValue = theme || plurid;
     return React.createElement(StyledHR, {
         theme: themeValue,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     });
 };
@@ -2192,7 +2237,9 @@ const ProgressCircle$1 = properties => {
     const sizeValue = size || "normal";
     return React.createElement(StyledProgressCircle, {
         size: sizeValue,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement("svg", {
         height: diameter,
@@ -2291,8 +2338,8 @@ const StyledTooltipText = styled.div`
 const Tooltip$1 = properties => {
     const {tool: Tool, tip: Tip, indicator: indicatorProperty, icon: iconProperty, theme: themeProperty, style: style, className: className} = properties;
     const theme = themeProperty || plurid;
-    const indicator = indicatorProperty !== null && indicatorProperty !== void 0 ? indicatorProperty : true;
-    const icon = iconProperty !== null && iconProperty !== void 0 ? iconProperty : true;
+    const indicator = indicatorProperty ?? true;
+    const icon = iconProperty ?? true;
     const mounted = useMounted();
     const hoverOutTimeout = useRef(null);
     const [mouseOver, setMouseOver] = useState(false);
@@ -2324,7 +2371,9 @@ const Tooltip$1 = properties => {
         onMouseLeave: () => setMouseOver(false),
         onMouseMove: () => !showTooltipText ? setMouseOver(true) : null,
         theme: theme,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, icon && React.createElement(StyledTooltipIcon, {
         theme: theme
@@ -2394,25 +2443,39 @@ const Heading$1 = properties => {
     };
     switch (type) {
       case "h1":
-        return React.createElement(StyledHeading1, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading1, {
+            ...renderProperties
+        }, children);
 
       case "h2":
-        return React.createElement(StyledHeading2, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading2, {
+            ...renderProperties
+        }, children);
 
       case "h3":
-        return React.createElement(StyledHeading3, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading3, {
+            ...renderProperties
+        }, children);
 
       case "h4":
-        return React.createElement(StyledHeading4, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading4, {
+            ...renderProperties
+        }, children);
 
       case "h5":
-        return React.createElement(StyledHeading5, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading5, {
+            ...renderProperties
+        }, children);
 
       case "h6":
-        return React.createElement(StyledHeading6, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading6, {
+            ...renderProperties
+        }, children);
 
       default:
-        return React.createElement(StyledHeading1, Object.assign({}, renderProperties), children);
+        return React.createElement(StyledHeading1, {
+            ...renderProperties
+        }, children);
     }
 };
 
@@ -2459,7 +2522,9 @@ const Paragraph$1 = properties => {
         theme: theme,
         size: size,
         fontFamily: fontFamily,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, children);
 };
@@ -2483,11 +2548,13 @@ const StyledData = styled.div`
 const CopyableLine$1 = properties => {
     const {data: data, theme: theme, viewData: viewData, copyMessage: copyMessage, copyMessageTime: copyMessageTime, style: style, className: className} = properties;
     const viewDataText = viewData || data;
-    const copyMessageText = copyMessage !== null && copyMessage !== void 0 ? copyMessage : "copied";
+    const copyMessageText = copyMessage ?? "copied";
     const copyMessageTimeValue = copyMessageTime || 2e3;
     const [showCopyMessage, setShowCopyMessage] = useFalseAfterTimedTrue(copyMessageTimeValue);
     return React.createElement(StyledCopyableLine, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(PluridIconCopy, {
         atClick: () => {
@@ -2507,7 +2574,9 @@ const NewPageLink$1 = properties => {
         href: link,
         target: "_blank",
         rel: "noopener noreferrer",
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, text);
 };
@@ -2528,7 +2597,9 @@ const StyledScrollableLine = styled.div`
 const ScrollableLine$1 = properties => {
     const {text: text, style: style, className: className} = properties;
     return React.createElement(StyledScrollableLine, {
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, text);
 };
@@ -2801,8 +2872,8 @@ const RenderArea = properties => {
 
 const DashboardsRenderer$1 = properties => {
     const {dashboards: dashboards, theme: theme, rendererID: rendererID, identonym: identonym, usageType: usageType, brandingName: brandingName, brandingNameStyle: brandingNameStyle, brandingLogo: brandingLogo, activeDashboard: activeDashboard, activeRender: activeRender, compactSelectors: compactSelectorsProperty, fullRenderArea: fullRenderAreaProperty, noDashboardRender: noDashboardRender, atDashboardChange: atDashboardChange, atUIChange: atUIChange, openManual: openManual, logout: logout} = properties;
-    const [compactSelectors, setCompactSelectors] = useState(compactSelectorsProperty !== null && compactSelectorsProperty !== void 0 ? compactSelectorsProperty : false);
-    const [fullRenderArea, setFullRenderArea] = useState(fullRenderAreaProperty !== null && fullRenderAreaProperty !== void 0 ? fullRenderAreaProperty : false);
+    const [compactSelectors, setCompactSelectors] = useState(compactSelectorsProperty ?? false);
+    const [fullRenderArea, setFullRenderArea] = useState(fullRenderAreaProperty ?? false);
     const [selectedDashboard, setSelectedDashboard] = useState(activeDashboard || "");
     const [renderView, setRenderView] = useState(activeRender || "");
     useEffect((() => {
@@ -2981,7 +3052,7 @@ const {buttons: {PureButton: PluridPureButton}, inputs: {Textline: PluridTextlin
 const EntityView$1 = forwardRef(((properties, reference) => {
     const {entities: entities, searchFields: searchFields, generalTheme: generalTheme, interactionTheme: interactionTheme, rowsHeader: rowsHeader, rowTemplate: rowTemplate, noRows: noRows, abstractRowRenderer: abstractRowRenderer, actionButtonText: actionButtonText, placeholderText: placeholderText, scrollThrottleTime: scrollThrottleTimeProperty, loading: loading, rowRenderFields: rowRenderFields, rowRenderMethods: rowRenderMethods, actionButtonClick: actionButtonClick, filterUpdate: filterUpdate, refresh: refresh, actionScrollBottom: actionScrollBottom} = properties;
     const placeholder = placeholderText || "search";
-    const scrollThrottleTime = scrollThrottleTimeProperty !== null && scrollThrottleTimeProperty !== void 0 ? scrollThrottleTimeProperty : 1e3;
+    const scrollThrottleTime = scrollThrottleTimeProperty ?? 1e3;
     const bottomTimeout = useRef();
     const entityList = useRef(null);
     const [searchTerms, setSearchTerms] = useState(createSearchTerms(entities, searchFields));
@@ -3120,27 +3191,26 @@ const containers = {
 };
 
 const Head$1 = properties => {
-    var _a, _b, _c, _d;
     const {Helmet: Helmet, defaults: defaults, children: children, stateHead: stateHead} = properties;
-    const robots = (defaults === null || defaults === void 0 ? void 0 : defaults.robots) || "index,follow";
-    const viewport = (defaults === null || defaults === void 0 ? void 0 : defaults.viewport) || "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no";
-    const faviconIcon = (_a = defaults === null || defaults === void 0 ? void 0 : defaults.faviconIcon) !== null && _a !== void 0 ? _a : "/favicon.ico";
-    const favicon16 = (_b = defaults === null || defaults === void 0 ? void 0 : defaults.favicon16) !== null && _b !== void 0 ? _b : "/favicon-16x16.png";
-    const favicon32 = (_c = defaults === null || defaults === void 0 ? void 0 : defaults.favicon32) !== null && _c !== void 0 ? _c : "/favicon-32x32.png";
-    const manifest = (_d = defaults === null || defaults === void 0 ? void 0 : defaults.manifest) !== null && _d !== void 0 ? _d : "/site.webmanifest";
-    const themeColor = (defaults === null || defaults === void 0 ? void 0 : defaults.themeColor) || "";
-    const titleValue = stateHead.title || (defaults === null || defaults === void 0 ? void 0 : defaults.title) || "";
-    const descriptionValue = stateHead.description || (defaults === null || defaults === void 0 ? void 0 : defaults.description) || "";
-    const canonicalURL = stateHead.canonicalURL || (defaults === null || defaults === void 0 ? void 0 : defaults.canonicalURL) || "";
+    const robots = defaults?.robots || "index,follow";
+    const viewport = defaults?.viewport || "width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no";
+    const faviconIcon = defaults?.faviconIcon ?? "/favicon.ico";
+    const favicon16 = defaults?.favicon16 ?? "/favicon-16x16.png";
+    const favicon32 = defaults?.favicon32 ?? "/favicon-32x32.png";
+    const manifest = defaults?.manifest ?? "/site.webmanifest";
+    const themeColor = defaults?.themeColor || "";
+    const titleValue = stateHead.title || defaults?.title || "";
+    const descriptionValue = stateHead.description || defaults?.description || "";
+    const canonicalURL = stateHead.canonicalURL || defaults?.canonicalURL || "";
     const ogTitleValue = stateHead.ogTitle || titleValue;
     const ogDescriptionValue = stateHead.ogDescription || titleValue;
-    const ogImageValue = stateHead.ogImage || (defaults === null || defaults === void 0 ? void 0 : defaults.ogImage) || "";
-    const ogURLValue = stateHead.ogURL || (defaults === null || defaults === void 0 ? void 0 : defaults.ogURL) || "";
-    const apiDomain = (defaults === null || defaults === void 0 ? void 0 : defaults.apiDomain) || "";
-    const ogImageWidth = (defaults === null || defaults === void 0 ? void 0 : defaults.ogImageWidth) || "1200";
-    const ogImageHeight = (defaults === null || defaults === void 0 ? void 0 : defaults.ogImageHeight) || "630";
-    const ogSiteName = (defaults === null || defaults === void 0 ? void 0 : defaults.ogSiteName) || "";
-    const appleTouchIcon = (defaults === null || defaults === void 0 ? void 0 : defaults.appleTouchIcon) || "";
+    const ogImageValue = stateHead.ogImage || defaults?.ogImage || "";
+    const ogURLValue = stateHead.ogURL || defaults?.ogURL || "";
+    const apiDomain = defaults?.apiDomain || "";
+    const ogImageWidth = defaults?.ogImageWidth || "1200";
+    const ogImageHeight = defaults?.ogImageHeight || "630";
+    const ogSiteName = defaults?.ogSiteName || "";
+    const appleTouchIcon = defaults?.appleTouchIcon || "";
     const {styles: styles, scripts: scripts} = stateHead;
     return React.createElement(Helmet, null, React.createElement("meta", {
         charSet: "utf-8"
@@ -3237,11 +3307,11 @@ const Head$1 = properties => {
         rel: "apple-touch-icon",
         sizes: "180x180",
         href: appleTouchIcon
-    }), children, styles === null || styles === void 0 ? void 0 : styles.map((style => React.createElement("link", {
+    }), children, styles?.map((style => React.createElement("link", {
         rel: "stylesheet",
         key: "head-style" + style,
         href: style
-    }))), scripts === null || scripts === void 0 ? void 0 : scripts.map((script => React.createElement("script", {
+    }))), scripts?.map((script => React.createElement("script", {
         key: "head-script" + script,
         src: script
     }))));
@@ -3334,21 +3404,27 @@ const Notification$1 = properties => {
             wordBreak: resolvedWordBreak
         };
         if (html) {
-            return React.createElement(StyledNotificationContent, Object.assign({
-                dangerouslySetInnerHTML: createMarkup(text)
-            }, contentProperties));
+            return React.createElement(StyledNotificationContent, {
+                dangerouslySetInnerHTML: createMarkup(text),
+                ...contentProperties
+            });
         }
         if (react && elements && elements[text]) {
-            return React.createElement(StyledNotificationContent, Object.assign({}, contentProperties), elements[text]);
+            return React.createElement(StyledNotificationContent, {
+                ...contentProperties
+            }, elements[text]);
         }
-        return React.createElement(StyledNotificationContent, Object.assign({}, contentProperties), text);
+        return React.createElement(StyledNotificationContent, {
+            ...contentProperties
+        }, text);
     };
     const content = resolveRender();
     return React.createElement(StyledNotification, {
         theme: theme,
-        style: Object.assign(Object.assign({}, style), {
+        style: {
+            ...style,
             opacity: prepareForRemoval ? 0 : undefined
-        }),
+        },
         className: className
     }, content, React.createElement(StyledNotificationClose, null, React.createElement(PluridIconDelete, {
         atClick: () => remove(id)
@@ -3877,7 +3953,9 @@ const HorizontalToolbarButton$1 = properties => {
         scaleIcon: scaleIcon,
         onClick: atClick,
         theme: theme,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, Icon && React.createElement(StyledHorizontalToolbarButtonIcon, {
         text: text
@@ -3949,7 +4027,9 @@ const ToolbarControls$1 = properties => {
     return React.createElement(StyledToolbarControls, {
         position: position,
         theme: theme,
-        style: Object.assign({}, style),
+        style: {
+            ...style
+        },
         className: className
     }, React.createElement(StyledToolbarControlsButtons, {
         theme: theme
@@ -4196,7 +4276,7 @@ const ToolbarGeneral$1 = properties => {
     const {buttons: buttons, selectors: selectors, context: context, handleClick: handleClick, speakButton: speakButton, sittingButton: sittingButtonProperty, stateView: stateView, stateSittingTray: stateSittingTray, stateToolbars: stateToolbars, stateInteractionTheme: stateInteractionTheme, dispatchToggleSittingTray: dispatchToggleSittingTray} = properties;
     const {scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
     const iconTextLeft = false;
-    const sittingButton = sittingButtonProperty !== null && sittingButtonProperty !== void 0 ? sittingButtonProperty : true;
+    const sittingButton = sittingButtonProperty ?? true;
     return React.createElement(ConnectedToolbarSpecific, {
         buttons: buttons,
         handleClick: handleClick,
@@ -4229,15 +4309,12 @@ const ToolbarGeneral$1 = properties => {
     })));
 };
 
-const mapStateToProperties = (state, ownProperties) => {
-    var _a, _b, _c, _d, _e;
-    return {
-        stateView: (_a = ownProperties.selectors.views) === null || _a === void 0 ? void 0 : _a.getGeneralView(state),
-        stateToolbars: (_c = (_b = ownProperties.selectors.product) === null || _b === void 0 ? void 0 : _b.getProductUI(state)) === null || _c === void 0 ? void 0 : _c.toolbars,
-        stateSittingTray: (_d = ownProperties.selectors.sitting) === null || _d === void 0 ? void 0 : _d.getTray(state),
-        stateInteractionTheme: (_e = ownProperties.selectors.themes) === null || _e === void 0 ? void 0 : _e.getInteractionTheme(state)
-    };
-};
+const mapStateToProperties = (state, ownProperties) => ({
+    stateView: ownProperties.selectors.views?.getGeneralView(state),
+    stateToolbars: ownProperties.selectors.product?.getProductUI(state)?.toolbars,
+    stateSittingTray: ownProperties.selectors.sitting?.getTray(state),
+    stateInteractionTheme: ownProperties.selectors.themes?.getInteractionTheme(state)
+});
 
 const mapDispatchToProperties = dispatch => ({
     dispatchToggleSittingTray: () => dispatch(sitting$1.actions.toggleSittingTray())
@@ -4261,7 +4338,20 @@ const pluridal = {
     toolbars: toolbars
 };
 
-var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, universal.buttons), universal.form), universal.general), universal.inputs), universal.markers), universal.typography), universal.varia), pluridal.containers), pluridal.head), pluridal.notifications), pluridal.sitting), pluridal.toolbars);
+var index = {
+    ...universal.buttons,
+    ...universal.form,
+    ...universal.general,
+    ...universal.inputs,
+    ...universal.markers,
+    ...universal.typography,
+    ...universal.varia,
+    ...pluridal.containers,
+    ...pluridal.head,
+    ...pluridal.notifications,
+    ...pluridal.sitting,
+    ...pluridal.toolbars
+};
 
 const {buttons: {LinkButton: LinkButton, PureButton: PureButton, RefreshButton: RefreshButton}, form: {FormLeftRight: FormLeftRight, FormObliterate: FormObliterate, Formbutton: Formbutton, Formitem: Formitem, Formline: Formline}, general: {GlobalStyles: GlobalStyles}, inputs: {Dropdown: Dropdown, EntityPill: EntityPill, EntityPillGroup: EntityPillGroup, InputBox: InputBox, InputDescriptor: InputDescriptor, InputLine: InputLine, InputSwitch: InputSwitch, Itemsline: Itemsline, Select: Select, Slider: Slider, Switch: Switch, Textline: Textline}, markers: {HR: HR, ProgressCircle: ProgressCircle, Spinner: Spinner, Tooltip: Tooltip}, typography: {Heading: Heading, Paragraph: Paragraph}, varia: {CopyableLine: CopyableLine, NewPageLink: NewPageLink, ScrollableLine: ScrollableLine, TextItem: TextItem}} = universal;