xmlui 0.9.34 → 0.9.36
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/{apiInterceptorWorker-B2l5dDUx.mjs → apiInterceptorWorker-CWN1iwsH.mjs} +1 -1
- package/dist/lib/{index-BN2rPcEc.mjs → index-BmTqBdiA.mjs} +84 -54
- package/dist/lib/index.css +69 -93
- package/dist/lib/language-server-web-worker.mjs +1 -1
- package/dist/lib/language-server.mjs +1 -1
- package/dist/lib/{server-common-B1bqw3bO.mjs → server-common-B7iKLsag.mjs} +2464 -2548
- package/dist/lib/xmlui.mjs +1 -1
- package/dist/metadata/style.css +69 -93
- package/dist/metadata/xmlui-metadata.mjs +82 -53
- package/dist/metadata/xmlui-metadata.umd.js +82 -53
- package/dist/scripts/package.json +1 -1
- package/dist/scripts/src/components/FormItem/ItemWithLabel.js +1 -1
- package/dist/scripts/src/components/NavGroup/NavGroup.js +4 -2
- package/dist/scripts/src/components/NavGroup/NavGroupNative.js +13 -7
- package/dist/scripts/src/components/NavLink/NavLinkNative.js +19 -9
- package/dist/standalone/xmlui-standalone.umd.js +155 -149
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError, s as setupWorker } from "./index-
|
|
1
|
+
import { r as runEventHandlerCode, g as getDate, d as delay, m as miscellaneousUtils, a as dateFunctions, o as orderBy, T as ThrowStatementError, s as setupWorker } from "./index-BmTqBdiA.mjs";
|
|
2
2
|
import { delay as delay$1, HttpResponse, http } from "msw";
|
|
3
3
|
import { isArray, isObject, mapValues } from "lodash-es";
|
|
4
4
|
import Dexie from "dexie";
|
|
@@ -193,7 +193,7 @@ ${error2.errorObject}`;
|
|
|
193
193
|
throw errorToThrow ?? error2;
|
|
194
194
|
}
|
|
195
195
|
const themeVars$R = '"[]"';
|
|
196
|
-
const base$
|
|
196
|
+
const base$1 = "_base_724s4_13";
|
|
197
197
|
const hoverContainer = "_hoverContainer_724s4_22";
|
|
198
198
|
const handlesClick = "_handlesClick_724s4_35";
|
|
199
199
|
const vertical$7 = "_vertical_724s4_39";
|
|
@@ -210,7 +210,7 @@ const alignItemsEnd = "_alignItemsEnd_724s4_84";
|
|
|
210
210
|
const alignItemsBaseline = "_alignItemsBaseline_724s4_88";
|
|
211
211
|
const styles$14 = {
|
|
212
212
|
themeVars: themeVars$R,
|
|
213
|
-
base: base$
|
|
213
|
+
base: base$1,
|
|
214
214
|
hoverContainer,
|
|
215
215
|
handlesClick,
|
|
216
216
|
vertical: vertical$7,
|
|
@@ -1433,17 +1433,18 @@ function getElementRef(element) {
|
|
|
1433
1433
|
return element.props.ref || element.ref;
|
|
1434
1434
|
}
|
|
1435
1435
|
const themeVars$M = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
|
|
1436
|
-
const container$3 = "
|
|
1437
|
-
const top$1 = "
|
|
1438
|
-
const end = "
|
|
1439
|
-
const bottom$1 = "
|
|
1440
|
-
const start = "
|
|
1441
|
-
const shrinkToLabel = "
|
|
1442
|
-
const
|
|
1443
|
-
const
|
|
1444
|
-
const
|
|
1445
|
-
const
|
|
1446
|
-
const
|
|
1436
|
+
const container$3 = "_container_rso68_13";
|
|
1437
|
+
const top$1 = "_top_rso68_20";
|
|
1438
|
+
const end = "_end_rso68_25";
|
|
1439
|
+
const bottom$1 = "_bottom_rso68_31";
|
|
1440
|
+
const start = "_start_rso68_36";
|
|
1441
|
+
const shrinkToLabel = "_shrinkToLabel_rso68_42";
|
|
1442
|
+
const itemWithLabel = "_itemWithLabel_rso68_45";
|
|
1443
|
+
const inputLabel = "_inputLabel_rso68_48";
|
|
1444
|
+
const disabled$8 = "_disabled_rso68_61";
|
|
1445
|
+
const labelBreak = "_labelBreak_rso68_65";
|
|
1446
|
+
const required = "_required_rso68_69";
|
|
1447
|
+
const requiredMark = "_requiredMark_rso68_76";
|
|
1447
1448
|
const styles$11 = {
|
|
1448
1449
|
themeVars: themeVars$M,
|
|
1449
1450
|
container: container$3,
|
|
@@ -1452,6 +1453,7 @@ const styles$11 = {
|
|
|
1452
1453
|
bottom: bottom$1,
|
|
1453
1454
|
start,
|
|
1454
1455
|
shrinkToLabel,
|
|
1456
|
+
itemWithLabel,
|
|
1455
1457
|
inputLabel,
|
|
1456
1458
|
disabled: disabled$8,
|
|
1457
1459
|
labelBreak,
|
|
@@ -1514,7 +1516,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
|
|
|
1514
1516
|
if (label2 === void 0 && !validationResult) {
|
|
1515
1517
|
return /* @__PURE__ */ jsx(Slot, { style: style2, id: inputId, ref, children });
|
|
1516
1518
|
}
|
|
1517
|
-
return /* @__PURE__ */ jsxs("div", { style: style2, ref, children: [
|
|
1519
|
+
return /* @__PURE__ */ jsxs("div", { style: style2, ref, className: styles$11.itemWithLabel, children: [
|
|
1518
1520
|
/* @__PURE__ */ jsxs(
|
|
1519
1521
|
"div",
|
|
1520
1522
|
{
|
|
@@ -1953,25 +1955,21 @@ const textAreaComponentRenderer = createComponentRenderer(
|
|
|
1953
1955
|
);
|
|
1954
1956
|
}
|
|
1955
1957
|
);
|
|
1956
|
-
const themeVars$K = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "
|
|
1957
|
-
const
|
|
1958
|
-
const
|
|
1959
|
-
const
|
|
1960
|
-
const
|
|
1961
|
-
const
|
|
1962
|
-
const
|
|
1963
|
-
const disabled$7 = "_disabled_buj87_144";
|
|
1964
|
-
const vertical$6 = "_vertical_buj87_148";
|
|
1958
|
+
const themeVars$K = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)"}'`;
|
|
1959
|
+
const linkWrapper = "_linkWrapper_9n0c1_13";
|
|
1960
|
+
const icon$2 = "_icon_9n0c1_59";
|
|
1961
|
+
const disabled$7 = "_disabled_9n0c1_62";
|
|
1962
|
+
const displayIndicator = "_displayIndicator_9n0c1_84";
|
|
1963
|
+
const vertical$6 = "_vertical_9n0c1_94";
|
|
1964
|
+
const active$4 = "_active_9n0c1_112";
|
|
1965
1965
|
const navLinkStyles = {
|
|
1966
1966
|
themeVars: themeVars$K,
|
|
1967
|
-
|
|
1968
|
-
base: base$1,
|
|
1967
|
+
linkWrapper,
|
|
1969
1968
|
icon: icon$2,
|
|
1970
|
-
includeHoverIndicator,
|
|
1971
|
-
displayActive,
|
|
1972
|
-
navItemActive,
|
|
1973
1969
|
disabled: disabled$7,
|
|
1974
|
-
|
|
1970
|
+
displayIndicator,
|
|
1971
|
+
vertical: vertical$6,
|
|
1972
|
+
active: active$4
|
|
1975
1973
|
};
|
|
1976
1974
|
const themeVars$J = `'{"size-Icon": "var(--xmlui-size-Icon)", "thickness-stroke-Icon": "var(--xmlui-thickness-stroke-Icon)"}'`;
|
|
1977
1975
|
const base = "_base_13qtg_13";
|
|
@@ -4312,16 +4310,24 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
4312
4310
|
disabled: disabled2,
|
|
4313
4311
|
to: to2,
|
|
4314
4312
|
sx = {},
|
|
4315
|
-
displayActive
|
|
4313
|
+
displayActive = true,
|
|
4314
|
+
forceActive,
|
|
4316
4315
|
vertical: vertical2,
|
|
4317
4316
|
style: style2,
|
|
4318
4317
|
onClick,
|
|
4319
4318
|
icon: icon2,
|
|
4320
|
-
forceActive,
|
|
4321
4319
|
...rest
|
|
4322
4320
|
}, ref) {
|
|
4323
4321
|
const appLayoutContext = useAppLayoutContext();
|
|
4324
4322
|
const navPanelContext = useContext(NavPanelContext);
|
|
4323
|
+
const [isClicked, setIsClicked] = useState(false);
|
|
4324
|
+
const onClickForButton = useCallback(
|
|
4325
|
+
(event) => {
|
|
4326
|
+
setIsClicked((last) => !last);
|
|
4327
|
+
onClick == null ? void 0 : onClick(event);
|
|
4328
|
+
},
|
|
4329
|
+
[onClick]
|
|
4330
|
+
);
|
|
4325
4331
|
let safeVertical = vertical2;
|
|
4326
4332
|
if (appLayoutContext && safeVertical === void 0) {
|
|
4327
4333
|
safeVertical = getAppLayoutOrientation(appLayoutContext.layout) === "vertical" || (navPanelContext == null ? void 0 : navPanelContext.inDrawer);
|
|
@@ -4332,21 +4338,23 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
4332
4338
|
}
|
|
4333
4339
|
}, [to2]);
|
|
4334
4340
|
const styleObj = { ...sx, ...style2 };
|
|
4335
|
-
const
|
|
4341
|
+
const sharedClasses = classnames(navLinkStyles.linkWrapper, {
|
|
4336
4342
|
[navLinkStyles.disabled]: disabled2,
|
|
4337
4343
|
[navLinkStyles.vertical]: safeVertical,
|
|
4338
|
-
[navLinkStyles.
|
|
4339
|
-
[navLinkStyles.navItemActive]: displayActive2 && forceActive
|
|
4344
|
+
[navLinkStyles.displayIndicator]: displayActive
|
|
4340
4345
|
});
|
|
4341
|
-
let content2;
|
|
4346
|
+
let content2 = null;
|
|
4342
4347
|
if (disabled2 || !smartTo) {
|
|
4343
4348
|
content2 = /* @__PURE__ */ jsxs(
|
|
4344
4349
|
"button",
|
|
4345
4350
|
{
|
|
4351
|
+
id: uid,
|
|
4346
4352
|
...rest,
|
|
4347
4353
|
ref,
|
|
4348
|
-
onClick,
|
|
4349
|
-
className:
|
|
4354
|
+
onClick: onClickForButton,
|
|
4355
|
+
className: classnames(sharedClasses, {
|
|
4356
|
+
[navLinkStyles.active]: displayActive && (isClicked || forceActive)
|
|
4357
|
+
}),
|
|
4350
4358
|
style: styleObj,
|
|
4351
4359
|
disabled: disabled2,
|
|
4352
4360
|
children: [
|
|
@@ -4365,9 +4373,8 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
4365
4373
|
to: smartTo,
|
|
4366
4374
|
style: styleObj,
|
|
4367
4375
|
onClick,
|
|
4368
|
-
className: ({ isActive }) => classnames(
|
|
4369
|
-
[navLinkStyles.
|
|
4370
|
-
[navLinkStyles.navItemActive]: displayActive2 && (isActive || forceActive)
|
|
4376
|
+
className: ({ isActive }) => classnames(sharedClasses, {
|
|
4377
|
+
[navLinkStyles.active]: displayActive && (isActive || forceActive)
|
|
4371
4378
|
}),
|
|
4372
4379
|
children: [
|
|
4373
4380
|
icon2,
|
|
@@ -20810,6 +20817,7 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
20810
20817
|
icon: icon2,
|
|
20811
20818
|
renderChild: renderChild2,
|
|
20812
20819
|
to: to2,
|
|
20820
|
+
disabled: disabled2 = false,
|
|
20813
20821
|
initiallyExpanded,
|
|
20814
20822
|
iconHorizontalCollapsed,
|
|
20815
20823
|
iconHorizontalExpanded,
|
|
@@ -20831,7 +20839,13 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
20831
20839
|
iconVerticalCollapsed: iconVerticalCollapsed ?? defaultProps$4.iconVerticalCollapsed,
|
|
20832
20840
|
iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$4.iconVerticalExpanded
|
|
20833
20841
|
};
|
|
20834
|
-
}, [
|
|
20842
|
+
}, [
|
|
20843
|
+
iconHorizontalCollapsed,
|
|
20844
|
+
iconHorizontalExpanded,
|
|
20845
|
+
iconVerticalCollapsed,
|
|
20846
|
+
iconVerticalExpanded,
|
|
20847
|
+
level
|
|
20848
|
+
]);
|
|
20835
20849
|
return /* @__PURE__ */ jsx(NavGroupContext.Provider, { value: navGroupContextValue, children: inline ? /* @__PURE__ */ jsx(
|
|
20836
20850
|
ExpandableNavGroup,
|
|
20837
20851
|
{
|
|
@@ -20842,7 +20856,8 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
20842
20856
|
node,
|
|
20843
20857
|
renderChild: renderChild2,
|
|
20844
20858
|
ref,
|
|
20845
|
-
initiallyExpanded
|
|
20859
|
+
initiallyExpanded,
|
|
20860
|
+
disabled: disabled2
|
|
20846
20861
|
}
|
|
20847
20862
|
) : /* @__PURE__ */ jsx(
|
|
20848
20863
|
DropDownNavGroup,
|
|
@@ -20852,7 +20867,8 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
20852
20867
|
node,
|
|
20853
20868
|
renderChild: renderChild2,
|
|
20854
20869
|
ref,
|
|
20855
|
-
to: to2
|
|
20870
|
+
to: to2,
|
|
20871
|
+
disabled: disabled2
|
|
20856
20872
|
}
|
|
20857
20873
|
) });
|
|
20858
20874
|
});
|
|
@@ -20863,7 +20879,8 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
|
|
|
20863
20879
|
renderChild: renderChild2,
|
|
20864
20880
|
node,
|
|
20865
20881
|
to: to2,
|
|
20866
|
-
initiallyExpanded = false
|
|
20882
|
+
initiallyExpanded = false,
|
|
20883
|
+
disabled: disabled2 = false
|
|
20867
20884
|
}, ref) {
|
|
20868
20885
|
const { level, iconVerticalCollapsed, iconVerticalExpanded } = useContext(NavGroupContext);
|
|
20869
20886
|
const [expanded2, setExpanded] = useState(initiallyExpanded);
|
|
@@ -20872,11 +20889,21 @@ const ExpandableNavGroup = forwardRef(function ExpandableNavGroup2({
|
|
|
20872
20889
|
paddingLeft: level >= 1 ? level * 2 + "em" : void 0
|
|
20873
20890
|
};
|
|
20874
20891
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
20875
|
-
/* @__PURE__ */ jsxs(
|
|
20876
|
-
|
|
20877
|
-
|
|
20878
|
-
|
|
20879
|
-
|
|
20892
|
+
/* @__PURE__ */ jsxs(
|
|
20893
|
+
NavLink,
|
|
20894
|
+
{
|
|
20895
|
+
style: toggleStyle,
|
|
20896
|
+
onClick: () => setExpanded((prev) => !prev),
|
|
20897
|
+
icon: icon2,
|
|
20898
|
+
to: to2,
|
|
20899
|
+
disabled: disabled2,
|
|
20900
|
+
children: [
|
|
20901
|
+
label2,
|
|
20902
|
+
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
20903
|
+
/* @__PURE__ */ jsx(Icon, { name: expanded2 ? iconVerticalExpanded : iconVerticalCollapsed })
|
|
20904
|
+
]
|
|
20905
|
+
}
|
|
20906
|
+
),
|
|
20880
20907
|
expanded2 && renderChild2(node.children, {
|
|
20881
20908
|
wrapChild: ({ node: node2 }, renderedChild) => {
|
|
20882
20909
|
if (node2.type === "NavLink") {
|
|
@@ -20900,7 +20927,8 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
20900
20927
|
icon: icon2,
|
|
20901
20928
|
renderChild: renderChild2,
|
|
20902
20929
|
node,
|
|
20903
|
-
to: to2
|
|
20930
|
+
to: to2,
|
|
20931
|
+
disabled: disabled2 = false
|
|
20904
20932
|
}, ref) {
|
|
20905
20933
|
const {
|
|
20906
20934
|
level,
|
|
@@ -20920,7 +20948,7 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
20920
20948
|
}
|
|
20921
20949
|
const [expanded2, setExpanded] = useState(false);
|
|
20922
20950
|
return /* @__PURE__ */ jsxs(Wrapper, { onOpenChange: (open) => setExpanded(open), children: [
|
|
20923
|
-
/* @__PURE__ */ jsx(Trigger2, { asChild: true, children: /* @__PURE__ */ jsxs(NavLink, { icon: icon2, style: { flexShrink: 0 }, vertical: level >= 1, to: to2, children: [
|
|
20951
|
+
/* @__PURE__ */ jsx(Trigger2, { asChild: true, disabled: disabled2, children: /* @__PURE__ */ jsxs(NavLink, { icon: icon2, style: { flexShrink: 0 }, vertical: level >= 1, to: to2, disabled: disabled2, children: [
|
|
20924
20952
|
label2,
|
|
20925
20953
|
/* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
|
|
20926
20954
|
level === 0 && /* @__PURE__ */ jsx(Icon, { name: expanded2 ? iconVerticalExpanded : iconVerticalCollapsed }),
|
|
@@ -20961,10 +20989,11 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
20961
20989
|
});
|
|
20962
20990
|
const COMP$B = "NavGroup";
|
|
20963
20991
|
const NavGroupMd = createMetadata({
|
|
20964
|
-
description: `The \`
|
|
20992
|
+
description: `The \`${COMP$B}\` component is a container for grouping related navigation targets (\`NavLink\` components). It can be displayed as a submenu in the App's UI.`,
|
|
20965
20993
|
props: {
|
|
20966
20994
|
label: dLabel(),
|
|
20967
20995
|
initiallyExpanded: d("This property defines whether the group is initially expanded or collapsed."),
|
|
20996
|
+
enabled: dEnabled(),
|
|
20968
20997
|
to: {
|
|
20969
20998
|
description: `This property defines an optional navigation link.`,
|
|
20970
20999
|
valueType: "string"
|
|
@@ -21009,6 +21038,7 @@ const navGroupComponentRenderer = createComponentRenderer(
|
|
|
21009
21038
|
NavGroup,
|
|
21010
21039
|
{
|
|
21011
21040
|
label: extractValue.asDisplayText(node.props.label),
|
|
21041
|
+
disabled: !extractValue.asOptionalBoolean(node.props.enabled ?? true),
|
|
21012
21042
|
to: extractValue.asOptionalString(node.props.to),
|
|
21013
21043
|
icon: /* @__PURE__ */ jsx(Icon, { name: extractValue.asString(node.props.icon), className: navLinkStyles.icon }),
|
|
21014
21044
|
node,
|
|
@@ -21676,7 +21706,7 @@ function ApiInterceptorProvider({
|
|
|
21676
21706
|
let interceptorWorker;
|
|
21677
21707
|
(async () => {
|
|
21678
21708
|
if (process.env.VITE_MOCK_ENABLED) {
|
|
21679
|
-
const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-
|
|
21709
|
+
const { createApiInterceptorWorker } = await import("./apiInterceptorWorker-CWN1iwsH.mjs");
|
|
21680
21710
|
if (interceptor) {
|
|
21681
21711
|
interceptorWorker = await createApiInterceptorWorker(interceptor, apiWorker);
|
|
21682
21712
|
if (!apiWorker) {
|
|
@@ -40317,7 +40347,7 @@ function IconProvider({ children }) {
|
|
|
40317
40347
|
/* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
|
|
40318
40348
|
] });
|
|
40319
40349
|
}
|
|
40320
|
-
const version = "0.9.
|
|
40350
|
+
const version = "0.9.36";
|
|
40321
40351
|
const miscellaneousUtils = {
|
|
40322
40352
|
capitalize,
|
|
40323
40353
|
pluralize: pluralize$1,
|
package/dist/lib/index.css
CHANGED
|
@@ -656,39 +656,42 @@
|
|
|
656
656
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
657
657
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
658
658
|
*/
|
|
659
|
-
.
|
|
659
|
+
._container_rso68_13 {
|
|
660
660
|
display: flex;
|
|
661
661
|
width: 100%;
|
|
662
662
|
flex-direction: column;
|
|
663
663
|
align-items: start;
|
|
664
664
|
gap: 0.5em;
|
|
665
665
|
}
|
|
666
|
-
.
|
|
666
|
+
._container_rso68_13._top_rso68_20 {
|
|
667
667
|
flex-direction: column;
|
|
668
668
|
align-items: start;
|
|
669
669
|
justify-content: center;
|
|
670
670
|
}
|
|
671
|
-
.
|
|
671
|
+
._container_rso68_13._end_rso68_25 {
|
|
672
672
|
flex-direction: row-reverse;
|
|
673
673
|
align-items: center;
|
|
674
674
|
justify-content: start;
|
|
675
675
|
gap: 0.5em;
|
|
676
676
|
}
|
|
677
|
-
.
|
|
677
|
+
._container_rso68_13._bottom_rso68_31 {
|
|
678
678
|
flex-direction: column-reverse;
|
|
679
679
|
align-items: start;
|
|
680
680
|
justify-content: center;
|
|
681
681
|
}
|
|
682
|
-
.
|
|
682
|
+
._container_rso68_13._start_rso68_36 {
|
|
683
683
|
flex-direction: row;
|
|
684
684
|
align-items: center;
|
|
685
685
|
justify-content: start;
|
|
686
686
|
gap: 0.5em;
|
|
687
687
|
}
|
|
688
|
-
.
|
|
688
|
+
._container_rso68_13._shrinkToLabel_rso68_42 {
|
|
689
689
|
width: fit-content;
|
|
690
690
|
}
|
|
691
|
-
.
|
|
691
|
+
._container_rso68_13 ._itemWithLabel_rso68_45 {
|
|
692
|
+
width: 100%;
|
|
693
|
+
}
|
|
694
|
+
._container_rso68_13 ._inputLabel_rso68_48 {
|
|
692
695
|
display: flex;
|
|
693
696
|
color: var(--xmlui-textColor-FormItemLabel);
|
|
694
697
|
font-family: var(--xmlui-fontFamily-FormItemLabel);
|
|
@@ -701,22 +704,22 @@
|
|
|
701
704
|
word-break: normal;
|
|
702
705
|
white-space: nowrap;
|
|
703
706
|
}
|
|
704
|
-
.
|
|
707
|
+
._container_rso68_13 ._inputLabel_rso68_48._disabled_rso68_61 {
|
|
705
708
|
cursor: not-allowed;
|
|
706
709
|
color: var(--xmlui-textColor--disabled);
|
|
707
710
|
}
|
|
708
|
-
.
|
|
711
|
+
._container_rso68_13 ._inputLabel_rso68_48._labelBreak_rso68_65 {
|
|
709
712
|
white-space: normal;
|
|
710
713
|
word-break: break-word;
|
|
711
714
|
}
|
|
712
|
-
.
|
|
715
|
+
._container_rso68_13 ._inputLabel_rso68_48._required_rso68_69 {
|
|
713
716
|
color: var(--xmlui-textColor-FormItemLabel-required);
|
|
714
717
|
font-size: var(--xmlui-fontSize-FormItemLabel-required);
|
|
715
718
|
font-weight: var(--xmlui-fontWeight-FormItemLabel-required);
|
|
716
719
|
font-style: var(--xmlui-fontStyle-FormItemLabel-required);
|
|
717
720
|
text-transform: var(--xmlui-textTransform-FormItemLabel-required);
|
|
718
721
|
}
|
|
719
|
-
.
|
|
722
|
+
._container_rso68_13 ._inputLabel_rso68_48 ._requiredMark_rso68_76 {
|
|
720
723
|
margin-left: 0.2em;
|
|
721
724
|
color: var(--xmlui-textColor-FormItemLabel-requiredMark);
|
|
722
725
|
}/*
|
|
@@ -792,7 +795,16 @@
|
|
|
792
795
|
* This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
|
|
793
796
|
Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
|
|
794
797
|
*/
|
|
795
|
-
.
|
|
798
|
+
._linkWrapper_9n0c1_13 {
|
|
799
|
+
outline: inherit;
|
|
800
|
+
text-decoration: none;
|
|
801
|
+
cursor: pointer;
|
|
802
|
+
display: flex;
|
|
803
|
+
align-items: center;
|
|
804
|
+
position: relative;
|
|
805
|
+
flex-shrink: 0;
|
|
806
|
+
white-space: nowrap;
|
|
807
|
+
gap: var(--xmlui-space-2);
|
|
796
808
|
border-left: var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
|
|
797
809
|
border-right: var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
|
|
798
810
|
border-top: var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)));
|
|
@@ -818,127 +830,91 @@
|
|
|
818
830
|
padding-right: var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)));
|
|
819
831
|
padding-top: var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)));
|
|
820
832
|
padding-bottom: var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)));
|
|
821
|
-
outline: inherit;
|
|
822
|
-
text-decoration: none;
|
|
823
|
-
cursor: pointer;
|
|
824
|
-
display: flex;
|
|
825
|
-
align-items: center;
|
|
826
|
-
gap: var(--xmlui-space-2);
|
|
827
833
|
font-size: var(--xmlui-fontSize-NavLink);
|
|
828
834
|
font-weight: var(--xmlui-fontWeight-NavLink);
|
|
829
835
|
font-family: var(--xmlui-fontFamily-NavLink);
|
|
830
836
|
word-wrap: var(--xmlui-wordWrap-NavLink);
|
|
831
|
-
position: relative;
|
|
832
|
-
transition: color 0.1s, background-color 0.1s;
|
|
833
837
|
color: var(--xmlui-textColor-NavLink);
|
|
834
838
|
background-color: var(--xmlui-backgroundColor-NavLink);
|
|
835
|
-
|
|
836
|
-
white-space: nowrap;
|
|
837
|
-
}
|
|
838
|
-
._content_buj87_13._base_buj87_13 ._icon_buj87_56 {
|
|
839
|
-
color: var(--xmlui-color-icon-NavLink);
|
|
839
|
+
transition: color 0.1s, background-color 0.1s;
|
|
840
840
|
}
|
|
841
|
-
.
|
|
841
|
+
._linkWrapper_9n0c1_13 * {
|
|
842
842
|
color: var(--xmlui-textColor-NavLink);
|
|
843
843
|
}
|
|
844
|
-
.
|
|
845
|
-
|
|
846
|
-
position: absolute;
|
|
847
|
-
left: 0.1em;
|
|
848
|
-
right: 0.1em;
|
|
849
|
-
bottom: 0;
|
|
850
|
-
height: var(--xmlui-thickness-indicator-NavLink);
|
|
851
|
-
border-radius: var(--xmlui-borderRadius-indicator-NavLink);
|
|
852
|
-
content: "";
|
|
853
|
-
}
|
|
854
|
-
._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72, ._content_buj87_13._base_buj87_13:focus-visible {
|
|
855
|
-
color: var(--xmlui-textColor-NavLink--hover);
|
|
856
|
-
background-color: var(--xmlui-backgroundColor-NavLink--hover);
|
|
844
|
+
._linkWrapper_9n0c1_13 ._icon_9n0c1_59 {
|
|
845
|
+
color: var(--xmlui-color-icon-NavLink);
|
|
857
846
|
}
|
|
858
|
-
.
|
|
859
|
-
|
|
847
|
+
._linkWrapper_9n0c1_13._disabled_9n0c1_62 {
|
|
848
|
+
cursor: not-allowed;
|
|
849
|
+
color: var(--xmlui-textColor--disabled);
|
|
860
850
|
}
|
|
861
|
-
.
|
|
862
|
-
|
|
851
|
+
._linkWrapper_9n0c1_13._disabled_9n0c1_62 ._icon_9n0c1_59 {
|
|
852
|
+
color: var(--xmlui-textColor--disabled);
|
|
863
853
|
}
|
|
864
|
-
.
|
|
854
|
+
._linkWrapper_9n0c1_13:focus-visible {
|
|
865
855
|
outline-width: var(--xmlui-outlineWidth-NavLink--focus);
|
|
866
856
|
outline-color: var(--xmlui-outlineColor-NavLink--focus);
|
|
867
857
|
outline-style: var(--xmlui-outlineStyle-NavLink--focus);
|
|
868
858
|
outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
|
|
869
859
|
}
|
|
870
|
-
.
|
|
860
|
+
._linkWrapper_9n0c1_13[role=menuitem] {
|
|
871
861
|
outline: none;
|
|
872
862
|
}
|
|
873
|
-
.
|
|
863
|
+
._linkWrapper_9n0c1_13[role=menuitem]:not(:hover):focus-visible {
|
|
874
864
|
outline-width: var(--xmlui-outlineWidth-NavLink--focus);
|
|
875
865
|
outline-color: var(--xmlui-outlineColor-NavLink--focus);
|
|
876
866
|
outline-style: var(--xmlui-outlineStyle-NavLink--focus);
|
|
877
867
|
outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
|
|
878
868
|
}
|
|
879
|
-
.
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
869
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:after {
|
|
870
|
+
transition: color 0.1s, background-color 0.1s;
|
|
871
|
+
position: absolute;
|
|
872
|
+
left: 0.1em;
|
|
873
|
+
right: 0.1em;
|
|
874
|
+
bottom: 0;
|
|
875
|
+
height: var(--xmlui-thickness-indicator-NavLink);
|
|
876
|
+
border-radius: var(--xmlui-borderRadius-indicator-NavLink);
|
|
877
|
+
content: "";
|
|
878
|
+
}
|
|
879
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84._vertical_9n0c1_94:after {
|
|
880
|
+
top: 0;
|
|
881
|
+
bottom: 0;
|
|
882
|
+
left: 0;
|
|
883
|
+
right: auto;
|
|
884
|
+
width: var(--xmlui-thickness-indicator-NavLink);
|
|
885
|
+
height: auto;
|
|
883
886
|
}
|
|
884
|
-
.
|
|
885
|
-
|
|
886
|
-
color: var(--xmlui-
|
|
887
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover {
|
|
888
|
+
color: var(--xmlui-textColor-NavLink--hover);
|
|
889
|
+
background-color: var(--xmlui-backgroundColor-NavLink--hover);
|
|
890
|
+
}
|
|
891
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover * {
|
|
892
|
+
color: var(--xmlui-textColor-NavLink--hover);
|
|
887
893
|
}
|
|
888
|
-
.
|
|
889
|
-
background-color: var(--xmlui-color-indicator-NavLink--
|
|
894
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):hover:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):hover:after {
|
|
895
|
+
background-color: var(--xmlui-color-indicator-NavLink--hover);
|
|
890
896
|
}
|
|
891
|
-
.
|
|
897
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112 {
|
|
892
898
|
color: var(--xmlui-textColor-NavLink--active);
|
|
893
899
|
background-color: var(--xmlui-backgroundColor-NavLink--active);
|
|
894
900
|
font-weight: var(--xmlui-fontWeight-NavLink--active);
|
|
895
901
|
}
|
|
896
|
-
.
|
|
902
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112 *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112 * {
|
|
897
903
|
font-weight: var(--xmlui-fontWeight-NavLink--active);
|
|
898
904
|
color: var(--xmlui-textColor-NavLink--active);
|
|
899
905
|
}
|
|
900
|
-
.
|
|
901
|
-
|
|
906
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:after {
|
|
907
|
+
background-color: var(--xmlui-color-indicator-NavLink--active);
|
|
902
908
|
}
|
|
903
|
-
.
|
|
909
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:hover, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:hover {
|
|
904
910
|
color: var(--xmlui-textColor-NavLink--hover--active);
|
|
905
911
|
background-color: var(--xmlui-backgroundColor-NavLink--hover--active);
|
|
906
912
|
}
|
|
907
|
-
.
|
|
913
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled]):active:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled]):active:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([disabled])._active_9n0c1_112:hover *, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:not([class*=disabled])._active_9n0c1_112:hover * {
|
|
908
914
|
color: var(--xmlui-textColor-NavLink--hover--active);
|
|
909
915
|
}
|
|
910
|
-
.
|
|
911
|
-
|
|
912
|
-
background-color: var(--xmlui-color-indicator-NavLink--active);
|
|
913
|
-
}
|
|
914
|
-
._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active {
|
|
915
|
-
color: var(--xmlui-textColor-NavLink--pressed--active);
|
|
916
|
-
background-color: var(--xmlui-backgroundColor-NavLink--pressed--active);
|
|
917
|
-
font-weight: var(--xmlui-fontWeight-NavLink--pressed);
|
|
918
|
-
}
|
|
919
|
-
._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active * {
|
|
920
|
-
font-weight: var(--xmlui-fontWeight-NavLink--pressed);
|
|
921
|
-
color: var(--xmlui-textColor-NavLink--pressed--active);
|
|
922
|
-
}
|
|
923
|
-
._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active:after {
|
|
924
|
-
background-color: var(--xmlui-color-indicator-NavLink--pressed);
|
|
925
|
-
}
|
|
926
|
-
._content_buj87_13._base_buj87_13._disabled_buj87_144 {
|
|
927
|
-
cursor: not-allowed;
|
|
928
|
-
color: var(--xmlui-textColor--disabled);
|
|
929
|
-
}
|
|
930
|
-
._content_buj87_13._base_buj87_13._vertical_buj87_148:after {
|
|
931
|
-
top: 0;
|
|
932
|
-
bottom: 0;
|
|
933
|
-
left: 0;
|
|
934
|
-
right: auto;
|
|
935
|
-
width: var(--xmlui-thickness-indicator-NavLink);
|
|
936
|
-
height: auto;
|
|
937
|
-
border-radius: var(--xmlui-borderRadius-indicator-NavLink);
|
|
938
|
-
}
|
|
939
|
-
._content_buj87_13._base_buj87_13._indented_buj87_157 {
|
|
940
|
-
padding-left: 2.4em;
|
|
941
|
-
flex-shrink: 0;
|
|
916
|
+
._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84:disabled._active_9n0c1_112:after, ._linkWrapper_9n0c1_13._displayIndicator_9n0c1_84._disabled_9n0c1_62._active_9n0c1_112:after {
|
|
917
|
+
background-color: var(--xmlui-textColor--disabled);
|
|
942
918
|
}/*
|
|
943
919
|
* This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
|
|
944
920
|
*
|