xmlui 0.11.7 → 0.11.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/{index-CwYK6iB4.js → index-Dh81qoMM.js} +1043 -966
- package/dist/lib/index.css +1 -1
- package/dist/lib/{initMock-CvmWAkGr.js → initMock-GfhLAym0.js} +1 -1
- package/dist/lib/language-server-web-worker.js +1 -1
- package/dist/lib/language-server.js +1 -1
- package/dist/lib/{server-common-DI3W4cob.js → server-common-aCslEKNy.js} +1 -3
- package/dist/lib/xmlui.js +1 -1
- package/dist/metadata/{collectedComponentMetadata-CSFNLstl.js → collectedComponentMetadata-DfzPdHnk.js} +869 -792
- package/dist/metadata/{initMock-CyTd5aE8.js → initMock-BGnNBTSg.js} +1 -1
- package/dist/metadata/xmlui-metadata.css +1 -1
- package/dist/metadata/xmlui-metadata.js +1 -1
- package/dist/metadata/xmlui-metadata.umd.cjs +3 -3
- package/dist/standalone/xmlui-standalone.umd.js +14 -14
- package/package.json +2 -2
|
@@ -809,13 +809,13 @@ const styles$1j = {
|
|
|
809
809
|
fullScreenSpinnerWrapper
|
|
810
810
|
};
|
|
811
811
|
const PART_RING = "ring";
|
|
812
|
-
const defaultProps$
|
|
812
|
+
const defaultProps$1i = {
|
|
813
813
|
delay: 400,
|
|
814
814
|
fullScreen: false
|
|
815
815
|
};
|
|
816
816
|
const Spinner = forwardRef(function Spinner2({
|
|
817
|
-
delay: delay2 = defaultProps$
|
|
818
|
-
fullScreen: fullScreen2 = defaultProps$
|
|
817
|
+
delay: delay2 = defaultProps$1i.delay,
|
|
818
|
+
fullScreen: fullScreen2 = defaultProps$1i.fullScreen,
|
|
819
819
|
style: style2,
|
|
820
820
|
className,
|
|
821
821
|
...rest
|
|
@@ -876,7 +876,7 @@ const Spinner = forwardRef(function Spinner2({
|
|
|
876
876
|
);
|
|
877
877
|
}
|
|
878
878
|
});
|
|
879
|
-
const defaultProps$
|
|
879
|
+
const defaultProps$1h = {
|
|
880
880
|
labelBreak: true
|
|
881
881
|
};
|
|
882
882
|
const numberRegex = /^[0-9]+$/;
|
|
@@ -886,7 +886,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
|
|
|
886
886
|
style: style2 = {},
|
|
887
887
|
className,
|
|
888
888
|
label: label2,
|
|
889
|
-
labelBreak: labelBreak2 = defaultProps$
|
|
889
|
+
labelBreak: labelBreak2 = defaultProps$1h.labelBreak,
|
|
890
890
|
labelWidth,
|
|
891
891
|
enabled: enabled2 = true,
|
|
892
892
|
required: required2 = false,
|
|
@@ -1031,7 +1031,7 @@ function dLabelBreak(comp) {
|
|
|
1031
1031
|
return {
|
|
1032
1032
|
description: `This boolean value indicates whether the \`${comp}\` label can be split into multiple lines if it would overflow the available label width.`,
|
|
1033
1033
|
valueType: "boolean",
|
|
1034
|
-
defaultValue: defaultProps$
|
|
1034
|
+
defaultValue: defaultProps$1h.labelBreak
|
|
1035
1035
|
};
|
|
1036
1036
|
}
|
|
1037
1037
|
function dAutoFocus() {
|
|
@@ -1450,7 +1450,7 @@ function useHasExplicitHeight(parentRef) {
|
|
|
1450
1450
|
return hasHeight;
|
|
1451
1451
|
}
|
|
1452
1452
|
const DEFAULT_ORIENTATION$1 = "vertical";
|
|
1453
|
-
const defaultProps$
|
|
1453
|
+
const defaultProps$1g = {
|
|
1454
1454
|
orientation: DEFAULT_ORIENTATION$1,
|
|
1455
1455
|
reverse: false,
|
|
1456
1456
|
hoverContainer: false,
|
|
@@ -1459,13 +1459,13 @@ const defaultProps$1f = {
|
|
|
1459
1459
|
const Stack = forwardRef(function Stack2({
|
|
1460
1460
|
uid,
|
|
1461
1461
|
children,
|
|
1462
|
-
orientation = defaultProps$
|
|
1462
|
+
orientation = defaultProps$1g.orientation,
|
|
1463
1463
|
horizontalAlignment,
|
|
1464
1464
|
verticalAlignment,
|
|
1465
1465
|
style: style2,
|
|
1466
|
-
reverse: reverse2 = defaultProps$
|
|
1467
|
-
hoverContainer: hoverContainer2 = defaultProps$
|
|
1468
|
-
visibleOnHover: visibleOnHover2 = defaultProps$
|
|
1466
|
+
reverse: reverse2 = defaultProps$1g.reverse,
|
|
1467
|
+
hoverContainer: hoverContainer2 = defaultProps$1g.hoverContainer,
|
|
1468
|
+
visibleOnHover: visibleOnHover2 = defaultProps$1g.visibleOnHover,
|
|
1469
1469
|
onClick,
|
|
1470
1470
|
onMount,
|
|
1471
1471
|
className,
|
|
@@ -1502,7 +1502,7 @@ const Stack = forwardRef(function Stack2({
|
|
|
1502
1502
|
}
|
|
1503
1503
|
);
|
|
1504
1504
|
});
|
|
1505
|
-
const COMP$
|
|
1505
|
+
const COMP$1x = "Stack";
|
|
1506
1506
|
const HORIZONTAL_ALIGNMENT = {
|
|
1507
1507
|
description: "Manages the horizontal content alignment for each child element in the Stack.",
|
|
1508
1508
|
availableValues: alignmentOptionValues,
|
|
@@ -1527,7 +1527,7 @@ const stackMd = createMetadata({
|
|
|
1527
1527
|
reverse: {
|
|
1528
1528
|
description: "Optional boolean property to reverse the order of child elements.",
|
|
1529
1529
|
valueType: "boolean",
|
|
1530
|
-
defaultValue: defaultProps$
|
|
1530
|
+
defaultValue: defaultProps$1g.reverse
|
|
1531
1531
|
},
|
|
1532
1532
|
wrapContent: {
|
|
1533
1533
|
description: "Optional boolean which wraps the content if set to true and the available space is not big enough. Works only with horizontal orientations.",
|
|
@@ -1538,21 +1538,21 @@ const stackMd = createMetadata({
|
|
|
1538
1538
|
description: "An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column).",
|
|
1539
1539
|
availableValues: ["horizontal", "vertical"],
|
|
1540
1540
|
valueType: "string",
|
|
1541
|
-
defaultValue: defaultProps$
|
|
1541
|
+
defaultValue: defaultProps$1g.orientation
|
|
1542
1542
|
},
|
|
1543
1543
|
horizontalAlignment: HORIZONTAL_ALIGNMENT,
|
|
1544
1544
|
verticalAlignment: VERTICAL_ALIGNMENT,
|
|
1545
1545
|
hoverContainer: {
|
|
1546
1546
|
...dInternal("Reserved for future use"),
|
|
1547
|
-
defaultValue: defaultProps$
|
|
1547
|
+
defaultValue: defaultProps$1g.hoverContainer
|
|
1548
1548
|
},
|
|
1549
1549
|
visibleOnHover: {
|
|
1550
1550
|
...dInternal("Reserved for future use"),
|
|
1551
|
-
defaultValue: defaultProps$
|
|
1551
|
+
defaultValue: defaultProps$1g.visibleOnHover
|
|
1552
1552
|
}
|
|
1553
1553
|
},
|
|
1554
1554
|
events: {
|
|
1555
|
-
click: dClick(COMP$
|
|
1555
|
+
click: dClick(COMP$1x),
|
|
1556
1556
|
mounted: dInternal("Reserved for future use")
|
|
1557
1557
|
},
|
|
1558
1558
|
themeVars: parseScssVar(styles$1l.themeVars)
|
|
@@ -1565,7 +1565,7 @@ const StackMd = {
|
|
|
1565
1565
|
};
|
|
1566
1566
|
const VStackMd = {
|
|
1567
1567
|
...StackMd,
|
|
1568
|
-
specializedFrom: COMP$
|
|
1568
|
+
specializedFrom: COMP$1x,
|
|
1569
1569
|
description: `This component represents a stack rendering its contents vertically.`,
|
|
1570
1570
|
props: {
|
|
1571
1571
|
...stackMd.props
|
|
@@ -1573,7 +1573,7 @@ const VStackMd = {
|
|
|
1573
1573
|
};
|
|
1574
1574
|
const HStackMd = {
|
|
1575
1575
|
...StackMd,
|
|
1576
|
-
specializedFrom: COMP$
|
|
1576
|
+
specializedFrom: COMP$1x,
|
|
1577
1577
|
description: `This component represents a stack rendering its contents horizontally.`,
|
|
1578
1578
|
props: {
|
|
1579
1579
|
...stackMd.props
|
|
@@ -1581,12 +1581,12 @@ const HStackMd = {
|
|
|
1581
1581
|
};
|
|
1582
1582
|
const CVStackMd = {
|
|
1583
1583
|
...StackMd,
|
|
1584
|
-
specializedFrom: COMP$
|
|
1584
|
+
specializedFrom: COMP$1x,
|
|
1585
1585
|
description: `This component represents a stack that renders its contents vertically and aligns that in the center along both axes.`
|
|
1586
1586
|
};
|
|
1587
1587
|
const CHStackMd = {
|
|
1588
1588
|
...StackMd,
|
|
1589
|
-
specializedFrom: COMP$
|
|
1589
|
+
specializedFrom: COMP$1x,
|
|
1590
1590
|
description: `This component represents a stack that renders its contents horizontally and aligns that in the center along both axes.`
|
|
1591
1591
|
};
|
|
1592
1592
|
function renderStack({
|
|
@@ -1621,7 +1621,7 @@ function renderStack({
|
|
|
1621
1621
|
);
|
|
1622
1622
|
}
|
|
1623
1623
|
const stackComponentRenderer = createComponentRenderer(
|
|
1624
|
-
COMP$
|
|
1624
|
+
COMP$1x,
|
|
1625
1625
|
StackMd,
|
|
1626
1626
|
({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
|
|
1627
1627
|
const orientation = extractValue(node.props?.orientation) || DEFAULT_ORIENTATION$1;
|
|
@@ -1782,7 +1782,7 @@ const styles$1g = {
|
|
|
1782
1782
|
ghostAttention
|
|
1783
1783
|
};
|
|
1784
1784
|
const VisuallyHidden = ({ children, ...props }) => /* @__PURE__ */ jsx(VisuallyHidden$2, { ...props, children });
|
|
1785
|
-
const defaultProps$
|
|
1785
|
+
const defaultProps$1f = {
|
|
1786
1786
|
type: "button",
|
|
1787
1787
|
iconPosition: "start",
|
|
1788
1788
|
contentPosition: "center",
|
|
@@ -1794,14 +1794,14 @@ const defaultProps$1e = {
|
|
|
1794
1794
|
};
|
|
1795
1795
|
const Button = React__default.forwardRef(function Button2({
|
|
1796
1796
|
id,
|
|
1797
|
-
type = defaultProps$
|
|
1797
|
+
type = defaultProps$1f.type,
|
|
1798
1798
|
icon: icon2,
|
|
1799
|
-
iconPosition = defaultProps$
|
|
1800
|
-
contentPosition = defaultProps$
|
|
1801
|
-
orientation = defaultProps$
|
|
1802
|
-
variant = defaultProps$
|
|
1803
|
-
themeColor = defaultProps$
|
|
1804
|
-
size = defaultProps$
|
|
1799
|
+
iconPosition = defaultProps$1f.iconPosition,
|
|
1800
|
+
contentPosition = defaultProps$1f.contentPosition,
|
|
1801
|
+
orientation = defaultProps$1f.orientation,
|
|
1802
|
+
variant = defaultProps$1f.variant,
|
|
1803
|
+
themeColor = defaultProps$1f.themeColor,
|
|
1804
|
+
size = defaultProps$1f.size,
|
|
1805
1805
|
disabled: disabled2,
|
|
1806
1806
|
children,
|
|
1807
1807
|
formId,
|
|
@@ -1811,7 +1811,7 @@ const Button = React__default.forwardRef(function Button2({
|
|
|
1811
1811
|
style: style2,
|
|
1812
1812
|
gap,
|
|
1813
1813
|
className,
|
|
1814
|
-
autoFocus = defaultProps$
|
|
1814
|
+
autoFocus = defaultProps$1f.autoFocus,
|
|
1815
1815
|
contextualLabel,
|
|
1816
1816
|
...rest
|
|
1817
1817
|
}, ref) {
|
|
@@ -1826,7 +1826,7 @@ const Button = React__default.forwardRef(function Button2({
|
|
|
1826
1826
|
}, [autoFocus]);
|
|
1827
1827
|
const iconToLeft = iconPosition === "start";
|
|
1828
1828
|
if (!isSizeType(size)) {
|
|
1829
|
-
size = defaultProps$
|
|
1829
|
+
size = defaultProps$1f.size;
|
|
1830
1830
|
}
|
|
1831
1831
|
return /* @__PURE__ */ jsxs(
|
|
1832
1832
|
"button",
|
|
@@ -3799,11 +3799,11 @@ const ResponsiveBar = forwardRef(function ResponsiveBar2({
|
|
|
3799
3799
|
}
|
|
3800
3800
|
);
|
|
3801
3801
|
});
|
|
3802
|
-
const COMP$
|
|
3802
|
+
const COMP$1w = "ResponsiveBar";
|
|
3803
3803
|
const ResponsiveBarMd = createMetadata({
|
|
3804
3804
|
status: "stable",
|
|
3805
3805
|
description: "`ResponsiveBar` is a layout container that automatically manages child component overflow by moving items that don't fit into a dropdown menu. It supports both horizontal and vertical orientations and provides a space-efficient way to display navigation items, toolbar buttons, or other components that need to adapt to varying container dimensions while maintaining full functionality.",
|
|
3806
|
-
docFolder: COMP$
|
|
3806
|
+
docFolder: COMP$1w,
|
|
3807
3807
|
props: {
|
|
3808
3808
|
orientation: {
|
|
3809
3809
|
description: "Layout direction of the responsive bar. In horizontal mode, items are arranged left-to-right and overflow is based on container width. In vertical mode, items are arranged top-to-bottom and overflow is based on container height.",
|
|
@@ -3823,20 +3823,20 @@ const ResponsiveBarMd = createMetadata({
|
|
|
3823
3823
|
}
|
|
3824
3824
|
},
|
|
3825
3825
|
events: {
|
|
3826
|
-
click: dClick(COMP$
|
|
3826
|
+
click: dClick(COMP$1w)
|
|
3827
3827
|
},
|
|
3828
3828
|
apis: {},
|
|
3829
3829
|
contextVars: {},
|
|
3830
3830
|
themeVars: parseScssVar(styles$1i.themeVars),
|
|
3831
3831
|
limitThemeVarsToComponent: true,
|
|
3832
3832
|
defaultThemeVars: {
|
|
3833
|
-
[`backgroundColor-${COMP$
|
|
3834
|
-
[`padding-${COMP$
|
|
3835
|
-
[`margin-${COMP$
|
|
3833
|
+
[`backgroundColor-${COMP$1w}`]: "transparent",
|
|
3834
|
+
[`padding-${COMP$1w}`]: "0",
|
|
3835
|
+
[`margin-${COMP$1w}`]: "0"
|
|
3836
3836
|
}
|
|
3837
3837
|
});
|
|
3838
3838
|
const responsiveBarComponentRenderer = createComponentRenderer(
|
|
3839
|
-
COMP$
|
|
3839
|
+
COMP$1w,
|
|
3840
3840
|
ResponsiveBarMd,
|
|
3841
3841
|
({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler }) => {
|
|
3842
3842
|
return /* @__PURE__ */ jsx(
|
|
@@ -3859,13 +3859,13 @@ const styles$1e = {
|
|
|
3859
3859
|
spacer
|
|
3860
3860
|
};
|
|
3861
3861
|
const SpaceFiller = () => /* @__PURE__ */ jsx("div", { className: styles$1e.spacer });
|
|
3862
|
-
const COMP$
|
|
3862
|
+
const COMP$1v = "SpaceFiller";
|
|
3863
3863
|
const SpaceFillerMd = createMetadata({
|
|
3864
3864
|
status: "stable",
|
|
3865
3865
|
description: "`SpaceFiller` works well in layout containers to fill remaining (unused) space. Its behavior depends on the layout container in which it is used.",
|
|
3866
3866
|
themeVars: parseScssVar(styles$1e.themeVars)
|
|
3867
3867
|
});
|
|
3868
|
-
const spaceFillerComponentRenderer = createComponentRenderer(COMP$
|
|
3868
|
+
const spaceFillerComponentRenderer = createComponentRenderer(COMP$1v, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
|
|
3869
3869
|
const themeVars$W = `'{"padding-TextArea": "var(--xmlui-padding-TextArea)", "paddingHorizontal-TextArea": "var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea))", "paddingVertical-TextArea": "var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea))", "paddingLeft-TextArea": "var(--xmlui-paddingLeft-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingRight-TextArea": "var(--xmlui-paddingRight-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingTop-TextArea": "var(--xmlui-paddingTop-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "paddingBottom-TextArea": "var(--xmlui-paddingBottom-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "Input:borderRadius-TextArea--default": "var(--xmlui-borderRadius-TextArea--default)", "Input:borderColor-TextArea--default": "var(--xmlui-borderColor-TextArea--default)", "Input:borderWidth-TextArea--default": "var(--xmlui-borderWidth-TextArea--default)", "Input:borderStyle-TextArea--default": "var(--xmlui-borderStyle-TextArea--default)", "Input:fontSize-TextArea--default": "var(--xmlui-fontSize-TextArea--default)", "Input:backgroundColor-TextArea--default": "var(--xmlui-backgroundColor-TextArea--default)", "Input:boxShadow-TextArea--default": "var(--xmlui-boxShadow-TextArea--default)", "Input:textColor-TextArea--default": "var(--xmlui-textColor-TextArea--default)", "Input:borderColor-TextArea--default--hover": "var(--xmlui-borderColor-TextArea--default--hover)", "Input:backgroundColor-TextArea--default--hover": "var(--xmlui-backgroundColor-TextArea--default--hover)", "Input:boxShadow-TextArea--default--hover": "var(--xmlui-boxShadow-TextArea--default--hover)", "Input:textColor-TextArea--default--hover": "var(--xmlui-textColor-TextArea--default--hover)", "Input:borderColor-TextArea--default--focus": "var(--xmlui-borderColor-TextArea--default--focus)", "Input:backgroundColor-TextArea--default--focus": "var(--xmlui-backgroundColor-TextArea--default--focus)", "Input:boxShadow-TextArea--default--focus": "var(--xmlui-boxShadow-TextArea--default--focus)", "Input:textColor-TextArea--default--focus": "var(--xmlui-textColor-TextArea--default--focus)", "Input:outlineWidth-TextArea--default--focus": "var(--xmlui-outlineWidth-TextArea--default--focus)", "Input:outlineColor-TextArea--default--focus": "var(--xmlui-outlineColor-TextArea--default--focus)", "Input:outlineStyle-TextArea--default--focus": "var(--xmlui-outlineStyle-TextArea--default--focus)", "Input:outlineOffset-TextArea--default--focus": "var(--xmlui-outlineOffset-TextArea--default--focus)", "Input:textColor-placeholder-TextArea--default": "var(--xmlui-textColor-placeholder-TextArea--default)", "Input:fontSize-placeholder-TextArea--default": "var(--xmlui-fontSize-placeholder-TextArea--default)", "Input:borderRadius-TextArea--error": "var(--xmlui-borderRadius-TextArea--error)", "Input:borderColor-TextArea--error": "var(--xmlui-borderColor-TextArea--error)", "Input:borderWidth-TextArea--error": "var(--xmlui-borderWidth-TextArea--error)", "Input:borderStyle-TextArea--error": "var(--xmlui-borderStyle-TextArea--error)", "Input:fontSize-TextArea--error": "var(--xmlui-fontSize-TextArea--error)", "Input:backgroundColor-TextArea--error": "var(--xmlui-backgroundColor-TextArea--error)", "Input:boxShadow-TextArea--error": "var(--xmlui-boxShadow-TextArea--error)", "Input:textColor-TextArea--error": "var(--xmlui-textColor-TextArea--error)", "Input:borderColor-TextArea--error--hover": "var(--xmlui-borderColor-TextArea--error--hover)", "Input:backgroundColor-TextArea--error--hover": "var(--xmlui-backgroundColor-TextArea--error--hover)", "Input:boxShadow-TextArea--error--hover": "var(--xmlui-boxShadow-TextArea--error--hover)", "Input:textColor-TextArea--error--hover": "var(--xmlui-textColor-TextArea--error--hover)", "Input:borderColor-TextArea--error--focus": "var(--xmlui-borderColor-TextArea--error--focus)", "Input:backgroundColor-TextArea--error--focus": "var(--xmlui-backgroundColor-TextArea--error--focus)", "Input:boxShadow-TextArea--error--focus": "var(--xmlui-boxShadow-TextArea--error--focus)", "Input:textColor-TextArea--error--focus": "var(--xmlui-textColor-TextArea--error--focus)", "Input:outlineWidth-TextArea--error--focus": "var(--xmlui-outlineWidth-TextArea--error--focus)", "Input:outlineColor-TextArea--error--focus": "var(--xmlui-outlineColor-TextArea--error--focus)", "Input:outlineStyle-TextArea--error--focus": "var(--xmlui-outlineStyle-TextArea--error--focus)", "Input:outlineOffset-TextArea--error--focus": "var(--xmlui-outlineOffset-TextArea--error--focus)", "Input:textColor-placeholder-TextArea--error": "var(--xmlui-textColor-placeholder-TextArea--error)", "Input:fontSize-placeholder-TextArea--error": "var(--xmlui-fontSize-placeholder-TextArea--error)", "Input:borderRadius-TextArea--warning": "var(--xmlui-borderRadius-TextArea--warning)", "Input:borderColor-TextArea--warning": "var(--xmlui-borderColor-TextArea--warning)", "Input:borderWidth-TextArea--warning": "var(--xmlui-borderWidth-TextArea--warning)", "Input:borderStyle-TextArea--warning": "var(--xmlui-borderStyle-TextArea--warning)", "Input:fontSize-TextArea--warning": "var(--xmlui-fontSize-TextArea--warning)", "Input:backgroundColor-TextArea--warning": "var(--xmlui-backgroundColor-TextArea--warning)", "Input:boxShadow-TextArea--warning": "var(--xmlui-boxShadow-TextArea--warning)", "Input:textColor-TextArea--warning": "var(--xmlui-textColor-TextArea--warning)", "Input:borderColor-TextArea--warning--hover": "var(--xmlui-borderColor-TextArea--warning--hover)", "Input:backgroundColor-TextArea--warning--hover": "var(--xmlui-backgroundColor-TextArea--warning--hover)", "Input:boxShadow-TextArea--warning--hover": "var(--xmlui-boxShadow-TextArea--warning--hover)", "Input:textColor-TextArea--warning--hover": "var(--xmlui-textColor-TextArea--warning--hover)", "Input:borderColor-TextArea--warning--focus": "var(--xmlui-borderColor-TextArea--warning--focus)", "Input:backgroundColor-TextArea--warning--focus": "var(--xmlui-backgroundColor-TextArea--warning--focus)", "Input:boxShadow-TextArea--warning--focus": "var(--xmlui-boxShadow-TextArea--warning--focus)", "Input:textColor-TextArea--warning--focus": "var(--xmlui-textColor-TextArea--warning--focus)", "Input:outlineWidth-TextArea--warning--focus": "var(--xmlui-outlineWidth-TextArea--warning--focus)", "Input:outlineColor-TextArea--warning--focus": "var(--xmlui-outlineColor-TextArea--warning--focus)", "Input:outlineStyle-TextArea--warning--focus": "var(--xmlui-outlineStyle-TextArea--warning--focus)", "Input:outlineOffset-TextArea--warning--focus": "var(--xmlui-outlineOffset-TextArea--warning--focus)", "Input:textColor-placeholder-TextArea--warning": "var(--xmlui-textColor-placeholder-TextArea--warning)", "Input:fontSize-placeholder-TextArea--warning": "var(--xmlui-fontSize-placeholder-TextArea--warning)", "Input:borderRadius-TextArea--success": "var(--xmlui-borderRadius-TextArea--success)", "Input:borderColor-TextArea--success": "var(--xmlui-borderColor-TextArea--success)", "Input:borderWidth-TextArea--success": "var(--xmlui-borderWidth-TextArea--success)", "Input:borderStyle-TextArea--success": "var(--xmlui-borderStyle-TextArea--success)", "Input:fontSize-TextArea--success": "var(--xmlui-fontSize-TextArea--success)", "Input:backgroundColor-TextArea--success": "var(--xmlui-backgroundColor-TextArea--success)", "Input:boxShadow-TextArea--success": "var(--xmlui-boxShadow-TextArea--success)", "Input:textColor-TextArea--success": "var(--xmlui-textColor-TextArea--success)", "Input:borderColor-TextArea--success--hover": "var(--xmlui-borderColor-TextArea--success--hover)", "Input:backgroundColor-TextArea--success--hover": "var(--xmlui-backgroundColor-TextArea--success--hover)", "Input:boxShadow-TextArea--success--hover": "var(--xmlui-boxShadow-TextArea--success--hover)", "Input:textColor-TextArea--success--hover": "var(--xmlui-textColor-TextArea--success--hover)", "Input:borderColor-TextArea--success--focus": "var(--xmlui-borderColor-TextArea--success--focus)", "Input:backgroundColor-TextArea--success--focus": "var(--xmlui-backgroundColor-TextArea--success--focus)", "Input:boxShadow-TextArea--success--focus": "var(--xmlui-boxShadow-TextArea--success--focus)", "Input:textColor-TextArea--success--focus": "var(--xmlui-textColor-TextArea--success--focus)", "Input:outlineWidth-TextArea--success--focus": "var(--xmlui-outlineWidth-TextArea--success--focus)", "Input:outlineColor-TextArea--success--focus": "var(--xmlui-outlineColor-TextArea--success--focus)", "Input:outlineStyle-TextArea--success--focus": "var(--xmlui-outlineStyle-TextArea--success--focus)", "Input:outlineOffset-TextArea--success--focus": "var(--xmlui-outlineOffset-TextArea--success--focus)", "Input:textColor-placeholder-TextArea--success": "var(--xmlui-textColor-placeholder-TextArea--success)", "Input:fontSize-placeholder-TextArea--success": "var(--xmlui-fontSize-placeholder-TextArea--success)", "Input:backgroundColor-TextArea--disabled": "var(--xmlui-backgroundColor-TextArea--disabled)", "Input:textColor-TextArea--disabled": "var(--xmlui-textColor-TextArea--disabled)", "Input:borderColor-TextArea--disabled": "var(--xmlui-borderColor-TextArea--disabled)"}'`;
|
|
3870
3870
|
const textarea = "_textarea_p2pxi_14";
|
|
3871
3871
|
const error$d = "_error_p2pxi_59";
|
|
@@ -3936,7 +3936,7 @@ const TextAreaResizable = ({ maxRows, minRows, onChange = noop, style: style2, .
|
|
|
3936
3936
|
);
|
|
3937
3937
|
};
|
|
3938
3938
|
const TextAreaResizable$1 = React.forwardRef(TextAreaResizable);
|
|
3939
|
-
const defaultProps$
|
|
3939
|
+
const defaultProps$1e = {
|
|
3940
3940
|
value: "",
|
|
3941
3941
|
placeholder: "",
|
|
3942
3942
|
required: false,
|
|
@@ -3955,21 +3955,21 @@ const defaultProps$1d = {
|
|
|
3955
3955
|
};
|
|
3956
3956
|
const TextArea = forwardRef(function TextArea2({
|
|
3957
3957
|
id,
|
|
3958
|
-
value = defaultProps$
|
|
3959
|
-
placeholder: placeholder2 = defaultProps$
|
|
3960
|
-
required: required2 = defaultProps$
|
|
3961
|
-
readOnly: readOnly2 = defaultProps$
|
|
3962
|
-
allowCopy = defaultProps$
|
|
3963
|
-
updateState = defaultProps$
|
|
3958
|
+
value = defaultProps$1e.value,
|
|
3959
|
+
placeholder: placeholder2 = defaultProps$1e.placeholder,
|
|
3960
|
+
required: required2 = defaultProps$1e.required,
|
|
3961
|
+
readOnly: readOnly2 = defaultProps$1e.readOnly,
|
|
3962
|
+
allowCopy = defaultProps$1e.allowCopy,
|
|
3963
|
+
updateState = defaultProps$1e.updateState,
|
|
3964
3964
|
validationStatus,
|
|
3965
|
-
autoFocus = defaultProps$
|
|
3966
|
-
initialValue = defaultProps$
|
|
3965
|
+
autoFocus = defaultProps$1e.autoFocus,
|
|
3966
|
+
initialValue = defaultProps$1e.initialValue,
|
|
3967
3967
|
resize: resize2,
|
|
3968
|
-
onDidChange = defaultProps$
|
|
3969
|
-
onFocus = defaultProps$
|
|
3970
|
-
onBlur = defaultProps$
|
|
3971
|
-
controlled = defaultProps$
|
|
3972
|
-
enterSubmits = defaultProps$
|
|
3968
|
+
onDidChange = defaultProps$1e.onDidChange,
|
|
3969
|
+
onFocus = defaultProps$1e.onFocus,
|
|
3970
|
+
onBlur = defaultProps$1e.onBlur,
|
|
3971
|
+
controlled = defaultProps$1e.controlled,
|
|
3972
|
+
enterSubmits = defaultProps$1e.enterSubmits,
|
|
3973
3973
|
escResets,
|
|
3974
3974
|
style: style2,
|
|
3975
3975
|
className,
|
|
@@ -3978,8 +3978,8 @@ const TextArea = forwardRef(function TextArea2({
|
|
|
3978
3978
|
maxRows,
|
|
3979
3979
|
minRows,
|
|
3980
3980
|
maxLength,
|
|
3981
|
-
rows = defaultProps$
|
|
3982
|
-
enabled: enabled2 = defaultProps$
|
|
3981
|
+
rows = defaultProps$1e.rows,
|
|
3982
|
+
enabled: enabled2 = defaultProps$1e.enabled,
|
|
3983
3983
|
...rest
|
|
3984
3984
|
}, forwardedRef) {
|
|
3985
3985
|
const inputRef = useRef(null);
|
|
@@ -4008,7 +4008,7 @@ const TextArea = forwardRef(function TextArea2({
|
|
|
4008
4008
|
inputRef.current?.focus();
|
|
4009
4009
|
}, 0);
|
|
4010
4010
|
}
|
|
4011
|
-
}, [autoFocus
|
|
4011
|
+
}, [autoFocus]);
|
|
4012
4012
|
const handleCopy = (event) => {
|
|
4013
4013
|
if (allowCopy) {
|
|
4014
4014
|
return true;
|
|
@@ -4149,7 +4149,7 @@ const TextArea = forwardRef(function TextArea2({
|
|
|
4149
4149
|
}
|
|
4150
4150
|
);
|
|
4151
4151
|
});
|
|
4152
|
-
const COMP$
|
|
4152
|
+
const COMP$1u = "TextArea";
|
|
4153
4153
|
const resizeOptionsMd = [
|
|
4154
4154
|
{ value: "(undefined)", description: "No resizing" },
|
|
4155
4155
|
{ value: "horizontal", description: "Can only resize horizontally" },
|
|
@@ -4177,26 +4177,26 @@ const TextAreaMd = createMetadata({
|
|
|
4177
4177
|
enterSubmits: {
|
|
4178
4178
|
description: "This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit.",
|
|
4179
4179
|
valueType: "boolean",
|
|
4180
|
-
defaultValue: defaultProps$
|
|
4180
|
+
defaultValue: defaultProps$1e.enterSubmits
|
|
4181
4181
|
},
|
|
4182
4182
|
escResets: {
|
|
4183
|
-
description: `This boolean property indicates whether the ${COMP$
|
|
4183
|
+
description: `This boolean property indicates whether the ${COMP$1u} contents should be reset when pressing the ESC key.`,
|
|
4184
4184
|
valueType: "boolean",
|
|
4185
4185
|
defaultValue: false
|
|
4186
4186
|
},
|
|
4187
4187
|
maxRows: d(
|
|
4188
|
-
`This optional property sets the maximum number of text rows the \`${COMP$
|
|
4188
|
+
`This optional property sets the maximum number of text rows the \`${COMP$1u}\` can grow. If not set, the number of rows is unlimited.`
|
|
4189
4189
|
),
|
|
4190
4190
|
minRows: d(
|
|
4191
|
-
`This optional property sets the minimum number of text rows the \`${COMP$
|
|
4191
|
+
`This optional property sets the minimum number of text rows the \`${COMP$1u}\` can shrink. If not set, the minimum number of rows is 1.`
|
|
4192
4192
|
),
|
|
4193
4193
|
rows: {
|
|
4194
4194
|
description: `Specifies the number of rows the component initially has.`,
|
|
4195
4195
|
valueType: "number",
|
|
4196
|
-
defaultValue: defaultProps$
|
|
4196
|
+
defaultValue: defaultProps$1e.rows
|
|
4197
4197
|
},
|
|
4198
4198
|
autoSize: {
|
|
4199
|
-
description: `If set to \`true\`, this boolean property enables the \`${COMP$
|
|
4199
|
+
description: `If set to \`true\`, this boolean property enables the \`${COMP$1u}\` to resize automatically based on the number of lines inside it.`,
|
|
4200
4200
|
valueType: "boolean",
|
|
4201
4201
|
defaultValue: false
|
|
4202
4202
|
},
|
|
@@ -4214,13 +4214,13 @@ const TextAreaMd = createMetadata({
|
|
|
4214
4214
|
}
|
|
4215
4215
|
},
|
|
4216
4216
|
events: {
|
|
4217
|
-
gotFocus: dGotFocus(COMP$
|
|
4218
|
-
lostFocus: dLostFocus(COMP$
|
|
4219
|
-
didChange: dDidChange(COMP$
|
|
4217
|
+
gotFocus: dGotFocus(COMP$1u),
|
|
4218
|
+
lostFocus: dLostFocus(COMP$1u),
|
|
4219
|
+
didChange: dDidChange(COMP$1u)
|
|
4220
4220
|
},
|
|
4221
4221
|
apis: {
|
|
4222
4222
|
focus: {
|
|
4223
|
-
description: `This method sets the focus on the \`${COMP$
|
|
4223
|
+
description: `This method sets the focus on the \`${COMP$1u}\` component.`,
|
|
4224
4224
|
signature: "focus(): void"
|
|
4225
4225
|
},
|
|
4226
4226
|
value: {
|
|
@@ -4231,12 +4231,12 @@ const TextAreaMd = createMetadata({
|
|
|
4231
4231
|
},
|
|
4232
4232
|
themeVars: parseScssVar(styles$1d.themeVars),
|
|
4233
4233
|
defaultThemeVars: {
|
|
4234
|
-
[`paddingVertical-${COMP$
|
|
4235
|
-
[`paddingHorizontal-${COMP$
|
|
4234
|
+
[`paddingVertical-${COMP$1u}`]: "$space-2",
|
|
4235
|
+
[`paddingHorizontal-${COMP$1u}`]: "$space-2"
|
|
4236
4236
|
}
|
|
4237
4237
|
});
|
|
4238
4238
|
const textAreaComponentRenderer = createComponentRenderer(
|
|
4239
|
-
COMP$
|
|
4239
|
+
COMP$1u,
|
|
4240
4240
|
TextAreaMd,
|
|
4241
4241
|
({
|
|
4242
4242
|
node,
|
|
@@ -4321,22 +4321,23 @@ function getComposedRef(...refs) {
|
|
|
4321
4321
|
return composeRefs(...nonUndefinedRefs);
|
|
4322
4322
|
}
|
|
4323
4323
|
const themeVars$U = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "backgroundColor-navPanel-App": "var(--xmlui-backgroundColor-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
|
|
4324
|
-
const wrapper$l = "
|
|
4325
|
-
const verticalFullHeader = "
|
|
4326
|
-
const navPanelWrapper = "
|
|
4327
|
-
const vertical$5 = "
|
|
4328
|
-
const contentWrapper$2 = "
|
|
4329
|
-
const noScrollbarGutters = "
|
|
4330
|
-
const PagesWrapper = "
|
|
4331
|
-
const footerWrapper = "
|
|
4332
|
-
const sticky = "
|
|
4333
|
-
const
|
|
4334
|
-
const
|
|
4335
|
-
const headerWrapper$1 = "
|
|
4336
|
-
const
|
|
4337
|
-
const
|
|
4338
|
-
const
|
|
4339
|
-
const
|
|
4324
|
+
const wrapper$l = "_wrapper_1le1z_15";
|
|
4325
|
+
const verticalFullHeader = "_verticalFullHeader_1le1z_15";
|
|
4326
|
+
const navPanelWrapper = "_navPanelWrapper_1le1z_15";
|
|
4327
|
+
const vertical$5 = "_vertical_1le1z_15";
|
|
4328
|
+
const contentWrapper$2 = "_contentWrapper_1le1z_33";
|
|
4329
|
+
const noScrollbarGutters = "_noScrollbarGutters_1le1z_39";
|
|
4330
|
+
const PagesWrapper = "_PagesWrapper_1le1z_46";
|
|
4331
|
+
const footerWrapper = "_footerWrapper_1le1z_50";
|
|
4332
|
+
const sticky = "_sticky_1le1z_53";
|
|
4333
|
+
const nonSticky = "_nonSticky_1le1z_57";
|
|
4334
|
+
const horizontal$5 = "_horizontal_1le1z_60";
|
|
4335
|
+
const headerWrapper$1 = "_headerWrapper_1le1z_86";
|
|
4336
|
+
const desktop = "_desktop_1le1z_92";
|
|
4337
|
+
const PagesWrapperInner = "_PagesWrapperInner_1le1z_150";
|
|
4338
|
+
const scrollWholePage = "_scrollWholePage_1le1z_228";
|
|
4339
|
+
const content$7 = "_content_1le1z_33";
|
|
4340
|
+
const withDefaultContentPadding = "_withDefaultContentPadding_1le1z_342";
|
|
4340
4341
|
const styles$1c = {
|
|
4341
4342
|
themeVars: themeVars$U,
|
|
4342
4343
|
wrapper: wrapper$l,
|
|
@@ -4348,9 +4349,10 @@ const styles$1c = {
|
|
|
4348
4349
|
PagesWrapper,
|
|
4349
4350
|
footerWrapper,
|
|
4350
4351
|
sticky,
|
|
4352
|
+
nonSticky,
|
|
4351
4353
|
horizontal: horizontal$5,
|
|
4352
|
-
desktop,
|
|
4353
4354
|
headerWrapper: headerWrapper$1,
|
|
4355
|
+
desktop,
|
|
4354
4356
|
PagesWrapperInner,
|
|
4355
4357
|
scrollWholePage,
|
|
4356
4358
|
content: content$7,
|
|
@@ -4518,17 +4520,17 @@ SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
|
4518
4520
|
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
|
|
4519
4521
|
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
4520
4522
|
const themeVars$S = `'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderStartStartRadius-AppHeader": "var(--xmlui-borderStartStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderStartEndRadius-AppHeader": "var(--xmlui-borderStartEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndStartRadius-AppHeader": "var(--xmlui-borderEndStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndEndRadius-AppHeader": "var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)", "maxWidth-AppHeader": "var(--xmlui-maxWidth-AppHeader)", "padding-drawerToggle-AppHeader": "var(--xmlui-padding-drawerToggle-AppHeader)"}'`;
|
|
4521
|
-
const header$2 = "
|
|
4522
|
-
const headerInner = "
|
|
4523
|
-
const full$1 = "
|
|
4524
|
-
const childrenWrapper = "
|
|
4525
|
-
const subNavPanelSlot = "
|
|
4526
|
-
const logoAndTitle = "
|
|
4527
|
-
const logoContainer = "
|
|
4528
|
-
const customLogoContainer = "
|
|
4529
|
-
const rightItems = "
|
|
4530
|
-
const drawerToggle = "
|
|
4531
|
-
const logoLink = "
|
|
4523
|
+
const header$2 = "_header_yogh8_14";
|
|
4524
|
+
const headerInner = "_headerInner_yogh8_40";
|
|
4525
|
+
const full$1 = "_full_yogh8_56";
|
|
4526
|
+
const childrenWrapper = "_childrenWrapper_yogh8_63";
|
|
4527
|
+
const subNavPanelSlot = "_subNavPanelSlot_yogh8_74";
|
|
4528
|
+
const logoAndTitle = "_logoAndTitle_yogh8_78";
|
|
4529
|
+
const logoContainer = "_logoContainer_yogh8_90";
|
|
4530
|
+
const customLogoContainer = "_customLogoContainer_yogh8_102";
|
|
4531
|
+
const rightItems = "_rightItems_yogh8_110";
|
|
4532
|
+
const drawerToggle = "_drawerToggle_yogh8_138";
|
|
4533
|
+
const logoLink = "_logoLink_yogh8_147";
|
|
4532
4534
|
const styles$1b = {
|
|
4533
4535
|
themeVars: themeVars$S,
|
|
4534
4536
|
header: header$2,
|
|
@@ -4551,7 +4553,7 @@ const styles$1a = {
|
|
|
4551
4553
|
img,
|
|
4552
4554
|
clickable: clickable$2
|
|
4553
4555
|
};
|
|
4554
|
-
const defaultProps$
|
|
4556
|
+
const defaultProps$1d = {
|
|
4555
4557
|
fit: "contain",
|
|
4556
4558
|
lazyLoad: false,
|
|
4557
4559
|
inline: false
|
|
@@ -4560,13 +4562,13 @@ const Image = forwardRef(function Img({
|
|
|
4560
4562
|
src,
|
|
4561
4563
|
alt,
|
|
4562
4564
|
imageData,
|
|
4563
|
-
fit = defaultProps$
|
|
4565
|
+
fit = defaultProps$1d.fit,
|
|
4564
4566
|
style: style2,
|
|
4565
4567
|
className,
|
|
4566
4568
|
onClick,
|
|
4567
4569
|
aspectRatio,
|
|
4568
|
-
lazyLoad = defaultProps$
|
|
4569
|
-
inline = defaultProps$
|
|
4570
|
+
lazyLoad = defaultProps$1d.lazyLoad,
|
|
4571
|
+
inline = defaultProps$1d.inline,
|
|
4570
4572
|
...rest
|
|
4571
4573
|
}, ref) {
|
|
4572
4574
|
const [blobUrl, setBlobUrl] = useState(null);
|
|
@@ -4590,7 +4592,7 @@ const Image = forwardRef(function Img({
|
|
|
4590
4592
|
setBlobUrl(null);
|
|
4591
4593
|
}
|
|
4592
4594
|
}
|
|
4593
|
-
}, [src, blobToRender]);
|
|
4595
|
+
}, [src, blobToRender, blobUrl]);
|
|
4594
4596
|
src = safeConvertPropToString(src);
|
|
4595
4597
|
alt = safeConvertPropToString(alt);
|
|
4596
4598
|
const imageSrc = src || blobUrl;
|
|
@@ -4628,11 +4630,11 @@ function safeConvertPropToString(prop) {
|
|
|
4628
4630
|
}
|
|
4629
4631
|
return void 0;
|
|
4630
4632
|
}
|
|
4631
|
-
const defaultProps$
|
|
4633
|
+
const defaultProps$1c = {
|
|
4632
4634
|
alt: "Logo",
|
|
4633
4635
|
inline: false
|
|
4634
4636
|
};
|
|
4635
|
-
const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$
|
|
4637
|
+
const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$1c.alt, inline = defaultProps$1c.inline, className, ...rest }, forwardedRef) {
|
|
4636
4638
|
const logoUrl = useLogoUrl();
|
|
4637
4639
|
if (!logoUrl) {
|
|
4638
4640
|
return null;
|
|
@@ -4689,7 +4691,7 @@ function useAppLayoutContext() {
|
|
|
4689
4691
|
return useContext(AppLayoutContext);
|
|
4690
4692
|
}
|
|
4691
4693
|
const PART_HAMBURGER = "hamburger";
|
|
4692
|
-
const defaultProps$
|
|
4694
|
+
const defaultProps$1b = {
|
|
4693
4695
|
showLogo: true
|
|
4694
4696
|
};
|
|
4695
4697
|
function useLogoUrl() {
|
|
@@ -4712,7 +4714,7 @@ const AppHeader = ({
|
|
|
4712
4714
|
canRestrictContentWidth,
|
|
4713
4715
|
navPanelVisible = true,
|
|
4714
4716
|
toggleDrawer,
|
|
4715
|
-
showLogo = defaultProps$
|
|
4717
|
+
showLogo = defaultProps$1b.showLogo,
|
|
4716
4718
|
hasRegisteredNavPanel,
|
|
4717
4719
|
title: title2,
|
|
4718
4720
|
titleContent,
|
|
@@ -6394,7 +6396,7 @@ function evalFunctionInvocation(evaluator, thisStack, expr, evalContext, thread)
|
|
|
6394
6396
|
thisStack.push(value);
|
|
6395
6397
|
return value;
|
|
6396
6398
|
}
|
|
6397
|
-
function createArrowFunction(evaluator, expr
|
|
6399
|
+
function createArrowFunction(evaluator, expr) {
|
|
6398
6400
|
return (...args) => {
|
|
6399
6401
|
const runTimeEvalContext = args[1];
|
|
6400
6402
|
const runtimeThread = args[2];
|
|
@@ -7204,7 +7206,7 @@ class PropsTrasform {
|
|
|
7204
7206
|
return this.mapValues(filteredKeys, this.extractValue);
|
|
7205
7207
|
}
|
|
7206
7208
|
}
|
|
7207
|
-
const defaultProps$
|
|
7209
|
+
const defaultProps$1a = {
|
|
7208
7210
|
scrollWholePage: true,
|
|
7209
7211
|
noScrollbarGutters: false,
|
|
7210
7212
|
defaultTone: void 0,
|
|
@@ -7218,10 +7220,10 @@ function App({
|
|
|
7218
7220
|
style: style2 = EMPTY_OBJECT,
|
|
7219
7221
|
layout,
|
|
7220
7222
|
loggedInUser,
|
|
7221
|
-
scrollWholePage: scrollWholePage2 = defaultProps$
|
|
7222
|
-
noScrollbarGutters: noScrollbarGutters2 = defaultProps$
|
|
7223
|
-
onReady = defaultProps$
|
|
7224
|
-
onMessageReceived = defaultProps$
|
|
7223
|
+
scrollWholePage: scrollWholePage2 = defaultProps$1a.scrollWholePage,
|
|
7224
|
+
noScrollbarGutters: noScrollbarGutters2 = defaultProps$1a.noScrollbarGutters,
|
|
7225
|
+
onReady = defaultProps$1a.onReady,
|
|
7226
|
+
onMessageReceived = defaultProps$1a.onMessageReceived,
|
|
7225
7227
|
header: header2,
|
|
7226
7228
|
navPanel,
|
|
7227
7229
|
footer,
|
|
@@ -7232,12 +7234,13 @@ function App({
|
|
|
7232
7234
|
logoLight,
|
|
7233
7235
|
defaultTone,
|
|
7234
7236
|
defaultTheme,
|
|
7235
|
-
autoDetectTone = defaultProps$
|
|
7237
|
+
autoDetectTone = defaultProps$1a.autoDetectTone,
|
|
7236
7238
|
renderChild: renderChild2,
|
|
7237
7239
|
name,
|
|
7238
7240
|
className,
|
|
7239
7241
|
applyDefaultContentPadding,
|
|
7240
7242
|
registerComponentApi,
|
|
7243
|
+
footerSticky = true,
|
|
7241
7244
|
...rest
|
|
7242
7245
|
}) {
|
|
7243
7246
|
const { getThemeVar } = useTheme();
|
|
@@ -7439,6 +7442,7 @@ function App({
|
|
|
7439
7442
|
let pagesWrapperClasses = classnames(styles$1c.PagesWrapperInner, {
|
|
7440
7443
|
[styles$1c.withDefaultContentPadding]: applyDefaultContentPadding
|
|
7441
7444
|
});
|
|
7445
|
+
const footerShouldBeNonSticky = !footerSticky && safeLayout !== "desktop";
|
|
7442
7446
|
switch (safeLayout) {
|
|
7443
7447
|
case "vertical":
|
|
7444
7448
|
content2 = /* @__PURE__ */ jsxs(
|
|
@@ -7477,7 +7481,16 @@ function App({
|
|
|
7477
7481
|
}
|
|
7478
7482
|
),
|
|
7479
7483
|
/* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
|
|
7480
|
-
/* @__PURE__ */ jsx(
|
|
7484
|
+
/* @__PURE__ */ jsx(
|
|
7485
|
+
"div",
|
|
7486
|
+
{
|
|
7487
|
+
className: classnames(styles$1c.footerWrapper, {
|
|
7488
|
+
[styles$1c.nonSticky]: footerShouldBeNonSticky
|
|
7489
|
+
}),
|
|
7490
|
+
ref: footerRefCallback,
|
|
7491
|
+
children: footer
|
|
7492
|
+
}
|
|
7493
|
+
)
|
|
7481
7494
|
] })
|
|
7482
7495
|
]
|
|
7483
7496
|
}
|
|
@@ -7504,7 +7517,16 @@ function App({
|
|
|
7504
7517
|
navPanelVisible && /* @__PURE__ */ jsx("aside", { className: styles$1c.navPanelWrapper, children: navPanel }),
|
|
7505
7518
|
/* @__PURE__ */ jsx("main", { className: styles$1c.contentWrapper, children: /* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }) })
|
|
7506
7519
|
] }),
|
|
7507
|
-
/* @__PURE__ */ jsx(
|
|
7520
|
+
/* @__PURE__ */ jsx(
|
|
7521
|
+
"div",
|
|
7522
|
+
{
|
|
7523
|
+
className: classnames(styles$1c.footerWrapper, {
|
|
7524
|
+
[styles$1c.nonSticky]: footerShouldBeNonSticky
|
|
7525
|
+
}),
|
|
7526
|
+
ref: footerRefCallback,
|
|
7527
|
+
children: footer
|
|
7528
|
+
}
|
|
7529
|
+
)
|
|
7508
7530
|
]
|
|
7509
7531
|
}
|
|
7510
7532
|
);
|
|
@@ -7535,7 +7557,16 @@ function App({
|
|
|
7535
7557
|
}
|
|
7536
7558
|
),
|
|
7537
7559
|
/* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
|
|
7538
|
-
/* @__PURE__ */ jsx(
|
|
7560
|
+
/* @__PURE__ */ jsx(
|
|
7561
|
+
"div",
|
|
7562
|
+
{
|
|
7563
|
+
className: classnames(styles$1c.footerWrapper, {
|
|
7564
|
+
[styles$1c.nonSticky]: footerShouldBeNonSticky
|
|
7565
|
+
}),
|
|
7566
|
+
ref: footerRefCallback,
|
|
7567
|
+
children: footer
|
|
7568
|
+
}
|
|
7569
|
+
)
|
|
7539
7570
|
]
|
|
7540
7571
|
}
|
|
7541
7572
|
);
|
|
@@ -7581,7 +7612,16 @@ function App({
|
|
|
7581
7612
|
}
|
|
7582
7613
|
),
|
|
7583
7614
|
/* @__PURE__ */ jsx("div", { className: styles$1c.PagesWrapper, ref: noScrollPageContainerRef, children: /* @__PURE__ */ jsx("div", { className: pagesWrapperClasses, children }) }),
|
|
7584
|
-
/* @__PURE__ */ jsx(
|
|
7615
|
+
/* @__PURE__ */ jsx(
|
|
7616
|
+
"div",
|
|
7617
|
+
{
|
|
7618
|
+
className: classnames(styles$1c.footerWrapper, {
|
|
7619
|
+
[styles$1c.nonSticky]: footerShouldBeNonSticky
|
|
7620
|
+
}),
|
|
7621
|
+
ref: footerRefCallback,
|
|
7622
|
+
children: footer
|
|
7623
|
+
}
|
|
7624
|
+
)
|
|
7585
7625
|
]
|
|
7586
7626
|
}
|
|
7587
7627
|
);
|
|
@@ -7640,14 +7680,14 @@ function getAppLayoutOrientation(appLayout) {
|
|
|
7640
7680
|
return "horizontal";
|
|
7641
7681
|
}
|
|
7642
7682
|
}
|
|
7643
|
-
const themeVars$Q = `'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderStartStartRadius-NavPanel": "var(--xmlui-borderStartStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderStartEndRadius-NavPanel": "var(--xmlui-borderStartEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndStartRadius-NavPanel": "var(--xmlui-borderEndStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndEndRadius-NavPanel": "var(--xmlui-borderEndEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "backgroundColor-NavPanel-horizontal": "var(--xmlui-backgroundColor-NavPanel-horizontal)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "horizontalAlignment-logo-NavPanel": "var(--xmlui-horizontalAlignment-logo-NavPanel)"}'`;
|
|
7644
|
-
const wrapper$k = "
|
|
7645
|
-
const condensed = "
|
|
7646
|
-
const vertical$4 = "
|
|
7647
|
-
const horizontal$4 = "
|
|
7648
|
-
const wrapperInner = "
|
|
7649
|
-
const logoWrapper$1 = "
|
|
7650
|
-
const inDrawer = "
|
|
7683
|
+
const themeVars$Q = `'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderStartStartRadius-NavPanel": "var(--xmlui-borderStartStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderStartEndRadius-NavPanel": "var(--xmlui-borderStartEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndStartRadius-NavPanel": "var(--xmlui-borderEndStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndEndRadius-NavPanel": "var(--xmlui-borderEndEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "backgroundColor-NavPanel-horizontal": "var(--xmlui-backgroundColor-NavPanel-horizontal)", "borderRight-NavPanel-vertical": "var(--xmlui-borderRight-NavPanel-vertical)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "horizontalAlignment-logo-NavPanel": "var(--xmlui-horizontalAlignment-logo-NavPanel)"}'`;
|
|
7684
|
+
const wrapper$k = "_wrapper_ggqnq_14";
|
|
7685
|
+
const condensed = "_condensed_ggqnq_51";
|
|
7686
|
+
const vertical$4 = "_vertical_ggqnq_54";
|
|
7687
|
+
const horizontal$4 = "_horizontal_ggqnq_58";
|
|
7688
|
+
const wrapperInner = "_wrapperInner_ggqnq_64";
|
|
7689
|
+
const logoWrapper$1 = "_logoWrapper_ggqnq_81";
|
|
7690
|
+
const inDrawer = "_inDrawer_ggqnq_91";
|
|
7651
7691
|
const styles$19 = {
|
|
7652
7692
|
themeVars: themeVars$Q,
|
|
7653
7693
|
wrapper: wrapper$k,
|
|
@@ -7761,7 +7801,7 @@ function buildLinkMap(navLinks) {
|
|
|
7761
7801
|
processNodes(navLinks);
|
|
7762
7802
|
return linkMap;
|
|
7763
7803
|
}
|
|
7764
|
-
const defaultProps$
|
|
7804
|
+
const defaultProps$19 = {
|
|
7765
7805
|
inDrawer: false
|
|
7766
7806
|
};
|
|
7767
7807
|
const NavPanelContext = React__default.createContext(null);
|
|
@@ -7785,7 +7825,7 @@ const NavPanel = forwardRef(function NavPanel2({
|
|
|
7785
7825
|
style: style2,
|
|
7786
7826
|
logoContent,
|
|
7787
7827
|
className,
|
|
7788
|
-
inDrawer: inDrawer2 = defaultProps$
|
|
7828
|
+
inDrawer: inDrawer2 = defaultProps$19.inDrawer,
|
|
7789
7829
|
renderChild: renderChild2,
|
|
7790
7830
|
navLinks,
|
|
7791
7831
|
...rest
|
|
@@ -7860,11 +7900,12 @@ function mergeProps(childProps, restProps) {
|
|
|
7860
7900
|
}
|
|
7861
7901
|
return { ...childProps, ...overrideProps };
|
|
7862
7902
|
}
|
|
7863
|
-
const defaultProps$
|
|
7903
|
+
const defaultProps$18 = {
|
|
7864
7904
|
iconHorizontalExpanded: "chevronright",
|
|
7865
7905
|
iconHorizontalCollapsed: "chevronright",
|
|
7866
7906
|
iconVerticalExpanded: "chevrondown",
|
|
7867
|
-
iconVerticalCollapsed: "chevronright"
|
|
7907
|
+
iconVerticalCollapsed: "chevronright",
|
|
7908
|
+
noIndicator: false
|
|
7868
7909
|
};
|
|
7869
7910
|
const NavGroup = forwardRef(function NavGroup2({
|
|
7870
7911
|
node,
|
|
@@ -7875,6 +7916,7 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
7875
7916
|
to,
|
|
7876
7917
|
disabled: disabled2 = false,
|
|
7877
7918
|
initiallyExpanded = false,
|
|
7919
|
+
noIndicator = defaultProps$18.noIndicator,
|
|
7878
7920
|
iconHorizontalCollapsed,
|
|
7879
7921
|
iconHorizontalExpanded,
|
|
7880
7922
|
iconVerticalCollapsed,
|
|
@@ -7893,10 +7935,10 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
7893
7935
|
return {
|
|
7894
7936
|
level: level + 1,
|
|
7895
7937
|
layoutIsVertical,
|
|
7896
|
-
iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$
|
|
7897
|
-
iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$
|
|
7898
|
-
iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$
|
|
7899
|
-
iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$
|
|
7938
|
+
iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$18.iconHorizontalCollapsed,
|
|
7939
|
+
iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$18.iconHorizontalExpanded,
|
|
7940
|
+
iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$18.iconVerticalExpanded : defaultProps$18.iconVerticalCollapsed),
|
|
7941
|
+
iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$18.iconVerticalExpanded
|
|
7900
7942
|
};
|
|
7901
7943
|
}, [
|
|
7902
7944
|
iconHorizontalCollapsed,
|
|
@@ -7919,7 +7961,8 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
7919
7961
|
renderChild: renderChild2,
|
|
7920
7962
|
ref,
|
|
7921
7963
|
initiallyExpanded,
|
|
7922
|
-
disabled: disabled2
|
|
7964
|
+
disabled: disabled2,
|
|
7965
|
+
noIndicator
|
|
7923
7966
|
}
|
|
7924
7967
|
) : /* @__PURE__ */ jsx(
|
|
7925
7968
|
DropDownNavGroup,
|
|
@@ -7932,7 +7975,8 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
7932
7975
|
ref,
|
|
7933
7976
|
to,
|
|
7934
7977
|
initiallyExpanded,
|
|
7935
|
-
disabled: disabled2
|
|
7978
|
+
disabled: disabled2,
|
|
7979
|
+
noIndicator
|
|
7936
7980
|
}
|
|
7937
7981
|
) });
|
|
7938
7982
|
});
|
|
@@ -7945,6 +7989,7 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
|
|
|
7945
7989
|
to,
|
|
7946
7990
|
initiallyExpanded = false,
|
|
7947
7991
|
disabled: disabled2 = false,
|
|
7992
|
+
noIndicator = false,
|
|
7948
7993
|
...rest
|
|
7949
7994
|
}, ref) {
|
|
7950
7995
|
const { level, iconVerticalCollapsed, iconVerticalExpanded, layoutIsVertical } = useContext(NavGroupContext);
|
|
@@ -7976,6 +8021,7 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
|
|
|
7976
8021
|
icon: icon2,
|
|
7977
8022
|
to,
|
|
7978
8023
|
disabled: disabled2,
|
|
8024
|
+
noIndicator,
|
|
7979
8025
|
"aria-expanded": expanded2,
|
|
7980
8026
|
children: [
|
|
7981
8027
|
label2,
|
|
@@ -8004,6 +8050,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
8004
8050
|
to,
|
|
8005
8051
|
disabled: disabled2 = false,
|
|
8006
8052
|
initiallyExpanded = false,
|
|
8053
|
+
noIndicator = false,
|
|
8007
8054
|
...rest
|
|
8008
8055
|
}, ref) {
|
|
8009
8056
|
const {
|
|
@@ -8042,6 +8089,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
8042
8089
|
vertical: level >= 1,
|
|
8043
8090
|
to,
|
|
8044
8091
|
disabled: disabled2,
|
|
8092
|
+
noIndicator,
|
|
8045
8093
|
children: [
|
|
8046
8094
|
label2,
|
|
8047
8095
|
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
@@ -8088,14 +8136,15 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
8088
8136
|
const NavGroupContext = createContext({
|
|
8089
8137
|
level: -1,
|
|
8090
8138
|
layoutIsVertical: false,
|
|
8091
|
-
iconHorizontalCollapsed: defaultProps$
|
|
8092
|
-
iconHorizontalExpanded: defaultProps$
|
|
8093
|
-
iconVerticalCollapsed: defaultProps$
|
|
8094
|
-
iconVerticalExpanded: defaultProps$
|
|
8139
|
+
iconHorizontalCollapsed: defaultProps$18.iconHorizontalCollapsed,
|
|
8140
|
+
iconHorizontalExpanded: defaultProps$18.iconHorizontalExpanded,
|
|
8141
|
+
iconVerticalCollapsed: defaultProps$18.iconVerticalCollapsed,
|
|
8142
|
+
iconVerticalExpanded: defaultProps$18.iconVerticalExpanded
|
|
8095
8143
|
});
|
|
8096
|
-
const defaultProps$
|
|
8144
|
+
const defaultProps$17 = {
|
|
8097
8145
|
active: false,
|
|
8098
|
-
displayActive: true
|
|
8146
|
+
displayActive: true,
|
|
8147
|
+
noIndicator: false
|
|
8099
8148
|
};
|
|
8100
8149
|
const NavLink = forwardRef(function NavLink2({
|
|
8101
8150
|
/* eslint-disable react/prop-types */
|
|
@@ -8103,7 +8152,8 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
8103
8152
|
children,
|
|
8104
8153
|
disabled: disabled2,
|
|
8105
8154
|
to,
|
|
8106
|
-
displayActive: displayActive2 = defaultProps$
|
|
8155
|
+
displayActive: displayActive2 = defaultProps$17.displayActive,
|
|
8156
|
+
noIndicator = defaultProps$17.noIndicator,
|
|
8107
8157
|
vertical: vertical2,
|
|
8108
8158
|
style: style2,
|
|
8109
8159
|
onClick,
|
|
@@ -8135,7 +8185,7 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
8135
8185
|
const baseClasses = classnames(navLinkStyles.content, navLinkStyles.base, className, {
|
|
8136
8186
|
[navLinkStyles.disabled]: disabled2,
|
|
8137
8187
|
[navLinkStyles.vertical]: safeVertical,
|
|
8138
|
-
[navLinkStyles.includeHoverIndicator]: displayActive2,
|
|
8188
|
+
[navLinkStyles.includeHoverIndicator]: displayActive2 && !noIndicator,
|
|
8139
8189
|
[navLinkStyles.navItemActive]: displayActive2 && forceActive
|
|
8140
8190
|
});
|
|
8141
8191
|
let innerContent2 = /* @__PURE__ */ jsxs("div", { className: navLinkStyles.innerContent, children: [
|
|
@@ -8177,7 +8227,7 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
8177
8227
|
}
|
|
8178
8228
|
return content2;
|
|
8179
8229
|
});
|
|
8180
|
-
const COMP$
|
|
8230
|
+
const COMP$1t = "NavLink";
|
|
8181
8231
|
const NavLinkMd = createMetadata({
|
|
8182
8232
|
status: "stable",
|
|
8183
8233
|
description: "`NavLink` creates interactive navigation items that connect users to different destinations within an app or external URLs. It automatically indicates active states, supports custom icons and labels, and can execute custom actions instead of navigation when needed.",
|
|
@@ -8187,7 +8237,7 @@ const NavLinkMd = createMetadata({
|
|
|
8187
8237
|
active: {
|
|
8188
8238
|
description: `This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [\`displayActive\`](#displayactive) property is set to \`true\`.`,
|
|
8189
8239
|
valueType: "boolean",
|
|
8190
|
-
defaultValue: defaultProps$
|
|
8240
|
+
defaultValue: defaultProps$17.active
|
|
8191
8241
|
},
|
|
8192
8242
|
target: {
|
|
8193
8243
|
description: `This optionally property specifies how to open the clicked link.`,
|
|
@@ -8196,50 +8246,57 @@ const NavLinkMd = createMetadata({
|
|
|
8196
8246
|
},
|
|
8197
8247
|
label: dLabel(),
|
|
8198
8248
|
vertical: {
|
|
8199
|
-
description: `This property sets how the active status is displayed on the \`${COMP$
|
|
8249
|
+
description: `This property sets how the active status is displayed on the \`${COMP$1t}\` component. If set to true, the indicator is displayed on the side which lends itself to a vertically aligned navigation menu. By default, it displays a horizontal indicator.`,
|
|
8200
8250
|
valueType: "boolean"
|
|
8201
8251
|
},
|
|
8202
8252
|
displayActive: {
|
|
8203
8253
|
description: `This Boolean property indicates if the active state of a link should have a visual indication. Setting it to \`false\` removes the visual indication of an active link.`,
|
|
8204
8254
|
valueType: "boolean",
|
|
8205
|
-
defaultValue: defaultProps$
|
|
8255
|
+
defaultValue: defaultProps$17.displayActive
|
|
8256
|
+
},
|
|
8257
|
+
noIndicator: {
|
|
8258
|
+
description: `This Boolean property controls whether to hide the visual indicator for active and hovered states. When set to \`true\`, the indicator line will not be displayed.`,
|
|
8259
|
+
valueType: "boolean",
|
|
8260
|
+
defaultValue: defaultProps$17.noIndicator
|
|
8206
8261
|
},
|
|
8207
8262
|
icon: d(
|
|
8208
8263
|
`This property allows you to add an optional icon (specify the icon's name) to the navigation link.`
|
|
8209
8264
|
)
|
|
8210
8265
|
},
|
|
8211
8266
|
events: {
|
|
8212
|
-
click: dClick(COMP$
|
|
8267
|
+
click: dClick(COMP$1t)
|
|
8213
8268
|
},
|
|
8214
8269
|
themeVars: parseScssVar(navLinkStyles.themeVars),
|
|
8215
8270
|
themeVarDescriptions: {
|
|
8216
|
-
[`color-indicator-${COMP$
|
|
8271
|
+
[`color-indicator-${COMP$1t}`]: "Provides the following states: `--hover`, `--active`, `--pressed`"
|
|
8217
8272
|
},
|
|
8218
8273
|
defaultThemeVars: {
|
|
8219
|
-
[`border-${COMP$
|
|
8220
|
-
[`borderRadius-${COMP$
|
|
8221
|
-
[`backgroundColor-${COMP$
|
|
8222
|
-
[`paddingHorizontal-${COMP$
|
|
8223
|
-
[`paddingVertical-${COMP$
|
|
8224
|
-
[`fontSize-${COMP$
|
|
8225
|
-
[`fontWeight-${COMP$
|
|
8226
|
-
[`fontFamily-${COMP$
|
|
8227
|
-
[`textColor-${COMP$
|
|
8228
|
-
[`
|
|
8229
|
-
[`
|
|
8230
|
-
[`
|
|
8231
|
-
[`
|
|
8232
|
-
[`
|
|
8233
|
-
[`
|
|
8234
|
-
[`
|
|
8235
|
-
[`
|
|
8236
|
-
[`
|
|
8237
|
-
[`color-
|
|
8238
|
-
[`color-indicator-${COMP$
|
|
8274
|
+
[`border-${COMP$1t}`]: "0px solid $borderColor",
|
|
8275
|
+
[`borderRadius-${COMP$1t}`]: "$borderRadius",
|
|
8276
|
+
[`backgroundColor-${COMP$1t}`]: "transparent",
|
|
8277
|
+
[`paddingHorizontal-${COMP$1t}`]: "$space-4",
|
|
8278
|
+
[`paddingVertical-${COMP$1t}`]: "$space-2",
|
|
8279
|
+
[`fontSize-${COMP$1t}`]: "$fontSize-sm",
|
|
8280
|
+
[`fontWeight-${COMP$1t}`]: "$fontWeight-normal",
|
|
8281
|
+
[`fontFamily-${COMP$1t}`]: "$fontFamily",
|
|
8282
|
+
[`textColor-${COMP$1t}`]: "$textColor-primary",
|
|
8283
|
+
[`textColor-${COMP$1t}--active`]: "$color-primary-500",
|
|
8284
|
+
[`fontWeight-${COMP$1t}--active`]: "$fontWeight-bold",
|
|
8285
|
+
[`fontWeight-${COMP$1t}--pressed`]: "$fontWeight-normal",
|
|
8286
|
+
[`thickness-indicator-${COMP$1t}`]: "$space-0_5",
|
|
8287
|
+
[`outlineColor-${COMP$1t}--focus`]: "$outlineColor--focus",
|
|
8288
|
+
[`outlineWidth-${COMP$1t}--focus`]: "$outlineWidth--focus",
|
|
8289
|
+
[`outlineStyle-${COMP$1t}--focus`]: "$outlineStyle--focus",
|
|
8290
|
+
[`outlineOffset-${COMP$1t}--focus`]: "-1px",
|
|
8291
|
+
[`borderRadius-indicator-${COMP$1t}`]: "$borderRadius",
|
|
8292
|
+
[`color-icon-${COMP$1t}`]: "$color-surface-500",
|
|
8293
|
+
[`color-indicator-${COMP$1t}--active`]: "$color-primary-500",
|
|
8294
|
+
[`color-indicator-${COMP$1t}--pressed`]: "$color-primary-500",
|
|
8295
|
+
[`color-indicator-${COMP$1t}--hover`]: "$color-primary-600"
|
|
8239
8296
|
}
|
|
8240
8297
|
});
|
|
8241
8298
|
const navLinkComponentRenderer = createComponentRenderer(
|
|
8242
|
-
COMP$
|
|
8299
|
+
COMP$1t,
|
|
8243
8300
|
NavLinkMd,
|
|
8244
8301
|
({ node, extractValue, renderChild: renderChild2, className }) => {
|
|
8245
8302
|
const iconName = extractValue.asString(node.props.icon);
|
|
@@ -8251,6 +8308,7 @@ const navLinkComponentRenderer = createComponentRenderer(
|
|
|
8251
8308
|
disabled: !extractValue.asOptionalBoolean(node.props.enabled ?? true),
|
|
8252
8309
|
vertical: extractValue.asOptionalBoolean(node.props.vertical),
|
|
8253
8310
|
displayActive: extractValue.asOptionalBoolean(node.props.displayActive),
|
|
8311
|
+
noIndicator: extractValue.asOptionalBoolean(node.props.noIndicator),
|
|
8254
8312
|
forceActive: extractValue.asOptionalBoolean(node.props.active),
|
|
8255
8313
|
className,
|
|
8256
8314
|
target: extractValue(node.props?.target),
|
|
@@ -8272,7 +8330,7 @@ const styles$17 = {
|
|
|
8272
8330
|
disabled: disabled$9,
|
|
8273
8331
|
iconWrapper
|
|
8274
8332
|
};
|
|
8275
|
-
const defaultProps$
|
|
8333
|
+
const defaultProps$16 = {
|
|
8276
8334
|
active: false,
|
|
8277
8335
|
disabled: false
|
|
8278
8336
|
};
|
|
@@ -8281,10 +8339,10 @@ const LinkNative = forwardRef(function LinkNative2(props, forwardedRef) {
|
|
|
8281
8339
|
to,
|
|
8282
8340
|
children,
|
|
8283
8341
|
icon: icon2,
|
|
8284
|
-
active: active2 = defaultProps$
|
|
8342
|
+
active: active2 = defaultProps$16.active,
|
|
8285
8343
|
onClick,
|
|
8286
8344
|
target: target2,
|
|
8287
|
-
disabled: disabled2 = defaultProps$
|
|
8345
|
+
disabled: disabled2 = defaultProps$16.disabled,
|
|
8288
8346
|
style: style2,
|
|
8289
8347
|
className,
|
|
8290
8348
|
...anchorProps
|
|
@@ -8323,7 +8381,7 @@ function specifyTypes(props) {
|
|
|
8323
8381
|
referrerPolicy
|
|
8324
8382
|
};
|
|
8325
8383
|
}
|
|
8326
|
-
const COMP$
|
|
8384
|
+
const COMP$1s = "Link";
|
|
8327
8385
|
const LinkMd = createMetadata({
|
|
8328
8386
|
status: "stable",
|
|
8329
8387
|
description: "`Link` creates clickable navigation elements for internal app routes or external URLs. You can use the `label` and `icon` properties for simple text links, or embed custom components like buttons, cards, or complex layouts for rich interactive link presentations.",
|
|
@@ -8335,10 +8393,10 @@ const LinkMd = createMetadata({
|
|
|
8335
8393
|
active: {
|
|
8336
8394
|
description: `Indicates whether this link is active or not. If so, it will have a distinct visual appearance.`,
|
|
8337
8395
|
type: "boolean",
|
|
8338
|
-
defaultValue: defaultProps$
|
|
8396
|
+
defaultValue: defaultProps$16.active
|
|
8339
8397
|
},
|
|
8340
8398
|
target: {
|
|
8341
|
-
description: `This property specifies where to open the link represented by the \`${COMP$
|
|
8399
|
+
description: `This property specifies where to open the link represented by the \`${COMP$1s}\`. This property accepts the following values (in accordance with the HTML standard):`,
|
|
8342
8400
|
availableValues: LinkTargetMd,
|
|
8343
8401
|
type: "string"
|
|
8344
8402
|
},
|
|
@@ -8354,37 +8412,37 @@ const LinkMd = createMetadata({
|
|
|
8354
8412
|
},
|
|
8355
8413
|
themeVars: parseScssVar(styles$17.themeVars),
|
|
8356
8414
|
themeVarDescriptions: {
|
|
8357
|
-
[`gap-icon-${COMP$
|
|
8415
|
+
[`gap-icon-${COMP$1s}`]: "This property defines the size of the gap between the icon and the label."
|
|
8358
8416
|
},
|
|
8359
8417
|
defaultThemeVars: {
|
|
8360
|
-
[`border-${COMP$
|
|
8361
|
-
[`textColor-${COMP$
|
|
8362
|
-
[`textDecorationColor-${COMP$
|
|
8363
|
-
[`textColor-${COMP$
|
|
8364
|
-
[`textDecorationColor-${COMP$
|
|
8365
|
-
[`textColor-${COMP$
|
|
8366
|
-
[`textDecorationColor-${COMP$
|
|
8367
|
-
[`textColor-${COMP$
|
|
8368
|
-
[`textUnderlineOffset-${COMP$
|
|
8369
|
-
[`textDecorationLine-${COMP$
|
|
8370
|
-
[`textDecorationStyle-${COMP$
|
|
8371
|
-
[`outlineColor-${COMP$
|
|
8372
|
-
[`outlineWidth-${COMP$
|
|
8373
|
-
[`outlineStyle-${COMP$
|
|
8374
|
-
[`outlineOffset-${COMP$
|
|
8375
|
-
[`fontSize-${COMP$
|
|
8376
|
-
[`fontWeight-${COMP$
|
|
8377
|
-
[`gap-icon-${COMP$
|
|
8378
|
-
[`padding-icon-${COMP$
|
|
8418
|
+
[`border-${COMP$1s}`]: "0px solid $borderColor",
|
|
8419
|
+
[`textColor-${COMP$1s}`]: "$color-primary-500",
|
|
8420
|
+
[`textDecorationColor-${COMP$1s}`]: `textDecorationColor-${COMP$1s}`,
|
|
8421
|
+
[`textColor-${COMP$1s}--hover`]: `$color-primary-400`,
|
|
8422
|
+
[`textDecorationColor-${COMP$1s}--hover`]: `textColor-${COMP$1s}--hover`,
|
|
8423
|
+
[`textColor-${COMP$1s}--active`]: "$color-primary-400",
|
|
8424
|
+
[`textDecorationColor-${COMP$1s}--active`]: `textColor-${COMP$1s}--active`,
|
|
8425
|
+
[`textColor-${COMP$1s}--hover--active`]: `$textColor-${COMP$1s}--active`,
|
|
8426
|
+
[`textUnderlineOffset-${COMP$1s}`]: "$space-1",
|
|
8427
|
+
[`textDecorationLine-${COMP$1s}`]: "underline",
|
|
8428
|
+
[`textDecorationStyle-${COMP$1s}`]: "solid",
|
|
8429
|
+
[`outlineColor-${COMP$1s}--focus`]: "$outlineColor--focus",
|
|
8430
|
+
[`outlineWidth-${COMP$1s}--focus`]: "$outlineWidth--focus",
|
|
8431
|
+
[`outlineStyle-${COMP$1s}--focus`]: "$outlineStyle--focus",
|
|
8432
|
+
[`outlineOffset-${COMP$1s}--focus`]: "$outlineOffset--focus",
|
|
8433
|
+
[`fontSize-${COMP$1s}`]: "inherit",
|
|
8434
|
+
[`fontWeight-${COMP$1s}--active`]: "$fontWeight-bold",
|
|
8435
|
+
[`gap-icon-${COMP$1s}`]: "$gap-tight",
|
|
8436
|
+
[`padding-icon-${COMP$1s}`]: "$space-0_5",
|
|
8379
8437
|
dark: {
|
|
8380
|
-
[`textColor-${COMP$
|
|
8381
|
-
[`textColor-${COMP$
|
|
8382
|
-
[`textColor-${COMP$
|
|
8438
|
+
[`textColor-${COMP$1s}`]: "$color-primary-600",
|
|
8439
|
+
[`textColor-${COMP$1s}--hover`]: `$color-primary-500`,
|
|
8440
|
+
[`textColor-${COMP$1s}--active`]: "$color-primary-500"
|
|
8383
8441
|
}
|
|
8384
8442
|
}
|
|
8385
8443
|
});
|
|
8386
8444
|
const localLinkComponentRenderer = createComponentRenderer(
|
|
8387
|
-
COMP$
|
|
8445
|
+
COMP$1s,
|
|
8388
8446
|
LinkMd,
|
|
8389
8447
|
({ node, extractValue, renderChild: renderChild2, lookupEventHandler, className }) => {
|
|
8390
8448
|
return /* @__PURE__ */ jsx(
|
|
@@ -8804,7 +8862,7 @@ const expandParentPaths = (nodeIds, treeItemsById) => {
|
|
|
8804
8862
|
});
|
|
8805
8863
|
return Array.from(allExpandedIds);
|
|
8806
8864
|
};
|
|
8807
|
-
const defaultProps$
|
|
8865
|
+
const defaultProps$15 = {
|
|
8808
8866
|
dataFormat: "flat",
|
|
8809
8867
|
idField: "id",
|
|
8810
8868
|
nameField: "name",
|
|
@@ -8829,27 +8887,27 @@ const TreeComponent = memo((props) => {
|
|
|
8829
8887
|
const {
|
|
8830
8888
|
registerComponentApi,
|
|
8831
8889
|
data = emptyTreeData,
|
|
8832
|
-
dataFormat = defaultProps$
|
|
8833
|
-
idField = defaultProps$
|
|
8834
|
-
nameField = defaultProps$
|
|
8835
|
-
iconField = defaultProps$
|
|
8836
|
-
iconExpandedField = defaultProps$
|
|
8837
|
-
iconCollapsedField = defaultProps$
|
|
8838
|
-
parentIdField = defaultProps$
|
|
8839
|
-
childrenField = defaultProps$
|
|
8840
|
-
selectableField = defaultProps$
|
|
8890
|
+
dataFormat = defaultProps$15.dataFormat,
|
|
8891
|
+
idField = defaultProps$15.idField,
|
|
8892
|
+
nameField = defaultProps$15.nameField,
|
|
8893
|
+
iconField = defaultProps$15.iconField,
|
|
8894
|
+
iconExpandedField = defaultProps$15.iconExpandedField,
|
|
8895
|
+
iconCollapsedField = defaultProps$15.iconCollapsedField,
|
|
8896
|
+
parentIdField = defaultProps$15.parentIdField,
|
|
8897
|
+
childrenField = defaultProps$15.childrenField,
|
|
8898
|
+
selectableField = defaultProps$15.selectableField,
|
|
8841
8899
|
selectedValue,
|
|
8842
8900
|
selectedId,
|
|
8843
|
-
defaultExpanded = defaultProps$
|
|
8844
|
-
autoExpandToSelection = defaultProps$
|
|
8845
|
-
itemClickExpands = defaultProps$
|
|
8846
|
-
dynamicField = defaultProps$
|
|
8847
|
-
iconCollapsed = defaultProps$
|
|
8848
|
-
iconExpanded = defaultProps$
|
|
8849
|
-
iconSize = defaultProps$
|
|
8850
|
-
itemHeight = defaultProps$
|
|
8851
|
-
animateExpand = defaultProps$
|
|
8852
|
-
expandRotation = defaultProps$
|
|
8901
|
+
defaultExpanded = defaultProps$15.defaultExpanded,
|
|
8902
|
+
autoExpandToSelection = defaultProps$15.autoExpandToSelection,
|
|
8903
|
+
itemClickExpands = defaultProps$15.itemClickExpands,
|
|
8904
|
+
dynamicField = defaultProps$15.dynamicField,
|
|
8905
|
+
iconCollapsed = defaultProps$15.iconCollapsed,
|
|
8906
|
+
iconExpanded = defaultProps$15.iconExpanded,
|
|
8907
|
+
iconSize = defaultProps$15.iconSize,
|
|
8908
|
+
itemHeight = defaultProps$15.itemHeight,
|
|
8909
|
+
animateExpand = defaultProps$15.animateExpand,
|
|
8910
|
+
expandRotation = defaultProps$15.expandRotation,
|
|
8853
8911
|
onItemClick,
|
|
8854
8912
|
onSelectionChanged,
|
|
8855
8913
|
onNodeExpanded,
|
|
@@ -8957,7 +9015,7 @@ const TreeComponent = memo((props) => {
|
|
|
8957
9015
|
} catch (error2) {
|
|
8958
9016
|
return emptyTreeData;
|
|
8959
9017
|
}
|
|
8960
|
-
}, [effectiveData, dataFormat, fieldConfig
|
|
9018
|
+
}, [effectiveData, dataFormat, fieldConfig]);
|
|
8961
9019
|
const { treeData, treeItemsById } = transformedData;
|
|
8962
9020
|
const mappedSelectedId = useMemo(() => {
|
|
8963
9021
|
if (selectedValue) {
|
|
@@ -9814,10 +9872,10 @@ const TreeComponent = memo((props) => {
|
|
|
9814
9872
|
}
|
|
9815
9873
|
);
|
|
9816
9874
|
});
|
|
9817
|
-
const COMP$
|
|
9875
|
+
const COMP$1r = "Tree";
|
|
9818
9876
|
const TreeMd = createMetadata({
|
|
9819
9877
|
status: "stable",
|
|
9820
|
-
description: `The \`${COMP$
|
|
9878
|
+
description: `The \`${COMP$1r}\` component is a virtualized tree component that displays hierarchical data with support for flat and hierarchy data formats.`,
|
|
9821
9879
|
props: {
|
|
9822
9880
|
data: {
|
|
9823
9881
|
description: `The data source of the tree. Format depends on the dataFormat property.`,
|
|
@@ -9826,47 +9884,47 @@ const TreeMd = createMetadata({
|
|
|
9826
9884
|
dataFormat: {
|
|
9827
9885
|
description: `The input data structure format: "flat" (array with parent relationships) or "hierarchy" (nested objects).`,
|
|
9828
9886
|
valueType: "string",
|
|
9829
|
-
defaultValue: defaultProps$
|
|
9887
|
+
defaultValue: defaultProps$15.dataFormat
|
|
9830
9888
|
},
|
|
9831
9889
|
idField: {
|
|
9832
9890
|
description: `The property name in source data for unique identifiers.`,
|
|
9833
9891
|
valueType: "string",
|
|
9834
|
-
defaultValue: defaultProps$
|
|
9892
|
+
defaultValue: defaultProps$15.idField
|
|
9835
9893
|
},
|
|
9836
9894
|
nameField: {
|
|
9837
9895
|
description: `The property name in source data for display text.`,
|
|
9838
9896
|
valueType: "string",
|
|
9839
|
-
defaultValue: defaultProps$
|
|
9897
|
+
defaultValue: defaultProps$15.nameField
|
|
9840
9898
|
},
|
|
9841
9899
|
iconField: {
|
|
9842
9900
|
description: `The property name in source data for icon identifiers.`,
|
|
9843
9901
|
valueType: "string",
|
|
9844
|
-
defaultValue: defaultProps$
|
|
9902
|
+
defaultValue: defaultProps$15.iconField
|
|
9845
9903
|
},
|
|
9846
9904
|
iconExpandedField: {
|
|
9847
9905
|
description: `The property name in source data for expanded state icons.`,
|
|
9848
9906
|
valueType: "string",
|
|
9849
|
-
defaultValue: defaultProps$
|
|
9907
|
+
defaultValue: defaultProps$15.iconExpandedField
|
|
9850
9908
|
},
|
|
9851
9909
|
iconCollapsedField: {
|
|
9852
9910
|
description: `The property name in source data for collapsed state icons.`,
|
|
9853
9911
|
valueType: "string",
|
|
9854
|
-
defaultValue: defaultProps$
|
|
9912
|
+
defaultValue: defaultProps$15.iconCollapsedField
|
|
9855
9913
|
},
|
|
9856
9914
|
parentIdField: {
|
|
9857
9915
|
description: `The property name in source data for parent relationships (used in flat format).`,
|
|
9858
9916
|
valueType: "string",
|
|
9859
|
-
defaultValue: defaultProps$
|
|
9917
|
+
defaultValue: defaultProps$15.parentIdField
|
|
9860
9918
|
},
|
|
9861
9919
|
childrenField: {
|
|
9862
9920
|
description: `The property name in source data for child arrays (used in hierarchy format).`,
|
|
9863
9921
|
valueType: "string",
|
|
9864
|
-
defaultValue: defaultProps$
|
|
9922
|
+
defaultValue: defaultProps$15.childrenField
|
|
9865
9923
|
},
|
|
9866
9924
|
selectableField: {
|
|
9867
9925
|
description: `The property name in source data for selectable state (default: "selectable").`,
|
|
9868
9926
|
valueType: "string",
|
|
9869
|
-
defaultValue: defaultProps$
|
|
9927
|
+
defaultValue: defaultProps$15.selectableField
|
|
9870
9928
|
},
|
|
9871
9929
|
selectedValue: {
|
|
9872
9930
|
description: `The selected item ID in source data format.`
|
|
@@ -9874,52 +9932,52 @@ const TreeMd = createMetadata({
|
|
|
9874
9932
|
defaultExpanded: {
|
|
9875
9933
|
description: `Initial expansion state: "none", "all", "first-level", or array of specific IDs.`,
|
|
9876
9934
|
valueType: "string",
|
|
9877
|
-
defaultValue: defaultProps$
|
|
9935
|
+
defaultValue: defaultProps$15.defaultExpanded
|
|
9878
9936
|
},
|
|
9879
9937
|
autoExpandToSelection: {
|
|
9880
9938
|
description: `Automatically expand the path to the selected item.`,
|
|
9881
9939
|
valueType: "boolean",
|
|
9882
|
-
defaultValue: defaultProps$
|
|
9940
|
+
defaultValue: defaultProps$15.autoExpandToSelection
|
|
9883
9941
|
},
|
|
9884
9942
|
itemClickExpands: {
|
|
9885
9943
|
description: "Whether clicking anywhere on a tree item should expand/collapse the node, not just the expand/collapse icon.",
|
|
9886
9944
|
valueType: "boolean",
|
|
9887
|
-
defaultValue: defaultProps$
|
|
9945
|
+
defaultValue: defaultProps$15.itemClickExpands
|
|
9888
9946
|
},
|
|
9889
9947
|
iconCollapsed: {
|
|
9890
9948
|
description: `The icon name to use for collapsed nodes (default: "chevronright").`,
|
|
9891
9949
|
valueType: "string",
|
|
9892
|
-
defaultValue: defaultProps$
|
|
9950
|
+
defaultValue: defaultProps$15.iconCollapsed
|
|
9893
9951
|
},
|
|
9894
9952
|
iconExpanded: {
|
|
9895
9953
|
description: `The icon name to use for expanded nodes (default: "chevrondown").`,
|
|
9896
9954
|
valueType: "string",
|
|
9897
|
-
defaultValue: defaultProps$
|
|
9955
|
+
defaultValue: defaultProps$15.iconExpanded
|
|
9898
9956
|
},
|
|
9899
9957
|
iconSize: {
|
|
9900
9958
|
description: `The size of the expand/collapse icons (default: "16").`,
|
|
9901
9959
|
valueType: "string",
|
|
9902
|
-
defaultValue: defaultProps$
|
|
9960
|
+
defaultValue: defaultProps$15.iconSize
|
|
9903
9961
|
},
|
|
9904
9962
|
itemHeight: {
|
|
9905
9963
|
description: `The height of each tree row in pixels (default: 35).`,
|
|
9906
9964
|
valueType: "number",
|
|
9907
|
-
defaultValue: defaultProps$
|
|
9965
|
+
defaultValue: defaultProps$15.itemHeight
|
|
9908
9966
|
},
|
|
9909
9967
|
animateExpand: {
|
|
9910
9968
|
description: `When true, uses only the collapsed icon and rotates it for expansion instead of switching icons (default: false).`,
|
|
9911
9969
|
valueType: "boolean",
|
|
9912
|
-
defaultValue: defaultProps$
|
|
9970
|
+
defaultValue: defaultProps$15.animateExpand
|
|
9913
9971
|
},
|
|
9914
9972
|
expandRotation: {
|
|
9915
9973
|
description: `The number of degrees to rotate the collapsed icon when expanded in animate mode (default: 90).`,
|
|
9916
9974
|
valueType: "number",
|
|
9917
|
-
defaultValue: defaultProps$
|
|
9975
|
+
defaultValue: defaultProps$15.expandRotation
|
|
9918
9976
|
},
|
|
9919
9977
|
dynamicField: {
|
|
9920
9978
|
description: `The property name in source data for dynamic loading state (default: "dynamic").`,
|
|
9921
9979
|
valueType: "string",
|
|
9922
|
-
defaultValue: defaultProps$
|
|
9980
|
+
defaultValue: defaultProps$15.dynamicField
|
|
9923
9981
|
},
|
|
9924
9982
|
itemTemplate: {
|
|
9925
9983
|
description: "The template for each item in the tree.",
|
|
@@ -10077,20 +10135,20 @@ const TreeMd = createMetadata({
|
|
|
10077
10135
|
},
|
|
10078
10136
|
themeVars: parseScssVar(styles$16.themeVars),
|
|
10079
10137
|
defaultThemeVars: {
|
|
10080
|
-
[`backgroundColor-${COMP$
|
|
10081
|
-
[`backgroundColor-${COMP$
|
|
10082
|
-
[`textColor-${COMP$
|
|
10083
|
-
[`textColor-${COMP$
|
|
10084
|
-
[`textColor-${COMP$
|
|
10085
|
-
[`borderColor-${COMP$
|
|
10086
|
-
[`outlineColor-${COMP$
|
|
10087
|
-
[`outlineWidth-${COMP$
|
|
10088
|
-
[`outlineStyle-${COMP$
|
|
10089
|
-
[`outlineOffset-${COMP$
|
|
10138
|
+
[`backgroundColor-${COMP$1r}-row--selected`]: "$color-primary-50",
|
|
10139
|
+
[`backgroundColor-${COMP$1r}-row--hover`]: "$color-surface-100",
|
|
10140
|
+
[`textColor-${COMP$1r}`]: "$textColor-primary",
|
|
10141
|
+
[`textColor-${COMP$1r}--selected`]: "$color-primary-900",
|
|
10142
|
+
[`textColor-${COMP$1r}--hover`]: "$textColor-primary",
|
|
10143
|
+
[`borderColor-${COMP$1r}-row--focus`]: "$color-primary-500",
|
|
10144
|
+
[`outlineColor-${COMP$1r}--focus`]: "$outlineColor--focus",
|
|
10145
|
+
[`outlineWidth-${COMP$1r}--focus`]: "$outlineWidth--focus",
|
|
10146
|
+
[`outlineStyle-${COMP$1r}--focus`]: "$outlineStyle--focus",
|
|
10147
|
+
[`outlineOffset-${COMP$1r}--focus`]: "$outlineOffset--focus"
|
|
10090
10148
|
}
|
|
10091
10149
|
});
|
|
10092
10150
|
const treeComponentRenderer = createComponentRenderer(
|
|
10093
|
-
COMP$
|
|
10151
|
+
COMP$1r,
|
|
10094
10152
|
TreeMd,
|
|
10095
10153
|
({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler, registerComponentApi }) => {
|
|
10096
10154
|
const defaultItemTemplate = {
|
|
@@ -10139,9 +10197,9 @@ const treeComponentRenderer = createComponentRenderer(
|
|
|
10139
10197
|
iconCollapsed: extractValue(node.props.iconCollapsed),
|
|
10140
10198
|
iconExpanded: extractValue(node.props.iconExpanded),
|
|
10141
10199
|
iconSize: extractValue(node.props.iconSize),
|
|
10142
|
-
itemHeight: extractValue.asOptionalNumber(node.props.itemHeight, defaultProps$
|
|
10143
|
-
animateExpand: extractValue.asOptionalBoolean(node.props.animateExpand, defaultProps$
|
|
10144
|
-
expandRotation: extractValue.asOptionalNumber(node.props.expandRotation, defaultProps$
|
|
10200
|
+
itemHeight: extractValue.asOptionalNumber(node.props.itemHeight, defaultProps$15.itemHeight),
|
|
10201
|
+
animateExpand: extractValue.asOptionalBoolean(node.props.animateExpand, defaultProps$15.animateExpand),
|
|
10202
|
+
expandRotation: extractValue.asOptionalNumber(node.props.expandRotation, defaultProps$15.expandRotation),
|
|
10145
10203
|
onSelectionChanged: lookupEventHandler("selectionDidChange"),
|
|
10146
10204
|
onNodeExpanded: lookupEventHandler("nodeDidExpand"),
|
|
10147
10205
|
onNodeCollapsed: lookupEventHandler("nodeDidCollapse"),
|
|
@@ -10191,7 +10249,7 @@ const styles$15 = {
|
|
|
10191
10249
|
treeNodeContent,
|
|
10192
10250
|
childrenContainer
|
|
10193
10251
|
};
|
|
10194
|
-
const defaultProps$
|
|
10252
|
+
const defaultProps$14 = {
|
|
10195
10253
|
content: "",
|
|
10196
10254
|
itemHeight: 20
|
|
10197
10255
|
};
|
|
@@ -10348,44 +10406,44 @@ const renderTreeNode = (node, index, itemHeight, level = 0, ancestorLines = [])
|
|
|
10348
10406
|
}) })
|
|
10349
10407
|
] }, `${node.label}-${index}`);
|
|
10350
10408
|
};
|
|
10351
|
-
const TreeDisplay = forwardRef(function TreeDisplay2({ style: style2, className, children, content: content2 = defaultProps$
|
|
10409
|
+
const TreeDisplay = forwardRef(function TreeDisplay2({ style: style2, className, children, content: content2 = defaultProps$14.content, itemHeight = defaultProps$14.itemHeight }, forwardedRef) {
|
|
10352
10410
|
const contentString = (content2 || children?.toString() || "").toString();
|
|
10353
10411
|
const treeNodes = useMemo(() => parseTreeContent(contentString), [contentString]);
|
|
10354
10412
|
return /* @__PURE__ */ jsx("div", { className: classnames(styles$15.treeDisplay, className), style: style2, ref: forwardedRef, children: /* @__PURE__ */ jsx("div", { className: styles$15.content, children: treeNodes.map((node, index) => renderTreeNode(node, index, itemHeight, 0, [])) }) });
|
|
10355
10413
|
});
|
|
10356
|
-
const COMP$
|
|
10414
|
+
const COMP$1q = "TreeDisplay";
|
|
10357
10415
|
const TreeDisplayMd = createMetadata({
|
|
10358
10416
|
status: "stable",
|
|
10359
|
-
description: `The \`${COMP$
|
|
10417
|
+
description: `The \`${COMP$1q}\` component displays hierarchical data in a tree structure. It accepts an indented text format where each line is an entry in the tree, and the number of leading spaces determines the nesting level. The component renders the tree with SVG lines and continuous vertical guides to clearly visualize parent-child relationships in the hierarchy.`,
|
|
10360
10418
|
props: {
|
|
10361
10419
|
content: {
|
|
10362
10420
|
description: "The indented text content to display as a tree structure. Each level of indentation (using spaces) represents one level in the tree hierarchy.",
|
|
10363
10421
|
valueType: "string",
|
|
10364
|
-
defaultValue: defaultProps$
|
|
10422
|
+
defaultValue: defaultProps$14.content
|
|
10365
10423
|
},
|
|
10366
10424
|
itemHeight: {
|
|
10367
10425
|
description: "The height of each tree item in pixels.",
|
|
10368
10426
|
valueType: "number",
|
|
10369
|
-
defaultValue: defaultProps$
|
|
10427
|
+
defaultValue: defaultProps$14.itemHeight
|
|
10370
10428
|
}
|
|
10371
10429
|
},
|
|
10372
10430
|
themeVars: parseScssVar(styles$15.themeVars),
|
|
10373
10431
|
defaultThemeVars: {
|
|
10374
|
-
[`backgroundColor-${COMP$
|
|
10375
|
-
[`borderRadius-${COMP$
|
|
10376
|
-
[`padding-${COMP$
|
|
10377
|
-
[`paddingLeft-${COMP$
|
|
10378
|
-
[`fontSize-${COMP$
|
|
10379
|
-
[`fontWeight-${COMP$
|
|
10380
|
-
[`fontFamily-${COMP$
|
|
10381
|
-
[`color-${COMP$
|
|
10382
|
-
[`color-connect-${COMP$
|
|
10383
|
-
[`boxShadow-${COMP$
|
|
10384
|
-
[`border-${COMP$
|
|
10432
|
+
[`backgroundColor-${COMP$1q}`]: "$backgroundColor-CodeBlock",
|
|
10433
|
+
[`borderRadius-${COMP$1q}`]: "8px",
|
|
10434
|
+
[`padding-${COMP$1q}`]: "$space-4",
|
|
10435
|
+
[`paddingLeft-${COMP$1q}`]: "$space-2",
|
|
10436
|
+
[`fontSize-${COMP$1q}`]: "$fontSize-code",
|
|
10437
|
+
[`fontWeight-${COMP$1q}`]: "$fontWeight-normal",
|
|
10438
|
+
[`fontFamily-${COMP$1q}`]: "$fontFamily-monospace",
|
|
10439
|
+
[`color-${COMP$1q}`]: "$textColor-primary",
|
|
10440
|
+
[`color-connect-${COMP$1q}`]: "$color-surface-200",
|
|
10441
|
+
[`boxShadow-${COMP$1q}`]: "none",
|
|
10442
|
+
[`border-${COMP$1q}`]: "0.5px solid $borderColor"
|
|
10385
10443
|
}
|
|
10386
10444
|
});
|
|
10387
10445
|
const treeDisplayComponentRenderer = createComponentRenderer(
|
|
10388
|
-
COMP$
|
|
10446
|
+
COMP$1q,
|
|
10389
10447
|
TreeDisplayMd,
|
|
10390
10448
|
({ node, extractValue, renderChild: renderChild2, className }) => {
|
|
10391
10449
|
return /* @__PURE__ */ jsx(
|
|
@@ -10402,7 +10460,7 @@ const treeDisplayComponentRenderer = createComponentRenderer(
|
|
|
10402
10460
|
function hasRenderableChildren(children) {
|
|
10403
10461
|
return !!children?.some((child) => child?.type !== "Slot");
|
|
10404
10462
|
}
|
|
10405
|
-
const COMP$
|
|
10463
|
+
const COMP$1p = "Button";
|
|
10406
10464
|
const ButtonMd = createMetadata({
|
|
10407
10465
|
status: "stable",
|
|
10408
10466
|
description: "`Button` is the primary interactive component for triggering actions like form submissions, navigation, opening modals, and API calls. It supports multiple visual styles and sizes to match different UI contexts and importance levels.",
|
|
@@ -10411,133 +10469,133 @@ const ButtonMd = createMetadata({
|
|
|
10411
10469
|
description: "Indicates if the button should receive focus when the page loads.",
|
|
10412
10470
|
isRequired: false,
|
|
10413
10471
|
type: "boolean",
|
|
10414
|
-
defaultValue: defaultProps$
|
|
10472
|
+
defaultValue: defaultProps$1f.autoFocus
|
|
10415
10473
|
},
|
|
10416
10474
|
variant: {
|
|
10417
10475
|
description: "The button variant determines the level of emphasis the button should possess.",
|
|
10418
10476
|
isRequired: false,
|
|
10419
10477
|
type: "string",
|
|
10420
10478
|
availableValues: buttonVariantMd,
|
|
10421
|
-
defaultValue: defaultProps$
|
|
10479
|
+
defaultValue: defaultProps$1f.variant
|
|
10422
10480
|
},
|
|
10423
10481
|
themeColor: {
|
|
10424
10482
|
description: "Sets the button color scheme defined in the application theme.",
|
|
10425
10483
|
isRequired: false,
|
|
10426
10484
|
type: "string",
|
|
10427
10485
|
availableValues: buttonThemeMd,
|
|
10428
|
-
defaultValue: defaultProps$
|
|
10486
|
+
defaultValue: defaultProps$1f.themeColor
|
|
10429
10487
|
},
|
|
10430
10488
|
size: {
|
|
10431
10489
|
description: "Sets the size of the button.",
|
|
10432
10490
|
isRequired: false,
|
|
10433
10491
|
type: "string",
|
|
10434
10492
|
availableValues: sizeMd,
|
|
10435
|
-
defaultValue: defaultProps$
|
|
10493
|
+
defaultValue: defaultProps$1f.size
|
|
10436
10494
|
},
|
|
10437
10495
|
label: {
|
|
10438
|
-
description: `This property is an optional string to set a label for the ${COMP$
|
|
10496
|
+
description: `This property is an optional string to set a label for the ${COMP$1p}. If no label is specified and an icon is set, the ${COMP$1p} will modify its styling to look like a small icon button. When the ${COMP$1p} has nested children, it will display them and ignore the value of the \`label\` prop.`,
|
|
10439
10497
|
type: "string"
|
|
10440
10498
|
},
|
|
10441
10499
|
type: {
|
|
10442
|
-
description: `This optional string describes how the ${COMP$
|
|
10500
|
+
description: `This optional string describes how the ${COMP$1p} appears in an HTML context. You rarely need to set this property explicitly.`,
|
|
10443
10501
|
availableValues: buttonTypesMd,
|
|
10444
10502
|
valueType: "string",
|
|
10445
|
-
defaultValue: defaultProps$
|
|
10503
|
+
defaultValue: defaultProps$1f.type
|
|
10446
10504
|
},
|
|
10447
10505
|
enabled: {
|
|
10448
10506
|
description: `The value of this property indicates whether the button accepts actions (\`true\`) or does not react to them (\`false\`).`,
|
|
10449
10507
|
type: "boolean",
|
|
10450
10508
|
defaultValue: true
|
|
10451
10509
|
},
|
|
10452
|
-
orientation: dOrientation(defaultProps$
|
|
10510
|
+
orientation: dOrientation(defaultProps$1f.orientation),
|
|
10453
10511
|
icon: {
|
|
10454
|
-
description: `This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${COMP$
|
|
10512
|
+
description: `This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${COMP$1p} displays only that icon.`,
|
|
10455
10513
|
type: "string"
|
|
10456
10514
|
},
|
|
10457
10515
|
iconPosition: {
|
|
10458
|
-
description: `This optional string determines the location of the icon in the ${COMP$
|
|
10516
|
+
description: `This optional string determines the location of the icon in the ${COMP$1p}.`,
|
|
10459
10517
|
availableValues: iconPositionMd,
|
|
10460
10518
|
type: "string",
|
|
10461
|
-
defaultValue: defaultProps$
|
|
10519
|
+
defaultValue: defaultProps$1f.iconPosition
|
|
10462
10520
|
},
|
|
10463
10521
|
contentPosition: {
|
|
10464
|
-
description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$
|
|
10522
|
+
description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1p} component.`,
|
|
10465
10523
|
availableValues: alignmentOptionMd,
|
|
10466
10524
|
type: "string",
|
|
10467
|
-
defaultValue: defaultProps$
|
|
10525
|
+
defaultValue: defaultProps$1f.contentPosition
|
|
10468
10526
|
},
|
|
10469
10527
|
contextualLabel: {
|
|
10470
|
-
description: `This optional value is used to provide an accessible name for the ${COMP$
|
|
10528
|
+
description: `This optional value is used to provide an accessible name for the ${COMP$1p} in the context of its usage.`,
|
|
10471
10529
|
type: "string"
|
|
10472
10530
|
}
|
|
10473
10531
|
},
|
|
10474
10532
|
events: {
|
|
10475
|
-
click: dClick(COMP$
|
|
10476
|
-
gotFocus: dGotFocus(COMP$
|
|
10477
|
-
lostFocus: dLostFocus(COMP$
|
|
10533
|
+
click: dClick(COMP$1p),
|
|
10534
|
+
gotFocus: dGotFocus(COMP$1p),
|
|
10535
|
+
lostFocus: dLostFocus(COMP$1p)
|
|
10478
10536
|
},
|
|
10479
10537
|
themeVars: parseScssVar(styles$1g.themeVars),
|
|
10480
10538
|
defaultThemeVars: {
|
|
10481
10539
|
// --- Default styles for supporting "variant" behavior
|
|
10482
|
-
[`padding-${COMP$
|
|
10483
|
-
[`gap-${COMP$
|
|
10484
|
-
[`borderColor-${COMP$
|
|
10485
|
-
[`backgroundColor-${COMP$
|
|
10486
|
-
[`transition-${COMP$
|
|
10487
|
-
[`width-${COMP$
|
|
10488
|
-
[`height-${COMP$
|
|
10489
|
-
[`borderRadius-${COMP$
|
|
10490
|
-
[`fontSize-${COMP$
|
|
10491
|
-
[`fontWeight-${COMP$
|
|
10492
|
-
[`fontStyle-${COMP$
|
|
10493
|
-
[`backgroundColor-${COMP$
|
|
10494
|
-
[`backgroundColor-${COMP$
|
|
10495
|
-
[`borderColor-${COMP$
|
|
10496
|
-
[`backgroundColor-${COMP$
|
|
10497
|
-
[`borderColor-${COMP$
|
|
10498
|
-
[`borderStyle-${COMP$
|
|
10499
|
-
[`textColor-${COMP$
|
|
10500
|
-
[`outlineColor-${COMP$
|
|
10501
|
-
[`borderWidth-${COMP$
|
|
10502
|
-
[`outlineWidth-${COMP$
|
|
10503
|
-
[`outlineStyle-${COMP$
|
|
10504
|
-
[`outlineOffset-${COMP$
|
|
10505
|
-
[`paddingHorizontal-${COMP$
|
|
10506
|
-
[`paddingVertical-${COMP$
|
|
10507
|
-
[`paddingHorizontal-${COMP$
|
|
10508
|
-
[`paddingVertical-${COMP$
|
|
10509
|
-
[`paddingHorizontal-${COMP$
|
|
10510
|
-
[`paddingVertical-${COMP$
|
|
10511
|
-
[`paddingHorizontal-${COMP$
|
|
10512
|
-
[`paddingVertical-${COMP$
|
|
10513
|
-
[`textColor-${COMP$
|
|
10514
|
-
[`textColor-${COMP$
|
|
10515
|
-
[`borderColor-${COMP$
|
|
10516
|
-
[`backgroundColor-${COMP$
|
|
10517
|
-
[`backgroundColor-${COMP$
|
|
10518
|
-
[`backgroundColor-${COMP$
|
|
10519
|
-
[`backgroundColor-${COMP$
|
|
10520
|
-
[`borderColor-${COMP$
|
|
10521
|
-
[`borderColor-${COMP$
|
|
10522
|
-
[`textColor-${COMP$
|
|
10523
|
-
[`textColor-${COMP$
|
|
10524
|
-
[`textColor-${COMP$
|
|
10525
|
-
[`backgroundColor-${COMP$
|
|
10526
|
-
[`backgroundColor-${COMP$
|
|
10527
|
-
[`borderColor-${COMP$
|
|
10528
|
-
[`backgroundColor-${COMP$
|
|
10529
|
-
[`backgroundColor-${COMP$
|
|
10530
|
-
[`backgroundColor-${COMP$
|
|
10531
|
-
[`backgroundColor-${COMP$
|
|
10532
|
-
[`backgroundColor-${COMP$
|
|
10533
|
-
[`backgroundColor-${COMP$
|
|
10534
|
-
[`backgroundColor-${COMP$
|
|
10535
|
-
[`backgroundColor-${COMP$
|
|
10536
|
-
[`backgroundColor-${COMP$
|
|
10537
|
-
[`backgroundColor-${COMP$
|
|
10538
|
-
[`backgroundColor-${COMP$
|
|
10539
|
-
[`backgroundColor-${COMP$
|
|
10540
|
-
[`backgroundColor-${COMP$
|
|
10540
|
+
[`padding-${COMP$1p}`]: "$space-2 $space-4",
|
|
10541
|
+
[`gap-${COMP$1p}`]: "$space-2",
|
|
10542
|
+
[`borderColor-${COMP$1p}`]: "transparent",
|
|
10543
|
+
[`backgroundColor-${COMP$1p}`]: "transparent",
|
|
10544
|
+
[`transition-${COMP$1p}`]: "color 0.2s, background 0.2s",
|
|
10545
|
+
[`width-${COMP$1p}`]: "fit-content",
|
|
10546
|
+
[`height-${COMP$1p}`]: "fit-content",
|
|
10547
|
+
[`borderRadius-${COMP$1p}`]: "$borderRadius",
|
|
10548
|
+
[`fontSize-${COMP$1p}`]: "$fontSize-sm",
|
|
10549
|
+
[`fontWeight-${COMP$1p}`]: "$fontWeight-medium",
|
|
10550
|
+
[`fontStyle-${COMP$1p}`]: "$fontStyle-normal",
|
|
10551
|
+
[`backgroundColor-${COMP$1p}-primary`]: "$color-primary-500",
|
|
10552
|
+
[`backgroundColor-${COMP$1p}-attention`]: "$backgroundColor-attention",
|
|
10553
|
+
[`borderColor-${COMP$1p}-attention`]: "$color-attention",
|
|
10554
|
+
[`backgroundColor-${COMP$1p}--disabled`]: "$backgroundColor--disabled",
|
|
10555
|
+
[`borderColor-${COMP$1p}--disabled`]: "$borderColor--disabled",
|
|
10556
|
+
[`borderStyle-${COMP$1p}`]: "solid",
|
|
10557
|
+
[`textColor-${COMP$1p}--disabled`]: "$textColor--disabled",
|
|
10558
|
+
[`outlineColor-${COMP$1p}--focus`]: "$outlineColor--focus",
|
|
10559
|
+
[`borderWidth-${COMP$1p}`]: "1px",
|
|
10560
|
+
[`outlineWidth-${COMP$1p}--focus`]: "$outlineWidth--focus",
|
|
10561
|
+
[`outlineStyle-${COMP$1p}--focus`]: "$outlineStyle--focus",
|
|
10562
|
+
[`outlineOffset-${COMP$1p}--focus`]: "$outlineOffset--focus",
|
|
10563
|
+
[`paddingHorizontal-${COMP$1p}-xs`]: "$space-1",
|
|
10564
|
+
[`paddingVertical-${COMP$1p}-xs`]: "$space-0_5",
|
|
10565
|
+
[`paddingHorizontal-${COMP$1p}-sm`]: "$space-4",
|
|
10566
|
+
[`paddingVertical-${COMP$1p}-sm`]: "$space-2",
|
|
10567
|
+
[`paddingHorizontal-${COMP$1p}-md`]: "$space-4",
|
|
10568
|
+
[`paddingVertical-${COMP$1p}-md`]: "$space-3",
|
|
10569
|
+
[`paddingHorizontal-${COMP$1p}-lg`]: "$space-5",
|
|
10570
|
+
[`paddingVertical-${COMP$1p}-lg`]: "$space-4",
|
|
10571
|
+
[`textColor-${COMP$1p}`]: "$color-surface-950",
|
|
10572
|
+
[`textColor-${COMP$1p}-solid`]: "$const-color-surface-50",
|
|
10573
|
+
[`borderColor-${COMP$1p}-primary`]: "$color-primary-500",
|
|
10574
|
+
[`backgroundColor-${COMP$1p}-primary--hover`]: "$color-primary-400",
|
|
10575
|
+
[`backgroundColor-${COMP$1p}-primary--active`]: "$color-primary-500",
|
|
10576
|
+
[`backgroundColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-50",
|
|
10577
|
+
[`backgroundColor-${COMP$1p}-primary-outlined--active`]: "$color-primary-100",
|
|
10578
|
+
[`borderColor-${COMP$1p}-primary-outlined`]: "$color-primary-600",
|
|
10579
|
+
[`borderColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-500",
|
|
10580
|
+
[`textColor-${COMP$1p}-primary-outlined`]: "$color-primary-900",
|
|
10581
|
+
[`textColor-${COMP$1p}-primary-outlined--hover`]: "$color-primary-950",
|
|
10582
|
+
[`textColor-${COMP$1p}-primary-outlined--active`]: "$color-primary-900",
|
|
10583
|
+
[`backgroundColor-${COMP$1p}-primary-ghost--hover`]: "$color-primary-50",
|
|
10584
|
+
[`backgroundColor-${COMP$1p}-primary-ghost--active`]: "$color-primary-100",
|
|
10585
|
+
[`borderColor-${COMP$1p}-secondary`]: "$color-secondary-100",
|
|
10586
|
+
[`backgroundColor-${COMP$1p}-secondary`]: "$color-secondary-500",
|
|
10587
|
+
[`backgroundColor-${COMP$1p}-secondary--hover`]: "$color-secondary-400",
|
|
10588
|
+
[`backgroundColor-${COMP$1p}-secondary--active`]: "$color-secondary-500",
|
|
10589
|
+
[`backgroundColor-${COMP$1p}-secondary-outlined--hover`]: "$color-secondary-50",
|
|
10590
|
+
[`backgroundColor-${COMP$1p}-secondary-outlined--active`]: "$color-secondary-100",
|
|
10591
|
+
[`backgroundColor-${COMP$1p}-secondary-ghost--hover`]: "$color-secondary-100",
|
|
10592
|
+
[`backgroundColor-${COMP$1p}-secondary-ghost--active`]: "$color-secondary-100",
|
|
10593
|
+
[`backgroundColor-${COMP$1p}-attention--hover`]: "$color-danger-400",
|
|
10594
|
+
[`backgroundColor-${COMP$1p}-attention--active`]: "$color-danger-500",
|
|
10595
|
+
[`backgroundColor-${COMP$1p}-attention-outlined--hover`]: "$color-danger-50",
|
|
10596
|
+
[`backgroundColor-${COMP$1p}-attention-outlined--active`]: "$color-danger-100",
|
|
10597
|
+
[`backgroundColor-${COMP$1p}-attention-ghost--hover`]: "$color-danger-50",
|
|
10598
|
+
[`backgroundColor-${COMP$1p}-attention-ghost--active`]: "$color-danger-100"
|
|
10541
10599
|
}
|
|
10542
10600
|
});
|
|
10543
10601
|
const buttonComponentRenderer = createComponentRenderer(
|
|
@@ -10748,7 +10806,7 @@ function useTableOfContents() {
|
|
|
10748
10806
|
}
|
|
10749
10807
|
return context;
|
|
10750
10808
|
}
|
|
10751
|
-
const defaultProps$
|
|
10809
|
+
const defaultProps$13 = {
|
|
10752
10810
|
level: "h1",
|
|
10753
10811
|
ellipses: true,
|
|
10754
10812
|
omitFromToc: false,
|
|
@@ -10758,16 +10816,16 @@ const defaultProps$12 = {
|
|
|
10758
10816
|
};
|
|
10759
10817
|
const Heading = forwardRef(function Heading2({
|
|
10760
10818
|
uid,
|
|
10761
|
-
level = defaultProps$
|
|
10819
|
+
level = defaultProps$13.level,
|
|
10762
10820
|
children,
|
|
10763
10821
|
sx,
|
|
10764
10822
|
style: style2,
|
|
10765
10823
|
title: title2,
|
|
10766
|
-
maxLines = defaultProps$
|
|
10824
|
+
maxLines = defaultProps$13.maxLines,
|
|
10767
10825
|
preserveLinebreaks: preserveLinebreaks2,
|
|
10768
|
-
ellipses = defaultProps$
|
|
10826
|
+
ellipses = defaultProps$13.ellipses,
|
|
10769
10827
|
className,
|
|
10770
|
-
omitFromToc = defaultProps$
|
|
10828
|
+
omitFromToc = defaultProps$13.omitFromToc,
|
|
10771
10829
|
showAnchor,
|
|
10772
10830
|
registerComponentApi,
|
|
10773
10831
|
...furtherProps
|
|
@@ -10858,7 +10916,7 @@ const Heading = forwardRef(function Heading2({
|
|
|
10858
10916
|
}
|
|
10859
10917
|
);
|
|
10860
10918
|
});
|
|
10861
|
-
const COMP$
|
|
10919
|
+
const COMP$1o = "Heading";
|
|
10862
10920
|
function normalizeHeadingLevel(value) {
|
|
10863
10921
|
if (value === null || value === void 0) {
|
|
10864
10922
|
return "h1";
|
|
@@ -10881,7 +10939,7 @@ function normalizeHeadingLevel(value) {
|
|
|
10881
10939
|
return "h1";
|
|
10882
10940
|
}
|
|
10883
10941
|
const VALUE_DESC = d(
|
|
10884
|
-
`This property determines the text displayed in the heading. \`${COMP$
|
|
10942
|
+
`This property determines the text displayed in the heading. \`${COMP$1o}\` also accepts nested text instead of specifying the \`value\`. If both \`value\` and a nested text are used, the \`value\` will be displayed.`
|
|
10885
10943
|
);
|
|
10886
10944
|
const MAX_LINES_DESC = d(
|
|
10887
10945
|
"This optional property determines the maximum number of lines the component can wrap to. If there is not enough space for all of the text, the component wraps the text up to as many lines as specified. If the value is not specified, there is no limit on the number of displayed lines."
|
|
@@ -10889,24 +10947,24 @@ const MAX_LINES_DESC = d(
|
|
|
10889
10947
|
const ELLIPSES_DESC = {
|
|
10890
10948
|
description: `This property indicates whether ellipses should be displayed (\`true\`) when the heading text is cropped or not (\`false\`).`,
|
|
10891
10949
|
type: "boolean",
|
|
10892
|
-
defaultValue: defaultProps$
|
|
10950
|
+
defaultValue: defaultProps$13.ellipses
|
|
10893
10951
|
};
|
|
10894
10952
|
const PRESERVE_DESC = d(
|
|
10895
10953
|
`This property indicates whether linebreaks should be preserved when displaying text.`,
|
|
10896
10954
|
void 0,
|
|
10897
10955
|
"boolean",
|
|
10898
|
-
defaultProps$
|
|
10956
|
+
defaultProps$13.preserveLinebreaks
|
|
10899
10957
|
);
|
|
10900
10958
|
const LEVEL_DESC = (level) => `Represents a heading level ${level} text`;
|
|
10901
10959
|
const OMIT_FROM_TOC_DESC = {
|
|
10902
10960
|
description: "If true, this heading will be excluded from the table of contents.",
|
|
10903
10961
|
type: "boolean",
|
|
10904
|
-
defaultValue: defaultProps$
|
|
10962
|
+
defaultValue: defaultProps$13.omitFromToc
|
|
10905
10963
|
};
|
|
10906
10964
|
const SHOW_ANCHOR_DESC = {
|
|
10907
10965
|
description: "This property indicates whether an anchor link should be displayed next to the heading. If set to `true`, an anchor link will be displayed on hover next to the heading.",
|
|
10908
10966
|
type: "boolean",
|
|
10909
|
-
defaultValue: defaultProps$
|
|
10967
|
+
defaultValue: defaultProps$13.showAnchor
|
|
10910
10968
|
};
|
|
10911
10969
|
const APIS_DESC = {
|
|
10912
10970
|
scrollIntoView: {
|
|
@@ -10945,7 +11003,7 @@ const HeadingMd = createMetadata({
|
|
|
10945
11003
|
"5",
|
|
10946
11004
|
"6"
|
|
10947
11005
|
],
|
|
10948
|
-
defaultValue: defaultProps$
|
|
11006
|
+
defaultValue: defaultProps$13.level
|
|
10949
11007
|
},
|
|
10950
11008
|
maxLines: MAX_LINES_DESC,
|
|
10951
11009
|
ellipses: ELLIPSES_DESC,
|
|
@@ -10957,13 +11015,13 @@ const HeadingMd = createMetadata({
|
|
|
10957
11015
|
themeVars: parseScssVar(styles$14.themeVars),
|
|
10958
11016
|
limitThemeVarsToComponent: true,
|
|
10959
11017
|
defaultThemeVars: {
|
|
10960
|
-
[`fontFamily-${COMP$
|
|
10961
|
-
[`textColor-${COMP$
|
|
10962
|
-
[`fontWeight-${COMP$
|
|
10963
|
-
[`letterSpacing-${COMP$
|
|
10964
|
-
[`color-anchor-${COMP$
|
|
10965
|
-
[`gap-anchor-${COMP$
|
|
10966
|
-
[`textDecorationLine-anchor-${COMP$
|
|
11018
|
+
[`fontFamily-${COMP$1o}`]: "$fontFamily",
|
|
11019
|
+
[`textColor-${COMP$1o}`]: "inherit",
|
|
11020
|
+
[`fontWeight-${COMP$1o}`]: "$fontWeight-bold",
|
|
11021
|
+
[`letterSpacing-${COMP$1o} `]: "0",
|
|
11022
|
+
[`color-anchor-${COMP$1o} `]: "$color-surface-400",
|
|
11023
|
+
[`gap-anchor-${COMP$1o} `]: "$space-2",
|
|
11024
|
+
[`textDecorationLine-anchor-${COMP$1o} `]: "underline",
|
|
10967
11025
|
light: {
|
|
10968
11026
|
// --- No light-specific theme vars
|
|
10969
11027
|
},
|
|
@@ -10976,7 +11034,7 @@ const H1 = "H1";
|
|
|
10976
11034
|
const H1Md = createMetadata({
|
|
10977
11035
|
status: "stable",
|
|
10978
11036
|
description: LEVEL_DESC(1),
|
|
10979
|
-
specializedFrom: COMP$
|
|
11037
|
+
specializedFrom: COMP$1o,
|
|
10980
11038
|
props: {
|
|
10981
11039
|
value: VALUE_DESC,
|
|
10982
11040
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11006,7 +11064,7 @@ const H2 = "H2";
|
|
|
11006
11064
|
const H2Md = createMetadata({
|
|
11007
11065
|
status: "stable",
|
|
11008
11066
|
description: LEVEL_DESC(2),
|
|
11009
|
-
specializedFrom: COMP$
|
|
11067
|
+
specializedFrom: COMP$1o,
|
|
11010
11068
|
props: {
|
|
11011
11069
|
value: VALUE_DESC,
|
|
11012
11070
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11036,7 +11094,7 @@ const H3 = "H3";
|
|
|
11036
11094
|
const H3Md = createMetadata({
|
|
11037
11095
|
status: "stable",
|
|
11038
11096
|
description: LEVEL_DESC(3),
|
|
11039
|
-
specializedFrom: COMP$
|
|
11097
|
+
specializedFrom: COMP$1o,
|
|
11040
11098
|
props: {
|
|
11041
11099
|
value: VALUE_DESC,
|
|
11042
11100
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11066,7 +11124,7 @@ const H4 = "H4";
|
|
|
11066
11124
|
const H4Md = createMetadata({
|
|
11067
11125
|
status: "stable",
|
|
11068
11126
|
description: LEVEL_DESC(4),
|
|
11069
|
-
specializedFrom: COMP$
|
|
11127
|
+
specializedFrom: COMP$1o,
|
|
11070
11128
|
props: {
|
|
11071
11129
|
value: VALUE_DESC,
|
|
11072
11130
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11096,7 +11154,7 @@ const H5 = "H5";
|
|
|
11096
11154
|
const H5Md = createMetadata({
|
|
11097
11155
|
status: "stable",
|
|
11098
11156
|
description: LEVEL_DESC(5),
|
|
11099
|
-
specializedFrom: COMP$
|
|
11157
|
+
specializedFrom: COMP$1o,
|
|
11100
11158
|
props: {
|
|
11101
11159
|
value: VALUE_DESC,
|
|
11102
11160
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11126,7 +11184,7 @@ const H6 = "H6";
|
|
|
11126
11184
|
const H6Md = createMetadata({
|
|
11127
11185
|
status: "stable",
|
|
11128
11186
|
description: LEVEL_DESC(6),
|
|
11129
|
-
specializedFrom: COMP$
|
|
11187
|
+
specializedFrom: COMP$1o,
|
|
11130
11188
|
props: {
|
|
11131
11189
|
value: VALUE_DESC,
|
|
11132
11190
|
maxLines: MAX_LINES_DESC,
|
|
@@ -11183,7 +11241,7 @@ function renderHeading({
|
|
|
11183
11241
|
);
|
|
11184
11242
|
}
|
|
11185
11243
|
const headingComponentRenderer = createComponentRenderer(
|
|
11186
|
-
COMP$
|
|
11244
|
+
COMP$1o,
|
|
11187
11245
|
HeadingMd,
|
|
11188
11246
|
({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
|
|
11189
11247
|
return renderHeading({
|
|
@@ -11924,7 +11982,7 @@ function setCustomVariantCache(variant, entry) {
|
|
|
11924
11982
|
function hasCustomVariantCache(variant) {
|
|
11925
11983
|
return customVariantCache.has(variant);
|
|
11926
11984
|
}
|
|
11927
|
-
const defaultProps$
|
|
11985
|
+
const defaultProps$12 = {
|
|
11928
11986
|
maxLines: 0,
|
|
11929
11987
|
preserveLinebreaks: false,
|
|
11930
11988
|
ellipses: true,
|
|
@@ -11934,14 +11992,14 @@ const defaultProps$11 = {
|
|
|
11934
11992
|
const Text = forwardRef(function Text2({
|
|
11935
11993
|
uid,
|
|
11936
11994
|
variant,
|
|
11937
|
-
maxLines = defaultProps$
|
|
11995
|
+
maxLines = defaultProps$12.maxLines,
|
|
11938
11996
|
style: style2,
|
|
11939
11997
|
className,
|
|
11940
11998
|
children,
|
|
11941
|
-
preserveLinebreaks: preserveLinebreaks2 = defaultProps$
|
|
11942
|
-
ellipses = defaultProps$
|
|
11943
|
-
overflowMode = defaultProps$
|
|
11944
|
-
breakMode = defaultProps$
|
|
11999
|
+
preserveLinebreaks: preserveLinebreaks2 = defaultProps$12.preserveLinebreaks,
|
|
12000
|
+
ellipses = defaultProps$12.ellipses,
|
|
12001
|
+
overflowMode = defaultProps$12.overflowMode,
|
|
12002
|
+
breakMode = defaultProps$12.breakMode,
|
|
11945
12003
|
registerComponentApi,
|
|
11946
12004
|
...variantSpecificProps
|
|
11947
12005
|
}, forwardedRef) {
|
|
@@ -12088,13 +12146,13 @@ const Text = forwardRef(function Text2({
|
|
|
12088
12146
|
}
|
|
12089
12147
|
);
|
|
12090
12148
|
});
|
|
12091
|
-
const COMP$
|
|
12149
|
+
const COMP$1n = "Text";
|
|
12092
12150
|
const TextMd = createMetadata({
|
|
12093
12151
|
status: "stable",
|
|
12094
|
-
description: `The \`${COMP$
|
|
12152
|
+
description: `The \`${COMP$1n}\` component displays textual information in a number of optional styles and variants.`,
|
|
12095
12153
|
props: {
|
|
12096
12154
|
value: d(
|
|
12097
|
-
`The text to be displayed. This value can also be set via nesting the text into the \`${COMP$
|
|
12155
|
+
`The text to be displayed. This value can also be set via nesting the text into the \`${COMP$1n}\` component.`
|
|
12098
12156
|
),
|
|
12099
12157
|
variant: {
|
|
12100
12158
|
description: "An optional string value that provides named presets for text variants with a unique combination of font style, weight, size, color, and other parameters. If not defined, the text uses the current style of its context. In addition to predefined variants, you can specify custom variant names and style them using theme variables with the pattern `{cssProperty}-Text-{variantName}` (e.g., `textColor-Text-brandTitle`, `fontSize-Text-highlight`). See the documentation for a complete list of supported CSS properties.",
|
|
@@ -12106,12 +12164,12 @@ const TextMd = createMetadata({
|
|
|
12106
12164
|
preserveLinebreaks: {
|
|
12107
12165
|
description: `This property indicates if linebreaks should be preserved when displaying text.`,
|
|
12108
12166
|
valueType: "boolean",
|
|
12109
|
-
defaultValue: defaultProps$
|
|
12167
|
+
defaultValue: defaultProps$12.preserveLinebreaks
|
|
12110
12168
|
},
|
|
12111
12169
|
ellipses: {
|
|
12112
12170
|
description: "This property indicates whether ellipses should be displayed when the text is cropped (`true`) or not (`false`).",
|
|
12113
12171
|
valueType: "boolean",
|
|
12114
|
-
defaultValue: defaultProps$
|
|
12172
|
+
defaultValue: defaultProps$12.ellipses
|
|
12115
12173
|
},
|
|
12116
12174
|
breakMode: {
|
|
12117
12175
|
description: "This property controls how text breaks into multiple lines. `normal` uses standard word boundaries, `word` breaks long words to prevent overflow, `anywhere` breaks at any character, `keep` prevents word breaking, and `hyphenate` uses automatic hyphenation. When not specified, uses the default browser behavior or theme variables.",
|
|
@@ -12154,77 +12212,77 @@ const TextMd = createMetadata({
|
|
|
12154
12212
|
},
|
|
12155
12213
|
themeVars: parseScssVar(styles$13.themeVars),
|
|
12156
12214
|
defaultThemeVars: {
|
|
12157
|
-
[`borderRadius-${COMP$
|
|
12158
|
-
[`borderStyle-${COMP$
|
|
12159
|
-
[`fontSize-${COMP$
|
|
12160
|
-
[`borderWidth-${COMP$
|
|
12161
|
-
[`textColor-${COMP$
|
|
12162
|
-
[`fontFamily-${COMP$
|
|
12163
|
-
[`fontWeight-${COMP$
|
|
12164
|
-
[`fontSize-${COMP$
|
|
12165
|
-
[`textColor-${COMP$
|
|
12166
|
-
[`fontWeight-${COMP$
|
|
12167
|
-
[`textTransform-${COMP$
|
|
12168
|
-
[`fontStyle-${COMP$
|
|
12169
|
-
[`fontSize-${COMP$
|
|
12170
|
-
[`fontFamily-${COMP$
|
|
12171
|
-
[`paddingHorizontal-${COMP$
|
|
12172
|
-
[`paddingVertical-${COMP$
|
|
12173
|
-
[`textColor-${COMP$
|
|
12174
|
-
[`lineHeight-${COMP$
|
|
12175
|
-
[`fontFamily-${COMP$
|
|
12176
|
-
[`fontSize-${COMP$
|
|
12177
|
-
[`borderWidth-${COMP$
|
|
12178
|
-
[`borderStyle-${COMP$
|
|
12179
|
-
[`borderRadius-${COMP$
|
|
12180
|
-
[`paddingHorizontal-${COMP$
|
|
12181
|
-
[`paddingBottom-${COMP$
|
|
12182
|
-
[`backgroundColor-${COMP$
|
|
12183
|
-
[`borderColor-${COMP$
|
|
12184
|
-
[`textDecorationLine-${COMP$
|
|
12185
|
-
[`textDecorationLine-${COMP$
|
|
12186
|
-
[`fontFamily-${COMP$
|
|
12187
|
-
[`fontSize-${COMP$
|
|
12188
|
-
[`fontWeight-${COMP$
|
|
12189
|
-
[`borderWidth-${COMP$
|
|
12190
|
-
[`paddingHorizontal-${COMP$
|
|
12191
|
-
[`backgroundColor-${COMP$
|
|
12192
|
-
[`borderColor-${COMP$
|
|
12193
|
-
[`fontFamily-${COMP$
|
|
12194
|
-
[`fontSize-${COMP$
|
|
12195
|
-
[`fontSize-${COMP$
|
|
12196
|
-
[`verticalAlignment-${COMP$
|
|
12197
|
-
[`fontSize-${COMP$
|
|
12198
|
-
[`verticalAlignment-${COMP$
|
|
12199
|
-
[`fontStyle-${COMP$
|
|
12200
|
-
[`fontStyle-${COMP$
|
|
12201
|
-
[`fontFamily-${COMP$
|
|
12202
|
-
[`fontSize-${COMP$
|
|
12203
|
-
[`fontSize-${COMP$
|
|
12204
|
-
[`fontSize-${COMP$
|
|
12205
|
-
[`letterSpacing-${COMP$
|
|
12206
|
-
[`fontSize-${COMP$
|
|
12207
|
-
[`textColor-${COMP$
|
|
12208
|
-
[`paddingVertical-${COMP$
|
|
12209
|
-
[`fontSize-${COMP$
|
|
12210
|
-
[`fontWeight-${COMP$
|
|
12211
|
-
[`letterSpacing-${COMP$
|
|
12212
|
-
[`textTransform-${COMP$
|
|
12213
|
-
[`textColor-${COMP$
|
|
12214
|
-
[`marginTop-${COMP$
|
|
12215
|
-
[`marginBottom-${COMP$
|
|
12216
|
-
[`paddingHorizontal-${COMP$
|
|
12217
|
-
[`fontSize-${COMP$
|
|
12218
|
-
[`fontWeight-${COMP$
|
|
12219
|
-
[`fontWeight-${COMP$
|
|
12220
|
-
[`backgroundColor-${COMP$
|
|
12215
|
+
[`borderRadius-${COMP$1n}`]: "$borderRadius",
|
|
12216
|
+
[`borderStyle-${COMP$1n}`]: "solid",
|
|
12217
|
+
[`fontSize-${COMP$1n}`]: "$fontSize-sm",
|
|
12218
|
+
[`borderWidth-${COMP$1n}`]: "$space-0",
|
|
12219
|
+
[`textColor-${COMP$1n}`]: "$textColor-primary",
|
|
12220
|
+
[`fontFamily-${COMP$1n}`]: "$fontFamily",
|
|
12221
|
+
[`fontWeight-${COMP$1n}`]: "$fontWeight-normal",
|
|
12222
|
+
[`fontSize-${COMP$1n}-secondary`]: "$fontSize-sm",
|
|
12223
|
+
[`textColor-${COMP$1n}-secondary`]: "$textColor-secondary",
|
|
12224
|
+
[`fontWeight-${COMP$1n}-abbr`]: "$fontWeight-bold",
|
|
12225
|
+
[`textTransform-${COMP$1n}-abbr`]: "uppercase",
|
|
12226
|
+
[`fontStyle-${COMP$1n}-cite`]: "italic",
|
|
12227
|
+
[`fontSize-${COMP$1n}-codefence`]: "$fontSize-code",
|
|
12228
|
+
[`fontFamily-${COMP$1n}-codefence`]: "$fontFamily-monospace",
|
|
12229
|
+
[`paddingHorizontal-${COMP$1n}-codefence`]: "$space-4",
|
|
12230
|
+
[`paddingVertical-${COMP$1n}-codefence`]: "$space-3",
|
|
12231
|
+
[`textColor-${COMP$1n}-codefence`]: "$color-surface-900",
|
|
12232
|
+
[`lineHeight-${COMP$1n}-codefence`]: "1.5",
|
|
12233
|
+
[`fontFamily-${COMP$1n}-code`]: "$fontFamily-monospace",
|
|
12234
|
+
[`fontSize-${COMP$1n}-code`]: "$fontSize-sm",
|
|
12235
|
+
[`borderWidth-${COMP$1n}-code`]: "1px",
|
|
12236
|
+
[`borderStyle-${COMP$1n}-code`]: "solid",
|
|
12237
|
+
[`borderRadius-${COMP$1n}-code`]: "4px",
|
|
12238
|
+
[`paddingHorizontal-${COMP$1n}-code`]: "$space-0_5",
|
|
12239
|
+
[`paddingBottom-${COMP$1n}-code`]: "2px",
|
|
12240
|
+
[`backgroundColor-${COMP$1n}-code`]: "rgb(from $color-surface-100 r g b / 0.4)",
|
|
12241
|
+
[`borderColor-${COMP$1n}-code`]: "$color-surface-100",
|
|
12242
|
+
[`textDecorationLine-${COMP$1n}-deleted`]: "line-through",
|
|
12243
|
+
[`textDecorationLine-${COMP$1n}-inserted`]: "underline",
|
|
12244
|
+
[`fontFamily-${COMP$1n}-keyboard`]: "$fontFamily-monospace",
|
|
12245
|
+
[`fontSize-${COMP$1n}-keyboard`]: "$fontSize-sm",
|
|
12246
|
+
[`fontWeight-${COMP$1n}-keyboard`]: "$fontWeight-bold",
|
|
12247
|
+
[`borderWidth-${COMP$1n}-keyboard`]: "1px",
|
|
12248
|
+
[`paddingHorizontal-${COMP$1n}-keyboard`]: "$space-1",
|
|
12249
|
+
[`backgroundColor-${COMP$1n}-keyboard`]: "rgb(from $color-surface-100 r g b / 0.4)",
|
|
12250
|
+
[`borderColor-${COMP$1n}-keyboard`]: "$color-surface-300",
|
|
12251
|
+
[`fontFamily-${COMP$1n}-sample`]: "$fontFamily-monospace",
|
|
12252
|
+
[`fontSize-${COMP$1n}-sample`]: "$fontSize-sm",
|
|
12253
|
+
[`fontSize-${COMP$1n}-sup`]: "$fontSize-xs",
|
|
12254
|
+
[`verticalAlignment-${COMP$1n}-sup`]: "super",
|
|
12255
|
+
[`fontSize-${COMP$1n}-sub`]: "$fontSize-xs",
|
|
12256
|
+
[`verticalAlignment-${COMP$1n}-sub`]: "sub",
|
|
12257
|
+
[`fontStyle-${COMP$1n}-var`]: "italic",
|
|
12258
|
+
[`fontStyle-${COMP$1n}-em`]: "italic",
|
|
12259
|
+
[`fontFamily-${COMP$1n}-mono`]: "$fontFamily-monospace",
|
|
12260
|
+
[`fontSize-${COMP$1n}-title`]: "$fontSize-2xl",
|
|
12261
|
+
[`fontSize-${COMP$1n}-subtitle`]: "$fontSize-xl",
|
|
12262
|
+
[`fontSize-${COMP$1n}-small`]: "$fontSize-sm",
|
|
12263
|
+
[`letterSpacing-${COMP$1n}-caption`]: "0.05rem",
|
|
12264
|
+
[`fontSize-${COMP$1n}-placeholder`]: "$fontSize-xs",
|
|
12265
|
+
[`textColor-${COMP$1n}-placeholder`]: "$color-surface-500",
|
|
12266
|
+
[`paddingVertical-${COMP$1n}-paragraph`]: "$space-1",
|
|
12267
|
+
[`fontSize-${COMP$1n}-subheading`]: "$fontSize-H6",
|
|
12268
|
+
[`fontWeight-${COMP$1n}-subheading`]: "$fontWeight-bold",
|
|
12269
|
+
[`letterSpacing-${COMP$1n}-subheading`]: "0.04em",
|
|
12270
|
+
[`textTransform-${COMP$1n}-subheading`]: "uppercase",
|
|
12271
|
+
[`textColor-${COMP$1n}-subheading`]: "$textColor-secondary",
|
|
12272
|
+
[`marginTop-${COMP$1n}-tableheading`]: "$space-1",
|
|
12273
|
+
[`marginBottom-${COMP$1n}-tableheading`]: "$space-4",
|
|
12274
|
+
[`paddingHorizontal-${COMP$1n}-tableheading`]: "$space-1",
|
|
12275
|
+
[`fontSize-${COMP$1n}-tableheading`]: "$fontSize-H6",
|
|
12276
|
+
[`fontWeight-${COMP$1n}-tableheading`]: "$fontWeight-bold",
|
|
12277
|
+
[`fontWeight-${COMP$1n}-strong`]: "$fontWeight-bold",
|
|
12278
|
+
[`backgroundColor-${COMP$1n}-marked`]: "rgb(from $color-primary-200 r g b / 0.4)",
|
|
12221
12279
|
dark: {
|
|
12222
|
-
[`backgroundColor-${COMP$
|
|
12280
|
+
[`backgroundColor-${COMP$1n}-marked`]: "rgb(from $color-primary-400 r g b / 0.4)"
|
|
12223
12281
|
}
|
|
12224
12282
|
}
|
|
12225
12283
|
});
|
|
12226
12284
|
const textComponentRenderer = createComponentRenderer(
|
|
12227
|
-
COMP$
|
|
12285
|
+
COMP$1n,
|
|
12228
12286
|
TextMd,
|
|
12229
12287
|
({ node, extractValue, className, renderChild: renderChild2, registerComponentApi }) => {
|
|
12230
12288
|
const {
|
|
@@ -12248,9 +12306,9 @@ const textComponentRenderer = createComponentRenderer(
|
|
|
12248
12306
|
className,
|
|
12249
12307
|
preserveLinebreaks: extractValue.asOptionalBoolean(
|
|
12250
12308
|
preserveLinebreaks2,
|
|
12251
|
-
defaultProps$
|
|
12309
|
+
defaultProps$12.preserveLinebreaks
|
|
12252
12310
|
),
|
|
12253
|
-
ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$
|
|
12311
|
+
ellipses: extractValue.asOptionalBoolean(ellipses, defaultProps$12.ellipses),
|
|
12254
12312
|
overflowMode: extractValue(overflowMode),
|
|
12255
12313
|
breakMode: extractValue(breakMode),
|
|
12256
12314
|
registerComponentApi,
|
|
@@ -12260,7 +12318,7 @@ const textComponentRenderer = createComponentRenderer(
|
|
|
12260
12318
|
);
|
|
12261
12319
|
}
|
|
12262
12320
|
);
|
|
12263
|
-
const COMP$
|
|
12321
|
+
const COMP$1m = "Fragment";
|
|
12264
12322
|
const FragmentMd = createMetadata({
|
|
12265
12323
|
status: "stable",
|
|
12266
12324
|
description: "`Fragment` provides conditional rendering. You can use `when=` on any component to render it conditionally, use `Fragment` to apply `when` to a group of components.",
|
|
@@ -12270,7 +12328,7 @@ const FragmentMd = createMetadata({
|
|
|
12270
12328
|
}
|
|
12271
12329
|
});
|
|
12272
12330
|
const fragmentComponentRenderer = createComponentRenderer(
|
|
12273
|
-
COMP$
|
|
12331
|
+
COMP$1m,
|
|
12274
12332
|
FragmentMd,
|
|
12275
12333
|
({ node, extractValue, renderChild: renderChild2, layoutContext }) => {
|
|
12276
12334
|
let renderedChild = renderChild2(node.children, layoutContext);
|
|
@@ -12280,54 +12338,6 @@ const fragmentComponentRenderer = createComponentRenderer(
|
|
|
12280
12338
|
return renderedChild;
|
|
12281
12339
|
}
|
|
12282
12340
|
);
|
|
12283
|
-
const COMP$1m = "Choose";
|
|
12284
|
-
const ChooseMd = createMetadata({
|
|
12285
|
-
status: "stable",
|
|
12286
|
-
description: "`Choose` is a non-visual component that provides switch-like conditional rendering. It evaluates a condition and renders the first child whose `case` attribute matches the condition value. If no match is found, it renders a child without a `case` attribute (the default case). Only one child is rendered. If a child component needs its own `case` property, use `$case` for matching instead, which will be transposed to `case` in the rendered child.",
|
|
12287
|
-
props: {
|
|
12288
|
-
condition: d(
|
|
12289
|
-
"The value to match against child `case` or `$case` attributes. This can be any expression that evaluates to a comparable value (string, number, boolean, etc.)."
|
|
12290
|
-
)
|
|
12291
|
-
},
|
|
12292
|
-
nonVisual: true
|
|
12293
|
-
});
|
|
12294
|
-
const chooseComponentRenderer = createComponentRenderer(
|
|
12295
|
-
COMP$1m,
|
|
12296
|
-
ChooseMd,
|
|
12297
|
-
({ node, extractValue, renderChild: renderChild2, layoutContext }) => {
|
|
12298
|
-
const conditionValue = extractValue(node.props.condition);
|
|
12299
|
-
if (!node.children || node.children.length === 0) {
|
|
12300
|
-
return null;
|
|
12301
|
-
}
|
|
12302
|
-
for (const child of node.children) {
|
|
12303
|
-
const caseValue = child.props?.case;
|
|
12304
|
-
if (caseValue !== void 0) {
|
|
12305
|
-
const extractedCaseValue = extractValue(caseValue);
|
|
12306
|
-
if (extractedCaseValue === conditionValue) {
|
|
12307
|
-
let modifiedProps = { ...child.props };
|
|
12308
|
-
const dollarCaseValue = child.props?.$case;
|
|
12309
|
-
if (dollarCaseValue !== void 0) {
|
|
12310
|
-
const { case: _, $case: __, ...restProps } = modifiedProps;
|
|
12311
|
-
modifiedProps = { ...restProps, case: dollarCaseValue };
|
|
12312
|
-
} else {
|
|
12313
|
-
const { case: _, ...restProps } = modifiedProps;
|
|
12314
|
-
modifiedProps = restProps;
|
|
12315
|
-
}
|
|
12316
|
-
const childWithModifiedProps = {
|
|
12317
|
-
...child,
|
|
12318
|
-
props: modifiedProps
|
|
12319
|
-
};
|
|
12320
|
-
const rendered = renderChild2([childWithModifiedProps], layoutContext);
|
|
12321
|
-
return Array.isArray(rendered) ? /* @__PURE__ */ jsx(Fragment$1, { children: rendered }, extractValue(node.uid)) : rendered;
|
|
12322
|
-
}
|
|
12323
|
-
} else {
|
|
12324
|
-
const rendered = renderChild2([child], layoutContext);
|
|
12325
|
-
return Array.isArray(rendered) ? /* @__PURE__ */ jsx(Fragment$1, { children: rendered }, extractValue(node.uid)) : rendered;
|
|
12326
|
-
}
|
|
12327
|
-
}
|
|
12328
|
-
return null;
|
|
12329
|
-
}
|
|
12330
|
-
);
|
|
12331
12341
|
const themeVars$J = `'{"textColor-pagination-Table": "var(--xmlui-textColor-pagination-Table)", "backgroundColor-Table": "var(--xmlui-backgroundColor-Table)", "textColor-Table": "var(--xmlui-textColor-Table)", "backgroundColor-row-Table": "var(--xmlui-backgroundColor-row-Table)", "backgroundColor-row-Table--hover": "var(--xmlui-backgroundColor-row-Table--hover)", "backgroundColor-selected-Table": "var(--xmlui-backgroundColor-selected-Table)", "backgroundColor-selected-Table--hover": "var(--xmlui-backgroundColor-selected-Table--hover)", "backgroundColor-heading-Table": "var(--xmlui-backgroundColor-heading-Table)", "backgroundColor-heading-Table--hover": "var(--xmlui-backgroundColor-heading-Table--hover)", "backgroundColor-heading-Table--active": "var(--xmlui-backgroundColor-heading-Table--active)", "padding-heading-Table": "var(--xmlui-padding-heading-Table)", "paddingHorizontal-heading-Table": "var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table))", "paddingVertical-heading-Table": "var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table))", "paddingLeft-heading-Table": "var(--xmlui-paddingLeft-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingRight-heading-Table": "var(--xmlui-paddingRight-heading-Table, var(--xmlui-paddingHorizontal-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingTop-heading-Table": "var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "paddingBottom-heading-Table": "var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)))", "padding-cell-Table": "var(--xmlui-padding-cell-Table)", "paddingHorizontal-cell-Table": "var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table))", "paddingVertical-cell-Table": "var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table))", "paddingLeft-cell-Table": "var(--xmlui-paddingLeft-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingRight-cell-Table": "var(--xmlui-paddingRight-cell-Table, var(--xmlui-paddingHorizontal-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingTop-cell-Table": "var(--xmlui-paddingTop-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingBottom-cell-Table": "var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)))", "paddingHorizontal-cell-first-Table": "var(--xmlui-paddingHorizontal-cell-first-Table)", "paddingHorizontal-cell-last-Table": "var(--xmlui-paddingHorizontal-cell-last-Table)", "border-cell-Table": "var(--xmlui-border-cell-Table)", "borderHorizontal-cell-Table": "var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table))", "borderVertical-cell-Table": "var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table))", "borderLeft-cell-Table": "var(--xmlui-borderLeft-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderRight-cell-Table": "var(--xmlui-borderRight-cell-Table, var(--xmlui-borderHorizontal-cell-Table, var(--xmlui-border-cell-Table)))", "borderTop-cell-Table": "var(--xmlui-borderTop-cell-Table, var(--xmlui-borderVertical-cell-Table, var(--xmlui-border-cell-Table)))", "borderBottom-cell-Table": "var(--xmlui-borderBottom-cell-Table)", "borderWidth-cell-Table": "var(--xmlui-borderWidth-cell-Table)", "borderHorizontalWidth-cell-Table": "var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderLeftWidth-cell-Table": "var(--xmlui-borderLeftWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderRightWidth-cell-Table": "var(--xmlui-borderRightWidth-cell-Table, var(--xmlui-borderHorizontalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderVerticalWidth-cell-Table": "var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table))", "borderTopWidth-cell-Table": "var(--xmlui-borderTopWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderBottomWidth-cell-Table": "var(--xmlui-borderBottomWidth-cell-Table, var(--xmlui-borderVerticalWidth-cell-Table, var(--xmlui-borderWidth-cell-Table)))", "borderStyle-cell-Table": "var(--xmlui-borderStyle-cell-Table)", "borderHorizontalStyle-cell-Table": "var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderLeftStyle-cell-Table": "var(--xmlui-borderLeftStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderRightStyle-cell-Table": "var(--xmlui-borderRightStyle-cell-Table, var(--xmlui-borderHorizontalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderVerticalStyle-cell-Table": "var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table))", "borderTopStyle-cell-Table": "var(--xmlui-borderTopStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderBottomStyle-cell-Table": "var(--xmlui-borderBottomStyle-cell-Table, var(--xmlui-borderVerticalStyle-cell-Table, var(--xmlui-borderStyle-cell-Table)))", "borderColor-cell-Table": "var(--xmlui-borderColor-cell-Table)", "borderHorizontalColor-cell-Table": "var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderLeftColor-cell-Table": "var(--xmlui-borderLeftColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderRightColor-cell-Table": "var(--xmlui-borderRightColor-cell-Table, var(--xmlui-borderHorizontalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderVerticalColor-cell-Table": "var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table))", "borderTopColor-cell-Table": "var(--xmlui-borderTopColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderBottomColor-cell-Table": "var(--xmlui-borderBottomColor-cell-Table, var(--xmlui-borderVerticalColor-cell-Table, var(--xmlui-borderColor-cell-Table)))", "borderStartStartRadius-cell-Table": "var(--xmlui-borderStartStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderStartEndRadius-cell-Table": "var(--xmlui-borderStartEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndStartRadius-cell-Table": "var(--xmlui-borderEndStartRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "borderEndEndRadius-cell-Table": "var(--xmlui-borderEndEndRadius-cell-Table, var(--xmlui-borderRadius-cell-Table))", "border-Table": "var(--xmlui-border-Table)", "borderHorizontal-Table": "var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table))", "borderVertical-Table": "var(--xmlui-borderVertical-Table, var(--xmlui-border-Table))", "borderLeft-Table": "var(--xmlui-borderLeft-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderRight-Table": "var(--xmlui-borderRight-Table, var(--xmlui-borderHorizontal-Table, var(--xmlui-border-Table)))", "borderTop-Table": "var(--xmlui-borderTop-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderBottom-Table": "var(--xmlui-borderBottom-Table, var(--xmlui-borderVertical-Table, var(--xmlui-border-Table)))", "borderWidth-Table": "var(--xmlui-borderWidth-Table)", "borderHorizontalWidth-Table": "var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table))", "borderLeftWidth-Table": "var(--xmlui-borderLeftWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderRightWidth-Table": "var(--xmlui-borderRightWidth-Table, var(--xmlui-borderHorizontalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderVerticalWidth-Table": "var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table))", "borderTopWidth-Table": "var(--xmlui-borderTopWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderBottomWidth-Table": "var(--xmlui-borderBottomWidth-Table, var(--xmlui-borderVerticalWidth-Table, var(--xmlui-borderWidth-Table)))", "borderStyle-Table": "var(--xmlui-borderStyle-Table)", "borderHorizontalStyle-Table": "var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table))", "borderLeftStyle-Table": "var(--xmlui-borderLeftStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderRightStyle-Table": "var(--xmlui-borderRightStyle-Table, var(--xmlui-borderHorizontalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderVerticalStyle-Table": "var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table))", "borderTopStyle-Table": "var(--xmlui-borderTopStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderBottomStyle-Table": "var(--xmlui-borderBottomStyle-Table, var(--xmlui-borderVerticalStyle-Table, var(--xmlui-borderStyle-Table)))", "borderColor-Table": "var(--xmlui-borderColor-Table)", "borderHorizontalColor-Table": "var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table))", "borderLeftColor-Table": "var(--xmlui-borderLeftColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderRightColor-Table": "var(--xmlui-borderRightColor-Table, var(--xmlui-borderHorizontalColor-Table, var(--xmlui-borderColor-Table)))", "borderVerticalColor-Table": "var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table))", "borderTopColor-Table": "var(--xmlui-borderTopColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderBottomColor-Table": "var(--xmlui-borderBottomColor-Table, var(--xmlui-borderVerticalColor-Table, var(--xmlui-borderColor-Table)))", "borderStartStartRadius-Table": "var(--xmlui-borderStartStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderStartEndRadius-Table": "var(--xmlui-borderStartEndRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndStartRadius-Table": "var(--xmlui-borderEndStartRadius-Table, var(--xmlui-borderRadius-Table))", "borderEndEndRadius-Table": "var(--xmlui-borderEndEndRadius-Table, var(--xmlui-borderRadius-Table))", "backgroundColor-pagination-Table": "var(--xmlui-backgroundColor-pagination-Table)", "textColor-heading-Table": "var(--xmlui-textColor-heading-Table)", "fontWeight-row-Table": "var(--xmlui-fontWeight-row-Table)", "fontSize-row-Table": "var(--xmlui-fontSize-row-Table)", "fontWeight-heading-Table": "var(--xmlui-fontWeight-heading-Table)", "fontSize-heading-Table": "var(--xmlui-fontSize-heading-Table)", "textTransform-heading-Table": "var(--xmlui-textTransform-heading-Table)", "borderRadius-Table": "var(--xmlui-borderRadius-Table)", "outlineWidth-heading-Table--focus": "var(--xmlui-outlineWidth-heading-Table--focus)", "outlineColor-heading-Table--focus": "var(--xmlui-outlineColor-heading-Table--focus)", "outlineStyle-heading-Table--focus": "var(--xmlui-outlineStyle-heading-Table--focus)", "outlineOffset-heading-Table--focus": "var(--xmlui-outlineOffset-heading-Table--focus)", "borderBottom-last-row-Table": "var(--xmlui-borderBottom-last-row-Table)"}'`;
|
|
12332
12342
|
const wrapper$i = "_wrapper_fw2wb_14";
|
|
12333
12343
|
const noScroll = "_noScroll_fw2wb_42";
|
|
@@ -12395,7 +12405,7 @@ const TableContext = createContext({
|
|
|
12395
12405
|
function useTableContext() {
|
|
12396
12406
|
return useContext(TableContext);
|
|
12397
12407
|
}
|
|
12398
|
-
const defaultProps$
|
|
12408
|
+
const defaultProps$11 = {
|
|
12399
12409
|
idKey: "id",
|
|
12400
12410
|
selectedItems: EMPTY_ARRAY
|
|
12401
12411
|
};
|
|
@@ -12411,9 +12421,9 @@ const StandaloneSelectionStore = ({
|
|
|
12411
12421
|
};
|
|
12412
12422
|
const SelectionStore = ({
|
|
12413
12423
|
updateState = noop$2,
|
|
12414
|
-
idKey = defaultProps$
|
|
12424
|
+
idKey = defaultProps$11.idKey,
|
|
12415
12425
|
children,
|
|
12416
|
-
selectedItems = defaultProps$
|
|
12426
|
+
selectedItems = defaultProps$11.selectedItems,
|
|
12417
12427
|
registerComponentApi = noop$2
|
|
12418
12428
|
}) => {
|
|
12419
12429
|
const [items, setItems] = useState(selectedItems);
|
|
@@ -13283,7 +13293,7 @@ const styles$11 = {
|
|
|
13283
13293
|
valid: valid$c,
|
|
13284
13294
|
"switch": "_switch_qiuzz_146"
|
|
13285
13295
|
};
|
|
13286
|
-
const defaultProps
|
|
13296
|
+
const defaultProps$10 = {
|
|
13287
13297
|
initialValue: false,
|
|
13288
13298
|
value: false,
|
|
13289
13299
|
enabled: true,
|
|
@@ -13292,19 +13302,19 @@ const defaultProps$$ = {
|
|
|
13292
13302
|
};
|
|
13293
13303
|
const Toggle = forwardRef(function Toggle2({
|
|
13294
13304
|
id,
|
|
13295
|
-
initialValue = defaultProps
|
|
13296
|
-
value = defaultProps
|
|
13297
|
-
enabled: enabled2 = defaultProps
|
|
13305
|
+
initialValue = defaultProps$10.initialValue,
|
|
13306
|
+
value = defaultProps$10.value,
|
|
13307
|
+
enabled: enabled2 = defaultProps$10.enabled,
|
|
13298
13308
|
style: style2,
|
|
13299
13309
|
readOnly: readOnly2,
|
|
13300
|
-
validationStatus = defaultProps
|
|
13310
|
+
validationStatus = defaultProps$10.validationStatus,
|
|
13301
13311
|
updateState = noop$1,
|
|
13302
13312
|
onClick = noop$1,
|
|
13303
13313
|
onDidChange = noop$1,
|
|
13304
13314
|
onFocus = noop$1,
|
|
13305
13315
|
onBlur = noop$1,
|
|
13306
13316
|
variant = "checkbox",
|
|
13307
|
-
indeterminate = defaultProps
|
|
13317
|
+
indeterminate = defaultProps$10.indeterminate,
|
|
13308
13318
|
className,
|
|
13309
13319
|
required: required2,
|
|
13310
13320
|
autoFocus,
|
|
@@ -13791,7 +13801,7 @@ const styles$10 = {
|
|
|
13791
13801
|
};
|
|
13792
13802
|
const PageNumberValues = [1, 3, 5];
|
|
13793
13803
|
const PositionValues = ["start", "center", "end"];
|
|
13794
|
-
const defaultProps
|
|
13804
|
+
const defaultProps$$ = {
|
|
13795
13805
|
pageSize: 10,
|
|
13796
13806
|
pageIndex: 0,
|
|
13797
13807
|
maxVisiblePages: 1,
|
|
@@ -13807,17 +13817,17 @@ const PaginationNative = forwardRef(function PaginationNative2({
|
|
|
13807
13817
|
id,
|
|
13808
13818
|
enabled: enabled2 = true,
|
|
13809
13819
|
itemCount,
|
|
13810
|
-
pageSize = defaultProps
|
|
13811
|
-
pageIndex = defaultProps
|
|
13812
|
-
maxVisiblePages = defaultProps
|
|
13813
|
-
showPageInfo = defaultProps
|
|
13814
|
-
showPageSizeSelector = defaultProps
|
|
13815
|
-
showCurrentPage = defaultProps
|
|
13820
|
+
pageSize = defaultProps$$.pageSize,
|
|
13821
|
+
pageIndex = defaultProps$$.pageIndex,
|
|
13822
|
+
maxVisiblePages = defaultProps$$.maxVisiblePages,
|
|
13823
|
+
showPageInfo = defaultProps$$.showPageInfo,
|
|
13824
|
+
showPageSizeSelector = defaultProps$$.showPageSizeSelector,
|
|
13825
|
+
showCurrentPage = defaultProps$$.showCurrentPage,
|
|
13816
13826
|
pageSizeOptions,
|
|
13817
|
-
orientation = defaultProps
|
|
13818
|
-
buttonRowPosition = defaultProps
|
|
13819
|
-
pageSizeSelectorPosition = defaultProps
|
|
13820
|
-
pageInfoPosition = defaultProps
|
|
13827
|
+
orientation = defaultProps$$.orientation,
|
|
13828
|
+
buttonRowPosition = defaultProps$$.buttonRowPosition,
|
|
13829
|
+
pageSizeSelectorPosition = defaultProps$$.pageSizeSelectorPosition,
|
|
13830
|
+
pageInfoPosition = defaultProps$$.pageInfoPosition,
|
|
13821
13831
|
hasPrevPage,
|
|
13822
13832
|
hasNextPage,
|
|
13823
13833
|
onPageDidChange,
|
|
@@ -14216,21 +14226,21 @@ const getCommonPinningStyles = (column) => {
|
|
|
14216
14226
|
};
|
|
14217
14227
|
const Table = forwardRef(
|
|
14218
14228
|
({
|
|
14219
|
-
data = defaultProps$
|
|
14220
|
-
columns = defaultProps$
|
|
14221
|
-
isPaginated = defaultProps$
|
|
14222
|
-
loading: loading2 = defaultProps$
|
|
14229
|
+
data = defaultProps$_.data,
|
|
14230
|
+
columns = defaultProps$_.columns,
|
|
14231
|
+
isPaginated = defaultProps$_.isPaginated,
|
|
14232
|
+
loading: loading2 = defaultProps$_.loading,
|
|
14223
14233
|
headerHeight,
|
|
14224
|
-
rowsSelectable = defaultProps$
|
|
14225
|
-
enableMultiRowSelection = defaultProps$
|
|
14226
|
-
initiallySelected = defaultProps$
|
|
14234
|
+
rowsSelectable = defaultProps$_.rowsSelectable,
|
|
14235
|
+
enableMultiRowSelection = defaultProps$_.enableMultiRowSelection,
|
|
14236
|
+
initiallySelected = defaultProps$_.initiallySelected,
|
|
14227
14237
|
syncWithAppState,
|
|
14228
|
-
pageSizeOptions = defaultProps$
|
|
14238
|
+
pageSizeOptions = defaultProps$_.pageSizeOptions,
|
|
14229
14239
|
pageSize = pageSizeOptions?.[0] || DEFAULT_PAGE_SIZES[0],
|
|
14230
14240
|
currentPageIndex = 0,
|
|
14231
14241
|
rowDisabledPredicate = defaultIsRowDisabled,
|
|
14232
14242
|
sortBy: sortBy2,
|
|
14233
|
-
sortingDirection = defaultProps$
|
|
14243
|
+
sortingDirection = defaultProps$_.sortingDirection,
|
|
14234
14244
|
iconSortAsc,
|
|
14235
14245
|
iconSortDesc,
|
|
14236
14246
|
iconNoSort,
|
|
@@ -14239,22 +14249,22 @@ const Table = forwardRef(
|
|
|
14239
14249
|
style: style2,
|
|
14240
14250
|
className,
|
|
14241
14251
|
noDataRenderer,
|
|
14242
|
-
autoFocus = defaultProps$
|
|
14243
|
-
hideHeader = defaultProps$
|
|
14244
|
-
hideNoDataView = defaultProps$
|
|
14245
|
-
alwaysShowSelectionHeader = defaultProps$
|
|
14252
|
+
autoFocus = defaultProps$_.autoFocus,
|
|
14253
|
+
hideHeader = defaultProps$_.hideHeader,
|
|
14254
|
+
hideNoDataView = defaultProps$_.hideNoDataView,
|
|
14255
|
+
alwaysShowSelectionHeader = defaultProps$_.alwaysShowSelectionHeader,
|
|
14246
14256
|
registerComponentApi,
|
|
14247
14257
|
onSelectionDidChange,
|
|
14248
|
-
noBottomBorder: noBottomBorder2 = defaultProps$
|
|
14249
|
-
paginationControlsLocation = defaultProps$
|
|
14250
|
-
cellVerticalAlign = defaultProps$
|
|
14251
|
-
buttonRowPosition = defaultProps$
|
|
14252
|
-
pageSizeSelectorPosition = defaultProps$
|
|
14253
|
-
pageInfoPosition = defaultProps$
|
|
14254
|
-
showCurrentPage = defaultProps$
|
|
14255
|
-
showPageInfo = defaultProps$
|
|
14256
|
-
showPageSizeSelector = defaultProps$
|
|
14257
|
-
checkboxTolerance = defaultProps$
|
|
14258
|
+
noBottomBorder: noBottomBorder2 = defaultProps$_.noBottomBorder,
|
|
14259
|
+
paginationControlsLocation = defaultProps$_.paginationControlsLocation,
|
|
14260
|
+
cellVerticalAlign = defaultProps$_.cellVerticalAlign,
|
|
14261
|
+
buttonRowPosition = defaultProps$_.buttonRowPosition,
|
|
14262
|
+
pageSizeSelectorPosition = defaultProps$_.pageSizeSelectorPosition,
|
|
14263
|
+
pageInfoPosition = defaultProps$_.pageInfoPosition,
|
|
14264
|
+
showCurrentPage = defaultProps$_.showCurrentPage,
|
|
14265
|
+
showPageInfo = defaultProps$_.showPageInfo,
|
|
14266
|
+
showPageSizeSelector = defaultProps$_.showPageSizeSelector,
|
|
14267
|
+
checkboxTolerance = defaultProps$_.checkboxTolerance,
|
|
14258
14268
|
...rest
|
|
14259
14269
|
// cols
|
|
14260
14270
|
}, forwardedRef) => {
|
|
@@ -14910,7 +14920,7 @@ function ColumnOrderingIndicator({
|
|
|
14910
14920
|
}
|
|
14911
14921
|
return iconNoSort !== "-" ? /* @__PURE__ */ jsx(Icon, { name: iconNoSort, fallback: "nosort", size: "12" }) : /* @__PURE__ */ jsx(Icon, { name: iconNoSort, size: "12" });
|
|
14912
14922
|
}
|
|
14913
|
-
const defaultProps$
|
|
14923
|
+
const defaultProps$_ = {
|
|
14914
14924
|
idKey: "id",
|
|
14915
14925
|
data: EMPTY_ARRAY,
|
|
14916
14926
|
columns: EMPTY_ARRAY,
|
|
@@ -14950,12 +14960,12 @@ const TableMd = createMetadata({
|
|
|
14950
14960
|
idKey: {
|
|
14951
14961
|
description: `This property is used to specify the unique ID property in the data array. If the idKey points to a property that does not exist in the data items, that will result in incorrect behavior when using selectable rows.`,
|
|
14952
14962
|
valueType: "string",
|
|
14953
|
-
defaultValue: defaultProps$
|
|
14963
|
+
defaultValue: defaultProps$_.idKey
|
|
14954
14964
|
},
|
|
14955
14965
|
isPaginated: {
|
|
14956
14966
|
description: `This property adds pagination controls to the \`${COMP$1l}\`.`,
|
|
14957
14967
|
valueType: "boolean",
|
|
14958
|
-
defaultValue: defaultProps$
|
|
14968
|
+
defaultValue: defaultProps$_.isPaginated
|
|
14959
14969
|
},
|
|
14960
14970
|
loading: d(
|
|
14961
14971
|
`This boolean property indicates if the component is fetching (or processing) data. This property is useful when data is loaded conditionally or receiving it takes some time.`
|
|
@@ -14978,37 +14988,37 @@ const TableMd = createMetadata({
|
|
|
14978
14988
|
"Whether to show page information. It works the same as the [Pagination component property](./Pagination#showpageinfo).",
|
|
14979
14989
|
void 0,
|
|
14980
14990
|
"boolean",
|
|
14981
|
-
defaultProps$
|
|
14991
|
+
defaultProps$_.showPageInfo
|
|
14982
14992
|
),
|
|
14983
14993
|
showPageSizeSelector: d(
|
|
14984
14994
|
"Whether to show the page size selector. It works the same as the [Pagination component property](./Pagination#showpagesizeselector).",
|
|
14985
14995
|
void 0,
|
|
14986
14996
|
"boolean",
|
|
14987
|
-
defaultProps$
|
|
14997
|
+
defaultProps$_.showPageSizeSelector
|
|
14988
14998
|
),
|
|
14989
14999
|
showCurrentPage: d(
|
|
14990
15000
|
"Whether to show the current page indicator. It works the same as the [Pagination component property](./Pagination#showcurrentpage).",
|
|
14991
15001
|
void 0,
|
|
14992
15002
|
"boolean",
|
|
14993
|
-
defaultProps$
|
|
15003
|
+
defaultProps$_.showCurrentPage
|
|
14994
15004
|
),
|
|
14995
15005
|
pageSizeSelectorPosition: {
|
|
14996
15006
|
description: "Determines where to place the page size selector in the layout. It works the same as the [Pagination component property](./Pagination#pagesizeselectorposition).",
|
|
14997
15007
|
options: PositionValues,
|
|
14998
15008
|
type: "string",
|
|
14999
|
-
default: defaultProps$
|
|
15009
|
+
default: defaultProps$_.pageSizeSelectorPosition
|
|
15000
15010
|
},
|
|
15001
15011
|
pageInfoPosition: {
|
|
15002
15012
|
description: "Determines where to place the page information in the layout. It works the same as the [Pagination component property](./Pagination#pageinfoposition).",
|
|
15003
15013
|
options: PositionValues,
|
|
15004
15014
|
type: "string",
|
|
15005
|
-
default: defaultProps$
|
|
15015
|
+
default: defaultProps$_.pageInfoPosition
|
|
15006
15016
|
},
|
|
15007
15017
|
buttonRowPosition: d(
|
|
15008
15018
|
"Determines where to place the pagination button row in the layout. It works the same as the [Pagination component property](./Pagination#buttonrowposition).",
|
|
15009
15019
|
PositionValues,
|
|
15010
15020
|
"string",
|
|
15011
|
-
defaultProps$
|
|
15021
|
+
defaultProps$_.buttonRowPosition
|
|
15012
15022
|
),
|
|
15013
15023
|
rowDisabledPredicate: d(
|
|
15014
15024
|
`This property defines a predicate function with a return value that determines if the row should be disabled. The function retrieves the item to display and should return a Boolean-like value.`
|
|
@@ -15026,7 +15036,7 @@ const TableMd = createMetadata({
|
|
|
15026
15036
|
hideHeader: {
|
|
15027
15037
|
description: "Set the header visibility using this property. Set it to `true` to hide the header.",
|
|
15028
15038
|
valueType: "boolean",
|
|
15029
|
-
defaultValue: defaultProps$
|
|
15039
|
+
defaultValue: defaultProps$_.hideHeader
|
|
15030
15040
|
},
|
|
15031
15041
|
iconNoSort: d(
|
|
15032
15042
|
`Allows setting an alternate icon displayed in the ${COMP$1l} column header when sorting is enabled, but the column remains unsorted. You can change the default icon for all ${COMP$1l} instances with the "icon.nosort:Table" declaration in the app configuration file.`
|
|
@@ -15040,7 +15050,7 @@ const TableMd = createMetadata({
|
|
|
15040
15050
|
enableMultiRowSelection: {
|
|
15041
15051
|
description: `This boolean property indicates whether you can select multiple rows in the table. This property only has an effect when the rowsSelectable property is set. Setting it to \`false\` limits selection to a single row.`,
|
|
15042
15052
|
valueType: "boolean",
|
|
15043
|
-
defaultValue: defaultProps$
|
|
15053
|
+
defaultValue: defaultProps$_.enableMultiRowSelection
|
|
15044
15054
|
},
|
|
15045
15055
|
alwaysShowSelectionHeader: {
|
|
15046
15056
|
description: "This property indicates when the row selection header is displayed. When the value is `true,` the selection header is always visible. Otherwise, it is displayed only when hovered.",
|
|
@@ -15056,7 +15066,7 @@ const TableMd = createMetadata({
|
|
|
15056
15066
|
description: `This property determines the location of the pagination controls. It can be set to \`top\`, \`bottom\`, or \`both\`.`,
|
|
15057
15067
|
valueType: "string",
|
|
15058
15068
|
availableValues: TablePaginationControlsLocationValues,
|
|
15059
|
-
defaultValue: defaultProps$
|
|
15069
|
+
defaultValue: defaultProps$_.paginationControlsLocation
|
|
15060
15070
|
},
|
|
15061
15071
|
cellVerticalAlign: {
|
|
15062
15072
|
description: `This property controls the vertical alignment of cell content. It can be set to \`top\`, \`center\`, or \`bottom\`.`,
|
|
@@ -15068,7 +15078,7 @@ const TableMd = createMetadata({
|
|
|
15068
15078
|
description: `This property controls the tolerance area around checkboxes for easier interaction. This property only has an effect when the rowsSelectable property is set to \`true\`. \`none\` provides no tolerance (0px), \`compact\` provides minimal tolerance (8px), \`comfortable\` provides medium tolerance (12px), and \`spacious\` provides generous tolerance (16px) for improved accessibility.`,
|
|
15069
15079
|
valueType: "string",
|
|
15070
15080
|
availableValues: CheckboxToleranceValues,
|
|
15071
|
-
defaultValue: defaultProps$
|
|
15081
|
+
defaultValue: defaultProps$_.checkboxTolerance
|
|
15072
15082
|
}
|
|
15073
15083
|
},
|
|
15074
15084
|
events: {
|
|
@@ -15149,7 +15159,7 @@ const TableWithColumns = memo(
|
|
|
15149
15159
|
className,
|
|
15150
15160
|
registerComponentApi
|
|
15151
15161
|
}, ref) => {
|
|
15152
|
-
const idKey = extractValue.asOptionalString(node.props.idKey, defaultProps$
|
|
15162
|
+
const idKey = extractValue.asOptionalString(node.props.idKey, defaultProps$_.idKey);
|
|
15153
15163
|
const data = extractValue(node.props.items) || extractValue(node.props.data);
|
|
15154
15164
|
const [columnIds, setColumnIds] = useState(EMPTY_ARRAY);
|
|
15155
15165
|
const [columnsByIds, setColumnByIds] = useState(EMPTY_OBJECT);
|
|
@@ -15307,10 +15317,10 @@ const styles$$ = {
|
|
|
15307
15317
|
wrapper: wrapper$h,
|
|
15308
15318
|
sentinel
|
|
15309
15319
|
};
|
|
15310
|
-
const defaultProps$
|
|
15320
|
+
const defaultProps$Z = {
|
|
15311
15321
|
to: "top"
|
|
15312
15322
|
};
|
|
15313
|
-
function StickyBox({ children, uid, style: style2, to = defaultProps$
|
|
15323
|
+
function StickyBox({ children, uid, style: style2, to = defaultProps$Z.to, className }) {
|
|
15314
15324
|
const sentinelRef = useRef(null);
|
|
15315
15325
|
const [wrapper2, setWrapper] = useState(null);
|
|
15316
15326
|
const [stuck, setStuck] = useState(false);
|
|
@@ -15367,7 +15377,7 @@ const StickyBoxMd = createMetadata({
|
|
|
15367
15377
|
description: "This property determines whether the StickyBox should be anchored to the `top` or `bottom`.",
|
|
15368
15378
|
availableValues: ["top", "bottom"],
|
|
15369
15379
|
valueType: "string",
|
|
15370
|
-
defaultValue: defaultProps$
|
|
15380
|
+
defaultValue: defaultProps$Z.to
|
|
15371
15381
|
}
|
|
15372
15382
|
},
|
|
15373
15383
|
themeVars: parseScssVar(styles$$.themeVars),
|
|
@@ -15394,10 +15404,10 @@ const badgeVariantValues = ["badge", "pill"];
|
|
|
15394
15404
|
function isBadgeColors(color) {
|
|
15395
15405
|
return typeof color === "object" && color !== null && "label" in color && "background" in color && typeof color.label === "string" && typeof color.background === "string";
|
|
15396
15406
|
}
|
|
15397
|
-
const defaultProps$
|
|
15407
|
+
const defaultProps$Y = {
|
|
15398
15408
|
variant: "badge"
|
|
15399
15409
|
};
|
|
15400
|
-
const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$
|
|
15410
|
+
const Badge = forwardRef(function Badge2({ children, color, variant = defaultProps$Y.variant, style: style2, className, ...rest }, forwardedRef) {
|
|
15401
15411
|
return /* @__PURE__ */ jsx(
|
|
15402
15412
|
"div",
|
|
15403
15413
|
{
|
|
@@ -15432,7 +15442,7 @@ const BadgeMd = createMetadata({
|
|
|
15432
15442
|
description: "Modifies the shape of the component. Comes in the regular `badge` variant or the `pill` variant with fully rounded corners.",
|
|
15433
15443
|
type: "string",
|
|
15434
15444
|
availableValues: badgeVariantValues,
|
|
15435
|
-
defaultValue: defaultProps$
|
|
15445
|
+
defaultValue: defaultProps$Y.variant
|
|
15436
15446
|
},
|
|
15437
15447
|
colorMap: {
|
|
15438
15448
|
description: `The \`${COMP$1j}\` component supports the mapping of a list of colors using the \`value\` prop as the key. If this property is not set, no color mapping is used.`
|
|
@@ -15502,10 +15512,10 @@ const styles$Z = {
|
|
|
15502
15512
|
lg,
|
|
15503
15513
|
clickable: clickable$1
|
|
15504
15514
|
};
|
|
15505
|
-
const defaultProps$
|
|
15515
|
+
const defaultProps$X = {
|
|
15506
15516
|
size: "sm"
|
|
15507
15517
|
};
|
|
15508
|
-
const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$
|
|
15518
|
+
const Avatar = memo(forwardRef(function Avatar2({ size = defaultProps$X.size, url, name, style: style2, className, onClick, ...rest }, ref) {
|
|
15509
15519
|
const abbreviatedName = useMemo(() => abbrevName(name ?? null), [name]);
|
|
15510
15520
|
const handleKeyDown = (event) => {
|
|
15511
15521
|
if (onClick && (event.key === "Enter" || event.key === " ")) {
|
|
@@ -15569,7 +15579,7 @@ const AvatarMd = createMetadata({
|
|
|
15569
15579
|
description: `This property defines the display size of the ${COMP$1i}.`,
|
|
15570
15580
|
availableValues: sizeMd,
|
|
15571
15581
|
valueType: "string",
|
|
15572
|
-
defaultValue: defaultProps$
|
|
15582
|
+
defaultValue: defaultProps$X.size
|
|
15573
15583
|
},
|
|
15574
15584
|
name: {
|
|
15575
15585
|
description: `This property sets the name value the ${COMP$1i} uses to display initials. If neither this property nor \`url\` is defined, an empty avatar is displayed.`,
|
|
@@ -15619,11 +15629,11 @@ const styles$Y = {
|
|
|
15619
15629
|
horizontal: horizontal$3,
|
|
15620
15630
|
vertical: vertical$3
|
|
15621
15631
|
};
|
|
15622
|
-
const defaultProps$
|
|
15632
|
+
const defaultProps$W = {
|
|
15623
15633
|
orientation: "horizontal"
|
|
15624
15634
|
};
|
|
15625
15635
|
const ContentSeparator = forwardRef(
|
|
15626
|
-
({ orientation = defaultProps$
|
|
15636
|
+
({ orientation = defaultProps$W.orientation, size, style: style2, className, ...rest }, ref) => {
|
|
15627
15637
|
return /* @__PURE__ */ jsx(
|
|
15628
15638
|
"div",
|
|
15629
15639
|
{
|
|
@@ -15658,7 +15668,7 @@ const ContentSeparatorMd = createMetadata({
|
|
|
15658
15668
|
orientation: {
|
|
15659
15669
|
description: "Sets the main axis of the component",
|
|
15660
15670
|
availableValues: orientationOptionMd,
|
|
15661
|
-
defaultValue: defaultProps$
|
|
15671
|
+
defaultValue: defaultProps$W.orientation,
|
|
15662
15672
|
valueType: "string"
|
|
15663
15673
|
}
|
|
15664
15674
|
},
|
|
@@ -15708,20 +15718,20 @@ const styles$X = {
|
|
|
15708
15718
|
vertical: vertical$2,
|
|
15709
15719
|
isClickable
|
|
15710
15720
|
};
|
|
15711
|
-
const defaultProps$
|
|
15721
|
+
const defaultProps$V = {
|
|
15712
15722
|
orientation: "vertical",
|
|
15713
15723
|
showAvatar: false
|
|
15714
15724
|
};
|
|
15715
15725
|
const Card = forwardRef(function Card2({
|
|
15716
15726
|
children,
|
|
15717
|
-
orientation = defaultProps$
|
|
15727
|
+
orientation = defaultProps$V.orientation,
|
|
15718
15728
|
style: style2,
|
|
15719
15729
|
className,
|
|
15720
15730
|
title: title2,
|
|
15721
15731
|
subtitle: subtitle2,
|
|
15722
15732
|
linkTo,
|
|
15723
15733
|
avatarUrl,
|
|
15724
|
-
showAvatar = !!avatarUrl || defaultProps$
|
|
15734
|
+
showAvatar = !!avatarUrl || defaultProps$V.showAvatar,
|
|
15725
15735
|
avatarSize,
|
|
15726
15736
|
onClick,
|
|
15727
15737
|
...rest
|
|
@@ -15771,7 +15781,7 @@ const CardMd = createMetadata({
|
|
|
15771
15781
|
showAvatar: {
|
|
15772
15782
|
description: `Indicates whether the avatar should be displayed`,
|
|
15773
15783
|
valueType: "boolean",
|
|
15774
|
-
defaultValue: defaultProps$
|
|
15784
|
+
defaultValue: defaultProps$V.showAvatar
|
|
15775
15785
|
},
|
|
15776
15786
|
avatarSize: {
|
|
15777
15787
|
description: `This prop sets the size of the avatar. The default value is \`sm\`.`,
|
|
@@ -15794,7 +15804,7 @@ const CardMd = createMetadata({
|
|
|
15794
15804
|
description: `An optional property that governs the ${COMP$1g}'s orientation (whether the ${COMP$1g} lays out its children in a row or a column). If the orientation is set to \`horizontal\`, the ${COMP$1g} will display its children in a row, except for its [\`title\`](#title) and [\`subtitle\`](#subtitle).`,
|
|
15795
15805
|
availableValues: orientationOptionMd,
|
|
15796
15806
|
valueType: "string",
|
|
15797
|
-
defaultValue: defaultProps$
|
|
15807
|
+
defaultValue: defaultProps$V.orientation
|
|
15798
15808
|
}
|
|
15799
15809
|
},
|
|
15800
15810
|
events: {
|
|
@@ -15962,7 +15972,7 @@ const FlowItemWrapper = forwardRef(function FlowItemWrapper2({ children, forceBr
|
|
|
15962
15972
|
isStarSizing && /* @__PURE__ */ jsx(FlowItemBreak, {})
|
|
15963
15973
|
] });
|
|
15964
15974
|
});
|
|
15965
|
-
const defaultProps$
|
|
15975
|
+
const defaultProps$U = {
|
|
15966
15976
|
columnGap: "$gap-normal",
|
|
15967
15977
|
rowGap: "$gap-normal"
|
|
15968
15978
|
};
|
|
@@ -16000,11 +16010,11 @@ const FlowLayoutMd = createMetadata({
|
|
|
16000
16010
|
},
|
|
16001
16011
|
columnGap: {
|
|
16002
16012
|
description: "The `columnGap` property specifies the space between items in a single row; it overrides the `gap` value.",
|
|
16003
|
-
defaultValue: defaultProps$
|
|
16013
|
+
defaultValue: defaultProps$U.columnGap
|
|
16004
16014
|
},
|
|
16005
16015
|
rowGap: {
|
|
16006
16016
|
description: `The \`rowGap\` property specifies the space between the ${COMP$1f} rows; it overrides the \`gap\` value.`,
|
|
16007
|
-
defaultValue: defaultProps$
|
|
16017
|
+
defaultValue: defaultProps$U.rowGap
|
|
16008
16018
|
}
|
|
16009
16019
|
},
|
|
16010
16020
|
themeVars: parseScssVar(styles$W.themeVars)
|
|
@@ -16089,7 +16099,7 @@ const useModalFormClose = () => {
|
|
|
16089
16099
|
};
|
|
16090
16100
|
const PART_TITLE = "title";
|
|
16091
16101
|
const PART_CONTENT = "content";
|
|
16092
|
-
const defaultProps$
|
|
16102
|
+
const defaultProps$T = {
|
|
16093
16103
|
fullScreen: false,
|
|
16094
16104
|
closeButtonVisible: true
|
|
16095
16105
|
};
|
|
@@ -16153,9 +16163,9 @@ const ModalDialog = React__default.forwardRef(
|
|
|
16153
16163
|
children,
|
|
16154
16164
|
style: style2,
|
|
16155
16165
|
isInitiallyOpen,
|
|
16156
|
-
fullScreen: fullScreen2 = defaultProps$
|
|
16166
|
+
fullScreen: fullScreen2 = defaultProps$T.fullScreen,
|
|
16157
16167
|
title: title2,
|
|
16158
|
-
closeButtonVisible = defaultProps$
|
|
16168
|
+
closeButtonVisible = defaultProps$T.closeButtonVisible,
|
|
16159
16169
|
className,
|
|
16160
16170
|
onOpen,
|
|
16161
16171
|
onClose,
|
|
@@ -16294,13 +16304,13 @@ const ModalDialogMd = createMetadata({
|
|
|
16294
16304
|
fullScreen: {
|
|
16295
16305
|
description: `Toggles whether the dialog encompasses the whole UI (\`true\`) or not and has a minimum width and height (\`false\`).`,
|
|
16296
16306
|
valueType: "boolean",
|
|
16297
|
-
defaultValue: defaultProps$
|
|
16307
|
+
defaultValue: defaultProps$T.fullScreen
|
|
16298
16308
|
},
|
|
16299
16309
|
title: d(`Provides a prestyled heading to display the intent of the dialog.`),
|
|
16300
16310
|
closeButtonVisible: {
|
|
16301
16311
|
description: `Shows (\`true\`) or hides (\`false\`) the visibility of the close button on the dialog.`,
|
|
16302
16312
|
valueType: "boolean",
|
|
16303
|
-
defaultValue: defaultProps$
|
|
16313
|
+
defaultValue: defaultProps$T.closeButtonVisible
|
|
16304
16314
|
}
|
|
16305
16315
|
},
|
|
16306
16316
|
events: {
|
|
@@ -16402,14 +16412,14 @@ const styles$U = {
|
|
|
16402
16412
|
wrapper: wrapper$f,
|
|
16403
16413
|
icon: icon$3
|
|
16404
16414
|
};
|
|
16405
|
-
const defaultProps$
|
|
16415
|
+
const defaultProps$S = {
|
|
16406
16416
|
hideIcon: false,
|
|
16407
16417
|
icon: "noresult"
|
|
16408
16418
|
};
|
|
16409
16419
|
const NoResult = forwardRef(function NoResult2({
|
|
16410
16420
|
label: label2,
|
|
16411
|
-
icon: icon2 = defaultProps$
|
|
16412
|
-
hideIcon = defaultProps$
|
|
16421
|
+
icon: icon2 = defaultProps$S.icon,
|
|
16422
|
+
hideIcon = defaultProps$S.hideIcon,
|
|
16413
16423
|
style: style2,
|
|
16414
16424
|
className,
|
|
16415
16425
|
...rest
|
|
@@ -16437,12 +16447,12 @@ const NoResultMd = createMetadata({
|
|
|
16437
16447
|
icon: {
|
|
16438
16448
|
description: `This property defines the icon to display with the component.`,
|
|
16439
16449
|
valueType: "string",
|
|
16440
|
-
defaultValue: defaultProps$
|
|
16450
|
+
defaultValue: defaultProps$S.icon
|
|
16441
16451
|
},
|
|
16442
16452
|
hideIcon: {
|
|
16443
16453
|
description: `This boolean property indicates if the icon should be hidden.`,
|
|
16444
16454
|
valueType: "boolean",
|
|
16445
|
-
defaultValue: defaultProps$
|
|
16455
|
+
defaultValue: defaultProps$S.hideIcon
|
|
16446
16456
|
}
|
|
16447
16457
|
},
|
|
16448
16458
|
themeVars: parseScssVar(styles$U.themeVars),
|
|
@@ -16483,7 +16493,7 @@ const styles$T = {
|
|
|
16483
16493
|
dropPlaceholder
|
|
16484
16494
|
};
|
|
16485
16495
|
const { useDropzone: useDropzone$1 } = dropzone;
|
|
16486
|
-
const defaultProps$
|
|
16496
|
+
const defaultProps$R = {
|
|
16487
16497
|
onUpload: asyncNoop,
|
|
16488
16498
|
uid: "fileUploadDialog",
|
|
16489
16499
|
allowPaste: true,
|
|
@@ -16492,14 +16502,14 @@ const defaultProps$Q = {
|
|
|
16492
16502
|
};
|
|
16493
16503
|
const FileUploadDropZone = forwardRef(function FileUploadDropZone2({
|
|
16494
16504
|
children,
|
|
16495
|
-
onUpload = defaultProps$
|
|
16496
|
-
uid = defaultProps$
|
|
16505
|
+
onUpload = defaultProps$R.onUpload,
|
|
16506
|
+
uid = defaultProps$R.uid,
|
|
16497
16507
|
registerComponentApi,
|
|
16498
16508
|
style: style2,
|
|
16499
16509
|
className,
|
|
16500
|
-
allowPaste = defaultProps$
|
|
16501
|
-
text: text2 = defaultProps$
|
|
16502
|
-
disabled: disabled2 = defaultProps$
|
|
16510
|
+
allowPaste = defaultProps$R.allowPaste,
|
|
16511
|
+
text: text2 = defaultProps$R.text,
|
|
16512
|
+
disabled: disabled2 = defaultProps$R.disabled,
|
|
16503
16513
|
updateState,
|
|
16504
16514
|
acceptedFileTypes,
|
|
16505
16515
|
maxFiles,
|
|
@@ -16588,13 +16598,13 @@ const FileUploadDropZoneMd = createMetadata({
|
|
|
16588
16598
|
props: {
|
|
16589
16599
|
text: {
|
|
16590
16600
|
description: "With this property, you can change the default text to display when files are dragged over the drop zone.",
|
|
16591
|
-
defaultValue: defaultProps$
|
|
16601
|
+
defaultValue: defaultProps$R.text,
|
|
16592
16602
|
type: "string"
|
|
16593
16603
|
},
|
|
16594
16604
|
allowPaste: {
|
|
16595
16605
|
description: "This property indicates if the drop zone accepts files pasted from the clipboard (`true`) or only dragged files (`false`).",
|
|
16596
16606
|
type: "boolean",
|
|
16597
|
-
defaultValue: defaultProps$
|
|
16607
|
+
defaultValue: defaultProps$R.allowPaste
|
|
16598
16608
|
},
|
|
16599
16609
|
enabled: d(
|
|
16600
16610
|
`If set to \`false\`, the drop zone will be disabled and users will not be able to upload files.`,
|
|
@@ -16825,10 +16835,10 @@ const iframeComponentRenderer = createComponentRenderer(
|
|
|
16825
16835
|
);
|
|
16826
16836
|
}
|
|
16827
16837
|
);
|
|
16828
|
-
const defaultProps$
|
|
16838
|
+
const defaultProps$Q = {
|
|
16829
16839
|
reverse: false
|
|
16830
16840
|
};
|
|
16831
|
-
function Items({ items, renderItem, reverse: reverse2 = defaultProps$
|
|
16841
|
+
function Items({ items, renderItem, reverse: reverse2 = defaultProps$Q.reverse }) {
|
|
16832
16842
|
const itemsToRender = useMemo(() => {
|
|
16833
16843
|
if (!items) {
|
|
16834
16844
|
return [];
|
|
@@ -16866,7 +16876,7 @@ const ItemsMd = createMetadata({
|
|
|
16866
16876
|
reverse: {
|
|
16867
16877
|
description: "This property reverses the order in which data is mapped to template components.",
|
|
16868
16878
|
type: "boolean",
|
|
16869
|
-
defaultValue: defaultProps$
|
|
16879
|
+
defaultValue: defaultProps$Q.reverse
|
|
16870
16880
|
},
|
|
16871
16881
|
itemTemplate: dComponent("The component template to display a single item")
|
|
16872
16882
|
},
|
|
@@ -16910,7 +16920,7 @@ const SelectionStoreMd = createMetadata({
|
|
|
16910
16920
|
props: {
|
|
16911
16921
|
idKey: {
|
|
16912
16922
|
description: `The selected items in the selection store needs to have a unique ID to use as an unambiguous key for that particular item. This property uniquely identifies the selected object item via a given property. By default, the key attribute is \`"id"\`.`,
|
|
16913
|
-
defaultValue: defaultProps$
|
|
16923
|
+
defaultValue: defaultProps$11.idKey
|
|
16914
16924
|
}
|
|
16915
16925
|
}
|
|
16916
16926
|
});
|
|
@@ -16946,12 +16956,12 @@ const ImageMd = createMetadata({
|
|
|
16946
16956
|
fit: {
|
|
16947
16957
|
description: "This property sets how the image content should be resized to fit its container.",
|
|
16948
16958
|
type: "string",
|
|
16949
|
-
defaultValue: defaultProps$
|
|
16959
|
+
defaultValue: defaultProps$1d.fit
|
|
16950
16960
|
},
|
|
16951
16961
|
lazyLoad: {
|
|
16952
16962
|
description: `Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it).`,
|
|
16953
16963
|
type: "boolean",
|
|
16954
|
-
defaultValue: defaultProps$
|
|
16964
|
+
defaultValue: defaultProps$1d.lazyLoad
|
|
16955
16965
|
},
|
|
16956
16966
|
aspectRatio: d(
|
|
16957
16967
|
'This property sets a preferred aspect ratio for the image, which will be used in calculating auto sizes and other layout functions. If this value is not used, the original aspect ratio is kept. The value can be a number of a string (such as "16/9").'
|
|
@@ -16959,7 +16969,7 @@ const ImageMd = createMetadata({
|
|
|
16959
16969
|
inline: {
|
|
16960
16970
|
description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
|
|
16961
16971
|
type: "boolean",
|
|
16962
|
-
defaultValue: defaultProps$
|
|
16972
|
+
defaultValue: defaultProps$1d.inline
|
|
16963
16973
|
},
|
|
16964
16974
|
animation: dInternal(`The optional animation object to be applied to the component`)
|
|
16965
16975
|
},
|
|
@@ -16988,10 +16998,10 @@ const imageComponentRenderer = createComponentRenderer(
|
|
|
16988
16998
|
);
|
|
16989
16999
|
}
|
|
16990
17000
|
);
|
|
16991
|
-
const defaultProps$
|
|
17001
|
+
const defaultProps$P = {
|
|
16992
17002
|
title: "XMLUI Application"
|
|
16993
17003
|
};
|
|
16994
|
-
const PageMetaTitle = ({ title: title2 = defaultProps$
|
|
17004
|
+
const PageMetaTitle = ({ title: title2 = defaultProps$P.title }) => {
|
|
16995
17005
|
return /* @__PURE__ */ jsx(Helmet, { title: title2 });
|
|
16996
17006
|
};
|
|
16997
17007
|
const COMP$16 = "PageMetaTitle";
|
|
@@ -17001,7 +17011,7 @@ const PageMetaTitleMd = createMetadata({
|
|
|
17001
17011
|
props: {
|
|
17002
17012
|
value: {
|
|
17003
17013
|
description: `This property sets the page's title to display in the browser tab.`,
|
|
17004
|
-
defaultValue: defaultProps$
|
|
17014
|
+
defaultValue: defaultProps$P.title
|
|
17005
17015
|
}
|
|
17006
17016
|
}
|
|
17007
17017
|
});
|
|
@@ -17020,10 +17030,10 @@ const styles$R = {
|
|
|
17020
17030
|
wrapper: wrapper$d,
|
|
17021
17031
|
bar
|
|
17022
17032
|
};
|
|
17023
|
-
const defaultProps$
|
|
17033
|
+
const defaultProps$O = {
|
|
17024
17034
|
value: 0
|
|
17025
17035
|
};
|
|
17026
|
-
const ProgressBar = forwardRef(function ProgressBar2({ value = defaultProps$
|
|
17036
|
+
const ProgressBar = forwardRef(function ProgressBar2({ value = defaultProps$O.value, style: style2, className, ...rest }, forwardedRef) {
|
|
17027
17037
|
return /* @__PURE__ */ jsx(
|
|
17028
17038
|
"div",
|
|
17029
17039
|
{
|
|
@@ -17053,7 +17063,7 @@ const ProgressBarMd = createMetadata({
|
|
|
17053
17063
|
value: {
|
|
17054
17064
|
description: `This property defines the progress value with a number between 0 and 1.`,
|
|
17055
17065
|
valueType: "number",
|
|
17056
|
-
defaultValue: defaultProps$
|
|
17066
|
+
defaultValue: defaultProps$O.value
|
|
17057
17067
|
}
|
|
17058
17068
|
},
|
|
17059
17069
|
themeVars: parseScssVar(styles$R.themeVars),
|
|
@@ -17112,7 +17122,7 @@ const parseSize = (size, containerSize) => {
|
|
|
17112
17122
|
const toPercentage = (size, containerSize) => {
|
|
17113
17123
|
return size / containerSize * 100;
|
|
17114
17124
|
};
|
|
17115
|
-
const defaultProps$
|
|
17125
|
+
const defaultProps$N = {
|
|
17116
17126
|
initialPrimarySize: "50%",
|
|
17117
17127
|
minPrimarySize: "0%",
|
|
17118
17128
|
maxPrimarySize: "100%",
|
|
@@ -17121,15 +17131,15 @@ const defaultProps$M = {
|
|
|
17121
17131
|
floating: false
|
|
17122
17132
|
};
|
|
17123
17133
|
const Splitter = ({
|
|
17124
|
-
initialPrimarySize = defaultProps$
|
|
17125
|
-
minPrimarySize = defaultProps$
|
|
17126
|
-
maxPrimarySize = defaultProps$
|
|
17127
|
-
orientation = defaultProps$
|
|
17134
|
+
initialPrimarySize = defaultProps$N.initialPrimarySize,
|
|
17135
|
+
minPrimarySize = defaultProps$N.minPrimarySize,
|
|
17136
|
+
maxPrimarySize = defaultProps$N.maxPrimarySize,
|
|
17137
|
+
orientation = defaultProps$N.orientation,
|
|
17128
17138
|
children,
|
|
17129
17139
|
style: style2,
|
|
17130
17140
|
className,
|
|
17131
|
-
swapped = defaultProps$
|
|
17132
|
-
floating = defaultProps$
|
|
17141
|
+
swapped = defaultProps$N.swapped,
|
|
17142
|
+
floating = defaultProps$N.floating,
|
|
17133
17143
|
splitterTemplate,
|
|
17134
17144
|
resize: resize2 = noop$1,
|
|
17135
17145
|
visibleChildCount,
|
|
@@ -17327,7 +17337,7 @@ const baseSplitterMd = createMetadata({
|
|
|
17327
17337
|
swapped: {
|
|
17328
17338
|
description: `This optional booelan property indicates whether the \`${COMP$14}\` sections are layed out as primary and secondary (\`false\`) or secondary and primary (\`true\`) from left to right.`,
|
|
17329
17339
|
valueType: "boolean",
|
|
17330
|
-
defaultValue: defaultProps$
|
|
17340
|
+
defaultValue: defaultProps$N.swapped
|
|
17331
17341
|
},
|
|
17332
17342
|
splitterTemplate: dComponent(
|
|
17333
17343
|
`The divider can be customized using XMLUI components via this property.`
|
|
@@ -17335,28 +17345,28 @@ const baseSplitterMd = createMetadata({
|
|
|
17335
17345
|
initialPrimarySize: {
|
|
17336
17346
|
description: `This optional number property sets the initial size of the primary section. The unit of the size value is in pixels or percentages.`,
|
|
17337
17347
|
valueType: "string",
|
|
17338
|
-
defaultValue: defaultProps$
|
|
17348
|
+
defaultValue: defaultProps$N.initialPrimarySize
|
|
17339
17349
|
},
|
|
17340
17350
|
minPrimarySize: {
|
|
17341
17351
|
description: `This property sets the minimum size the primary section can have. The unit of the size value is in pixels or percentages.`,
|
|
17342
17352
|
valueType: "string",
|
|
17343
|
-
defaultValue: defaultProps$
|
|
17353
|
+
defaultValue: defaultProps$N.minPrimarySize
|
|
17344
17354
|
},
|
|
17345
17355
|
maxPrimarySize: {
|
|
17346
17356
|
description: `This property sets the maximum size the primary section can have. The unit of the size value is in pixels or percentages. Negative values are supported and calculate from the end of the container (e.g., "-20%" means "80% of container", "-100px" means "container size - 100px").`,
|
|
17347
17357
|
valueType: "string",
|
|
17348
|
-
defaultValue: defaultProps$
|
|
17358
|
+
defaultValue: defaultProps$N.maxPrimarySize
|
|
17349
17359
|
},
|
|
17350
17360
|
floating: {
|
|
17351
17361
|
description: `Toggles whether the resizer is visible (\`false\`) or not (\`true\`) when not hovered or dragged. The default value is \`false\`, meaning the resizer is visible all the time.`,
|
|
17352
17362
|
valueType: "boolean",
|
|
17353
|
-
defaultValue: defaultProps$
|
|
17363
|
+
defaultValue: defaultProps$N.floating
|
|
17354
17364
|
},
|
|
17355
17365
|
orientation: {
|
|
17356
17366
|
description: `Sets whether the \`Splitter\` divides the container horizontally and lays out the section on top of each other (\`vertical\`), or vertically by placing the sections next to each other (\`horizontal\`).`,
|
|
17357
17367
|
valueType: "string",
|
|
17358
17368
|
availableValues: ["horizontal", "vertical"],
|
|
17359
|
-
defaultValue: defaultProps$
|
|
17369
|
+
defaultValue: defaultProps$N.orientation
|
|
17360
17370
|
}
|
|
17361
17371
|
},
|
|
17362
17372
|
events: {
|
|
@@ -17525,7 +17535,7 @@ function actionQueueInitialized(queue, batchId, actionItemIds) {
|
|
|
17525
17535
|
}
|
|
17526
17536
|
};
|
|
17527
17537
|
}
|
|
17528
|
-
const defaultProps$
|
|
17538
|
+
const defaultProps$M = {
|
|
17529
17539
|
clearAfterFinish: false
|
|
17530
17540
|
};
|
|
17531
17541
|
const queueReducer = produce((state, action2) => {
|
|
@@ -17612,7 +17622,7 @@ function Queue({
|
|
|
17612
17622
|
//progressFeedback,
|
|
17613
17623
|
renderProgressFeedback,
|
|
17614
17624
|
renderResultFeedback,
|
|
17615
|
-
clearAfterFinish = defaultProps$
|
|
17625
|
+
clearAfterFinish = defaultProps$M.clearAfterFinish,
|
|
17616
17626
|
queueState: externalQueueState,
|
|
17617
17627
|
dispatch: externalDispatch
|
|
17618
17628
|
}) {
|
|
@@ -17883,7 +17893,7 @@ const QueueMd = createMetadata({
|
|
|
17883
17893
|
),
|
|
17884
17894
|
clearAfterFinish: {
|
|
17885
17895
|
description: `This property indicates the completed items (successful or error) should be removed from the queue after completion.`,
|
|
17886
|
-
defaultValue: defaultProps$
|
|
17896
|
+
defaultValue: defaultProps$M.clearAfterFinish
|
|
17887
17897
|
}
|
|
17888
17898
|
},
|
|
17889
17899
|
nonVisual: true,
|
|
@@ -18094,7 +18104,7 @@ const styles$P = {
|
|
|
18094
18104
|
section,
|
|
18095
18105
|
sectionFooter
|
|
18096
18106
|
};
|
|
18097
|
-
const defaultProps$
|
|
18107
|
+
const defaultProps$L = {
|
|
18098
18108
|
idKey: "id",
|
|
18099
18109
|
scrollAnchor: "top",
|
|
18100
18110
|
hideEmptyGroups: true,
|
|
@@ -18261,18 +18271,18 @@ const ListNative = forwardRef(function DynamicHeightList({
|
|
|
18261
18271
|
groupBy: groupBy2,
|
|
18262
18272
|
orderBy: orderBy2,
|
|
18263
18273
|
availableGroups,
|
|
18264
|
-
scrollAnchor = defaultProps$
|
|
18274
|
+
scrollAnchor = defaultProps$L.scrollAnchor,
|
|
18265
18275
|
requestFetchPrevPage = noop$2,
|
|
18266
18276
|
requestFetchNextPage = noop$2,
|
|
18267
18277
|
pageInfo,
|
|
18268
|
-
idKey = defaultProps$
|
|
18278
|
+
idKey = defaultProps$L.idKey,
|
|
18269
18279
|
style: style2,
|
|
18270
18280
|
className,
|
|
18271
18281
|
emptyListPlaceholder,
|
|
18272
18282
|
groupsInitiallyExpanded = true,
|
|
18273
18283
|
defaultGroups = EMPTY_ARRAY,
|
|
18274
18284
|
registerComponentApi,
|
|
18275
|
-
borderCollapse: borderCollapse2 = defaultProps$
|
|
18285
|
+
borderCollapse: borderCollapse2 = defaultProps$L.borderCollapse,
|
|
18276
18286
|
...rest
|
|
18277
18287
|
}, ref) {
|
|
18278
18288
|
const virtualizerRef = useRef(null);
|
|
@@ -18521,7 +18531,7 @@ const ListMd = createMetadata({
|
|
|
18521
18531
|
description: `This property pins the scroll position to a specified location of the list. Available values are shown below.`,
|
|
18522
18532
|
availableValues: scrollAnchoringValues,
|
|
18523
18533
|
type: "string",
|
|
18524
|
-
defaultValue: defaultProps$
|
|
18534
|
+
defaultValue: defaultProps$L.scrollAnchor
|
|
18525
18535
|
},
|
|
18526
18536
|
groupBy: d(
|
|
18527
18537
|
"This property sets which data item property is used to group the list items. If not set, no grouping is done."
|
|
@@ -18550,13 +18560,13 @@ const ListMd = createMetadata({
|
|
|
18550
18560
|
idKey: {
|
|
18551
18561
|
description: "Denotes which attribute of an item acts as the ID or key of the item",
|
|
18552
18562
|
type: "string",
|
|
18553
|
-
defaultValue: defaultProps$
|
|
18563
|
+
defaultValue: defaultProps$L.idKey
|
|
18554
18564
|
},
|
|
18555
18565
|
groupsInitiallyExpanded: d(
|
|
18556
18566
|
`This Boolean property defines whether the list groups are initially expanded.`,
|
|
18557
18567
|
void 0,
|
|
18558
18568
|
"boolean",
|
|
18559
|
-
defaultProps$
|
|
18569
|
+
defaultProps$L.groupsInitiallyExpanded
|
|
18560
18570
|
),
|
|
18561
18571
|
defaultGroups: d(
|
|
18562
18572
|
`This property adds an optional list of default groups for the \`${COMP$12}\` and displays the group headers in the specified order. If the data contains group headers not in this list, those headers are also displayed (after the ones in this list); however, their order is not deterministic.`
|
|
@@ -18564,12 +18574,12 @@ const ListMd = createMetadata({
|
|
|
18564
18574
|
hideEmptyGroups: {
|
|
18565
18575
|
description: "This boolean property indicates if empty groups should be hidden (no header and footer are displayed).",
|
|
18566
18576
|
valueType: "boolean",
|
|
18567
|
-
defaultValue: defaultProps$
|
|
18577
|
+
defaultValue: defaultProps$L.hideEmptyGroups
|
|
18568
18578
|
},
|
|
18569
18579
|
borderCollapse: {
|
|
18570
18580
|
description: "Collapse items borders",
|
|
18571
18581
|
valueType: "boolean",
|
|
18572
|
-
defaultValue: defaultProps$
|
|
18582
|
+
defaultValue: defaultProps$L.borderCollapse
|
|
18573
18583
|
}
|
|
18574
18584
|
},
|
|
18575
18585
|
childrenAsTemplate: "itemTemplate",
|
|
@@ -18727,10 +18737,10 @@ const positionedContainerComponentRenderer = createComponentRenderer(
|
|
|
18727
18737
|
);
|
|
18728
18738
|
}
|
|
18729
18739
|
);
|
|
18730
|
-
const defaultProps$
|
|
18740
|
+
const defaultProps$K = {
|
|
18731
18741
|
throttleWaitInMs: 0
|
|
18732
18742
|
};
|
|
18733
|
-
function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$
|
|
18743
|
+
function ChangeListener({ listenTo, onChange, throttleWaitInMs = defaultProps$K.throttleWaitInMs }) {
|
|
18734
18744
|
const prevValue = usePrevious(listenTo);
|
|
18735
18745
|
const throttledOnChange = useMemo(() => {
|
|
18736
18746
|
if (throttleWaitInMs !== 0 && onChange) {
|
|
@@ -18762,7 +18772,7 @@ const ChangeListenerMd = createMetadata({
|
|
|
18762
18772
|
throttleWaitInMs: {
|
|
18763
18773
|
description: `This variable sets a throttling time (in milliseconds) to apply when executing the \`didChange\` event handler. All changes within that throttling time will only fire the \`didChange\` event once.`,
|
|
18764
18774
|
valueType: "number",
|
|
18765
|
-
defaultValue: defaultProps$
|
|
18775
|
+
defaultValue: defaultProps$K.throttleWaitInMs
|
|
18766
18776
|
}
|
|
18767
18777
|
},
|
|
18768
18778
|
events: {
|
|
@@ -19799,7 +19809,7 @@ function Adornment({ iconName, text: text2, className, onClick, ...rest }) {
|
|
|
19799
19809
|
}
|
|
19800
19810
|
) : null });
|
|
19801
19811
|
}
|
|
19802
|
-
const defaultProps$
|
|
19812
|
+
const defaultProps$J = {
|
|
19803
19813
|
type: "text",
|
|
19804
19814
|
value: "",
|
|
19805
19815
|
initialValue: "",
|
|
@@ -19815,20 +19825,20 @@ const defaultProps$I = {
|
|
|
19815
19825
|
};
|
|
19816
19826
|
const TextBox = forwardRef(function TextBox2({
|
|
19817
19827
|
id,
|
|
19818
|
-
type = defaultProps$
|
|
19819
|
-
value = defaultProps$
|
|
19820
|
-
updateState = defaultProps$
|
|
19821
|
-
initialValue = defaultProps$
|
|
19828
|
+
type = defaultProps$J.type,
|
|
19829
|
+
value = defaultProps$J.value,
|
|
19830
|
+
updateState = defaultProps$J.updateState,
|
|
19831
|
+
initialValue = defaultProps$J.initialValue,
|
|
19822
19832
|
style: style2,
|
|
19823
19833
|
className,
|
|
19824
19834
|
maxLength,
|
|
19825
|
-
enabled: enabled2 = defaultProps$
|
|
19835
|
+
enabled: enabled2 = defaultProps$J.enabled,
|
|
19826
19836
|
placeholder: placeholder2,
|
|
19827
|
-
validationStatus = defaultProps$
|
|
19828
|
-
onDidChange = defaultProps$
|
|
19829
|
-
onFocus = defaultProps$
|
|
19830
|
-
onBlur = defaultProps$
|
|
19831
|
-
onKeyDown = defaultProps$
|
|
19837
|
+
validationStatus = defaultProps$J.validationStatus,
|
|
19838
|
+
onDidChange = defaultProps$J.onDidChange,
|
|
19839
|
+
onFocus = defaultProps$J.onFocus,
|
|
19840
|
+
onBlur = defaultProps$J.onBlur,
|
|
19841
|
+
onKeyDown = defaultProps$J.onKeyDown,
|
|
19832
19842
|
registerComponentApi,
|
|
19833
19843
|
startText,
|
|
19834
19844
|
startIcon,
|
|
@@ -19840,8 +19850,8 @@ const TextBox = forwardRef(function TextBox2({
|
|
|
19840
19850
|
tabIndex,
|
|
19841
19851
|
required: required2,
|
|
19842
19852
|
showPasswordToggle,
|
|
19843
|
-
passwordVisibleIcon = defaultProps$
|
|
19844
|
-
passwordHiddenIcon = defaultProps$
|
|
19853
|
+
passwordVisibleIcon = defaultProps$J.passwordVisibleIcon,
|
|
19854
|
+
passwordHiddenIcon = defaultProps$J.passwordHiddenIcon,
|
|
19845
19855
|
...rest
|
|
19846
19856
|
}, ref) {
|
|
19847
19857
|
const inputRef = useRef(null);
|
|
@@ -19981,7 +19991,7 @@ const styles$L = {
|
|
|
19981
19991
|
button: button$1
|
|
19982
19992
|
};
|
|
19983
19993
|
const { useDropzone } = dropzone;
|
|
19984
|
-
const defaultProps$
|
|
19994
|
+
const defaultProps$I = {
|
|
19985
19995
|
enabled: true,
|
|
19986
19996
|
buttonPosition: "end",
|
|
19987
19997
|
buttonLabel: "Browse",
|
|
@@ -19995,12 +20005,12 @@ const defaultProps$H = {
|
|
|
19995
20005
|
};
|
|
19996
20006
|
const FileInput = ({
|
|
19997
20007
|
id,
|
|
19998
|
-
enabled: enabled2 = defaultProps$
|
|
20008
|
+
enabled: enabled2 = defaultProps$I.enabled,
|
|
19999
20009
|
style: style2,
|
|
20000
20010
|
className,
|
|
20001
20011
|
placeholder: placeholder2,
|
|
20002
|
-
buttonPosition = defaultProps$
|
|
20003
|
-
buttonLabel = defaultProps$
|
|
20012
|
+
buttonPosition = defaultProps$I.buttonPosition,
|
|
20013
|
+
buttonLabel = defaultProps$I.buttonLabel,
|
|
20004
20014
|
buttonIcon: buttonIcon2,
|
|
20005
20015
|
buttonIconPosition,
|
|
20006
20016
|
variant,
|
|
@@ -20008,16 +20018,16 @@ const FileInput = ({
|
|
|
20008
20018
|
buttonSize,
|
|
20009
20019
|
autoFocus,
|
|
20010
20020
|
validationStatus,
|
|
20011
|
-
updateState = defaultProps$
|
|
20012
|
-
onDidChange = defaultProps$
|
|
20013
|
-
onFocus = defaultProps$
|
|
20014
|
-
onBlur = defaultProps$
|
|
20021
|
+
updateState = defaultProps$I.updateState,
|
|
20022
|
+
onDidChange = defaultProps$I.onDidChange,
|
|
20023
|
+
onFocus = defaultProps$I.onFocus,
|
|
20024
|
+
onBlur = defaultProps$I.onBlur,
|
|
20015
20025
|
registerComponentApi,
|
|
20016
20026
|
value,
|
|
20017
20027
|
initialValue,
|
|
20018
20028
|
acceptsFileType,
|
|
20019
|
-
multiple = defaultProps$
|
|
20020
|
-
directory = defaultProps$
|
|
20029
|
+
multiple = defaultProps$I.multiple,
|
|
20030
|
+
directory = defaultProps$I.directory,
|
|
20021
20031
|
required: required2,
|
|
20022
20032
|
...rest
|
|
20023
20033
|
}) => {
|
|
@@ -20223,7 +20233,7 @@ function isUsableInteger(value) {
|
|
|
20223
20233
|
}
|
|
20224
20234
|
const PART_SPINNER_UP = "spinnerUp";
|
|
20225
20235
|
const PART_SPINNER_DOWN = "spinnerDown";
|
|
20226
|
-
const defaultProps$
|
|
20236
|
+
const defaultProps$H = {
|
|
20227
20237
|
enabled: true,
|
|
20228
20238
|
validationStatus: "none",
|
|
20229
20239
|
hasSpinBox: true,
|
|
@@ -20243,20 +20253,20 @@ const NumberBox = forwardRef(function NumberBox2({
|
|
|
20243
20253
|
initialValue,
|
|
20244
20254
|
style: style2,
|
|
20245
20255
|
className,
|
|
20246
|
-
enabled: enabled2 = defaultProps$
|
|
20256
|
+
enabled: enabled2 = defaultProps$H.enabled,
|
|
20247
20257
|
placeholder: placeholder2,
|
|
20248
|
-
validationStatus = defaultProps$
|
|
20249
|
-
hasSpinBox = defaultProps$
|
|
20250
|
-
step = defaultProps$
|
|
20251
|
-
integersOnly = defaultProps$
|
|
20252
|
-
zeroOrPositive = defaultProps$
|
|
20253
|
-
min = zeroOrPositive ? 0 : defaultProps$
|
|
20254
|
-
max = defaultProps$
|
|
20258
|
+
validationStatus = defaultProps$H.validationStatus,
|
|
20259
|
+
hasSpinBox = defaultProps$H.hasSpinBox,
|
|
20260
|
+
step = defaultProps$H.step,
|
|
20261
|
+
integersOnly = defaultProps$H.integersOnly,
|
|
20262
|
+
zeroOrPositive = defaultProps$H.zeroOrPositive,
|
|
20263
|
+
min = zeroOrPositive ? 0 : defaultProps$H.min,
|
|
20264
|
+
max = defaultProps$H.max,
|
|
20255
20265
|
maxLength,
|
|
20256
|
-
updateState = defaultProps$
|
|
20257
|
-
onDidChange = defaultProps$
|
|
20258
|
-
onFocus = defaultProps$
|
|
20259
|
-
onBlur = defaultProps$
|
|
20266
|
+
updateState = defaultProps$H.updateState,
|
|
20267
|
+
onDidChange = defaultProps$H.onDidChange,
|
|
20268
|
+
onFocus = defaultProps$H.onFocus,
|
|
20269
|
+
onBlur = defaultProps$H.onBlur,
|
|
20260
20270
|
registerComponentApi,
|
|
20261
20271
|
startText,
|
|
20262
20272
|
startIcon,
|
|
@@ -20872,7 +20882,7 @@ function HiddenOption(option) {
|
|
|
20872
20882
|
}
|
|
20873
20883
|
const PART_LIST_WRAPPER$1 = "listWrapper";
|
|
20874
20884
|
const PART_CLEAR_BUTTON$2 = "clearButton";
|
|
20875
|
-
const defaultProps$
|
|
20885
|
+
const defaultProps$G = {
|
|
20876
20886
|
enabled: true,
|
|
20877
20887
|
placeholder: "",
|
|
20878
20888
|
autoFocus: false,
|
|
@@ -20957,31 +20967,31 @@ const Select = forwardRef(function Select2({
|
|
|
20957
20967
|
id,
|
|
20958
20968
|
initialValue,
|
|
20959
20969
|
value,
|
|
20960
|
-
enabled: enabled2 = defaultProps$
|
|
20961
|
-
placeholder: placeholder2 = defaultProps$
|
|
20962
|
-
autoFocus = defaultProps$
|
|
20970
|
+
enabled: enabled2 = defaultProps$G.enabled,
|
|
20971
|
+
placeholder: placeholder2 = defaultProps$G.placeholder,
|
|
20972
|
+
autoFocus = defaultProps$G.autoFocus,
|
|
20963
20973
|
readOnly: readOnly2 = false,
|
|
20964
|
-
required: required2 = defaultProps$
|
|
20974
|
+
required: required2 = defaultProps$G.required,
|
|
20965
20975
|
// Styling
|
|
20966
20976
|
style: style2,
|
|
20967
20977
|
className,
|
|
20968
20978
|
dropdownHeight,
|
|
20969
20979
|
// Validation
|
|
20970
|
-
validationStatus = defaultProps$
|
|
20980
|
+
validationStatus = defaultProps$G.validationStatus,
|
|
20971
20981
|
// Event handlers
|
|
20972
20982
|
onDidChange = noop$1,
|
|
20973
20983
|
onFocus = noop$1,
|
|
20974
20984
|
onBlur = noop$1,
|
|
20975
20985
|
// Multi-select and search
|
|
20976
|
-
searchable = defaultProps$
|
|
20977
|
-
multiSelect = defaultProps$
|
|
20978
|
-
clearable = defaultProps$
|
|
20986
|
+
searchable = defaultProps$G.searchable,
|
|
20987
|
+
multiSelect = defaultProps$G.multiSelect,
|
|
20988
|
+
clearable = defaultProps$G.clearable,
|
|
20979
20989
|
emptyListTemplate,
|
|
20980
20990
|
valueRenderer,
|
|
20981
20991
|
optionRenderer,
|
|
20982
20992
|
// Progress state
|
|
20983
|
-
inProgress = defaultProps$
|
|
20984
|
-
inProgressNotificationMessage = defaultProps$
|
|
20993
|
+
inProgress = defaultProps$G.inProgress,
|
|
20994
|
+
inProgressNotificationMessage = defaultProps$G.inProgressNotificationMessage,
|
|
20985
20995
|
// Internal
|
|
20986
20996
|
updateState = noop$1,
|
|
20987
20997
|
registerComponentApi,
|
|
@@ -21493,7 +21503,7 @@ const styles$I = {
|
|
|
21493
21503
|
optionLabel,
|
|
21494
21504
|
label
|
|
21495
21505
|
};
|
|
21496
|
-
const defaultProps$
|
|
21506
|
+
const defaultProps$F = {
|
|
21497
21507
|
enabled: true
|
|
21498
21508
|
};
|
|
21499
21509
|
function convertOptionValue(value) {
|
|
@@ -21510,14 +21520,14 @@ const OptionNative = memo((props) => {
|
|
|
21510
21520
|
return /* @__PURE__ */ jsx(OptionType, { ...props });
|
|
21511
21521
|
});
|
|
21512
21522
|
OptionNative.displayName = "OptionNative";
|
|
21513
|
-
const defaultProps$
|
|
21523
|
+
const defaultProps$E = {
|
|
21514
21524
|
checked: false,
|
|
21515
21525
|
value: ""
|
|
21516
21526
|
};
|
|
21517
21527
|
const RadioItem = ({
|
|
21518
|
-
checked: checked2 = defaultProps$
|
|
21528
|
+
checked: checked2 = defaultProps$E.checked,
|
|
21519
21529
|
style: style2,
|
|
21520
|
-
value = defaultProps$
|
|
21530
|
+
value = defaultProps$E.value,
|
|
21521
21531
|
onDidChange = noop$1
|
|
21522
21532
|
}) => {
|
|
21523
21533
|
const id = useId();
|
|
@@ -21525,8 +21535,8 @@ const RadioItem = ({
|
|
|
21525
21535
|
};
|
|
21526
21536
|
const UnwrappedRadioItem = ({
|
|
21527
21537
|
id,
|
|
21528
|
-
checked: checked2 = defaultProps$
|
|
21529
|
-
value = defaultProps$
|
|
21538
|
+
checked: checked2 = defaultProps$E.checked,
|
|
21539
|
+
value = defaultProps$E.value,
|
|
21530
21540
|
statusStyles,
|
|
21531
21541
|
disabled: disabled2,
|
|
21532
21542
|
onDidChange = noop$1
|
|
@@ -21550,7 +21560,7 @@ const UnwrappedRadioItem = ({
|
|
|
21550
21560
|
}
|
|
21551
21561
|
);
|
|
21552
21562
|
};
|
|
21553
|
-
const defaultProps$
|
|
21563
|
+
const defaultProps$D = {
|
|
21554
21564
|
value: "",
|
|
21555
21565
|
initialValue: "",
|
|
21556
21566
|
enabled: true,
|
|
@@ -21560,21 +21570,21 @@ const defaultProps$C = {
|
|
|
21560
21570
|
};
|
|
21561
21571
|
const RadioGroupStatusContext = createContext({
|
|
21562
21572
|
status: "none",
|
|
21563
|
-
enabled: defaultProps$
|
|
21573
|
+
enabled: defaultProps$D.enabled
|
|
21564
21574
|
});
|
|
21565
21575
|
const RadioGroup = forwardRef(function RadioGroup2({
|
|
21566
21576
|
id,
|
|
21567
|
-
value = defaultProps$
|
|
21568
|
-
initialValue = defaultProps$
|
|
21577
|
+
value = defaultProps$D.value,
|
|
21578
|
+
initialValue = defaultProps$D.initialValue,
|
|
21569
21579
|
autofocus,
|
|
21570
|
-
enabled: enabled2 = defaultProps$
|
|
21571
|
-
validationStatus = defaultProps$
|
|
21580
|
+
enabled: enabled2 = defaultProps$D.enabled,
|
|
21581
|
+
validationStatus = defaultProps$D.validationStatus,
|
|
21572
21582
|
label: label2,
|
|
21573
21583
|
labelPosition,
|
|
21574
21584
|
labelWidth,
|
|
21575
21585
|
labelBreak: labelBreak2,
|
|
21576
|
-
required: required2 = defaultProps$
|
|
21577
|
-
readOnly: readOnly2 = defaultProps$
|
|
21586
|
+
required: required2 = defaultProps$D.required,
|
|
21587
|
+
readOnly: readOnly2 = defaultProps$D.readOnly,
|
|
21578
21588
|
updateState = noop$1,
|
|
21579
21589
|
onDidChange = noop$1,
|
|
21580
21590
|
onFocus = noop$1,
|
|
@@ -21850,7 +21860,7 @@ const dateFormats$1 = [
|
|
|
21850
21860
|
"yyyyMMdd",
|
|
21851
21861
|
"MMddyyyy"
|
|
21852
21862
|
];
|
|
21853
|
-
const defaultProps$
|
|
21863
|
+
const defaultProps$C = {
|
|
21854
21864
|
mode: "single",
|
|
21855
21865
|
validationStatus: "none",
|
|
21856
21866
|
enabled: true,
|
|
@@ -21876,24 +21886,24 @@ const DatePicker = forwardRef(function DatePicker2({
|
|
|
21876
21886
|
id,
|
|
21877
21887
|
initialValue,
|
|
21878
21888
|
value,
|
|
21879
|
-
mode = defaultProps$
|
|
21880
|
-
enabled: enabled2 = defaultProps$
|
|
21889
|
+
mode = defaultProps$C.mode,
|
|
21890
|
+
enabled: enabled2 = defaultProps$C.enabled,
|
|
21881
21891
|
placeholder: placeholder2,
|
|
21882
21892
|
updateState = noop$1,
|
|
21883
|
-
validationStatus = defaultProps$
|
|
21893
|
+
validationStatus = defaultProps$C.validationStatus,
|
|
21884
21894
|
onDidChange = noop$1,
|
|
21885
21895
|
onFocus = noop$1,
|
|
21886
21896
|
onBlur = noop$1,
|
|
21887
|
-
dateFormat = defaultProps$
|
|
21888
|
-
showWeekNumber = defaultProps$
|
|
21889
|
-
weekStartsOn = defaultProps$
|
|
21897
|
+
dateFormat = defaultProps$C.dateFormat,
|
|
21898
|
+
showWeekNumber = defaultProps$C.showWeekNumber,
|
|
21899
|
+
weekStartsOn = defaultProps$C.weekStartsOn,
|
|
21890
21900
|
startDate,
|
|
21891
21901
|
endDate,
|
|
21892
|
-
disabledDates = defaultProps$
|
|
21902
|
+
disabledDates = defaultProps$C.disabledDates,
|
|
21893
21903
|
style: style2,
|
|
21894
21904
|
className,
|
|
21895
21905
|
registerComponentApi,
|
|
21896
|
-
inline = defaultProps$
|
|
21906
|
+
inline = defaultProps$C.inline,
|
|
21897
21907
|
startText,
|
|
21898
21908
|
startIcon,
|
|
21899
21909
|
endText,
|
|
@@ -22244,13 +22254,13 @@ const styles$F = {
|
|
|
22244
22254
|
info: info$1,
|
|
22245
22255
|
valid: valid$6
|
|
22246
22256
|
};
|
|
22247
|
-
const defaultProps$
|
|
22257
|
+
const defaultProps$B = {
|
|
22248
22258
|
fieldValidationResults: EMPTY_OBJECT,
|
|
22249
22259
|
generalValidationResults: EMPTY_ARRAY
|
|
22250
22260
|
};
|
|
22251
22261
|
function ValidationSummary({
|
|
22252
|
-
fieldValidationResults = defaultProps$
|
|
22253
|
-
generalValidationResults = defaultProps$
|
|
22262
|
+
fieldValidationResults = defaultProps$B.fieldValidationResults,
|
|
22263
|
+
generalValidationResults = defaultProps$B.generalValidationResults
|
|
22254
22264
|
}) {
|
|
22255
22265
|
const [animateContainerRef] = useAutoAnimate({ duration: 100 });
|
|
22256
22266
|
const groupedInvalidResults = useMemo(() => {
|
|
@@ -22494,7 +22504,7 @@ const initialState = {
|
|
|
22494
22504
|
submitInProgress: false,
|
|
22495
22505
|
resetVersion: 0
|
|
22496
22506
|
};
|
|
22497
|
-
const defaultProps$
|
|
22507
|
+
const defaultProps$A = {
|
|
22498
22508
|
cancelLabel: "Cancel",
|
|
22499
22509
|
saveLabel: "Save",
|
|
22500
22510
|
saveInProgressLabel: "Saving...",
|
|
@@ -22525,9 +22535,9 @@ const Form = forwardRef(function({
|
|
|
22525
22535
|
style: style2,
|
|
22526
22536
|
className,
|
|
22527
22537
|
enabled: enabled2 = true,
|
|
22528
|
-
cancelLabel = defaultProps$
|
|
22529
|
-
saveLabel = defaultProps$
|
|
22530
|
-
saveInProgressLabel = defaultProps$
|
|
22538
|
+
cancelLabel = defaultProps$A.cancelLabel,
|
|
22539
|
+
saveLabel = defaultProps$A.saveLabel,
|
|
22540
|
+
saveInProgressLabel = defaultProps$A.saveInProgressLabel,
|
|
22531
22541
|
swapCancelAndSave,
|
|
22532
22542
|
onWillSubmit,
|
|
22533
22543
|
onSubmit,
|
|
@@ -22537,13 +22547,13 @@ const Form = forwardRef(function({
|
|
|
22537
22547
|
buttonRow: buttonRow2,
|
|
22538
22548
|
id,
|
|
22539
22549
|
registerComponentApi,
|
|
22540
|
-
itemLabelBreak = defaultProps$
|
|
22550
|
+
itemLabelBreak = defaultProps$A.itemLabelBreak,
|
|
22541
22551
|
itemLabelWidth,
|
|
22542
|
-
itemLabelPosition = defaultProps$
|
|
22543
|
-
keepModalOpenOnSubmit = defaultProps$
|
|
22552
|
+
itemLabelPosition = defaultProps$A.itemLabelPosition,
|
|
22553
|
+
keepModalOpenOnSubmit = defaultProps$A.keepModalOpenOnSubmit,
|
|
22544
22554
|
hideButtonRowUntilDirty,
|
|
22545
|
-
hideButtonRow = defaultProps$
|
|
22546
|
-
enableSubmit = defaultProps$
|
|
22555
|
+
hideButtonRow = defaultProps$A.hideButtonRow,
|
|
22556
|
+
enableSubmit = defaultProps$A.enableSubmit,
|
|
22547
22557
|
...rest
|
|
22548
22558
|
}, ref) {
|
|
22549
22559
|
const formRef = useRef(null);
|
|
@@ -22585,7 +22595,7 @@ const Form = forwardRef(function({
|
|
|
22585
22595
|
onCancel?.();
|
|
22586
22596
|
void requestModalFormClose();
|
|
22587
22597
|
});
|
|
22588
|
-
const doValidate = useEvent(
|
|
22598
|
+
const doValidate = useEvent(() => {
|
|
22589
22599
|
dispatch(triedToSubmit());
|
|
22590
22600
|
const { error: error2, warning: warning2 } = groupInvalidValidationResultsBySeverity(
|
|
22591
22601
|
Object.values(formState.validationResults)
|
|
@@ -22605,7 +22615,7 @@ const Form = forwardRef(function({
|
|
|
22605
22615
|
return;
|
|
22606
22616
|
}
|
|
22607
22617
|
setConfirmSubmitModalVisible(false);
|
|
22608
|
-
const validationResult =
|
|
22618
|
+
const validationResult = doValidate();
|
|
22609
22619
|
if (!validationResult.isValid) {
|
|
22610
22620
|
return;
|
|
22611
22621
|
}
|
|
@@ -22705,7 +22715,16 @@ const Form = forwardRef(function({
|
|
|
22705
22715
|
"cancel"
|
|
22706
22716
|
);
|
|
22707
22717
|
const submitButton = useMemo(
|
|
22708
|
-
() => /* @__PURE__ */ jsx(
|
|
22718
|
+
() => /* @__PURE__ */ jsx(
|
|
22719
|
+
Button,
|
|
22720
|
+
{
|
|
22721
|
+
"data-part-id": PART_SUBMIT_BUTTON,
|
|
22722
|
+
type: "submit",
|
|
22723
|
+
disabled: !isEnabled2 || !enableSubmit,
|
|
22724
|
+
children: formState.submitInProgress ? saveInProgressLabel : saveLabel
|
|
22725
|
+
},
|
|
22726
|
+
"submit"
|
|
22727
|
+
),
|
|
22709
22728
|
[isEnabled2, enableSubmit, formState.submitInProgress, saveInProgressLabel, saveLabel]
|
|
22710
22729
|
);
|
|
22711
22730
|
useEffect(() => {
|
|
@@ -22930,7 +22949,7 @@ function isOptionsExist(options2, newOptions) {
|
|
|
22930
22949
|
(option) => Array.from(options2).some((o) => o.value === option.value || o.label === option.label)
|
|
22931
22950
|
);
|
|
22932
22951
|
}
|
|
22933
|
-
const defaultProps$
|
|
22952
|
+
const defaultProps$z = {
|
|
22934
22953
|
enabled: true,
|
|
22935
22954
|
readOnly: false,
|
|
22936
22955
|
autoFocus: false,
|
|
@@ -22949,27 +22968,27 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
22949
22968
|
id,
|
|
22950
22969
|
initialValue,
|
|
22951
22970
|
value,
|
|
22952
|
-
enabled: enabled2 = defaultProps$
|
|
22971
|
+
enabled: enabled2 = defaultProps$z.enabled,
|
|
22953
22972
|
placeholder: placeholder2,
|
|
22954
|
-
updateState = defaultProps$
|
|
22955
|
-
validationStatus = defaultProps$
|
|
22956
|
-
onDidChange = defaultProps$
|
|
22957
|
-
onFocus = defaultProps$
|
|
22958
|
-
onBlur = defaultProps$
|
|
22959
|
-
onItemCreated = defaultProps$
|
|
22973
|
+
updateState = defaultProps$z.updateState,
|
|
22974
|
+
validationStatus = defaultProps$z.validationStatus,
|
|
22975
|
+
onDidChange = defaultProps$z.onDidChange,
|
|
22976
|
+
onFocus = defaultProps$z.onFocus,
|
|
22977
|
+
onBlur = defaultProps$z.onBlur,
|
|
22978
|
+
onItemCreated = defaultProps$z.onItemCreated,
|
|
22960
22979
|
registerComponentApi,
|
|
22961
22980
|
emptyListTemplate,
|
|
22962
22981
|
style: style2,
|
|
22963
22982
|
className,
|
|
22964
22983
|
children,
|
|
22965
|
-
readOnly: readOnly2 = defaultProps$
|
|
22966
|
-
autoFocus = defaultProps$
|
|
22984
|
+
readOnly: readOnly2 = defaultProps$z.readOnly,
|
|
22985
|
+
autoFocus = defaultProps$z.autoFocus,
|
|
22967
22986
|
dropdownHeight,
|
|
22968
|
-
multi = defaultProps$
|
|
22969
|
-
required: required2 = defaultProps$
|
|
22970
|
-
creatable = defaultProps$
|
|
22987
|
+
multi = defaultProps$z.multi,
|
|
22988
|
+
required: required2 = defaultProps$z.required,
|
|
22989
|
+
creatable = defaultProps$z.creatable,
|
|
22971
22990
|
optionRenderer,
|
|
22972
|
-
initiallyOpen = defaultProps$
|
|
22991
|
+
initiallyOpen = defaultProps$z.initiallyOpen,
|
|
22973
22992
|
...rest
|
|
22974
22993
|
}, forwardedRef) {
|
|
22975
22994
|
const [referenceElement, setReferenceElement] = useState(null);
|
|
@@ -23567,38 +23586,40 @@ const styles$C = {
|
|
|
23567
23586
|
arrow
|
|
23568
23587
|
};
|
|
23569
23588
|
const themeVars$i = `'{"textColor-Text": "var(--xmlui-textColor-Text)", "fontFamily-Text": "var(--xmlui-fontFamily-Text)", "fontSize-Text": "var(--xmlui-fontSize-Text)", "fontStyle-Text": "var(--xmlui-fontStyle-Text)", "fontVariant-Text": "var(--xmlui-fontVariant-Text)", "fontWeight-Text": "var(--xmlui-fontWeight-Text)", "fontStretch-Text": "var(--xmlui-fontStretch-Text)", "textDecorationLine-Text": "var(--xmlui-textDecorationLine-Text)", "textDecorationColor-Text": "var(--xmlui-textDecorationColor-Text)", "textDecorationStyle-Text": "var(--xmlui-textDecorationStyle-Text)", "textDecorationThickness-Text": "var(--xmlui-textDecorationThickness-Text)", "textUnderlineOffset-Text": "var(--xmlui-textUnderlineOffset-Text)", "lineHeight-Text": "var(--xmlui-lineHeight-Text)", "backgroundColor-Text": "var(--xmlui-backgroundColor-Text)", "textTransform-Text": "var(--xmlui-textTransform-Text)", "letterSpacing-Text": "var(--xmlui-letterSpacing-Text)", "wordSpacing-Text": "var(--xmlui-wordSpacing-Text)", "textShadow-Text": "var(--xmlui-textShadow-Text)", "textIndent-Text": "var(--xmlui-textIndent-Text)", "textAlign-Text": "var(--xmlui-textAlign-Text)", "textAlignLast-Text": "var(--xmlui-textAlignLast-Text)", "wordBreak-Text": "var(--xmlui-wordBreak-Text)", "wordWrap-Text": "var(--xmlui-wordWrap-Text)", "direction-Text": "var(--xmlui-direction-Text)", "writingMode-Text": "var(--xmlui-writingMode-Text)", "lineBreak-Text": "var(--xmlui-lineBreak-Text)", "paddingTop-Markdown": "var(--xmlui-paddingTop-Markdown)", "paddingBottom-Markdown": "var(--xmlui-paddingBottom-Markdown)", "backgroundColor-Markdown": "var(--xmlui-backgroundColor-Markdown)", "padding-Blockquote": "var(--xmlui-padding-Blockquote)", "paddingHorizontal-Blockquote": "var(--xmlui-paddingHorizontal-Blockquote, var(--xmlui-padding-Blockquote))", "paddingVertical-Blockquote": "var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote))", "paddingLeft-Blockquote": "var(--xmlui-paddingLeft-Blockquote)", "paddingRight-Blockquote": "var(--xmlui-paddingRight-Blockquote, var(--xmlui-paddingHorizontal-Blockquote, var(--xmlui-padding-Blockquote)))", "paddingTop-Blockquote": "var(--xmlui-paddingTop-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)))", "paddingBottom-Blockquote": "var(--xmlui-paddingBottom-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)))", "border-Blockquote": "var(--xmlui-border-Blockquote)", "borderHorizontal-Blockquote": "var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote))", "borderVertical-Blockquote": "var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote))", "borderLeft-Blockquote": "var(--xmlui-borderLeft-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)))", "borderRight-Blockquote": "var(--xmlui-borderRight-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)))", "borderTop-Blockquote": "var(--xmlui-borderTop-Blockquote, var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote)))", "borderBottom-Blockquote": "var(--xmlui-borderBottom-Blockquote, var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote)))", "borderWidth-Blockquote": "var(--xmlui-borderWidth-Blockquote)", "borderHorizontalWidth-Blockquote": "var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote))", "borderLeftWidth-Blockquote": "var(--xmlui-borderLeftWidth-Blockquote, var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderRightWidth-Blockquote": "var(--xmlui-borderRightWidth-Blockquote, var(--xmlui-borderHorizontalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderVerticalWidth-Blockquote": "var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote))", "borderTopWidth-Blockquote": "var(--xmlui-borderTopWidth-Blockquote, var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderBottomWidth-Blockquote": "var(--xmlui-borderBottomWidth-Blockquote, var(--xmlui-borderVerticalWidth-Blockquote, var(--xmlui-borderWidth-Blockquote)))", "borderStyle-Blockquote": "var(--xmlui-borderStyle-Blockquote)", "borderHorizontalStyle-Blockquote": "var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote))", "borderLeftStyle-Blockquote": "var(--xmlui-borderLeftStyle-Blockquote, var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderRightStyle-Blockquote": "var(--xmlui-borderRightStyle-Blockquote, var(--xmlui-borderHorizontalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderVerticalStyle-Blockquote": "var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote))", "borderTopStyle-Blockquote": "var(--xmlui-borderTopStyle-Blockquote, var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderBottomStyle-Blockquote": "var(--xmlui-borderBottomStyle-Blockquote, var(--xmlui-borderVerticalStyle-Blockquote, var(--xmlui-borderStyle-Blockquote)))", "borderColor-Blockquote": "var(--xmlui-borderColor-Blockquote)", "borderHorizontalColor-Blockquote": "var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote))", "borderLeftColor-Blockquote": "var(--xmlui-borderLeftColor-Blockquote, var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderRightColor-Blockquote": "var(--xmlui-borderRightColor-Blockquote, var(--xmlui-borderHorizontalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderVerticalColor-Blockquote": "var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote))", "borderTopColor-Blockquote": "var(--xmlui-borderTopColor-Blockquote, var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderBottomColor-Blockquote": "var(--xmlui-borderBottomColor-Blockquote, var(--xmlui-borderVerticalColor-Blockquote, var(--xmlui-borderColor-Blockquote)))", "borderStartStartRadius-Blockquote": "var(--xmlui-borderStartStartRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderStartEndRadius-Blockquote": "var(--xmlui-borderStartEndRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderEndStartRadius-Blockquote": "var(--xmlui-borderEndStartRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "borderEndEndRadius-Blockquote": "var(--xmlui-borderEndEndRadius-Blockquote, var(--xmlui-borderRadius-Blockquote))", "color-accent-Blockquote": "var(--xmlui-color-accent-Blockquote)", "width-accent-Blockquote": "var(--xmlui-width-accent-Blockquote)", "backgroundColor-Blockquote": "var(--xmlui-backgroundColor-Blockquote)", "borderRadius-Blockquote": "var(--xmlui-borderRadius-Blockquote)", "marginTop-Blockquote": "var(--xmlui-marginTop-Blockquote)", "marginBottom-Blockquote": "var(--xmlui-marginBottom-Blockquote)", "padding-Admonition": "var(--xmlui-padding-Admonition)", "paddingHorizontal-Admonition": "var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition))", "paddingVertical-Admonition": "var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition))", "paddingLeft-Admonition": "var(--xmlui-paddingLeft-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)))", "paddingRight-Admonition": "var(--xmlui-paddingRight-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)))", "paddingTop-Admonition": "var(--xmlui-paddingTop-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)))", "paddingBottom-Admonition": "var(--xmlui-paddingBottom-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)))", "border-Admonition": "var(--xmlui-border-Admonition)", "borderHorizontal-Admonition": "var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition))", "borderVertical-Admonition": "var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition))", "borderLeft-Admonition": "var(--xmlui-borderLeft-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)))", "borderRight-Admonition": "var(--xmlui-borderRight-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)))", "borderTop-Admonition": "var(--xmlui-borderTop-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)))", "borderBottom-Admonition": "var(--xmlui-borderBottom-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)))", "borderWidth-Admonition": "var(--xmlui-borderWidth-Admonition)", "borderHorizontalWidth-Admonition": "var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition))", "borderLeftWidth-Admonition": "var(--xmlui-borderLeftWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderRightWidth-Admonition": "var(--xmlui-borderRightWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderVerticalWidth-Admonition": "var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition))", "borderTopWidth-Admonition": "var(--xmlui-borderTopWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderBottomWidth-Admonition": "var(--xmlui-borderBottomWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)))", "borderStyle-Admonition": "var(--xmlui-borderStyle-Admonition)", "borderHorizontalStyle-Admonition": "var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition))", "borderLeftStyle-Admonition": "var(--xmlui-borderLeftStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderRightStyle-Admonition": "var(--xmlui-borderRightStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderVerticalStyle-Admonition": "var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition))", "borderTopStyle-Admonition": "var(--xmlui-borderTopStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderBottomStyle-Admonition": "var(--xmlui-borderBottomStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)))", "borderColor-Admonition": "var(--xmlui-borderColor-Admonition)", "borderHorizontalColor-Admonition": "var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition))", "borderLeftColor-Admonition": "var(--xmlui-borderLeftColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderRightColor-Admonition": "var(--xmlui-borderRightColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderVerticalColor-Admonition": "var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition))", "borderTopColor-Admonition": "var(--xmlui-borderTopColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderBottomColor-Admonition": "var(--xmlui-borderBottomColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)))", "borderStartStartRadius-Admonition": "var(--xmlui-borderStartStartRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderStartEndRadius-Admonition": "var(--xmlui-borderStartEndRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderEndStartRadius-Admonition": "var(--xmlui-borderEndStartRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "borderEndEndRadius-Admonition": "var(--xmlui-borderEndEndRadius-Admonition, var(--xmlui-borderRadius-Admonition))", "backgroundColor-Admonition": "var(--xmlui-backgroundColor-Admonition)", "borderRadius-Admonition": "var(--xmlui-borderRadius-Admonition)", "size-icon-Admonition": "var(--xmlui-size-icon-Admonition)", "marginTop-Admonition": "var(--xmlui-marginTop-Admonition)", "marginBottom-Admonition": "var(--xmlui-marginBottom-Admonition)", "marginLeft-Admonition-content": "var(--xmlui-marginLeft-Admonition-content)", "marginTop-HtmlVideo": "var(--xmlui-marginTop-HtmlVideo)", "marginBottom-HtmlVideo": "var(--xmlui-marginBottom-HtmlVideo)", "marginTop-Text-markdown": "var(--xmlui-marginTop-Text-markdown)", "marginBottom-Text-markdown": "var(--xmlui-marginBottom-Text-markdown)", "marginLeft-Text-markdown": "var(--xmlui-marginLeft-Text-markdown)", "marginRight-Text-markdown": "var(--xmlui-marginRight-Text-markdown)", "marginTop-H1-markdown": "var(--xmlui-marginTop-H1-markdown)", "marginBottom-H1-markdown": "var(--xmlui-marginBottom-H1-markdown)", "fontSize-H1-markdown": "var(--xmlui-fontSize-H1-markdown)", "marginTop-H2-markdown": "var(--xmlui-marginTop-H2-markdown)", "marginBottom-H2-markdown": "var(--xmlui-marginBottom-H2-markdown)", "marginTop-H3-markdown": "var(--xmlui-marginTop-H3-markdown)", "marginBottom-H3-markdown": "var(--xmlui-marginBottom-H3-markdown)", "marginTop-H4-markdown": "var(--xmlui-marginTop-H4-markdown)", "marginBottom-H4-markdown": "var(--xmlui-marginBottom-H4-markdown)", "marginTop-H5-markdown": "var(--xmlui-marginTop-H5-markdown)", "marginBottom-H5-markdown": "var(--xmlui-marginBottom-H5-markdown)", "marginTop-H6-markdown": "var(--xmlui-marginTop-H6-markdown)", "marginBottom-H6-markdown": "var(--xmlui-marginBottom-H6-markdown)", "marginTop-Image-markdown": "var(--xmlui-marginTop-Image-markdown)", "marginBottom-Image-markdown": "var(--xmlui-marginBottom-Image-markdown)", "marginLeft-Image-markdown": "var(--xmlui-marginLeft-Image-markdown)", "marginRight-Image-markdown": "var(--xmlui-marginRight-Image-markdown)", "backgroundColor-Admonition-info": "var(--xmlui-backgroundColor-Admonition-info)", "borderColor-Admonition-info": "var(--xmlui-borderColor-Admonition-info)", "backgroundColor-Admonition-warning": "var(--xmlui-backgroundColor-Admonition-warning)", "borderColor-Admonition-warning": "var(--xmlui-borderColor-Admonition-warning)", "backgroundColor-Admonition-danger": "var(--xmlui-backgroundColor-Admonition-danger)", "borderColor-Admonition-danger": "var(--xmlui-borderColor-Admonition-danger)", "backgroundColor-Admonition-note": "var(--xmlui-backgroundColor-Admonition-note)", "borderColor-Admonition-note": "var(--xmlui-borderColor-Admonition-note)", "backgroundColor-Admonition-tip": "var(--xmlui-backgroundColor-Admonition-tip)", "borderColor-Admonition-tip": "var(--xmlui-borderColor-Admonition-tip)", "borderColor-HorizontalRule": "var(--xmlui-borderColor-HorizontalRule)", "borderStyle-HorizontalRule": "var(--xmlui-borderStyle-HorizontalRule)", "borderWidth-HorizontalRule": "var(--xmlui-borderWidth-HorizontalRule)", "textColor-HtmlTable": "var(--xmlui-textColor-HtmlTable)", "backgroundColor-HtmlTable": "var(--xmlui-backgroundColor-HtmlTable)", "fontFamily-HtmlTable": "var(--xmlui-fontFamily-HtmlTable)", "fontSize-HtmlTable": "var(--xmlui-fontSize-HtmlTable)", "fontWeight-HtmlTable": "var(--xmlui-fontWeight-HtmlTable)", "textTransform-HtmlTable": "var(--xmlui-textTransform-HtmlTable)", "marginTop-HtmlTable": "var(--xmlui-marginTop-HtmlTable)", "marginBottom-HtmlTable": "var(--xmlui-marginBottom-HtmlTable)", "width-HtmlTable": "var(--xmlui-width-HtmlTable)", "border-HtmlTable": "var(--xmlui-border-HtmlTable)", "borderHorizontal-HtmlTable": "var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable))", "borderVertical-HtmlTable": "var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable))", "borderLeft-HtmlTable": "var(--xmlui-borderLeft-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderRight-HtmlTable": "var(--xmlui-borderRight-HtmlTable, var(--xmlui-borderHorizontal-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderTop-HtmlTable": "var(--xmlui-borderTop-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderBottom-HtmlTable": "var(--xmlui-borderBottom-HtmlTable, var(--xmlui-borderVertical-HtmlTable, var(--xmlui-border-HtmlTable)))", "borderWidth-HtmlTable": "var(--xmlui-borderWidth-HtmlTable)", "borderHorizontalWidth-HtmlTable": "var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderLeftWidth-HtmlTable": "var(--xmlui-borderLeftWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderRightWidth-HtmlTable": "var(--xmlui-borderRightWidth-HtmlTable, var(--xmlui-borderHorizontalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderVerticalWidth-HtmlTable": "var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable))", "borderTopWidth-HtmlTable": "var(--xmlui-borderTopWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderBottomWidth-HtmlTable": "var(--xmlui-borderBottomWidth-HtmlTable, var(--xmlui-borderVerticalWidth-HtmlTable, var(--xmlui-borderWidth-HtmlTable)))", "borderStyle-HtmlTable": "var(--xmlui-borderStyle-HtmlTable)", "borderHorizontalStyle-HtmlTable": "var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderLeftStyle-HtmlTable": "var(--xmlui-borderLeftStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderRightStyle-HtmlTable": "var(--xmlui-borderRightStyle-HtmlTable, var(--xmlui-borderHorizontalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderVerticalStyle-HtmlTable": "var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable))", "borderTopStyle-HtmlTable": "var(--xmlui-borderTopStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderBottomStyle-HtmlTable": "var(--xmlui-borderBottomStyle-HtmlTable, var(--xmlui-borderVerticalStyle-HtmlTable, var(--xmlui-borderStyle-HtmlTable)))", "borderColor-HtmlTable": "var(--xmlui-borderColor-HtmlTable)", "borderHorizontalColor-HtmlTable": "var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderLeftColor-HtmlTable": "var(--xmlui-borderLeftColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderRightColor-HtmlTable": "var(--xmlui-borderRightColor-HtmlTable, var(--xmlui-borderHorizontalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderVerticalColor-HtmlTable": "var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable))", "borderTopColor-HtmlTable": "var(--xmlui-borderTopColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderBottomColor-HtmlTable": "var(--xmlui-borderBottomColor-HtmlTable, var(--xmlui-borderVerticalColor-HtmlTable, var(--xmlui-borderColor-HtmlTable)))", "borderStartStartRadius-HtmlTable": "var(--xmlui-borderStartStartRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderStartEndRadius-HtmlTable": "var(--xmlui-borderStartEndRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderEndStartRadius-HtmlTable": "var(--xmlui-borderEndStartRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "borderEndEndRadius-HtmlTable": "var(--xmlui-borderEndEndRadius-HtmlTable, var(--xmlui-borderRadius-HtmlTable))", "padding-HtmlTable": "var(--xmlui-padding-HtmlTable)", "paddingHorizontal-HtmlTable": "var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingVertical-HtmlTable": "var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable))", "paddingLeft-HtmlTable": "var(--xmlui-paddingLeft-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingRight-HtmlTable": "var(--xmlui-paddingRight-HtmlTable, var(--xmlui-paddingHorizontal-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingTop-HtmlTable": "var(--xmlui-paddingTop-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "paddingBottom-HtmlTable": "var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)))", "backgroundColor-HtmlThead": "var(--xmlui-backgroundColor-HtmlThead)", "textColor-HtmlThead": "var(--xmlui-textColor-HtmlThead)", "fontWeight-HtmlThead": "var(--xmlui-fontWeight-HtmlThead)", "fontSize-HtmlThead": "var(--xmlui-fontSize-HtmlThead)", "textTransform-HtmlThead": "var(--xmlui-textTransform-HtmlThead)", "border-HtmlThead": "var(--xmlui-border-HtmlThead)", "borderHorizontal-HtmlThead": "var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead))", "borderVertical-HtmlThead": "var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead))", "borderLeft-HtmlThead": "var(--xmlui-borderLeft-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderRight-HtmlThead": "var(--xmlui-borderRight-HtmlThead, var(--xmlui-borderHorizontal-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderTop-HtmlThead": "var(--xmlui-borderTop-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderBottom-HtmlThead": "var(--xmlui-borderBottom-HtmlThead, var(--xmlui-borderVertical-HtmlThead, var(--xmlui-border-HtmlThead)))", "borderWidth-HtmlThead": "var(--xmlui-borderWidth-HtmlThead)", "borderHorizontalWidth-HtmlThead": "var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderLeftWidth-HtmlThead": "var(--xmlui-borderLeftWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderRightWidth-HtmlThead": "var(--xmlui-borderRightWidth-HtmlThead, var(--xmlui-borderHorizontalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderVerticalWidth-HtmlThead": "var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead))", "borderTopWidth-HtmlThead": "var(--xmlui-borderTopWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderBottomWidth-HtmlThead": "var(--xmlui-borderBottomWidth-HtmlThead, var(--xmlui-borderVerticalWidth-HtmlThead, var(--xmlui-borderWidth-HtmlThead)))", "borderStyle-HtmlThead": "var(--xmlui-borderStyle-HtmlThead)", "borderHorizontalStyle-HtmlThead": "var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderLeftStyle-HtmlThead": "var(--xmlui-borderLeftStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderRightStyle-HtmlThead": "var(--xmlui-borderRightStyle-HtmlThead, var(--xmlui-borderHorizontalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderVerticalStyle-HtmlThead": "var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead))", "borderTopStyle-HtmlThead": "var(--xmlui-borderTopStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderBottomStyle-HtmlThead": "var(--xmlui-borderBottomStyle-HtmlThead, var(--xmlui-borderVerticalStyle-HtmlThead, var(--xmlui-borderStyle-HtmlThead)))", "borderColor-HtmlThead": "var(--xmlui-borderColor-HtmlThead)", "borderHorizontalColor-HtmlThead": "var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderLeftColor-HtmlThead": "var(--xmlui-borderLeftColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderRightColor-HtmlThead": "var(--xmlui-borderRightColor-HtmlThead, var(--xmlui-borderHorizontalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderVerticalColor-HtmlThead": "var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead))", "borderTopColor-HtmlThead": "var(--xmlui-borderTopColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderBottomColor-HtmlThead": "var(--xmlui-borderBottomColor-HtmlThead, var(--xmlui-borderVerticalColor-HtmlThead, var(--xmlui-borderColor-HtmlThead)))", "borderStartStartRadius-HtmlThead": "var(--xmlui-borderStartStartRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderStartEndRadius-HtmlThead": "var(--xmlui-borderStartEndRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderEndStartRadius-HtmlThead": "var(--xmlui-borderEndStartRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "borderEndEndRadius-HtmlThead": "var(--xmlui-borderEndEndRadius-HtmlThead, var(--xmlui-borderRadius-HtmlThead))", "padding-HtmlThead": "var(--xmlui-padding-HtmlThead)", "paddingHorizontal-HtmlThead": "var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingVertical-HtmlThead": "var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead))", "paddingLeft-HtmlThead": "var(--xmlui-paddingLeft-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingRight-HtmlThead": "var(--xmlui-paddingRight-HtmlThead, var(--xmlui-paddingHorizontal-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingTop-HtmlThead": "var(--xmlui-paddingTop-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "paddingBottom-HtmlThead": "var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)))", "backgroundColor-HtmlTbody": "var(--xmlui-backgroundColor-HtmlTbody)", "textColor-HtmlTbody": "var(--xmlui-textColor-HtmlTbody)", "textAlign-HtmlTbody": "var(--xmlui-textAlign-HtmlTbody)", "verticalAlignment-HtmlTbody": "var(--xmlui-verticalAlignment-HtmlTbody)", "textTransform-HtmlTbody": "var(--xmlui-textTransform-HtmlTbody)", "backgroundColor-HtmlTfoot": "var(--xmlui-backgroundColor-HtmlTfoot)", "textColor-HtmlTfoot": "var(--xmlui-textColor-HtmlTfoot)", "backgroundColor-HtmlTh": "var(--xmlui-backgroundColor-HtmlTh)", "textColor-HtmlTh": "var(--xmlui-textColor-HtmlTh)", "fontWeight-HtmlTh": "var(--xmlui-fontWeight-HtmlTh)", "fontSize-HtmlTh": "var(--xmlui-fontSize-HtmlTh)", "backgroundColor-HtmlTh--hover": "var(--xmlui-backgroundColor-HtmlTh--hover)", "border-HtmlTh": "var(--xmlui-border-HtmlTh)", "borderHorizontal-HtmlTh": "var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh))", "borderVertical-HtmlTh": "var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh))", "borderLeft-HtmlTh": "var(--xmlui-borderLeft-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderRight-HtmlTh": "var(--xmlui-borderRight-HtmlTh, var(--xmlui-borderHorizontal-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderTop-HtmlTh": "var(--xmlui-borderTop-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderBottom-HtmlTh": "var(--xmlui-borderBottom-HtmlTh, var(--xmlui-borderVertical-HtmlTh, var(--xmlui-border-HtmlTh)))", "borderWidth-HtmlTh": "var(--xmlui-borderWidth-HtmlTh)", "borderHorizontalWidth-HtmlTh": "var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderLeftWidth-HtmlTh": "var(--xmlui-borderLeftWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderRightWidth-HtmlTh": "var(--xmlui-borderRightWidth-HtmlTh, var(--xmlui-borderHorizontalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderVerticalWidth-HtmlTh": "var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh))", "borderTopWidth-HtmlTh": "var(--xmlui-borderTopWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderBottomWidth-HtmlTh": "var(--xmlui-borderBottomWidth-HtmlTh, var(--xmlui-borderVerticalWidth-HtmlTh, var(--xmlui-borderWidth-HtmlTh)))", "borderStyle-HtmlTh": "var(--xmlui-borderStyle-HtmlTh)", "borderHorizontalStyle-HtmlTh": "var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderLeftStyle-HtmlTh": "var(--xmlui-borderLeftStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderRightStyle-HtmlTh": "var(--xmlui-borderRightStyle-HtmlTh, var(--xmlui-borderHorizontalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderVerticalStyle-HtmlTh": "var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh))", "borderTopStyle-HtmlTh": "var(--xmlui-borderTopStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderBottomStyle-HtmlTh": "var(--xmlui-borderBottomStyle-HtmlTh, var(--xmlui-borderVerticalStyle-HtmlTh, var(--xmlui-borderStyle-HtmlTh)))", "borderColor-HtmlTh": "var(--xmlui-borderColor-HtmlTh)", "borderHorizontalColor-HtmlTh": "var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderLeftColor-HtmlTh": "var(--xmlui-borderLeftColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderRightColor-HtmlTh": "var(--xmlui-borderRightColor-HtmlTh, var(--xmlui-borderHorizontalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderVerticalColor-HtmlTh": "var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh))", "borderTopColor-HtmlTh": "var(--xmlui-borderTopColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderBottomColor-HtmlTh": "var(--xmlui-borderBottomColor-HtmlTh, var(--xmlui-borderVerticalColor-HtmlTh, var(--xmlui-borderColor-HtmlTh)))", "borderStartStartRadius-HtmlTh": "var(--xmlui-borderStartStartRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderStartEndRadius-HtmlTh": "var(--xmlui-borderStartEndRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderEndStartRadius-HtmlTh": "var(--xmlui-borderEndStartRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "borderEndEndRadius-HtmlTh": "var(--xmlui-borderEndEndRadius-HtmlTh, var(--xmlui-borderRadius-HtmlTh))", "padding-HtmlTh": "var(--xmlui-padding-HtmlTh)", "paddingHorizontal-HtmlTh": "var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingVertical-HtmlTh": "var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh))", "paddingLeft-HtmlTh": "var(--xmlui-paddingLeft-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingRight-HtmlTh": "var(--xmlui-paddingRight-HtmlTh, var(--xmlui-paddingHorizontal-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingTop-HtmlTh": "var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "paddingBottom-HtmlTh": "var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)))", "backgroundColor-HtmlTr": "var(--xmlui-backgroundColor-HtmlTr)", "backgroundColor-HtmlTr--hover": "var(--xmlui-backgroundColor-HtmlTr--hover)", "backgroundColor-even-HtmlTr": "var(--xmlui-backgroundColor-even-HtmlTr)", "textColor-HtmlTr": "var(--xmlui-textColor-HtmlTr)", "textColor-HtmlTr--hover": "var(--xmlui-textColor-HtmlTr--hover)", "fontSize-HtmlTr": "var(--xmlui-fontSize-HtmlTr)", "fontWeight-HtmlTr": "var(--xmlui-fontWeight-HtmlTr)", "border-HtmlTr": "var(--xmlui-border-HtmlTr)", "borderHorizontal-HtmlTr": "var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr))", "borderVertical-HtmlTr": "var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr))", "borderLeft-HtmlTr": "var(--xmlui-borderLeft-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderRight-HtmlTr": "var(--xmlui-borderRight-HtmlTr, var(--xmlui-borderHorizontal-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderTop-HtmlTr": "var(--xmlui-borderTop-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderBottom-HtmlTr": "var(--xmlui-borderBottom-HtmlTr, var(--xmlui-borderVertical-HtmlTr, var(--xmlui-border-HtmlTr)))", "borderWidth-HtmlTr": "var(--xmlui-borderWidth-HtmlTr)", "borderHorizontalWidth-HtmlTr": "var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderLeftWidth-HtmlTr": "var(--xmlui-borderLeftWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderRightWidth-HtmlTr": "var(--xmlui-borderRightWidth-HtmlTr, var(--xmlui-borderHorizontalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderVerticalWidth-HtmlTr": "var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr))", "borderTopWidth-HtmlTr": "var(--xmlui-borderTopWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderBottomWidth-HtmlTr": "var(--xmlui-borderBottomWidth-HtmlTr, var(--xmlui-borderVerticalWidth-HtmlTr, var(--xmlui-borderWidth-HtmlTr)))", "borderStyle-HtmlTr": "var(--xmlui-borderStyle-HtmlTr)", "borderHorizontalStyle-HtmlTr": "var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderLeftStyle-HtmlTr": "var(--xmlui-borderLeftStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderRightStyle-HtmlTr": "var(--xmlui-borderRightStyle-HtmlTr, var(--xmlui-borderHorizontalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderVerticalStyle-HtmlTr": "var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr))", "borderTopStyle-HtmlTr": "var(--xmlui-borderTopStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderBottomStyle-HtmlTr": "var(--xmlui-borderBottomStyle-HtmlTr, var(--xmlui-borderVerticalStyle-HtmlTr, var(--xmlui-borderStyle-HtmlTr)))", "borderColor-HtmlTr": "var(--xmlui-borderColor-HtmlTr)", "borderHorizontalColor-HtmlTr": "var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderLeftColor-HtmlTr": "var(--xmlui-borderLeftColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderRightColor-HtmlTr": "var(--xmlui-borderRightColor-HtmlTr, var(--xmlui-borderHorizontalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderVerticalColor-HtmlTr": "var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr))", "borderTopColor-HtmlTr": "var(--xmlui-borderTopColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderBottomColor-HtmlTr": "var(--xmlui-borderBottomColor-HtmlTr, var(--xmlui-borderVerticalColor-HtmlTr, var(--xmlui-borderColor-HtmlTr)))", "borderStartStartRadius-HtmlTr": "var(--xmlui-borderStartStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderStartEndRadius-HtmlTr": "var(--xmlui-borderStartEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderEndStartRadius-HtmlTr": "var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "borderEndEndRadius-HtmlTr": "var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr))", "backgroundColor-HtmlTd": "var(--xmlui-backgroundColor-HtmlTd)", "text-align-HtmlTd": "var(--xmlui-text-align-HtmlTd)", "verticalAlignment-HtmlTd": "var(--xmlui-verticalAlignment-HtmlTd)", "fontSize-HtmlTd": "var(--xmlui-fontSize-HtmlTd)", "fontWeight-HtmlTd": "var(--xmlui-fontWeight-HtmlTd)", "border-HtmlTd": "var(--xmlui-border-HtmlTd)", "borderHorizontal-HtmlTd": "var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd))", "borderVertical-HtmlTd": "var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd))", "borderLeft-HtmlTd": "var(--xmlui-borderLeft-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderRight-HtmlTd": "var(--xmlui-borderRight-HtmlTd, var(--xmlui-borderHorizontal-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderTop-HtmlTd": "var(--xmlui-borderTop-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderBottom-HtmlTd": "var(--xmlui-borderBottom-HtmlTd, var(--xmlui-borderVertical-HtmlTd, var(--xmlui-border-HtmlTd)))", "borderWidth-HtmlTd": "var(--xmlui-borderWidth-HtmlTd)", "borderHorizontalWidth-HtmlTd": "var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderLeftWidth-HtmlTd": "var(--xmlui-borderLeftWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderRightWidth-HtmlTd": "var(--xmlui-borderRightWidth-HtmlTd, var(--xmlui-borderHorizontalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderVerticalWidth-HtmlTd": "var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd))", "borderTopWidth-HtmlTd": "var(--xmlui-borderTopWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderBottomWidth-HtmlTd": "var(--xmlui-borderBottomWidth-HtmlTd, var(--xmlui-borderVerticalWidth-HtmlTd, var(--xmlui-borderWidth-HtmlTd)))", "borderStyle-HtmlTd": "var(--xmlui-borderStyle-HtmlTd)", "borderHorizontalStyle-HtmlTd": "var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderLeftStyle-HtmlTd": "var(--xmlui-borderLeftStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderRightStyle-HtmlTd": "var(--xmlui-borderRightStyle-HtmlTd, var(--xmlui-borderHorizontalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderVerticalStyle-HtmlTd": "var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd))", "borderTopStyle-HtmlTd": "var(--xmlui-borderTopStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderBottomStyle-HtmlTd": "var(--xmlui-borderBottomStyle-HtmlTd, var(--xmlui-borderVerticalStyle-HtmlTd, var(--xmlui-borderStyle-HtmlTd)))", "borderColor-HtmlTd": "var(--xmlui-borderColor-HtmlTd)", "borderHorizontalColor-HtmlTd": "var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderLeftColor-HtmlTd": "var(--xmlui-borderLeftColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderRightColor-HtmlTd": "var(--xmlui-borderRightColor-HtmlTd, var(--xmlui-borderHorizontalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderVerticalColor-HtmlTd": "var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd))", "borderTopColor-HtmlTd": "var(--xmlui-borderTopColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderBottomColor-HtmlTd": "var(--xmlui-borderBottomColor-HtmlTd, var(--xmlui-borderVerticalColor-HtmlTd, var(--xmlui-borderColor-HtmlTd)))", "borderStartStartRadius-HtmlTd": "var(--xmlui-borderStartStartRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderStartEndRadius-HtmlTd": "var(--xmlui-borderStartEndRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderEndStartRadius-HtmlTd": "var(--xmlui-borderEndStartRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "borderEndEndRadius-HtmlTd": "var(--xmlui-borderEndEndRadius-HtmlTd, var(--xmlui-borderRadius-HtmlTd))", "padding-HtmlTd": "var(--xmlui-padding-HtmlTd)", "paddingHorizontal-HtmlTd": "var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingVertical-HtmlTd": "var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd))", "paddingLeft-HtmlTd": "var(--xmlui-paddingLeft-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingRight-HtmlTd": "var(--xmlui-paddingRight-HtmlTd, var(--xmlui-paddingHorizontal-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingTop-HtmlTd": "var(--xmlui-paddingTop-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "paddingBottom-HtmlTd": "var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)))", "border-HtmlOl": "var(--xmlui-border-HtmlOl)", "borderHorizontal-HtmlOl": "var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl))", "borderVertical-HtmlOl": "var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl))", "borderLeft-HtmlOl": "var(--xmlui-borderLeft-HtmlOl, var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderRight-HtmlOl": "var(--xmlui-borderRight-HtmlOl, var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderTop-HtmlOl": "var(--xmlui-borderTop-HtmlOl, var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderBottom-HtmlOl": "var(--xmlui-borderBottom-HtmlOl, var(--xmlui-borderVertical-HtmlOl, var(--xmlui-border-HtmlOl)))", "borderWidth-HtmlOl": "var(--xmlui-borderWidth-HtmlOl)", "borderHorizontalWidth-HtmlOl": "var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl))", "borderLeftWidth-HtmlOl": "var(--xmlui-borderLeftWidth-HtmlOl, var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderRightWidth-HtmlOl": "var(--xmlui-borderRightWidth-HtmlOl, var(--xmlui-borderHorizontalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderVerticalWidth-HtmlOl": "var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl))", "borderTopWidth-HtmlOl": "var(--xmlui-borderTopWidth-HtmlOl, var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderBottomWidth-HtmlOl": "var(--xmlui-borderBottomWidth-HtmlOl, var(--xmlui-borderVerticalWidth-HtmlOl, var(--xmlui-borderWidth-HtmlOl)))", "borderStyle-HtmlOl": "var(--xmlui-borderStyle-HtmlOl)", "borderHorizontalStyle-HtmlOl": "var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl))", "borderLeftStyle-HtmlOl": "var(--xmlui-borderLeftStyle-HtmlOl, var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderRightStyle-HtmlOl": "var(--xmlui-borderRightStyle-HtmlOl, var(--xmlui-borderHorizontalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderVerticalStyle-HtmlOl": "var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl))", "borderTopStyle-HtmlOl": "var(--xmlui-borderTopStyle-HtmlOl, var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderBottomStyle-HtmlOl": "var(--xmlui-borderBottomStyle-HtmlOl, var(--xmlui-borderVerticalStyle-HtmlOl, var(--xmlui-borderStyle-HtmlOl)))", "borderColor-HtmlOl": "var(--xmlui-borderColor-HtmlOl)", "borderHorizontalColor-HtmlOl": "var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl))", "borderLeftColor-HtmlOl": "var(--xmlui-borderLeftColor-HtmlOl, var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderRightColor-HtmlOl": "var(--xmlui-borderRightColor-HtmlOl, var(--xmlui-borderHorizontalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderVerticalColor-HtmlOl": "var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl))", "borderTopColor-HtmlOl": "var(--xmlui-borderTopColor-HtmlOl, var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderBottomColor-HtmlOl": "var(--xmlui-borderBottomColor-HtmlOl, var(--xmlui-borderVerticalColor-HtmlOl, var(--xmlui-borderColor-HtmlOl)))", "borderStartStartRadius-HtmlOl": "var(--xmlui-borderStartStartRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderStartEndRadius-HtmlOl": "var(--xmlui-borderStartEndRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderEndStartRadius-HtmlOl": "var(--xmlui-borderEndStartRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "borderEndEndRadius-HtmlOl": "var(--xmlui-borderEndEndRadius-HtmlOl, var(--xmlui-borderRadius-HtmlOl))", "padding-HtmlOl": "var(--xmlui-padding-HtmlOl)", "paddingHorizontal-HtmlOl": "var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl))", "paddingVertical-HtmlOl": "var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl))", "paddingLeft-HtmlOl": "var(--xmlui-paddingLeft-HtmlOl, var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingRight-HtmlOl": "var(--xmlui-paddingRight-HtmlOl, var(--xmlui-paddingHorizontal-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingTop-HtmlOl": "var(--xmlui-paddingTop-HtmlOl, var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl)))", "paddingBottom-HtmlOl": "var(--xmlui-paddingBottom-HtmlOl, var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl)))", "marginTop-HtmlOl": "var(--xmlui-marginTop-HtmlOl)", "marginBottom-HtmlOl": "var(--xmlui-marginBottom-HtmlOl)", "border-HtmlUl": "var(--xmlui-border-HtmlUl)", "borderHorizontal-HtmlUl": "var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl))", "borderVertical-HtmlUl": "var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl))", "borderLeft-HtmlUl": "var(--xmlui-borderLeft-HtmlUl, var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderRight-HtmlUl": "var(--xmlui-borderRight-HtmlUl, var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderTop-HtmlUl": "var(--xmlui-borderTop-HtmlUl, var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderBottom-HtmlUl": "var(--xmlui-borderBottom-HtmlUl, var(--xmlui-borderVertical-HtmlUl, var(--xmlui-border-HtmlUl)))", "borderWidth-HtmlUl": "var(--xmlui-borderWidth-HtmlUl)", "borderHorizontalWidth-HtmlUl": "var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl))", "borderLeftWidth-HtmlUl": "var(--xmlui-borderLeftWidth-HtmlUl, var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderRightWidth-HtmlUl": "var(--xmlui-borderRightWidth-HtmlUl, var(--xmlui-borderHorizontalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderVerticalWidth-HtmlUl": "var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl))", "borderTopWidth-HtmlUl": "var(--xmlui-borderTopWidth-HtmlUl, var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderBottomWidth-HtmlUl": "var(--xmlui-borderBottomWidth-HtmlUl, var(--xmlui-borderVerticalWidth-HtmlUl, var(--xmlui-borderWidth-HtmlUl)))", "borderStyle-HtmlUl": "var(--xmlui-borderStyle-HtmlUl)", "borderHorizontalStyle-HtmlUl": "var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl))", "borderLeftStyle-HtmlUl": "var(--xmlui-borderLeftStyle-HtmlUl, var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderRightStyle-HtmlUl": "var(--xmlui-borderRightStyle-HtmlUl, var(--xmlui-borderHorizontalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderVerticalStyle-HtmlUl": "var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl))", "borderTopStyle-HtmlUl": "var(--xmlui-borderTopStyle-HtmlUl, var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderBottomStyle-HtmlUl": "var(--xmlui-borderBottomStyle-HtmlUl, var(--xmlui-borderVerticalStyle-HtmlUl, var(--xmlui-borderStyle-HtmlUl)))", "borderColor-HtmlUl": "var(--xmlui-borderColor-HtmlUl)", "borderHorizontalColor-HtmlUl": "var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl))", "borderLeftColor-HtmlUl": "var(--xmlui-borderLeftColor-HtmlUl, var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderRightColor-HtmlUl": "var(--xmlui-borderRightColor-HtmlUl, var(--xmlui-borderHorizontalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderVerticalColor-HtmlUl": "var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl))", "borderTopColor-HtmlUl": "var(--xmlui-borderTopColor-HtmlUl, var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderBottomColor-HtmlUl": "var(--xmlui-borderBottomColor-HtmlUl, var(--xmlui-borderVerticalColor-HtmlUl, var(--xmlui-borderColor-HtmlUl)))", "borderStartStartRadius-HtmlUl": "var(--xmlui-borderStartStartRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderStartEndRadius-HtmlUl": "var(--xmlui-borderStartEndRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderEndStartRadius-HtmlUl": "var(--xmlui-borderEndStartRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "borderEndEndRadius-HtmlUl": "var(--xmlui-borderEndEndRadius-HtmlUl, var(--xmlui-borderRadius-HtmlUl))", "padding-HtmlUl": "var(--xmlui-padding-HtmlUl)", "paddingHorizontal-HtmlUl": "var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl))", "paddingVertical-HtmlUl": "var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl))", "paddingLeft-HtmlUl": "var(--xmlui-paddingLeft-HtmlUl, var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingRight-HtmlUl": "var(--xmlui-paddingRight-HtmlUl, var(--xmlui-paddingHorizontal-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingTop-HtmlUl": "var(--xmlui-paddingTop-HtmlUl, var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl)))", "paddingBottom-HtmlUl": "var(--xmlui-paddingBottom-HtmlUl, var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl)))", "marginTop-HtmlUl": "var(--xmlui-marginTop-HtmlUl)", "marginBottom-HtmlUl": "var(--xmlui-marginBottom-HtmlUl)", "border-HtmlLi": "var(--xmlui-border-HtmlLi)", "borderHorizontal-HtmlLi": "var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi))", "borderVertical-HtmlLi": "var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi))", "borderLeft-HtmlLi": "var(--xmlui-borderLeft-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderRight-HtmlLi": "var(--xmlui-borderRight-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderTop-HtmlLi": "var(--xmlui-borderTop-HtmlLi, var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderBottom-HtmlLi": "var(--xmlui-borderBottom-HtmlLi, var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi)))", "borderWidth-HtmlLi": "var(--xmlui-borderWidth-HtmlLi)", "borderHorizontalWidth-HtmlLi": "var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi))", "borderLeftWidth-HtmlLi": "var(--xmlui-borderLeftWidth-HtmlLi, var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderRightWidth-HtmlLi": "var(--xmlui-borderRightWidth-HtmlLi, var(--xmlui-borderHorizontalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderVerticalWidth-HtmlLi": "var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi))", "borderTopWidth-HtmlLi": "var(--xmlui-borderTopWidth-HtmlLi, var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderBottomWidth-HtmlLi": "var(--xmlui-borderBottomWidth-HtmlLi, var(--xmlui-borderVerticalWidth-HtmlLi, var(--xmlui-borderWidth-HtmlLi)))", "borderStyle-HtmlLi": "var(--xmlui-borderStyle-HtmlLi)", "borderHorizontalStyle-HtmlLi": "var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi))", "borderLeftStyle-HtmlLi": "var(--xmlui-borderLeftStyle-HtmlLi, var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderRightStyle-HtmlLi": "var(--xmlui-borderRightStyle-HtmlLi, var(--xmlui-borderHorizontalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderVerticalStyle-HtmlLi": "var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi))", "borderTopStyle-HtmlLi": "var(--xmlui-borderTopStyle-HtmlLi, var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderBottomStyle-HtmlLi": "var(--xmlui-borderBottomStyle-HtmlLi, var(--xmlui-borderVerticalStyle-HtmlLi, var(--xmlui-borderStyle-HtmlLi)))", "borderColor-HtmlLi": "var(--xmlui-borderColor-HtmlLi)", "borderHorizontalColor-HtmlLi": "var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi))", "borderLeftColor-HtmlLi": "var(--xmlui-borderLeftColor-HtmlLi, var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderRightColor-HtmlLi": "var(--xmlui-borderRightColor-HtmlLi, var(--xmlui-borderHorizontalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderVerticalColor-HtmlLi": "var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi))", "borderTopColor-HtmlLi": "var(--xmlui-borderTopColor-HtmlLi, var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderBottomColor-HtmlLi": "var(--xmlui-borderBottomColor-HtmlLi, var(--xmlui-borderVerticalColor-HtmlLi, var(--xmlui-borderColor-HtmlLi)))", "borderStartStartRadius-HtmlLi": "var(--xmlui-borderStartStartRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderStartEndRadius-HtmlLi": "var(--xmlui-borderStartEndRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderEndStartRadius-HtmlLi": "var(--xmlui-borderEndStartRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "borderEndEndRadius-HtmlLi": "var(--xmlui-borderEndEndRadius-HtmlLi, var(--xmlui-borderRadius-HtmlLi))", "padding-HtmlLi": "var(--xmlui-padding-HtmlLi)", "paddingHorizontal-HtmlLi": "var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi))", "paddingVertical-HtmlLi": "var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi))", "paddingLeft-HtmlLi": "var(--xmlui-paddingLeft-HtmlLi, var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingRight-HtmlLi": "var(--xmlui-paddingRight-HtmlLi, var(--xmlui-paddingHorizontal-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingTop-HtmlLi": "var(--xmlui-paddingTop-HtmlLi, var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi)))", "paddingBottom-HtmlLi": "var(--xmlui-paddingBottom-HtmlLi, var(--xmlui-paddingVertical-HtmlLi, var(--xmlui-padding-HtmlLi)))", "marginLeft-HtmlLi": "var(--xmlui-marginLeft-HtmlLi)", "marginTop-HtmlLi": "var(--xmlui-marginTop-HtmlLi)", "marginBottom-HtmlLi": "var(--xmlui-marginBottom-HtmlLi)", "listStyleType-HtmlLi": "var(--xmlui-listStyleType-HtmlLi)", "border-HtmlDetails": "var(--xmlui-border-HtmlDetails)", "borderHorizontal-HtmlDetails": "var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails))", "borderVertical-HtmlDetails": "var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails))", "borderLeft-HtmlDetails": "var(--xmlui-borderLeft-HtmlDetails, var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderRight-HtmlDetails": "var(--xmlui-borderRight-HtmlDetails, var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderTop-HtmlDetails": "var(--xmlui-borderTop-HtmlDetails, var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderBottom-HtmlDetails": "var(--xmlui-borderBottom-HtmlDetails, var(--xmlui-borderVertical-HtmlDetails, var(--xmlui-border-HtmlDetails)))", "borderWidth-HtmlDetails": "var(--xmlui-borderWidth-HtmlDetails)", "borderHorizontalWidth-HtmlDetails": "var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails))", "borderLeftWidth-HtmlDetails": "var(--xmlui-borderLeftWidth-HtmlDetails, var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderRightWidth-HtmlDetails": "var(--xmlui-borderRightWidth-HtmlDetails, var(--xmlui-borderHorizontalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderVerticalWidth-HtmlDetails": "var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails))", "borderTopWidth-HtmlDetails": "var(--xmlui-borderTopWidth-HtmlDetails, var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderBottomWidth-HtmlDetails": "var(--xmlui-borderBottomWidth-HtmlDetails, var(--xmlui-borderVerticalWidth-HtmlDetails, var(--xmlui-borderWidth-HtmlDetails)))", "borderStyle-HtmlDetails": "var(--xmlui-borderStyle-HtmlDetails)", "borderHorizontalStyle-HtmlDetails": "var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails))", "borderLeftStyle-HtmlDetails": "var(--xmlui-borderLeftStyle-HtmlDetails, var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderRightStyle-HtmlDetails": "var(--xmlui-borderRightStyle-HtmlDetails, var(--xmlui-borderHorizontalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderVerticalStyle-HtmlDetails": "var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails))", "borderTopStyle-HtmlDetails": "var(--xmlui-borderTopStyle-HtmlDetails, var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderBottomStyle-HtmlDetails": "var(--xmlui-borderBottomStyle-HtmlDetails, var(--xmlui-borderVerticalStyle-HtmlDetails, var(--xmlui-borderStyle-HtmlDetails)))", "borderColor-HtmlDetails": "var(--xmlui-borderColor-HtmlDetails)", "borderHorizontalColor-HtmlDetails": "var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails))", "borderLeftColor-HtmlDetails": "var(--xmlui-borderLeftColor-HtmlDetails, var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderRightColor-HtmlDetails": "var(--xmlui-borderRightColor-HtmlDetails, var(--xmlui-borderHorizontalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderVerticalColor-HtmlDetails": "var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails))", "borderTopColor-HtmlDetails": "var(--xmlui-borderTopColor-HtmlDetails, var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderBottomColor-HtmlDetails": "var(--xmlui-borderBottomColor-HtmlDetails, var(--xmlui-borderVerticalColor-HtmlDetails, var(--xmlui-borderColor-HtmlDetails)))", "borderStartStartRadius-HtmlDetails": "var(--xmlui-borderStartStartRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderStartEndRadius-HtmlDetails": "var(--xmlui-borderStartEndRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderEndStartRadius-HtmlDetails": "var(--xmlui-borderEndStartRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "borderEndEndRadius-HtmlDetails": "var(--xmlui-borderEndEndRadius-HtmlDetails, var(--xmlui-borderRadius-HtmlDetails))", "padding-HtmlDetails": "var(--xmlui-padding-HtmlDetails)", "paddingHorizontal-HtmlDetails": "var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails))", "paddingVertical-HtmlDetails": "var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails))", "paddingLeft-HtmlDetails": "var(--xmlui-paddingLeft-HtmlDetails, var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingRight-HtmlDetails": "var(--xmlui-paddingRight-HtmlDetails, var(--xmlui-paddingHorizontal-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingTop-HtmlDetails": "var(--xmlui-paddingTop-HtmlDetails, var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "paddingBottom-HtmlDetails": "var(--xmlui-paddingBottom-HtmlDetails, var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails)))", "marginTop-HtmlDetails": "var(--xmlui-marginTop-HtmlDetails)", "marginBottom-HtmlDetails": "var(--xmlui-marginBottom-HtmlDetails)"}'`;
|
|
23570
|
-
const markdownContent = "
|
|
23571
|
-
const
|
|
23572
|
-
const
|
|
23573
|
-
const
|
|
23574
|
-
const
|
|
23575
|
-
const
|
|
23576
|
-
const
|
|
23577
|
-
const
|
|
23578
|
-
const
|
|
23579
|
-
const
|
|
23580
|
-
const
|
|
23581
|
-
const
|
|
23582
|
-
const
|
|
23583
|
-
const
|
|
23584
|
-
const
|
|
23585
|
-
const
|
|
23586
|
-
const
|
|
23587
|
-
const
|
|
23588
|
-
const
|
|
23589
|
-
const
|
|
23590
|
-
const
|
|
23591
|
-
const
|
|
23592
|
-
const
|
|
23593
|
-
const
|
|
23594
|
-
const htmlUl$1 = "
|
|
23595
|
-
const htmlOl$1 = "
|
|
23596
|
-
const htmlLi = "
|
|
23597
|
-
const htmlVideo = "
|
|
23598
|
-
const htmlDetails$1 = "
|
|
23589
|
+
const markdownContent = "_markdownContent_1aepy_14";
|
|
23590
|
+
const htmlTh$1 = "_htmlTh_1aepy_58";
|
|
23591
|
+
const htmlTd$1 = "_htmlTd_1aepy_59";
|
|
23592
|
+
const markdown = "_markdown_1aepy_14";
|
|
23593
|
+
const block = "_block_1aepy_141";
|
|
23594
|
+
const blockquote = "_blockquote_1aepy_147";
|
|
23595
|
+
const blockquoteContainer = "_blockquoteContainer_1aepy_163";
|
|
23596
|
+
const admonitionBlockquote = "_admonitionBlockquote_1aepy_191";
|
|
23597
|
+
const info = "_info_1aepy_223";
|
|
23598
|
+
const warning$4 = "_warning_1aepy_227";
|
|
23599
|
+
const danger = "_danger_1aepy_231";
|
|
23600
|
+
const note = "_note_1aepy_235";
|
|
23601
|
+
const tip = "_tip_1aepy_239";
|
|
23602
|
+
const admonitionContainer = "_admonitionContainer_1aepy_243";
|
|
23603
|
+
const admonitionIcon = "_admonitionIcon_1aepy_248";
|
|
23604
|
+
const admonitionContent = "_admonitionContent_1aepy_252";
|
|
23605
|
+
const horizontalRule = "_horizontalRule_1aepy_263";
|
|
23606
|
+
const tableScrollContainer = "_tableScrollContainer_1aepy_285";
|
|
23607
|
+
const detailsAdornment = "_detailsAdornment_1aepy_289";
|
|
23608
|
+
const htmlTable$1 = "_htmlTable_1aepy_323";
|
|
23609
|
+
const htmlThead$1 = "_htmlThead_1aepy_359";
|
|
23610
|
+
const htmlTbody$1 = "_htmlTbody_1aepy_391";
|
|
23611
|
+
const htmlTfoot$1 = "_htmlTfoot_1aepy_398";
|
|
23612
|
+
const htmlTr$1 = "_htmlTr_1aepy_440";
|
|
23613
|
+
const htmlUl$1 = "_htmlUl_1aepy_512";
|
|
23614
|
+
const htmlOl$1 = "_htmlOl_1aepy_541";
|
|
23615
|
+
const htmlLi = "_htmlLi_1aepy_570";
|
|
23616
|
+
const htmlVideo = "_htmlVideo_1aepy_601";
|
|
23617
|
+
const htmlDetails$1 = "_htmlDetails_1aepy_605";
|
|
23599
23618
|
const styles$B = {
|
|
23600
23619
|
themeVars: themeVars$i,
|
|
23601
23620
|
markdownContent,
|
|
23621
|
+
htmlTh: htmlTh$1,
|
|
23622
|
+
htmlTd: htmlTd$1,
|
|
23602
23623
|
markdown,
|
|
23603
23624
|
block,
|
|
23604
23625
|
blockquote,
|
|
@@ -23619,9 +23640,7 @@ const styles$B = {
|
|
|
23619
23640
|
htmlThead: htmlThead$1,
|
|
23620
23641
|
htmlTbody: htmlTbody$1,
|
|
23621
23642
|
htmlTfoot: htmlTfoot$1,
|
|
23622
|
-
htmlTh: htmlTh$1,
|
|
23623
23643
|
htmlTr: htmlTr$1,
|
|
23624
|
-
htmlTd: htmlTd$1,
|
|
23625
23644
|
htmlUl: htmlUl$1,
|
|
23626
23645
|
htmlOl: htmlOl$1,
|
|
23627
23646
|
htmlLi,
|
|
@@ -24364,7 +24383,7 @@ function ApiInterceptorProvider({
|
|
|
24364
24383
|
return;
|
|
24365
24384
|
}
|
|
24366
24385
|
void (async () => {
|
|
24367
|
-
const { initMock } = await import("./initMock-
|
|
24386
|
+
const { initMock } = await import("./initMock-GfhLAym0.js");
|
|
24368
24387
|
const apiInstance2 = await initMock(interceptor);
|
|
24369
24388
|
setApiInstance(apiInstance2);
|
|
24370
24389
|
setInitialized(true);
|
|
@@ -24381,7 +24400,7 @@ function ApiInterceptorProvider({
|
|
|
24381
24400
|
if (process.env.VITE_MOCK_ENABLED) {
|
|
24382
24401
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
24383
24402
|
useWorker ? import("./apiInterceptorWorker-dwrAyq6l.js") : Promise.resolve({ createApiInterceptorWorker: () => null }),
|
|
24384
|
-
import("./initMock-
|
|
24403
|
+
import("./initMock-GfhLAym0.js")
|
|
24385
24404
|
]);
|
|
24386
24405
|
if (interceptor || forceInitialize) {
|
|
24387
24406
|
const apiInstance2 = await initMock(interceptor || {});
|
|
@@ -24418,7 +24437,7 @@ function ApiInterceptorProvider({
|
|
|
24418
24437
|
void (async () => {
|
|
24419
24438
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
24420
24439
|
import("./apiInterceptorWorker-dwrAyq6l.js"),
|
|
24421
|
-
import("./initMock-
|
|
24440
|
+
import("./initMock-GfhLAym0.js")
|
|
24422
24441
|
]);
|
|
24423
24442
|
const apiInstance2 = await initMock(interceptor);
|
|
24424
24443
|
await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
|
|
@@ -25106,13 +25125,13 @@ function AppWithCodeViewNative({
|
|
|
25106
25125
|
)
|
|
25107
25126
|
] });
|
|
25108
25127
|
}
|
|
25109
|
-
const codeText = "
|
|
25110
|
-
const codefence = "
|
|
25128
|
+
const codeText = "_codeText_fmjbn_14";
|
|
25129
|
+
const codefence = "_codefence_fmjbn_21";
|
|
25111
25130
|
const styles$v = {
|
|
25112
25131
|
codeText,
|
|
25113
25132
|
codefence
|
|
25114
25133
|
};
|
|
25115
|
-
const defaultProps$
|
|
25134
|
+
const defaultProps$y = {
|
|
25116
25135
|
preserveLinebreaks: false,
|
|
25117
25136
|
ellipses: true
|
|
25118
25137
|
};
|
|
@@ -25121,8 +25140,8 @@ const CodeText = forwardRef(function CodeText2({
|
|
|
25121
25140
|
style: style2,
|
|
25122
25141
|
className,
|
|
25123
25142
|
children,
|
|
25124
|
-
preserveLinebreaks: preserveLinebreaks2 = defaultProps$
|
|
25125
|
-
ellipses = defaultProps$
|
|
25143
|
+
preserveLinebreaks: preserveLinebreaks2 = defaultProps$y.preserveLinebreaks,
|
|
25144
|
+
ellipses = defaultProps$y.ellipses,
|
|
25126
25145
|
...variantSpecificProps
|
|
25127
25146
|
}, forwardedRef) {
|
|
25128
25147
|
const innerRef = useRef(null);
|
|
@@ -25140,7 +25159,7 @@ const CodeText = forwardRef(function CodeText2({
|
|
|
25140
25159
|
}
|
|
25141
25160
|
) });
|
|
25142
25161
|
});
|
|
25143
|
-
const defaultProps$
|
|
25162
|
+
const defaultProps$x = {
|
|
25144
25163
|
removeIndents: true
|
|
25145
25164
|
};
|
|
25146
25165
|
function PreTagComponent({ id, children, codeHighlighter }) {
|
|
@@ -25170,7 +25189,7 @@ function PreTagComponent({ id, children, codeHighlighter }) {
|
|
|
25170
25189
|
}
|
|
25171
25190
|
const Markdown = memo(
|
|
25172
25191
|
forwardRef(function Markdown2({
|
|
25173
|
-
removeIndents = defaultProps$
|
|
25192
|
+
removeIndents = defaultProps$x.removeIndents,
|
|
25174
25193
|
children,
|
|
25175
25194
|
style: style2,
|
|
25176
25195
|
className,
|
|
@@ -25990,7 +26009,7 @@ const MarkdownMd = createMetadata({
|
|
|
25990
26009
|
removeIndents: {
|
|
25991
26010
|
description: "This boolean property specifies whether leading indents should be removed from the markdown content. If set to `true`, the shortest indent found at the start of the content lines is removed from the beginning of every line.",
|
|
25992
26011
|
valueType: "boolean",
|
|
25993
|
-
defaultValue: defaultProps$
|
|
26012
|
+
defaultValue: defaultProps$x.removeIndents
|
|
25994
26013
|
},
|
|
25995
26014
|
showHeadingAnchors: {
|
|
25996
26015
|
description: "This boolean property specifies whether heading anchors should be displayed. If set to `true`, heading anchors will be displayed on hover next to headings.",
|
|
@@ -26112,7 +26131,7 @@ const TransformedMarkdown = forwardRef(
|
|
|
26112
26131
|
);
|
|
26113
26132
|
}
|
|
26114
26133
|
);
|
|
26115
|
-
const defaultProps$
|
|
26134
|
+
const defaultProps$w = {
|
|
26116
26135
|
delayDuration: 700,
|
|
26117
26136
|
skipDelayDuration: 300,
|
|
26118
26137
|
defaultOpen: false,
|
|
@@ -26127,15 +26146,15 @@ const Tooltip = forwardRef(function Tooltip2({
|
|
|
26127
26146
|
text: text2,
|
|
26128
26147
|
markdown: markdown2,
|
|
26129
26148
|
tooltipTemplate,
|
|
26130
|
-
delayDuration = defaultProps$
|
|
26131
|
-
skipDelayDuration = defaultProps$
|
|
26132
|
-
defaultOpen = defaultProps$
|
|
26133
|
-
showArrow = defaultProps$
|
|
26134
|
-
side = defaultProps$
|
|
26135
|
-
align = defaultProps$
|
|
26136
|
-
sideOffset = defaultProps$
|
|
26137
|
-
alignOffset = defaultProps$
|
|
26138
|
-
avoidCollisions = defaultProps$
|
|
26149
|
+
delayDuration = defaultProps$w.delayDuration,
|
|
26150
|
+
skipDelayDuration = defaultProps$w.skipDelayDuration,
|
|
26151
|
+
defaultOpen = defaultProps$w.defaultOpen,
|
|
26152
|
+
showArrow = defaultProps$w.showArrow,
|
|
26153
|
+
side = defaultProps$w.side,
|
|
26154
|
+
align = defaultProps$w.align,
|
|
26155
|
+
sideOffset = defaultProps$w.sideOffset,
|
|
26156
|
+
alignOffset = defaultProps$w.alignOffset,
|
|
26157
|
+
avoidCollisions = defaultProps$w.avoidCollisions,
|
|
26139
26158
|
children,
|
|
26140
26159
|
open
|
|
26141
26160
|
}, ref) {
|
|
@@ -26229,7 +26248,7 @@ function parseOptionValue(name, value) {
|
|
|
26229
26248
|
return void 0;
|
|
26230
26249
|
}
|
|
26231
26250
|
}
|
|
26232
|
-
const defaultProps$
|
|
26251
|
+
const defaultProps$v = {
|
|
26233
26252
|
step: 1,
|
|
26234
26253
|
min: 0,
|
|
26235
26254
|
max: 10,
|
|
@@ -26273,36 +26292,36 @@ const Slider = forwardRef(
|
|
|
26273
26292
|
id,
|
|
26274
26293
|
style: style2,
|
|
26275
26294
|
className,
|
|
26276
|
-
step = defaultProps$
|
|
26277
|
-
min = defaultProps$
|
|
26278
|
-
max = defaultProps$
|
|
26295
|
+
step = defaultProps$v.step,
|
|
26296
|
+
min = defaultProps$v.min,
|
|
26297
|
+
max = defaultProps$v.max,
|
|
26279
26298
|
inverted,
|
|
26280
26299
|
updateState,
|
|
26281
26300
|
onDidChange = noop$1,
|
|
26282
26301
|
onFocus = noop$1,
|
|
26283
26302
|
onBlur = noop$1,
|
|
26284
26303
|
registerComponentApi,
|
|
26285
|
-
enabled: enabled2 = defaultProps$
|
|
26304
|
+
enabled: enabled2 = defaultProps$v.enabled,
|
|
26286
26305
|
value,
|
|
26287
26306
|
autoFocus,
|
|
26288
26307
|
readOnly: readOnly2,
|
|
26289
|
-
tabIndex = defaultProps$
|
|
26308
|
+
tabIndex = defaultProps$v.tabIndex,
|
|
26290
26309
|
required: required2,
|
|
26291
|
-
validationStatus = defaultProps$
|
|
26310
|
+
validationStatus = defaultProps$v.validationStatus,
|
|
26292
26311
|
initialValue,
|
|
26293
|
-
minStepsBetweenThumbs = defaultProps$
|
|
26312
|
+
minStepsBetweenThumbs = defaultProps$v.minStepsBetweenThumbs,
|
|
26294
26313
|
rangeStyle,
|
|
26295
26314
|
thumbStyle,
|
|
26296
|
-
showValues = defaultProps$
|
|
26297
|
-
valueFormat = defaultProps$
|
|
26315
|
+
showValues = defaultProps$v.showValues,
|
|
26316
|
+
valueFormat = defaultProps$v.valueFormat,
|
|
26298
26317
|
...rest
|
|
26299
26318
|
}, forwardedRef) => {
|
|
26300
26319
|
const inputRef = useRef(null);
|
|
26301
26320
|
const ref = forwardedRef ? composeRefs(inputRef, forwardedRef) : inputRef;
|
|
26302
26321
|
const tooltipRef = useRef(null);
|
|
26303
26322
|
const thumbsRef = useRef([]);
|
|
26304
|
-
min = parseValue(min, defaultProps$
|
|
26305
|
-
max = parseValue(max, defaultProps$
|
|
26323
|
+
min = parseValue(min, defaultProps$v.min);
|
|
26324
|
+
max = parseValue(max, defaultProps$v.max);
|
|
26306
26325
|
const [localValue, setLocalValue] = React__default.useState(
|
|
26307
26326
|
() => formatValue(value || initialValue, min, min, max)
|
|
26308
26327
|
);
|
|
@@ -26499,7 +26518,7 @@ const styles$u = {
|
|
|
26499
26518
|
warning: warning$3,
|
|
26500
26519
|
valid: valid$3
|
|
26501
26520
|
};
|
|
26502
|
-
const defaultProps$
|
|
26521
|
+
const defaultProps$u = {
|
|
26503
26522
|
initialValue: "#000000",
|
|
26504
26523
|
value: "#000000",
|
|
26505
26524
|
enabled: true,
|
|
@@ -26515,14 +26534,14 @@ const ColorPicker = forwardRef(
|
|
|
26515
26534
|
onFocus = noop$1,
|
|
26516
26535
|
onBlur = noop$1,
|
|
26517
26536
|
registerComponentApi,
|
|
26518
|
-
enabled: enabled2 = defaultProps$
|
|
26537
|
+
enabled: enabled2 = defaultProps$u.enabled,
|
|
26519
26538
|
readOnly: readOnly2,
|
|
26520
|
-
value = defaultProps$
|
|
26539
|
+
value = defaultProps$u.value,
|
|
26521
26540
|
autoFocus,
|
|
26522
26541
|
tabIndex = 0,
|
|
26523
26542
|
required: required2,
|
|
26524
|
-
validationStatus = defaultProps$
|
|
26525
|
-
initialValue = defaultProps$
|
|
26543
|
+
validationStatus = defaultProps$u.validationStatus,
|
|
26544
|
+
initialValue = defaultProps$u.initialValue,
|
|
26526
26545
|
...rest
|
|
26527
26546
|
}, forwardedRef) => {
|
|
26528
26547
|
const [isPending, startTransition2] = useTransition();
|
|
@@ -26673,7 +26692,7 @@ const HelperText = ({ text: text2 = "", status, style: style2 }) => {
|
|
|
26673
26692
|
const DEFAULT_LABEL_POSITIONS = {
|
|
26674
26693
|
checkbox: "end"
|
|
26675
26694
|
};
|
|
26676
|
-
const defaultProps$
|
|
26695
|
+
const defaultProps$t = {
|
|
26677
26696
|
type: "text",
|
|
26678
26697
|
labelBreak: true,
|
|
26679
26698
|
enabled: true,
|
|
@@ -26730,15 +26749,15 @@ const FormItem = memo(function FormItem2({
|
|
|
26730
26749
|
style: style2,
|
|
26731
26750
|
className,
|
|
26732
26751
|
bindTo,
|
|
26733
|
-
type = defaultProps$
|
|
26752
|
+
type = defaultProps$t.type,
|
|
26734
26753
|
label: label2,
|
|
26735
|
-
enabled: enabled2 = defaultProps$
|
|
26754
|
+
enabled: enabled2 = defaultProps$t.enabled,
|
|
26736
26755
|
labelPosition,
|
|
26737
26756
|
labelWidth,
|
|
26738
|
-
labelBreak: labelBreak2 = defaultProps$
|
|
26757
|
+
labelBreak: labelBreak2 = defaultProps$t.labelBreak,
|
|
26739
26758
|
children,
|
|
26740
26759
|
onValidate,
|
|
26741
|
-
customValidationsDebounce = defaultProps$
|
|
26760
|
+
customValidationsDebounce = defaultProps$t.customValidationsDebounce,
|
|
26742
26761
|
validationMode,
|
|
26743
26762
|
registerComponentApi,
|
|
26744
26763
|
maxTextLength,
|
|
@@ -26746,7 +26765,7 @@ const FormItem = memo(function FormItem2({
|
|
|
26746
26765
|
itemIndex,
|
|
26747
26766
|
initialValue: initialValueFromProps,
|
|
26748
26767
|
gap,
|
|
26749
|
-
noSubmit = defaultProps$
|
|
26768
|
+
noSubmit = defaultProps$t.noSubmit,
|
|
26750
26769
|
...rest
|
|
26751
26770
|
}) {
|
|
26752
26771
|
const validations = useShallowCompareMemoize({
|
|
@@ -27138,7 +27157,7 @@ const filteredValidationSeverityValues = validationSeverityValues.filter(
|
|
|
27138
27157
|
const FormItemMd = createMetadata({
|
|
27139
27158
|
status: "stable",
|
|
27140
27159
|
allowArbitraryProps: true,
|
|
27141
|
-
description: "`FormItem` wraps individual input controls within a `Form`, providing data binding, validation, labeling, and layout functionality. It connects form controls to the parent form's data model and handles validation feedback automatically
|
|
27160
|
+
description: "`FormItem` wraps individual input controls within a `Form`, providing data binding, validation, labeling, and layout functionality. It connects form controls to the parent form's data model and handles validation feedback automatically. **Note:** `FormItem` must be used inside a `Form` component.",
|
|
27142
27161
|
props: {
|
|
27143
27162
|
bindTo: {
|
|
27144
27163
|
description: "This property binds a particular input field to one of the attributes of the `Form` data. It names the property of the form's `data` data to get the input's initial value.When the field is saved, its value will be stored in the `data` property with this name. If the property is not set, the input will be bound to an internal data field but not submitted."
|
|
@@ -27150,19 +27169,19 @@ const FormItemMd = createMetadata({
|
|
|
27150
27169
|
labelBreak: {
|
|
27151
27170
|
description: `This boolean value indicates if the label can be split into multiple lines if it would overflow the available label width.`,
|
|
27152
27171
|
type: "boolean",
|
|
27153
|
-
defaultValue: defaultProps$
|
|
27172
|
+
defaultValue: defaultProps$t.labelBreak
|
|
27154
27173
|
},
|
|
27155
27174
|
enabled: dEnabled(),
|
|
27156
27175
|
type: {
|
|
27157
27176
|
description: `This property is used to determine the specific input control the FormItem will wrap around. Note that the control names start with a lowercase letter and map to input components found in XMLUI.`,
|
|
27158
27177
|
availableValues: formControlTypesMd,
|
|
27159
|
-
defaultValue: defaultProps$
|
|
27178
|
+
defaultValue: defaultProps$t.type,
|
|
27160
27179
|
valueType: "string"
|
|
27161
27180
|
},
|
|
27162
27181
|
customValidationsDebounce: {
|
|
27163
27182
|
description: `This optional number prop determines the time interval between two runs of a custom validation.`,
|
|
27164
27183
|
type: "number",
|
|
27165
|
-
defaultValue: defaultProps$
|
|
27184
|
+
defaultValue: defaultProps$t.customValidationsDebounce
|
|
27166
27185
|
},
|
|
27167
27186
|
validationMode: {
|
|
27168
27187
|
description: `This property sets what kind of validation mode or strategy to employ for a particular input field.`,
|
|
@@ -27247,12 +27266,12 @@ const FormItemMd = createMetadata({
|
|
|
27247
27266
|
gap: {
|
|
27248
27267
|
description: "This property defines the gap between the adornments and the input area.",
|
|
27249
27268
|
valueType: "string",
|
|
27250
|
-
defaultValue: defaultProps$
|
|
27269
|
+
defaultValue: defaultProps$t.gap
|
|
27251
27270
|
},
|
|
27252
27271
|
noSubmit: {
|
|
27253
27272
|
description: "When set to `true`, the field will not be included in the form's submitted data. This is useful for fields that should be present in the form but not submitted, similar to hidden fields. If multiple FormItems reference the same `bindTo` value and any of them has `noSubmit` set to `true`, the field will NOT be submitted.",
|
|
27254
27273
|
type: "boolean",
|
|
27255
|
-
defaultValue: defaultProps$
|
|
27274
|
+
defaultValue: defaultProps$t.noSubmit
|
|
27256
27275
|
}
|
|
27257
27276
|
},
|
|
27258
27277
|
events: {
|
|
@@ -27425,7 +27444,7 @@ const TextBoxMd = createMetadata({
|
|
|
27425
27444
|
placeholder: dPlaceholder(),
|
|
27426
27445
|
initialValue: {
|
|
27427
27446
|
...dInitialValue(),
|
|
27428
|
-
defaultValue: defaultProps$
|
|
27447
|
+
defaultValue: defaultProps$J.initialValue
|
|
27429
27448
|
},
|
|
27430
27449
|
maxLength: dMaxLength(),
|
|
27431
27450
|
autoFocus: dAutoFocus(),
|
|
@@ -27433,11 +27452,11 @@ const TextBoxMd = createMetadata({
|
|
|
27433
27452
|
readOnly: dReadonly(),
|
|
27434
27453
|
enabled: {
|
|
27435
27454
|
...dEnabled(),
|
|
27436
|
-
defaultValue: defaultProps$
|
|
27455
|
+
defaultValue: defaultProps$J.enabled
|
|
27437
27456
|
},
|
|
27438
27457
|
validationStatus: {
|
|
27439
27458
|
...dValidationStatus(),
|
|
27440
|
-
defaultValue: defaultProps$
|
|
27459
|
+
defaultValue: defaultProps$J.validationStatus
|
|
27441
27460
|
},
|
|
27442
27461
|
startText: dStartText(),
|
|
27443
27462
|
startIcon: dStartIcon(),
|
|
@@ -28048,7 +28067,7 @@ class RestApiProxy {
|
|
|
28048
28067
|
return `${this.config.apiUrl || ""}${relativePath}${queryString}`;
|
|
28049
28068
|
}
|
|
28050
28069
|
}
|
|
28051
|
-
const defaultProps$
|
|
28070
|
+
const defaultProps$s = {
|
|
28052
28071
|
url: ""
|
|
28053
28072
|
};
|
|
28054
28073
|
class PollClient {
|
|
@@ -28162,7 +28181,7 @@ const RealTimeAdapterMd = createMetadata({
|
|
|
28162
28181
|
props: {
|
|
28163
28182
|
url: {
|
|
28164
28183
|
description: `This property specifies the URL to use for long-polling.`,
|
|
28165
|
-
defaultValue: defaultProps$
|
|
28184
|
+
defaultValue: defaultProps$s.url
|
|
28166
28185
|
}
|
|
28167
28186
|
},
|
|
28168
28187
|
events: {
|
|
@@ -28194,7 +28213,7 @@ const FormMd = createMetadata({
|
|
|
28194
28213
|
description: `This property sets the position of the item labels within the form.Individual \`FormItem\` instances can override this property.`,
|
|
28195
28214
|
availableValues: labelPositionMd,
|
|
28196
28215
|
type: "string",
|
|
28197
|
-
defaultValue: defaultProps$
|
|
28216
|
+
defaultValue: defaultProps$A.itemLabelPosition
|
|
28198
28217
|
},
|
|
28199
28218
|
itemLabelWidth: {
|
|
28200
28219
|
description: "This property sets the width of the item labels within the form. Individual `FormItem` instances can override this property. If this property is not set, each form item nested in the form uses its calculated label width. These widths may be different for each item.",
|
|
@@ -28203,12 +28222,12 @@ const FormMd = createMetadata({
|
|
|
28203
28222
|
itemLabelBreak: {
|
|
28204
28223
|
description: `This boolean value indicates if form item labels can be split into multiple lines if it would overflow the available label width. Individual \`FormItem\` instances can override this property.`,
|
|
28205
28224
|
type: "boolean",
|
|
28206
|
-
defaultValue: defaultProps$
|
|
28225
|
+
defaultValue: defaultProps$A.itemLabelBreak
|
|
28207
28226
|
},
|
|
28208
28227
|
keepModalOpenOnSubmit: {
|
|
28209
28228
|
description: "This property prevents the modal from closing when the form is submitted.",
|
|
28210
28229
|
type: "boolean",
|
|
28211
|
-
defaultValue: defaultProps$
|
|
28230
|
+
defaultValue: defaultProps$A.keepModalOpenOnSubmit
|
|
28212
28231
|
},
|
|
28213
28232
|
data: {
|
|
28214
28233
|
description: "This property sets the initial value of the form's data structure. The form infrastructure uses this value to set the initial state of form items within the form. If this property isnot set, the form does not have an initial value."
|
|
@@ -28216,37 +28235,37 @@ const FormMd = createMetadata({
|
|
|
28216
28235
|
cancelLabel: {
|
|
28217
28236
|
description: "This property defines the label of the Cancel button.",
|
|
28218
28237
|
type: "string",
|
|
28219
|
-
defaultValue: defaultProps$
|
|
28238
|
+
defaultValue: defaultProps$A.cancelLabel
|
|
28220
28239
|
},
|
|
28221
28240
|
saveLabel: {
|
|
28222
28241
|
description: `This property defines the label of the Save button.`,
|
|
28223
28242
|
type: "string",
|
|
28224
|
-
defaultValue: defaultProps$
|
|
28243
|
+
defaultValue: defaultProps$A.saveLabel
|
|
28225
28244
|
},
|
|
28226
28245
|
saveInProgressLabel: {
|
|
28227
28246
|
description: "This property defines the label of the Save button to display during the form data submit (save) operation.",
|
|
28228
28247
|
type: "string",
|
|
28229
|
-
defaultValue: defaultProps$
|
|
28248
|
+
defaultValue: defaultProps$A.saveInProgressLabel
|
|
28230
28249
|
},
|
|
28231
28250
|
swapCancelAndSave: {
|
|
28232
28251
|
description: `By default, the Cancel button is to the left of the Save button. Set this property to \`true\` to swap them or \`false\` to keep their original location.`,
|
|
28233
28252
|
type: "boolean",
|
|
28234
|
-
defaultValue: defaultProps$
|
|
28253
|
+
defaultValue: defaultProps$A.swapCancelAndSave
|
|
28235
28254
|
},
|
|
28236
28255
|
hideButtonRowUntilDirty: {
|
|
28237
28256
|
description: `This property hides the button row until the form data is modified (dirty).`,
|
|
28238
28257
|
type: "boolean",
|
|
28239
|
-
defaultValue: defaultProps$
|
|
28258
|
+
defaultValue: defaultProps$A.hideButtonRowUntilDirty
|
|
28240
28259
|
},
|
|
28241
28260
|
hideButtonRow: {
|
|
28242
28261
|
description: `This property hides the button row entirely when set to true.`,
|
|
28243
28262
|
type: "boolean",
|
|
28244
|
-
defaultValue: defaultProps$
|
|
28263
|
+
defaultValue: defaultProps$A.hideButtonRow
|
|
28245
28264
|
},
|
|
28246
28265
|
enableSubmit: {
|
|
28247
28266
|
description: `This property controls whether the submit button is enabled. When set to false, the submit button is disabled and the form cannot be submitted.`,
|
|
28248
28267
|
type: "boolean",
|
|
28249
|
-
defaultValue: defaultProps$
|
|
28268
|
+
defaultValue: defaultProps$A.enableSubmit
|
|
28250
28269
|
},
|
|
28251
28270
|
submitUrl: d(`URL to submit the form data.`),
|
|
28252
28271
|
submitMethod: {
|
|
@@ -28328,16 +28347,16 @@ const formComponentRenderer = createComponentRenderer(
|
|
|
28328
28347
|
);
|
|
28329
28348
|
}
|
|
28330
28349
|
);
|
|
28331
|
-
const defaultProps$
|
|
28350
|
+
const defaultProps$r = {
|
|
28332
28351
|
theme: "light",
|
|
28333
28352
|
select: noop$1,
|
|
28334
28353
|
autoFocus: false
|
|
28335
28354
|
};
|
|
28336
28355
|
const EmojiSelector = forwardRef(
|
|
28337
28356
|
({
|
|
28338
|
-
select = defaultProps$
|
|
28339
|
-
theme: theme2 = defaultProps$
|
|
28340
|
-
autoFocus = defaultProps$
|
|
28357
|
+
select = defaultProps$r.select,
|
|
28358
|
+
theme: theme2 = defaultProps$r.theme,
|
|
28359
|
+
autoFocus = defaultProps$r.autoFocus,
|
|
28341
28360
|
...rest
|
|
28342
28361
|
}, ref) => /* @__PURE__ */ jsx(
|
|
28343
28362
|
"div",
|
|
@@ -28370,7 +28389,7 @@ const EmojiSelectorMd = createMetadata({
|
|
|
28370
28389
|
props: {
|
|
28371
28390
|
autoFocus: {
|
|
28372
28391
|
...dAutoFocus(),
|
|
28373
|
-
defaultValue: defaultProps$
|
|
28392
|
+
defaultValue: defaultProps$r.autoFocus
|
|
28374
28393
|
}
|
|
28375
28394
|
},
|
|
28376
28395
|
events: {
|
|
@@ -28430,7 +28449,7 @@ const NumberBoxMd = createMetadata({
|
|
|
28430
28449
|
hasSpinBox: {
|
|
28431
28450
|
description: `This boolean prop shows (\`true\`) or hides (\`false\`) the spinner buttons for the input field.`,
|
|
28432
28451
|
valueType: "boolean",
|
|
28433
|
-
defaultValue: defaultProps$
|
|
28452
|
+
defaultValue: defaultProps$H.hasSpinBox
|
|
28434
28453
|
},
|
|
28435
28454
|
spinnerUpIcon: d(
|
|
28436
28455
|
`Allows setting an alternate icon displayed in the ${COMP$V} spinner for incrementing values. You can change the default icon for all ${COMP$V} instances with the "icon.spinnerUp:NumberBox" declaration in the app configuration file.`
|
|
@@ -28441,25 +28460,25 @@ const NumberBoxMd = createMetadata({
|
|
|
28441
28460
|
step: {
|
|
28442
28461
|
description: `This prop governs how big the step when clicking on the spinner of the field.`,
|
|
28443
28462
|
valueType: "number",
|
|
28444
|
-
defaultValue: defaultProps$
|
|
28463
|
+
defaultValue: defaultProps$H.step
|
|
28445
28464
|
},
|
|
28446
28465
|
integersOnly: {
|
|
28447
28466
|
description: `This boolean property signs whether the input field accepts integers only (\`true\`) or not (\`false\`).`,
|
|
28448
28467
|
valueType: "boolean",
|
|
28449
|
-
defaultValue: defaultProps$
|
|
28468
|
+
defaultValue: defaultProps$H.integersOnly
|
|
28450
28469
|
},
|
|
28451
28470
|
zeroOrPositive: {
|
|
28452
28471
|
description: `This boolean property determines whether the input value can only be 0 or positive numbers (\`true\`) or also negative (\`false\`).`,
|
|
28453
28472
|
valueType: "boolean",
|
|
28454
|
-
defaultValue: defaultProps$
|
|
28473
|
+
defaultValue: defaultProps$H.zeroOrPositive
|
|
28455
28474
|
},
|
|
28456
28475
|
minValue: {
|
|
28457
28476
|
description: "The minimum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.If not set, no minimum value check is done.",
|
|
28458
|
-
defaultValue: defaultProps$
|
|
28477
|
+
defaultValue: defaultProps$H.min
|
|
28459
28478
|
},
|
|
28460
28479
|
maxValue: {
|
|
28461
28480
|
description: "The maximum value the input field allows. Can be a float or an integer if [`integersOnly`](#integersonly) is set to `false`, otherwise it can only be an integer.If not set, no maximum value check is done.",
|
|
28462
|
-
defaultValue: defaultProps$
|
|
28481
|
+
defaultValue: defaultProps$H.max
|
|
28463
28482
|
}
|
|
28464
28483
|
},
|
|
28465
28484
|
events: {
|
|
@@ -28595,28 +28614,28 @@ const AppMd = createMetadata({
|
|
|
28595
28614
|
scrollWholePage: {
|
|
28596
28615
|
description: `This boolean property specifies whether the whole page should scroll (\`true\`) or just the content area (\`false\`). The default value is \`true\`.`,
|
|
28597
28616
|
valueType: "boolean",
|
|
28598
|
-
defaultValue: defaultProps$
|
|
28617
|
+
defaultValue: defaultProps$1a.scrollWholePage
|
|
28599
28618
|
},
|
|
28600
28619
|
noScrollbarGutters: {
|
|
28601
28620
|
description: "This boolean property specifies whether the scrollbar gutters should be hidden.",
|
|
28602
28621
|
valueType: "boolean",
|
|
28603
|
-
defaultValue: defaultProps$
|
|
28622
|
+
defaultValue: defaultProps$1a.noScrollbarGutters
|
|
28604
28623
|
},
|
|
28605
28624
|
defaultTone: {
|
|
28606
28625
|
description: `This property sets the app's default tone ("light" or "dark").`,
|
|
28607
28626
|
valueType: "string",
|
|
28608
|
-
defaultValue: defaultProps$
|
|
28627
|
+
defaultValue: defaultProps$1a.defaultTone,
|
|
28609
28628
|
availableValues: ["light", "dark"]
|
|
28610
28629
|
},
|
|
28611
28630
|
defaultTheme: {
|
|
28612
28631
|
description: "This property sets the app's default theme.",
|
|
28613
28632
|
valueType: "string",
|
|
28614
|
-
defaultValue: defaultProps$
|
|
28633
|
+
defaultValue: defaultProps$1a.defaultTheme
|
|
28615
28634
|
},
|
|
28616
28635
|
autoDetectTone: {
|
|
28617
28636
|
description: `This boolean property enables automatic detection of the system theme preference. When set to true and no defaultTone is specified, the app will automatically use "light" or "dark" tone based on the user's system theme setting. The app will also respond to changes in the system theme preference.`,
|
|
28618
28637
|
valueType: "boolean",
|
|
28619
|
-
defaultValue: defaultProps$
|
|
28638
|
+
defaultValue: defaultProps$1a.autoDetectTone
|
|
28620
28639
|
}
|
|
28621
28640
|
},
|
|
28622
28641
|
events: {
|
|
@@ -28640,8 +28659,9 @@ const AppMd = createMetadata({
|
|
|
28640
28659
|
[`width-navPanel-${COMP$T}`]: "$space-64",
|
|
28641
28660
|
[`backgroundColor-navPanel-${COMP$T}`]: "$backgroundColor",
|
|
28642
28661
|
[`maxWidth-content-${COMP$T}`]: "$maxWidth-content",
|
|
28662
|
+
[`maxWidth-${COMP$T}`]: "$maxWidth-content",
|
|
28643
28663
|
[`boxShadow-header-${COMP$T}`]: "none",
|
|
28644
|
-
[`boxShadow-navPanel-${COMP$T}`]: "
|
|
28664
|
+
[`boxShadow-navPanel-${COMP$T}`]: "none",
|
|
28645
28665
|
[`scroll-padding-block-Pages`]: "$space-4",
|
|
28646
28666
|
[`backgroundColor-content-App`]: "$backgroundColor",
|
|
28647
28667
|
light: {
|
|
@@ -28813,6 +28833,17 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
|
|
|
28813
28833
|
findOrCreateNavGroup
|
|
28814
28834
|
]);
|
|
28815
28835
|
const applyDefaultContentPadding = !Pages2;
|
|
28836
|
+
const footerSticky = useMemo(() => {
|
|
28837
|
+
if (!Footer3) return true;
|
|
28838
|
+
let footerNode = Footer3;
|
|
28839
|
+
if (Footer3.type === "Theme" && Footer3.children?.length > 0) {
|
|
28840
|
+
footerNode = Footer3.children.find((child) => child.type === "Footer");
|
|
28841
|
+
}
|
|
28842
|
+
if (footerNode?.type === "Footer" && footerNode.props?.sticky !== void 0) {
|
|
28843
|
+
return extractValue.asOptionalBoolean(footerNode.props.sticky, true);
|
|
28844
|
+
}
|
|
28845
|
+
return true;
|
|
28846
|
+
}, [Footer3, extractValue]);
|
|
28816
28847
|
const appProps = useMemo(
|
|
28817
28848
|
() => ({
|
|
28818
28849
|
scrollWholePage: extractValue.asOptionalBoolean(node.props.scrollWholePage, true),
|
|
@@ -28829,7 +28860,8 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
|
|
|
28829
28860
|
defaultTone: extractValue(node.props.defaultTone),
|
|
28830
28861
|
defaultTheme: extractValue(node.props.defaultTheme),
|
|
28831
28862
|
autoDetectTone: extractValue.asOptionalBoolean(node.props.autoDetectTone, false),
|
|
28832
|
-
applyDefaultContentPadding
|
|
28863
|
+
applyDefaultContentPadding,
|
|
28864
|
+
footerSticky
|
|
28833
28865
|
}),
|
|
28834
28866
|
[
|
|
28835
28867
|
extractValue,
|
|
@@ -28846,7 +28878,8 @@ function AppNode({ node, extractValue, renderChild: renderChild2, className, loo
|
|
|
28846
28878
|
node.props.defaultTheme,
|
|
28847
28879
|
node.props.autoDetectTone,
|
|
28848
28880
|
className,
|
|
28849
|
-
applyDefaultContentPadding
|
|
28881
|
+
applyDefaultContentPadding,
|
|
28882
|
+
footerSticky
|
|
28850
28883
|
]
|
|
28851
28884
|
);
|
|
28852
28885
|
const renderedHeader = useMemo(() => renderChild2(AppHeader2), [AppHeader2, renderChild2]);
|
|
@@ -29105,7 +29138,7 @@ const NavPanelMd = createMetadata({
|
|
|
29105
29138
|
inDrawer: {
|
|
29106
29139
|
description: `This property determines if the navigation panel is displayed in a drawer.`,
|
|
29107
29140
|
valueType: "boolean",
|
|
29108
|
-
defaultValue: defaultProps$
|
|
29141
|
+
defaultValue: defaultProps$19.inDrawer
|
|
29109
29142
|
}
|
|
29110
29143
|
},
|
|
29111
29144
|
themeVars: parseScssVar(styles$19.themeVars),
|
|
@@ -29115,6 +29148,7 @@ const NavPanelMd = createMetadata({
|
|
|
29115
29148
|
[`backgroundColor-${COMP$S}`]: "$backgroundColor",
|
|
29116
29149
|
[`backgroundColor-${COMP$S}-horizontal`]: "$backgroundColor-AppHeader",
|
|
29117
29150
|
[`border-${COMP$S}`]: "0px solid $borderColor",
|
|
29151
|
+
[`borderRight-${COMP$S}-vertical`]: "1px solid $borderColor",
|
|
29118
29152
|
[`paddingHorizontal-${COMP$S}`]: "0",
|
|
29119
29153
|
[`paddingVertical-logo-${COMP$S}`]: "$space-4",
|
|
29120
29154
|
[`paddingHorizontal-logo-${COMP$S}`]: "$space-4",
|
|
@@ -29166,7 +29200,7 @@ const styles$s = {
|
|
|
29166
29200
|
themeVars: themeVars$d,
|
|
29167
29201
|
wrapper: wrapper$8
|
|
29168
29202
|
};
|
|
29169
|
-
const defaultProps$
|
|
29203
|
+
const defaultProps$q = {
|
|
29170
29204
|
fallbackPath: "/"
|
|
29171
29205
|
};
|
|
29172
29206
|
function RouteWrapper({
|
|
@@ -29208,7 +29242,7 @@ function Pages({
|
|
|
29208
29242
|
node,
|
|
29209
29243
|
renderChild: renderChild2,
|
|
29210
29244
|
extractValue,
|
|
29211
|
-
fallbackPath = defaultProps$
|
|
29245
|
+
fallbackPath = defaultProps$q.fallbackPath
|
|
29212
29246
|
}) {
|
|
29213
29247
|
const routes = [];
|
|
29214
29248
|
const restChildren = [];
|
|
@@ -29269,7 +29303,7 @@ const PagesMd = createMetadata({
|
|
|
29269
29303
|
props: {
|
|
29270
29304
|
fallbackPath: {
|
|
29271
29305
|
description: `The fallback path when the current URL does not match any of the paths of the pages.`,
|
|
29272
|
-
defaultValue: defaultProps$
|
|
29306
|
+
defaultValue: defaultProps$q.fallbackPath
|
|
29273
29307
|
}
|
|
29274
29308
|
},
|
|
29275
29309
|
themeVars: parseScssVar(styles$s.themeVars),
|
|
@@ -29304,28 +29338,50 @@ const styles$r = {
|
|
|
29304
29338
|
wrapper: wrapper$7,
|
|
29305
29339
|
full
|
|
29306
29340
|
};
|
|
29341
|
+
const defaultProps$p = {
|
|
29342
|
+
sticky: true
|
|
29343
|
+
};
|
|
29307
29344
|
const Footer = forwardRef(function Footer2({
|
|
29308
29345
|
children,
|
|
29309
29346
|
style: style2,
|
|
29310
29347
|
className,
|
|
29348
|
+
sticky: sticky2 = defaultProps$p.sticky,
|
|
29311
29349
|
...rest
|
|
29312
29350
|
}, forwardedRef) {
|
|
29313
29351
|
const { layout } = useAppLayoutContext() || {};
|
|
29314
29352
|
const canRestrictContentWidth = layout !== "vertical-full-header";
|
|
29315
|
-
return /* @__PURE__ */ jsx(
|
|
29353
|
+
return /* @__PURE__ */ jsx(
|
|
29316
29354
|
"div",
|
|
29317
29355
|
{
|
|
29318
|
-
|
|
29319
|
-
|
|
29320
|
-
|
|
29321
|
-
|
|
29356
|
+
...rest,
|
|
29357
|
+
className: styles$r.outerWrapper,
|
|
29358
|
+
ref: forwardedRef,
|
|
29359
|
+
style: style2,
|
|
29360
|
+
role: "contentinfo",
|
|
29361
|
+
"data-sticky": sticky2,
|
|
29362
|
+
children: /* @__PURE__ */ jsx(
|
|
29363
|
+
"div",
|
|
29364
|
+
{
|
|
29365
|
+
className: classnames(styles$r.wrapper, className, {
|
|
29366
|
+
[styles$r.full]: !canRestrictContentWidth
|
|
29367
|
+
}),
|
|
29368
|
+
children
|
|
29369
|
+
}
|
|
29370
|
+
)
|
|
29322
29371
|
}
|
|
29323
|
-
)
|
|
29372
|
+
);
|
|
29324
29373
|
});
|
|
29325
29374
|
const COMP$Q = "Footer";
|
|
29326
29375
|
const FooterMd = createMetadata({
|
|
29327
29376
|
status: "stable",
|
|
29328
29377
|
description: "`Footer` provides a designated area at the bottom of your application for footer content such as branding, copyright notices, or utility controls like theme toggles.",
|
|
29378
|
+
props: {
|
|
29379
|
+
sticky: {
|
|
29380
|
+
description: "When set to true (default), keeps the Footer docked to the bottom of the page in sticky layouts. When set to false, allows the Footer to scroll with the main content for non-desktop layouts. In desktop layout, the Footer remains sticky regardless of this property.",
|
|
29381
|
+
valueType: "boolean",
|
|
29382
|
+
defaultValue: true
|
|
29383
|
+
}
|
|
29384
|
+
},
|
|
29329
29385
|
themeVars: parseScssVar(styles$r.themeVars),
|
|
29330
29386
|
limitThemeVarsToComponent: true,
|
|
29331
29387
|
defaultThemeVars: {
|
|
@@ -29349,11 +29405,19 @@ const FooterMd = createMetadata({
|
|
|
29349
29405
|
const footerRenderer = createComponentRenderer(
|
|
29350
29406
|
COMP$Q,
|
|
29351
29407
|
FooterMd,
|
|
29352
|
-
({ node, renderChild: renderChild2, className, layoutContext }) => {
|
|
29353
|
-
|
|
29354
|
-
|
|
29355
|
-
|
|
29356
|
-
|
|
29408
|
+
({ node, renderChild: renderChild2, className, layoutContext, extractValue }) => {
|
|
29409
|
+
const sticky2 = extractValue.asOptionalBoolean(node.props.sticky, true);
|
|
29410
|
+
return /* @__PURE__ */ jsx(
|
|
29411
|
+
Footer,
|
|
29412
|
+
{
|
|
29413
|
+
className: classnames(layoutContext?.themeClassName, className),
|
|
29414
|
+
sticky: sticky2,
|
|
29415
|
+
children: renderChild2(node.children, {
|
|
29416
|
+
type: "Stack",
|
|
29417
|
+
orientation: "horizontal"
|
|
29418
|
+
})
|
|
29419
|
+
}
|
|
29420
|
+
);
|
|
29357
29421
|
}
|
|
29358
29422
|
);
|
|
29359
29423
|
const COMP$P = "NavGroup";
|
|
@@ -29377,22 +29441,27 @@ const NavGroupMd = createMetadata({
|
|
|
29377
29441
|
iconHorizontalExpanded: {
|
|
29378
29442
|
description: "Set a custom icon to display when the navigation menu is expanded, is in a **horizontal** app layout, and is in a navigation submenu.",
|
|
29379
29443
|
valueType: "string",
|
|
29380
|
-
defaultValue: defaultProps$
|
|
29444
|
+
defaultValue: defaultProps$18.iconHorizontalExpanded
|
|
29381
29445
|
},
|
|
29382
29446
|
iconVerticalExpanded: {
|
|
29383
29447
|
description: "Set a custom icon to display when the navigation menu is expanded, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
|
|
29384
29448
|
valueType: "string",
|
|
29385
|
-
defaultValue: defaultProps$
|
|
29449
|
+
defaultValue: defaultProps$18.iconVerticalExpanded
|
|
29386
29450
|
},
|
|
29387
29451
|
iconHorizontalCollapsed: {
|
|
29388
29452
|
description: "Set a custom icon to display when the navigation menu is collapsed, is in a **horizontal** app layout, and is in a navigation submenu.",
|
|
29389
29453
|
valueType: "string",
|
|
29390
|
-
defaultValue: defaultProps$
|
|
29454
|
+
defaultValue: defaultProps$18.iconHorizontalCollapsed
|
|
29391
29455
|
},
|
|
29392
29456
|
iconVerticalCollapsed: {
|
|
29393
29457
|
description: "Set a custom icon to display when the navigation menu is collapsed, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
|
|
29394
29458
|
valueType: "string",
|
|
29395
|
-
defaultValue: defaultProps$
|
|
29459
|
+
defaultValue: defaultProps$18.iconVerticalCollapsed
|
|
29460
|
+
},
|
|
29461
|
+
noIndicator: {
|
|
29462
|
+
description: `This Boolean property controls whether to hide the visual indicator for active and hovered states. When set to \`true\`, the indicator line will not be displayed on the \`${COMP$P}\` toggle button.`,
|
|
29463
|
+
valueType: "boolean",
|
|
29464
|
+
defaultValue: defaultProps$18.noIndicator
|
|
29396
29465
|
}
|
|
29397
29466
|
},
|
|
29398
29467
|
themeVars: parseScssVar(styles$18.themeVars),
|
|
@@ -29415,6 +29484,7 @@ const navGroupComponentRenderer = createComponentRenderer(
|
|
|
29415
29484
|
icon: /* @__PURE__ */ jsx(Icon, { name: extractValue.asString(node.props.icon), className: navLinkStyles.icon }),
|
|
29416
29485
|
node,
|
|
29417
29486
|
initiallyExpanded: extractValue.asOptionalBoolean(node.props.initiallyExpanded),
|
|
29487
|
+
noIndicator: extractValue.asOptionalBoolean(node.props.noIndicator),
|
|
29418
29488
|
renderChild: renderChild2,
|
|
29419
29489
|
iconHorizontalExpanded: extractValue.asOptionalString(node.props.iconHorizontalExpanded),
|
|
29420
29490
|
iconVerticalExpanded: extractValue.asOptionalString(node.props.iconVerticalExpanded),
|
|
@@ -29432,12 +29502,12 @@ const LogoMd = createMetadata({
|
|
|
29432
29502
|
alt: {
|
|
29433
29503
|
description: "Alternative text for the logo image for accessibility.",
|
|
29434
29504
|
type: "string",
|
|
29435
|
-
defaultValue: defaultProps$
|
|
29505
|
+
defaultValue: defaultProps$1c.alt
|
|
29436
29506
|
},
|
|
29437
29507
|
inline: {
|
|
29438
29508
|
description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
|
|
29439
29509
|
type: "boolean",
|
|
29440
|
-
defaultValue: defaultProps$
|
|
29510
|
+
defaultValue: defaultProps$1c.inline
|
|
29441
29511
|
}
|
|
29442
29512
|
}
|
|
29443
29513
|
});
|
|
@@ -29459,25 +29529,25 @@ const COMP$N = "RadioGroup";
|
|
|
29459
29529
|
const RGOption = `RadioGroupOption`;
|
|
29460
29530
|
const RadioGroupMd = createMetadata({
|
|
29461
29531
|
status: "stable",
|
|
29462
|
-
description: "`RadioGroup` creates a mutually exclusive selection interface where users can choose only one option from a group of radio buttons. It manages the selection state and ensures that selecting one option automatically deselects all others in the group
|
|
29532
|
+
description: "`RadioGroup` creates a mutually exclusive selection interface where users can choose only one option from a group of radio buttons. It manages the selection state and ensures that selecting one option automatically deselects all others in the group.Radio options store their values as strings. Numbers and booleans are converted to strings when assigned, while objects, functions and arrays default to an empty string unless resolved via binding expressions.",
|
|
29463
29533
|
props: {
|
|
29464
29534
|
initialValue: {
|
|
29465
29535
|
...dInitialValue(),
|
|
29466
|
-
defaultValue: defaultProps$
|
|
29536
|
+
defaultValue: defaultProps$D.initialValue
|
|
29467
29537
|
},
|
|
29468
29538
|
autoFocus: dAutoFocus(),
|
|
29469
29539
|
required: {
|
|
29470
29540
|
...dRequired(),
|
|
29471
|
-
defaultValue: defaultProps$
|
|
29541
|
+
defaultValue: defaultProps$D.required
|
|
29472
29542
|
},
|
|
29473
29543
|
readOnly: dReadonly(),
|
|
29474
29544
|
enabled: {
|
|
29475
29545
|
...dEnabled(),
|
|
29476
|
-
defaultValue: defaultProps$
|
|
29546
|
+
defaultValue: defaultProps$D.enabled
|
|
29477
29547
|
},
|
|
29478
29548
|
validationStatus: {
|
|
29479
29549
|
...dValidationStatus(),
|
|
29480
|
-
defaultValue: defaultProps$
|
|
29550
|
+
defaultValue: defaultProps$D.validationStatus
|
|
29481
29551
|
},
|
|
29482
29552
|
orientation: dInternal(
|
|
29483
29553
|
`(*** NOT IMPLEMENTED YET ***) This property sets the orientation of the options within the radio group.`
|
|
@@ -29548,11 +29618,11 @@ const RadioItemMd = createMetadata({
|
|
|
29548
29618
|
props: {
|
|
29549
29619
|
checked: {
|
|
29550
29620
|
description: "This property specifies whether the radio button is checked.",
|
|
29551
|
-
defaultValue: defaultProps$
|
|
29621
|
+
defaultValue: defaultProps$E.checked
|
|
29552
29622
|
},
|
|
29553
29623
|
value: {
|
|
29554
29624
|
description: "This property specifies the value of the radio button.",
|
|
29555
|
-
defaultValue: defaultProps$
|
|
29625
|
+
defaultValue: defaultProps$E.value
|
|
29556
29626
|
}
|
|
29557
29627
|
},
|
|
29558
29628
|
events: {
|
|
@@ -29617,7 +29687,7 @@ const FileInputMd = createMetadata({
|
|
|
29617
29687
|
null,
|
|
29618
29688
|
"boolean"
|
|
29619
29689
|
),
|
|
29620
|
-
defaultValue: defaultProps$
|
|
29690
|
+
defaultValue: defaultProps$I.multiple
|
|
29621
29691
|
},
|
|
29622
29692
|
directory: {
|
|
29623
29693
|
...d(
|
|
@@ -29625,21 +29695,21 @@ const FileInputMd = createMetadata({
|
|
|
29625
29695
|
null,
|
|
29626
29696
|
"boolean"
|
|
29627
29697
|
),
|
|
29628
|
-
defaultValue: defaultProps$
|
|
29698
|
+
defaultValue: defaultProps$I.directory
|
|
29629
29699
|
},
|
|
29630
29700
|
buttonPosition: {
|
|
29631
29701
|
...d(`This property determines the position of the button relative to the input field.`, [
|
|
29632
29702
|
"start",
|
|
29633
29703
|
"end"
|
|
29634
29704
|
]),
|
|
29635
|
-
defaultValue: defaultProps$
|
|
29705
|
+
defaultValue: defaultProps$I.buttonPosition
|
|
29636
29706
|
},
|
|
29637
29707
|
buttonSize: d("The size of the button (small, medium, large)", sizeMd),
|
|
29638
29708
|
buttonThemeColor: d(
|
|
29639
29709
|
"The button color scheme (primary, secondary, attention)",
|
|
29640
29710
|
buttonThemeNames,
|
|
29641
29711
|
"string",
|
|
29642
|
-
defaultProps$
|
|
29712
|
+
defaultProps$I.buttonThemeColor
|
|
29643
29713
|
)
|
|
29644
29714
|
},
|
|
29645
29715
|
events: {
|
|
@@ -29713,12 +29783,12 @@ const SpinnerMd = createMetadata({
|
|
|
29713
29783
|
delay: {
|
|
29714
29784
|
description: `The delay in milliseconds before the spinner is displayed.`,
|
|
29715
29785
|
valueType: "number",
|
|
29716
|
-
defaultValue: defaultProps$
|
|
29786
|
+
defaultValue: defaultProps$1i.delay
|
|
29717
29787
|
},
|
|
29718
29788
|
fullScreen: {
|
|
29719
29789
|
description: `If set to \`true\`, the component will be rendered in a full screen container.`,
|
|
29720
29790
|
valueType: "boolean",
|
|
29721
|
-
defaultValue: defaultProps$
|
|
29791
|
+
defaultValue: defaultProps$1i.fullScreen
|
|
29722
29792
|
}
|
|
29723
29793
|
},
|
|
29724
29794
|
themeVars: parseScssVar(styles$1j.themeVars),
|
|
@@ -29754,7 +29824,7 @@ const SelectMd = createMetadata({
|
|
|
29754
29824
|
props: {
|
|
29755
29825
|
placeholder: {
|
|
29756
29826
|
...dPlaceholder(),
|
|
29757
|
-
defaultValue: defaultProps$
|
|
29827
|
+
defaultValue: defaultProps$G.placeholder
|
|
29758
29828
|
},
|
|
29759
29829
|
initialValue: dInitialValue(),
|
|
29760
29830
|
value: {
|
|
@@ -29764,23 +29834,23 @@ const SelectMd = createMetadata({
|
|
|
29764
29834
|
},
|
|
29765
29835
|
autoFocus: {
|
|
29766
29836
|
...dAutoFocus(),
|
|
29767
|
-
defaultValue: defaultProps$
|
|
29837
|
+
defaultValue: defaultProps$G.autoFocus
|
|
29768
29838
|
},
|
|
29769
29839
|
required: {
|
|
29770
29840
|
...dRequired(),
|
|
29771
|
-
defaultValue: defaultProps$
|
|
29841
|
+
defaultValue: defaultProps$G.required
|
|
29772
29842
|
},
|
|
29773
29843
|
readOnly: {
|
|
29774
29844
|
...dReadonly(),
|
|
29775
|
-
defaultValue: defaultProps$
|
|
29845
|
+
defaultValue: defaultProps$G.readOnly
|
|
29776
29846
|
},
|
|
29777
29847
|
enabled: {
|
|
29778
29848
|
...dEnabled(),
|
|
29779
|
-
defaultValue: defaultProps$
|
|
29849
|
+
defaultValue: defaultProps$G.enabled
|
|
29780
29850
|
},
|
|
29781
29851
|
validationStatus: {
|
|
29782
29852
|
...dValidationStatus(),
|
|
29783
|
-
defaultValue: defaultProps$
|
|
29853
|
+
defaultValue: defaultProps$G.validationStatus
|
|
29784
29854
|
},
|
|
29785
29855
|
optionLabelTemplate: dComponent(
|
|
29786
29856
|
`This property allows replacing the default template to display an option in the dropdown list.`
|
|
@@ -29799,23 +29869,23 @@ const SelectMd = createMetadata({
|
|
|
29799
29869
|
),
|
|
29800
29870
|
multiSelect: {
|
|
29801
29871
|
...dMulti(),
|
|
29802
|
-
defaultValue: defaultProps$
|
|
29872
|
+
defaultValue: defaultProps$G.multiSelect
|
|
29803
29873
|
},
|
|
29804
29874
|
searchable: {
|
|
29805
29875
|
description: `This property enables the search functionality in the dropdown list.`,
|
|
29806
|
-
defaultValue: defaultProps$
|
|
29876
|
+
defaultValue: defaultProps$G.searchable
|
|
29807
29877
|
},
|
|
29808
29878
|
inProgress: {
|
|
29809
29879
|
description: `This property indicates whether the component is in progress. It can be used to show a loading message.`,
|
|
29810
|
-
defaultValue: defaultProps$
|
|
29880
|
+
defaultValue: defaultProps$G.inProgress
|
|
29811
29881
|
},
|
|
29812
29882
|
inProgressNotificationMessage: {
|
|
29813
29883
|
description: `This property indicates the message to display when the component is in progress.`,
|
|
29814
|
-
defaultValue: defaultProps$
|
|
29884
|
+
defaultValue: defaultProps$G.inProgressNotificationMessage
|
|
29815
29885
|
},
|
|
29816
29886
|
clearable: {
|
|
29817
29887
|
description: `This property enables a clear button that allows the user to clear the selected value(s).`,
|
|
29818
|
-
defaultValue: defaultProps$
|
|
29888
|
+
defaultValue: defaultProps$G.clearable
|
|
29819
29889
|
}
|
|
29820
29890
|
},
|
|
29821
29891
|
events: {
|
|
@@ -30092,7 +30162,7 @@ const formSectionRenderer = createUserDefinedComponentRenderer(
|
|
|
30092
30162
|
componentSource
|
|
30093
30163
|
);
|
|
30094
30164
|
const defaultProps$o = {
|
|
30095
|
-
...defaultProps
|
|
30165
|
+
...defaultProps$10
|
|
30096
30166
|
};
|
|
30097
30167
|
const COMP$H = "Checkbox";
|
|
30098
30168
|
const CheckboxMd = createMetadata({
|
|
@@ -30107,13 +30177,13 @@ const CheckboxMd = createMetadata({
|
|
|
30107
30177
|
}
|
|
30108
30178
|
},
|
|
30109
30179
|
props: {
|
|
30110
|
-
indeterminate: dIndeterminate(defaultProps
|
|
30180
|
+
indeterminate: dIndeterminate(defaultProps$10.indeterminate),
|
|
30111
30181
|
required: dRequired(),
|
|
30112
|
-
initialValue: dInitialValue(defaultProps
|
|
30182
|
+
initialValue: dInitialValue(defaultProps$10.initialValue),
|
|
30113
30183
|
autoFocus: dAutoFocus(),
|
|
30114
30184
|
readOnly: dReadonly(),
|
|
30115
30185
|
enabled: dEnabled(),
|
|
30116
|
-
validationStatus: dValidationStatus(defaultProps
|
|
30186
|
+
validationStatus: dValidationStatus(defaultProps$10.validationStatus),
|
|
30117
30187
|
description: dInternal(
|
|
30118
30188
|
`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$H} besides its label.`
|
|
30119
30189
|
),
|
|
@@ -30217,11 +30287,11 @@ const SwitchMd = createMetadata({
|
|
|
30217
30287
|
},
|
|
30218
30288
|
props: {
|
|
30219
30289
|
required: dRequired(),
|
|
30220
|
-
initialValue: dInitialValue(defaultProps
|
|
30290
|
+
initialValue: dInitialValue(defaultProps$10.initialValue),
|
|
30221
30291
|
autoFocus: dAutoFocus(),
|
|
30222
30292
|
readOnly: dReadonly(),
|
|
30223
30293
|
enabled: dEnabled(),
|
|
30224
|
-
validationStatus: dValidationStatus(defaultProps
|
|
30294
|
+
validationStatus: dValidationStatus(defaultProps$10.validationStatus),
|
|
30225
30295
|
description: dInternal(
|
|
30226
30296
|
`(*** NOT IMPLEMENTED YET ***) This optional property displays an alternate description of the ${COMP$G} besides its label.`
|
|
30227
30297
|
)
|
|
@@ -30287,7 +30357,7 @@ const switchComponentRenderer = createComponentRenderer(
|
|
|
30287
30357
|
className,
|
|
30288
30358
|
initialValue: extractValue.asOptionalBoolean(
|
|
30289
30359
|
node.props.initialValue,
|
|
30290
|
-
defaultProps
|
|
30360
|
+
defaultProps$10.initialValue
|
|
30291
30361
|
),
|
|
30292
30362
|
value: state?.value,
|
|
30293
30363
|
readOnly: extractValue.asOptionalBoolean(node.props.readOnly),
|
|
@@ -30344,7 +30414,7 @@ const AppHeaderMd = createMetadata({
|
|
|
30344
30414
|
showLogo: {
|
|
30345
30415
|
description: "Show the logo in the header",
|
|
30346
30416
|
valueType: "boolean",
|
|
30347
|
-
defaultValue: defaultProps$
|
|
30417
|
+
defaultValue: defaultProps$1b.showLogo
|
|
30348
30418
|
}
|
|
30349
30419
|
},
|
|
30350
30420
|
themeVars: parseScssVar(styles$1b.themeVars),
|
|
@@ -30946,7 +31016,7 @@ const RootThemeDefinition = {
|
|
|
30946
31016
|
"boxShadow-spread-2": "-6px -4px 40px 10px rgba(0, 0, 0, 0.1)",
|
|
30947
31017
|
"boxShadow-spread-2-xl": "-6px -4px 40px 18px rgba(0, 0, 0, 0.1)",
|
|
30948
31018
|
// --- The default maximum content width
|
|
30949
|
-
"maxWidth-content": "
|
|
31019
|
+
"maxWidth-content": "1280px",
|
|
30950
31020
|
// --- Background colors
|
|
30951
31021
|
backgroundColor: "$color-surface-subtle",
|
|
30952
31022
|
"backgroundColor-overlay": "rgba(0, 0, 0, 0.2)",
|
|
@@ -33315,7 +33385,6 @@ const Animation$1 = forwardRef(function Animation2({
|
|
|
33315
33385
|
onStart,
|
|
33316
33386
|
onStop,
|
|
33317
33387
|
reset,
|
|
33318
|
-
once,
|
|
33319
33388
|
reverse2,
|
|
33320
33389
|
toggle
|
|
33321
33390
|
]
|
|
@@ -34546,29 +34615,29 @@ const DatePickerMd = createMetadata({
|
|
|
34546
34615
|
initialValue: dInitialValue(),
|
|
34547
34616
|
autoFocus: dAutoFocus(),
|
|
34548
34617
|
readOnly: dReadonly(),
|
|
34549
|
-
enabled: dEnabled(defaultProps$
|
|
34550
|
-
validationStatus: dValidationStatus(defaultProps$
|
|
34618
|
+
enabled: dEnabled(defaultProps$C.enabled),
|
|
34619
|
+
validationStatus: dValidationStatus(defaultProps$C.validationStatus),
|
|
34551
34620
|
mode: {
|
|
34552
34621
|
description: "The mode of the datepicker (single or range)",
|
|
34553
34622
|
valueType: "string",
|
|
34554
34623
|
availableValues: DatePickerModeValues,
|
|
34555
|
-
defaultValue: defaultProps$
|
|
34624
|
+
defaultValue: defaultProps$C.mode
|
|
34556
34625
|
},
|
|
34557
34626
|
dateFormat: {
|
|
34558
34627
|
description: "The format of the date displayed in the input field",
|
|
34559
34628
|
valueType: "string",
|
|
34560
|
-
defaultValue: defaultProps$
|
|
34629
|
+
defaultValue: defaultProps$C.dateFormat,
|
|
34561
34630
|
availableValues: dateFormats$1
|
|
34562
34631
|
},
|
|
34563
34632
|
showWeekNumber: {
|
|
34564
34633
|
description: "Whether to show the week number in the calendar",
|
|
34565
34634
|
valueType: "boolean",
|
|
34566
|
-
defaultValue: defaultProps$
|
|
34635
|
+
defaultValue: defaultProps$C.showWeekNumber
|
|
34567
34636
|
},
|
|
34568
34637
|
weekStartsOn: {
|
|
34569
34638
|
description: "The first day of the week. 0 is Sunday, 1 is Monday, etc.",
|
|
34570
34639
|
valueType: "number",
|
|
34571
|
-
defaultValue: defaultProps$
|
|
34640
|
+
defaultValue: defaultProps$C.weekStartsOn,
|
|
34572
34641
|
availableValues: [
|
|
34573
34642
|
{
|
|
34574
34643
|
value: WeekDays$1.Sunday,
|
|
@@ -34615,7 +34684,7 @@ const DatePickerMd = createMetadata({
|
|
|
34615
34684
|
inline: {
|
|
34616
34685
|
description: "If set to true, the calendar is always visible and its panel is rendered as part of the layout. If false, the calendar is shown in a popup when the input is focused or clicked.",
|
|
34617
34686
|
valueType: "boolean",
|
|
34618
|
-
defaultValue: defaultProps$
|
|
34687
|
+
defaultValue: defaultProps$C.inline
|
|
34619
34688
|
},
|
|
34620
34689
|
startText: dStartText(),
|
|
34621
34690
|
startIcon: dStartIcon(),
|
|
@@ -37171,12 +37240,15 @@ const Timer = forwardRef(function Timer2({
|
|
|
37171
37240
|
setIsPaused(false);
|
|
37172
37241
|
}
|
|
37173
37242
|
}, [enabled2, isPaused]);
|
|
37174
|
-
const timerApi = useMemo(
|
|
37175
|
-
|
|
37176
|
-
|
|
37177
|
-
|
|
37178
|
-
|
|
37179
|
-
|
|
37243
|
+
const timerApi = useMemo(
|
|
37244
|
+
() => ({
|
|
37245
|
+
pause,
|
|
37246
|
+
resume,
|
|
37247
|
+
isPaused: () => isPaused,
|
|
37248
|
+
isRunning: () => isRunning && !isPaused
|
|
37249
|
+
}),
|
|
37250
|
+
[pause, resume, isPaused, isRunning]
|
|
37251
|
+
);
|
|
37180
37252
|
useEffect(() => {
|
|
37181
37253
|
if (registerComponentApi) {
|
|
37182
37254
|
registerComponentApi(timerApi);
|
|
@@ -37239,7 +37311,16 @@ const Timer = forwardRef(function Timer2({
|
|
|
37239
37311
|
initialDelayRef.current = null;
|
|
37240
37312
|
}
|
|
37241
37313
|
};
|
|
37242
|
-
}, [
|
|
37314
|
+
}, [
|
|
37315
|
+
enabled2,
|
|
37316
|
+
interval,
|
|
37317
|
+
once,
|
|
37318
|
+
hasExecutedOnce,
|
|
37319
|
+
isPaused,
|
|
37320
|
+
initialDelay,
|
|
37321
|
+
hasEverStarted,
|
|
37322
|
+
handleTick
|
|
37323
|
+
]);
|
|
37243
37324
|
useEffect(() => {
|
|
37244
37325
|
if (enabled2 && once) {
|
|
37245
37326
|
setHasExecutedOnce(false);
|
|
@@ -38639,7 +38720,7 @@ const accordionItemComponentRenderer = createComponentRenderer(
|
|
|
38639
38720
|
const COMP$p = "Slider";
|
|
38640
38721
|
const SliderMd = createMetadata({
|
|
38641
38722
|
status: "stable",
|
|
38642
|
-
description: "`Slider` provides an interactive control for selecting numeric values within a defined range, supporting both single value selection and range selection with multiple thumbs. It offers precise control through customizable steps and visual feedback with formatted value display
|
|
38723
|
+
description: "`Slider` provides an interactive control for selecting numeric values within a defined range, supporting both single value selection and range selection with multiple thumbs. It offers precise control through customizable steps and visual feedback with formatted value display.Hover over the component to see the tooltip with the current value. On mobile, tap the thumb to see the tooltip.",
|
|
38643
38724
|
props: {
|
|
38644
38725
|
initialValue: dInitialValue(),
|
|
38645
38726
|
minValue: {
|
|
@@ -39595,7 +39676,7 @@ const OptionMd = createMetadata({
|
|
|
39595
39676
|
enabled: {
|
|
39596
39677
|
description: "This boolean property indicates whether the option is enabled or disabled.",
|
|
39597
39678
|
valueType: "boolean",
|
|
39598
|
-
defaultValue: defaultProps$
|
|
39679
|
+
defaultValue: defaultProps$F.enabled
|
|
39599
39680
|
},
|
|
39600
39681
|
keywords: d(
|
|
39601
39682
|
"An array of keywords that can be used for searching and filtering the option. These keywords are not displayed but help users find the option through search."
|
|
@@ -39645,40 +39726,40 @@ const AutoCompleteMd = createMetadata({
|
|
|
39645
39726
|
maxLength: dMaxLength(),
|
|
39646
39727
|
autoFocus: {
|
|
39647
39728
|
...dAutoFocus(),
|
|
39648
|
-
defaultValue: defaultProps$
|
|
39729
|
+
defaultValue: defaultProps$z.autoFocus
|
|
39649
39730
|
},
|
|
39650
39731
|
required: {
|
|
39651
39732
|
...dRequired(),
|
|
39652
|
-
defaultValue: defaultProps$
|
|
39733
|
+
defaultValue: defaultProps$z.required
|
|
39653
39734
|
},
|
|
39654
39735
|
readOnly: {
|
|
39655
39736
|
...dReadonly(),
|
|
39656
|
-
defaultValue: defaultProps$
|
|
39737
|
+
defaultValue: defaultProps$z.readOnly
|
|
39657
39738
|
},
|
|
39658
39739
|
enabled: {
|
|
39659
39740
|
...dEnabled(),
|
|
39660
|
-
defaultValue: defaultProps$
|
|
39741
|
+
defaultValue: defaultProps$z.enabled
|
|
39661
39742
|
},
|
|
39662
39743
|
initiallyOpen: d(
|
|
39663
39744
|
`This property determines whether the dropdown list is open when the component is first rendered.`,
|
|
39664
39745
|
null,
|
|
39665
39746
|
"boolean",
|
|
39666
|
-
defaultProps$
|
|
39747
|
+
defaultProps$z.initiallyOpen
|
|
39667
39748
|
),
|
|
39668
39749
|
creatable: d(
|
|
39669
39750
|
`This property allows the user to create new items that are not present in the list of options.`,
|
|
39670
39751
|
null,
|
|
39671
39752
|
"boolean",
|
|
39672
|
-
defaultProps$
|
|
39753
|
+
defaultProps$z.creatable
|
|
39673
39754
|
),
|
|
39674
39755
|
validationStatus: {
|
|
39675
39756
|
...dValidationStatus(),
|
|
39676
|
-
defaultValue: defaultProps$
|
|
39757
|
+
defaultValue: defaultProps$z.validationStatus
|
|
39677
39758
|
},
|
|
39678
39759
|
dropdownHeight: d("This property sets the height of the dropdown list."),
|
|
39679
39760
|
multi: {
|
|
39680
39761
|
...dMulti(),
|
|
39681
|
-
defaultValue: defaultProps$
|
|
39762
|
+
defaultValue: defaultProps$z.multi
|
|
39682
39763
|
},
|
|
39683
39764
|
optionTemplate: dComponent(
|
|
39684
39765
|
`This property enables the customization of list items. To access the attributes of a list item use the \`$item\` context variable.`
|
|
@@ -41852,7 +41933,7 @@ const ColorPickerMd = createMetadata({
|
|
|
41852
41933
|
autoFocus: dAutoFocus(),
|
|
41853
41934
|
required: dRequired(),
|
|
41854
41935
|
readOnly: dReadonly(),
|
|
41855
|
-
validationStatus: dValidationStatus(defaultProps$
|
|
41936
|
+
validationStatus: dValidationStatus(defaultProps$u.validationStatus)
|
|
41856
41937
|
},
|
|
41857
41938
|
events: {
|
|
41858
41939
|
didChange: dDidChange(COMP$f),
|
|
@@ -44374,31 +44455,31 @@ const PaginationMd = createMetadata({
|
|
|
44374
44455
|
void 0,
|
|
44375
44456
|
"number"
|
|
44376
44457
|
),
|
|
44377
|
-
pageSize: d("Number of items per page", void 0, "number", defaultProps
|
|
44378
|
-
pageIndex: d("Current page index (0-based)", void 0, "number", defaultProps
|
|
44458
|
+
pageSize: d("Number of items per page", void 0, "number", defaultProps$$.pageSize),
|
|
44459
|
+
pageIndex: d("Current page index (0-based)", void 0, "number", defaultProps$$.pageIndex),
|
|
44379
44460
|
maxVisiblePages: d(
|
|
44380
44461
|
"Maximum number of page buttons to display. If the value is not among the allowed values, it will fall back to the default.",
|
|
44381
44462
|
PageNumberValues,
|
|
44382
44463
|
"number",
|
|
44383
|
-
defaultProps
|
|
44464
|
+
defaultProps$$.maxVisiblePages
|
|
44384
44465
|
),
|
|
44385
44466
|
showPageInfo: d(
|
|
44386
44467
|
"Whether to show page information",
|
|
44387
44468
|
void 0,
|
|
44388
44469
|
"boolean",
|
|
44389
|
-
defaultProps
|
|
44470
|
+
defaultProps$$.showPageInfo
|
|
44390
44471
|
),
|
|
44391
44472
|
showPageSizeSelector: d(
|
|
44392
44473
|
"Whether to show the page size selector",
|
|
44393
44474
|
void 0,
|
|
44394
44475
|
"boolean",
|
|
44395
|
-
defaultProps
|
|
44476
|
+
defaultProps$$.showPageSizeSelector
|
|
44396
44477
|
),
|
|
44397
44478
|
showCurrentPage: d(
|
|
44398
44479
|
"Whether to show the current page indicator",
|
|
44399
44480
|
void 0,
|
|
44400
44481
|
"boolean",
|
|
44401
|
-
defaultProps
|
|
44482
|
+
defaultProps$$.showCurrentPage
|
|
44402
44483
|
),
|
|
44403
44484
|
pageSizeOptions: d(
|
|
44404
44485
|
"Array of page sizes the user can select from. If provided, shows a page size selector dropdown"
|
|
@@ -44418,25 +44499,25 @@ const PaginationMd = createMetadata({
|
|
|
44418
44499
|
options: orientationOptionValues,
|
|
44419
44500
|
type: "string",
|
|
44420
44501
|
availableValues: orientationOptionMd,
|
|
44421
|
-
default: defaultProps
|
|
44502
|
+
default: defaultProps$$.orientation
|
|
44422
44503
|
},
|
|
44423
44504
|
pageSizeSelectorPosition: {
|
|
44424
44505
|
description: "Determines where to place the page size selector in the layout.",
|
|
44425
44506
|
options: PositionValues,
|
|
44426
44507
|
type: "string",
|
|
44427
|
-
default: defaultProps
|
|
44508
|
+
default: defaultProps$$.pageSizeSelectorPosition
|
|
44428
44509
|
},
|
|
44429
44510
|
pageInfoPosition: {
|
|
44430
44511
|
description: "Determines where to place the page information in the layout.",
|
|
44431
44512
|
options: PositionValues,
|
|
44432
44513
|
type: "string",
|
|
44433
|
-
default: defaultProps
|
|
44514
|
+
default: defaultProps$$.pageInfoPosition
|
|
44434
44515
|
},
|
|
44435
44516
|
buttonRowPosition: d(
|
|
44436
44517
|
"Determines where to place the pagination button row in the layout.",
|
|
44437
44518
|
PositionValues,
|
|
44438
44519
|
"string",
|
|
44439
|
-
defaultProps
|
|
44520
|
+
defaultProps$$.buttonRowPosition
|
|
44440
44521
|
)
|
|
44441
44522
|
},
|
|
44442
44523
|
events: {
|
|
@@ -44485,42 +44566,42 @@ const paginationComponentRenderer = createComponentRenderer(
|
|
|
44485
44566
|
({ node, extractValue, lookupEventHandler, registerComponentApi, updateState, className }) => {
|
|
44486
44567
|
let maxVisiblePages = extractValue.asOptionalNumber(
|
|
44487
44568
|
node.props.maxVisiblePages,
|
|
44488
|
-
defaultProps
|
|
44569
|
+
defaultProps$$.maxVisiblePages
|
|
44489
44570
|
);
|
|
44490
44571
|
if (!PageNumberValues.includes(maxVisiblePages)) {
|
|
44491
44572
|
console.warn(
|
|
44492
44573
|
`Invalid maxVisiblePages value provided To Pagination: ${maxVisiblePages}. Falling back to default.`
|
|
44493
44574
|
);
|
|
44494
|
-
maxVisiblePages = defaultProps
|
|
44575
|
+
maxVisiblePages = defaultProps$$.maxVisiblePages;
|
|
44495
44576
|
}
|
|
44496
44577
|
let orientation = extractValue.asOptionalString(
|
|
44497
44578
|
node.props.orientation,
|
|
44498
|
-
defaultProps
|
|
44579
|
+
defaultProps$$.orientation
|
|
44499
44580
|
);
|
|
44500
44581
|
if (!orientationOptionValues.includes(orientation)) {
|
|
44501
44582
|
console.warn(
|
|
44502
44583
|
`Invalid orientation value provided To Pagination: ${orientation}. Falling back to default.`
|
|
44503
44584
|
);
|
|
44504
|
-
orientation = defaultProps
|
|
44585
|
+
orientation = defaultProps$$.orientation;
|
|
44505
44586
|
}
|
|
44506
44587
|
return /* @__PURE__ */ jsx(
|
|
44507
44588
|
PaginationNative,
|
|
44508
44589
|
{
|
|
44509
44590
|
enabled: extractValue.asOptionalBoolean(node.props.enabled, true),
|
|
44510
44591
|
itemCount: extractValue.asOptionalNumber(node.props.itemCount),
|
|
44511
|
-
pageSize: extractValue.asOptionalNumber(node.props.pageSize, defaultProps
|
|
44512
|
-
pageIndex: extractValue.asOptionalNumber(node.props.pageIndex, defaultProps
|
|
44592
|
+
pageSize: extractValue.asOptionalNumber(node.props.pageSize, defaultProps$$.pageSize),
|
|
44593
|
+
pageIndex: extractValue.asOptionalNumber(node.props.pageIndex, defaultProps$$.pageIndex),
|
|
44513
44594
|
showPageInfo: extractValue.asOptionalBoolean(
|
|
44514
44595
|
node.props.showPageInfo,
|
|
44515
|
-
defaultProps
|
|
44596
|
+
defaultProps$$.showPageInfo
|
|
44516
44597
|
),
|
|
44517
44598
|
showPageSizeSelector: extractValue.asOptionalBoolean(
|
|
44518
44599
|
node.props.showPageSizeSelector,
|
|
44519
|
-
defaultProps
|
|
44600
|
+
defaultProps$$.showPageSizeSelector
|
|
44520
44601
|
),
|
|
44521
44602
|
showCurrentPage: extractValue.asOptionalBoolean(
|
|
44522
44603
|
node.props.showCurrentPage,
|
|
44523
|
-
defaultProps
|
|
44604
|
+
defaultProps$$.showCurrentPage
|
|
44524
44605
|
),
|
|
44525
44606
|
hasPrevPage: extractValue.asOptionalBoolean(node.props.hasPrevPage),
|
|
44526
44607
|
hasNextPage: extractValue.asOptionalBoolean(node.props.hasNextPage),
|
|
@@ -44529,15 +44610,15 @@ const paginationComponentRenderer = createComponentRenderer(
|
|
|
44529
44610
|
orientation,
|
|
44530
44611
|
buttonRowPosition: extractValue.asOptionalString(
|
|
44531
44612
|
node.props.buttonRowPosition,
|
|
44532
|
-
defaultProps
|
|
44613
|
+
defaultProps$$.buttonRowPosition
|
|
44533
44614
|
),
|
|
44534
44615
|
pageSizeSelectorPosition: extractValue.asOptionalString(
|
|
44535
44616
|
node.props.pageSizeSelectorPosition,
|
|
44536
|
-
defaultProps
|
|
44617
|
+
defaultProps$$.pageSizeSelectorPosition
|
|
44537
44618
|
),
|
|
44538
44619
|
pageInfoPosition: extractValue.asOptionalString(
|
|
44539
44620
|
node.props.pageInfoPosition,
|
|
44540
|
-
defaultProps
|
|
44621
|
+
defaultProps$$.pageInfoPosition
|
|
44541
44622
|
),
|
|
44542
44623
|
onPageDidChange: lookupEventHandler("pageDidChange"),
|
|
44543
44624
|
onPageSizeDidChange: lookupEventHandler("pageSizeDidChange"),
|
|
@@ -44824,9 +44905,6 @@ class ComponentRegistry {
|
|
|
44824
44905
|
if (process.env.VITE_USED_COMPONENTS_Fragment !== "false") {
|
|
44825
44906
|
this.registerCoreComponent(fragmentComponentRenderer);
|
|
44826
44907
|
}
|
|
44827
|
-
if (process.env.VITE_USED_COMPONENTS_Choose !== "false") {
|
|
44828
|
-
this.registerCoreComponent(chooseComponentRenderer);
|
|
44829
|
-
}
|
|
44830
44908
|
if (process.env.VITE_USED_COMPONENTS_Table !== "false") {
|
|
44831
44909
|
this.registerCoreComponent(tableComponentRenderer);
|
|
44832
44910
|
this.registerCoreComponent(columnComponentRenderer);
|
|
@@ -46197,7 +46275,7 @@ function IconProvider({ children }) {
|
|
|
46197
46275
|
/* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
|
|
46198
46276
|
] });
|
|
46199
46277
|
}
|
|
46200
|
-
const version = "0.11.
|
|
46278
|
+
const version = "0.11.9";
|
|
46201
46279
|
const miscellaneousUtils = {
|
|
46202
46280
|
capitalize,
|
|
46203
46281
|
pluralize: pluralize$1,
|
|
@@ -51297,7 +51375,6 @@ const collectedComponentMetadata = {
|
|
|
51297
51375
|
Carousel: CarouselMd,
|
|
51298
51376
|
ChangeListener: ChangeListenerMd,
|
|
51299
51377
|
Checkbox: CheckboxMd,
|
|
51300
|
-
Choose: ChooseMd,
|
|
51301
51378
|
CODE: HtmlCodeMd,
|
|
51302
51379
|
ColorPicker: ColorPickerMd,
|
|
51303
51380
|
Column: ColumnMd,
|