@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/TeamPicker/TeamPickerStyles.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTeamPickerStyles = void 0;
+var Styling_1 = require("@fluentui/react/lib/Styling");
+var theme = window.__themeState__.theme;
+var useTeamPickerStyles = function (themeVariant) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7;
+    var renderIconButtonRemoveStyles = {
+        root: {
+            height: 26,
+            lineHeight: 26
+        }
+    };
+    var renderItemStylesMulti = {
+        root: {
+            height: 26,
+            lineHeight: 26,
+            paddingLeft: 10,
+            marginLeft: 5,
+            marginBottom: 5,
+            cursor: "default",
+            backgroundColor: (_b = (_a = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _a === void 0 ? void 0 : _a.themeLighterAlt) !== null && _b !== void 0 ? _b : theme.themeLighterAlt,
+            ":hover": {
+                backgroundColor: theme.themeLighter,
+            },
+        },
+    };
+    var renderItemStylesSingle = {
+        root: {
+            height: 26,
+            lineHeight: 26,
+            paddingLeft: 10,
+            cursor: "default",
+            margin: 2,
+            backgroundColor: (_d = (_c = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _c === void 0 ? void 0 : _c.themeLighterAlt) !== null && _d !== void 0 ? _d : theme.themeLighterAlt,
+            ":hover": {
+                backgroundColor: (_f = (_e = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _e === void 0 ? void 0 : _e.themeLighter) !== null && _f !== void 0 ? _f : theme.themeLighter,
+            },
+        },
+    };
+    var pickerStylesSingle = {
+        root: {
+            width: " 100%",
+            borderRadius: 0,
+            marginTop: 0
+        },
+        input: {
+            width: "100%",
+            backgroundColor: (_h = (_g = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _g === void 0 ? void 0 : _g.white) !== null && _h !== void 0 ? _h : theme.white,
+        },
+        itemsWrapper: {},
+        text: {
+            borderStyle: "solid",
+            width: "100%",
+            borderWidth: 1,
+            backgroundColor: (_k = (_j = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _j === void 0 ? void 0 : _j.white) !== null && _k !== void 0 ? _k : theme.white,
+            borderRadius: 0,
+            borderColor: (_m = (_l = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _l === void 0 ? void 0 : _l.neutralQuaternaryAlt) !== null && _m !== void 0 ? _m : theme.neutralQuaternaryAlt,
+            ":focus": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                borderColor: (_p = (_o = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _o === void 0 ? void 0 : _o.themePrimary) !== null && _p !== void 0 ? _p : theme.themePrimary,
+            },
+            ":hover": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                borderColor: (_r = (_q = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _q === void 0 ? void 0 : _q.themePrimary) !== null && _r !== void 0 ? _r : theme.themePrimary,
+            },
+            ":after": {
+                borderWidth: 0,
+                borderRadius: 0,
+            },
+        },
+    };
+    var pickerStylesMulti = {
+        root: {
+            width: " 100%",
+            borderRadius: 0,
+        },
+        input: {
+            width: "100%",
+            backgroundColor: (_t = (_s = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _s === void 0 ? void 0 : _s.white) !== null && _t !== void 0 ? _t : theme.white,
+        },
+        itemsWrapper: {
+            padding: 3,
+        },
+        text: {
+            borderStyle: "solid",
+            width: "100%",
+            borderWidth: 1,
+            backgroundColor: (_v = (_u = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _u === void 0 ? void 0 : _u.white) !== null && _v !== void 0 ? _v : theme.white,
+            borderRadius: 0,
+            borderColor: (_x = (_w = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _w === void 0 ? void 0 : _w.neutralQuaternaryAlt) !== null && _x !== void 0 ? _x : theme.neutralQuaternaryAlt,
+            ":focus": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                borderColor: (_z = (_y = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _y === void 0 ? void 0 : _y.themePrimary) !== null && _z !== void 0 ? _z : theme.themePrimary,
+            },
+            ":hover": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                borderColor: (_1 = (_0 = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _0 === void 0 ? void 0 : _0.themePrimary) !== null && _1 !== void 0 ? _1 : theme.themePrimary,
+            },
+            ":after": {
+                borderStyle: "solid",
+                borderWidth: 1,
+                // borderColor: theme.neutralQuaternaryAlt,
+                borderColor: (_3 = (_2 = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _2 === void 0 ? void 0 : _2.themePrimary) !== null && _3 !== void 0 ? _3 : theme.themePrimary,
+            },
+        },
+    };
+    var componentClasses = (0, Styling_1.mergeStyleSets)({
+        eventCircleColor: (0, Styling_1.mergeStyles)({
+            borderRadius: "50%",
+            borderWidth: 3,
+            borderStyle: "solid",
+            padding: 10,
+        }),
+        separator: (0, Styling_1.mergeStyles)({
+            marginTop: 25,
+            marginLeft: 20,
+            marginRight: 20,
+            borderBottomWidth: 1,
+            borderBottomColor: (_5 = (_4 = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _4 === void 0 ? void 0 : _4.neutralQuaternaryAlt) !== null && _5 !== void 0 ? _5 : theme.neutralQuaternaryAlt,
+            borderBottomStyle: "solid",
+        }),
+        filePickerButtonStyles: (0, Styling_1.mergeStyles)({
+            position: "relative",
+            top: -15,
+        }),
+        iconStyles: {
+            paddingLeft: 2,
+            fontWeight: 500,
+            color: (_7 = (_6 = themeVariant === null || themeVariant === void 0 ? void 0 : themeVariant.palette) === null || _6 === void 0 ? void 0 : _6.themePrimary) !== null && _7 !== void 0 ? _7 : theme === null || theme === void 0 ? void 0 : theme.themePrimary,
+        },
+    });
+    return {
+        componentClasses: componentClasses,
+        pickerStylesMulti: pickerStylesMulti,
+        pickerStylesSingle: pickerStylesSingle,
+        renderItemStylesSingle: renderItemStylesSingle,
+        renderItemStylesMulti: renderItemStylesMulti,
+        renderIconButtonRemoveStyles: renderIconButtonRemoveStyles,
+    };
+};
+exports.useTeamPickerStyles = useTeamPickerStyles;
+//# sourceMappingURL=TeamPickerStyles.js.map

package/lib-commonjs/controls/TeamPicker/TeamPickerStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamPickerStyles.js","sourceRoot":"","sources":["../../../src/controls/TeamPicker/TeamPickerStyles.ts"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/TeamPicker/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TEAMS_SVG_LOGO = void 0;
+exports.TEAMS_SVG_LOGO = "https://static2.sharepointonline.com/files/fabric/assets/brand-icons/product/svg/teams_48x1.svg";
+//# sourceMappingURL=constants.js.map

package/lib-commonjs/controls/TeamPicker/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/controls/TeamPicker/constants.ts"],"names":[],"mappings":";;;AAAc,QAAA,cAAc,GAAM,iGAAiG,CAAC"}

package/lib-commonjs/controls/TeamPicker/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ITeamPickerState"), exports);
+tslib_1.__exportStar(require("./TeamPicker"), exports);
+tslib_1.__exportStar(require("./ITeamPickerProps"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/controls/TeamPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/TeamPicker/index.ts"],"names":[],"mappings":";;;AAAA,6DAAmC;AACnC,uDAA6B;AAC7B,6DAAmC;AACnC,sDAA4B"}

package/lib-commonjs/controls/TermSetNavigation/ErrorMessage/ErrorMessage.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorMessage = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var MessageBar_1 = require("@fluentui/react/lib/MessageBar");
+var Stack_1 = require("@fluentui/react/lib/Stack");
+var useErrorMessageStyles_1 = require("./useErrorMessageStyles");
+var ErrorMessage = function (props) {
+    var showError = props.showError, errorMessage = props.errorMessage, children = props.children;
+    var messageErrorContainerStyles = (0, useErrorMessageStyles_1.useErrorMessageStyles)().messageErrorContainerStyles;
+    if (!showError)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack_1.Stack, { verticalAlign: "center", tokens: { childrenGap: 10 }, styles: messageErrorContainerStyles },
+            React.createElement(MessageBar_1.MessageBar, { messageBarType: MessageBar_1.MessageBarType.error, isMultiline: true },
+                errorMessage,
+                children))));
+};
+exports.ErrorMessage = ErrorMessage;
+//# sourceMappingURL=ErrorMessage.js.map

package/lib-commonjs/controls/TermSetNavigation/ErrorMessage/ErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,6DAGwC;AACxC,mDAAkD;AAGlD,iEAAgE;AAEzD,IAAM,YAAY,GAAgD,UACvE,KAAkD;IAE1C,IAAA,SAAS,GAA6B,KAAK,UAAlC,EAAE,YAAY,GAAe,KAAK,aAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAW;IAC5C,IAAA,2BAA2B,GAAI,IAAA,6CAAqB,GAAE,4BAA3B,CAA4B;IAC/D,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,CACL;QACE,oBAAC,aAAK,IAAC,aAAa,EAAC,QAAQ,EAAC,MAAM,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,2BAA2B;YAC5F,oBAAC,uBAAU,IAAC,cAAc,EAAE,2BAAc,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI;gBAChE,YAAY;gBACZ,QAAQ,CACE,CACP,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,YAAY,gBAgBvB"}

package/lib-commonjs/controls/TermSetNavigation/ErrorMessage/useErrorMessageStyles.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useErrorMessageStyles = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var jotai_1 = require("jotai");
+var globalState_1 = require("../atoms/globalState");
+var useErrorMessageStyles = function () {
+    var appGlobalState = (0, jotai_1.useAtom)(globalState_1.globalState)[0];
+    var themeVariant = appGlobalState.themeVariant;
+    var messageErrorContainerStyles = React.useMemo(function () {
+        return {
+            root: {
+                width: '100%',
+            },
+        };
+    }, [themeVariant]);
+    return { messageErrorContainerStyles: messageErrorContainerStyles };
+};
+exports.useErrorMessageStyles = useErrorMessageStyles;
+//# sourceMappingURL=useErrorMessageStyles.js.map

package/lib-commonjs/controls/TermSetNavigation/ErrorMessage/useErrorMessageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorMessageStyles.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/ErrorMessage/useErrorMessageStyles.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+BAAgC;AAIhC,oDAAmD;AAM5C,IAAM,qBAAqB,GAAI;IAC7B,IAAA,cAAc,GAAI,IAAA,eAAO,EAAC,yBAAW,CAAC,GAAxB,CAAyB;IACtC,IAAA,YAAY,GAAK,cAAc,aAAnB,CAAoB;IACxC,IAAM,2BAA2B,GAAiB,KAAK,CAAC,OAAO,CAAC;QAC9D,OAAO;YACL,IAAI,EAAE;gBACL,KAAK,EAAC,MAAM;aACZ;SACF,CAAC;IACJ,CAAC,EAAE,CAAE,YAAY,CAAC,CAAC,CAAC;IAEpB,OAAO,EAAC,2BAA2B,6BAAA,EAAC,CAAA;AACtC,CAAC,CAAC;AAZW,QAAA,qBAAqB,yBAYhC"}

package/lib-commonjs/controls/TermSetNavigation/INavigationProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=INavigationProps.js.map

package/lib-commonjs/controls/TermSetNavigation/INavigationProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"INavigationProps.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/INavigationProps.ts"],"names":[],"mappings":""}

package/lib-commonjs/controls/TermSetNavigation/Navigation.js

@@ -0,0 +1,148 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
+var tslib_1 = require("tslib");
+/* eslint-disable require-atomic-updates */
+/* eslint-disable @typescript-eslint/no-floating-promises */
+var React = tslib_1.__importStar(require("react"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var jotai_1 = require("jotai");
+var Nav_1 = require("@fluentui/react/lib/Nav");
+var Separator_1 = require("@fluentui/react/lib/Separator");
+var Spinner_1 = require("@fluentui/react/lib/Spinner");
+var Stack_1 = require("@fluentui/react/lib/Stack");
+var Text_1 = require("@fluentui/react/lib/Text");
+var globalState_1 = require("./atoms/globalState");
+var ErrorMessage_1 = require("./ErrorMessage/ErrorMessage");
+var useGraphTaxonomyAPI_1 = require("./hooks/useGraphTaxonomyAPI");
+var useSessionStorage_1 = require("./hooks/useSessionStorage");
+var RenderLink_1 = require("./RenderLink");
+var RenderNoOptions_1 = require("./RenderNoOptions");
+var useNavigationStyles_1 = require("./useNavigationStyles");
+var useTaxonomyUtils_1 = require("./utils/useTaxonomyUtils");
+var useUtils_1 = require("./utils/useUtils");
+var Navigation = function (props) {
+    var _a, _b;
+    var context = props.context, termSetId = props.termSetId;
+    var _c = (0, jotai_1.useAtom)(globalState_1.globalState), appGlobalState = _c[0], setAppGlobalState = _c[1];
+    var _d = appGlobalState || {}, isLoadingNavitionTree = _d.isLoadingNavitionTree, refreshNavigationTree = _d.refreshNavigationTree, showContextMenu = _d.showContextMenu, onSelected = _d.onSelected;
+    var navStyles = (0, useNavigationStyles_1.useNavigationStyles)().navStyles;
+    var pageContext = (context || {}).pageContext;
+    var site = (pageContext || {}).site;
+    var _e = (0, useGraphTaxonomyAPI_1.useGraphTaxonomyAPI)(context), getTermSetChildren = _e.getTermSetChildren, getTermSet = _e.getTermSet;
+    var isLoadedTermSetsRef = React.useRef(false);
+    var createItems = (0, useTaxonomyUtils_1.useTaxonomyUtils)(context).createItems;
+    var _f = React.useState([]), navLinksGroup = _f[0], setNavLinksGroup = _f[1];
+    var selectedItem = appGlobalState.selectedItem;
+    var navRef = React.useRef(null);
+    var getCacheKey = (0, useUtils_1.useUtils)().getCacheKey;
+    var getSessionStorageItem = (0, useSessionStorage_1.useSessionStorage)()[0];
+    var _g = React.useState(null), termSetInfo = _g[0], setTermSetInfo = _g[1];
+    var _h = React.useState(null), error = _h[0], setError = _h[1];
+    var loadNavLinks = React.useCallback(function (refresh) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+        var termSetChildren, navItems, navGroup;
+        return tslib_1.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!site)
+                        return [2 /*return*/];
+                    setError(null);
+                    setAppGlobalState(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { isLoadingNavitionTree: true })); });
+                    isLoadedTermSetsRef.current = true;
+                    return [4 /*yield*/, getTermSetChildren(site === null || site === void 0 ? void 0 : site.id.toString(), termSetId, refresh)];
+                case 1:
+                    termSetChildren = _a.sent();
+                    return [4 /*yield*/, createItems(site === null || site === void 0 ? void 0 : site.id.toString(), termSetId, termSetChildren, 0, refresh)];
+                case 2:
+                    navItems = _a.sent();
+                    navGroup = { groupData: { termSet: termSetId }, links: navItems };
+                    setNavLinksGroup(function (state) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], state, true), [navGroup], false); });
+                    setAppGlobalState(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { selectedItem: selectedItem !== null && selectedItem !== void 0 ? selectedItem : navItems[0], isLoadingNavitionTree: false, refreshNavigationTree: false })); });
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [
+        selectedItem,
+        site,
+        getSessionStorageItem,
+        getCacheKey,
+        getTermSetChildren,
+        createItems,
+        setAppGlobalState,
+        termSetId,
+    ]);
+    React.useEffect(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            var termSetInfo_1, error_1;
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 4, 5, 6]);
+                        if (!!isLoadedTermSetsRef.current) return [3 /*break*/, 3];
+                        return [4 /*yield*/, getTermSet(site === null || site === void 0 ? void 0 : site.id.toString(), termSetId)];
+                    case 1:
+                        termSetInfo_1 = _a.sent();
+                        setTermSetInfo(termSetInfo_1);
+                        return [4 /*yield*/, loadNavLinks(false)];
+                    case 2:
+                        _a.sent();
+                        isLoadedTermSetsRef.current = true;
+                        _a.label = 3;
+                    case 3: return [3 /*break*/, 6];
+                    case 4:
+                        error_1 = _a.sent();
+                        setError(error_1);
+                        return [3 /*break*/, 6];
+                    case 5:
+                        setAppGlobalState(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { isLoadingNavitionTree: false })); });
+                        return [7 /*endfinally*/];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, []);
+    React.useEffect(function () {
+        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!refreshNavigationTree) return [3 /*break*/, 2];
+                        setNavLinksGroup([]);
+                        return [4 /*yield*/, loadNavLinks(refreshNavigationTree)];
+                    case 1:
+                        _a.sent();
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [refreshNavigationTree]);
+    var onRenderLink = React.useCallback(function (link) {
+        return React.createElement(RenderLink_1.RenderLink, { link: link, showContextMenu: showContextMenu });
+    }, [showContextMenu]);
+    var onLinkClick = React.useCallback(function (ev, item) {
+        ev.preventDefault();
+        setAppGlobalState(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), { selectedItem: item })); });
+        if (onSelected) {
+            onSelected(item.data);
+        }
+    }, [selectedItem, setAppGlobalState]);
+    var hasLinks = React.useMemo(function () {
+        var _a, _b;
+        return ((_b = (_a = navLinksGroup[0]) === null || _a === void 0 ? void 0 : _a.links) === null || _b === void 0 ? void 0 : _b.length) > 0;
+    }, [navLinksGroup]);
+    var hasError = React.useMemo(function () {
+        return error !== null || termSetInfo === null;
+    }, [error, termSetInfo]);
+    if (isLoadingNavitionTree)
+        return React.createElement(Spinner_1.Spinner, { ariaLive: "assertive" });
+    if (hasError)
+        return (React.createElement(ErrorMessage_1.ErrorMessage, { showError: hasError, errorMessage: (_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : strings.TermSertNaviagtionErrorMessage }));
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Stack_1.Stack, { horizontalAlign: "stretch", tokens: { childrenGap: 0 } },
+            React.createElement(Text_1.Text, { variant: "large" }, (_b = termSetInfo === null || termSetInfo === void 0 ? void 0 : termSetInfo.localizedNames[0].name) !== null && _b !== void 0 ? _b : ""),
+            React.createElement(Separator_1.Separator, null),
+            hasLinks ? (React.createElement(Nav_1.Nav, { componentRef: navRef, ariaLabel: "navigation", styles: navStyles, groups: navLinksGroup, onRenderLink: onRenderLink, selectedKey: selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key, onLinkClick: onLinkClick })) : (React.createElement(RenderNoOptions_1.RenderNoOptions, null)))));
+};
+exports.Navigation = Navigation;
+//# sourceMappingURL=Navigation.js.map

package/lib-commonjs/controls/TermSetNavigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/Navigation.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/TermSetNavigation/NavigationContextMenu.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationContextMenu = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var jotai_1 = require("jotai");
+var Button_1 = require("@fluentui/react/lib/Button");
+var globalState_1 = require("./atoms/globalState");
+var NavigationContextMenu = function (props) {
+    var moreVerticaliIcon = { iconName: "MoreVertical" };
+    var appGlobalState = (0, jotai_1.useAtom)(globalState_1.globalState)[0];
+    var contextMenuItems = appGlobalState.contextMenuItems, onSelectedTermAction = appGlobalState.onSelectedTermAction, selectedItem = appGlobalState.selectedItem;
+    var menuProps = React.useMemo(function () {
+        return {
+            items: contextMenuItems.length ? contextMenuItems : [],
+            directionalHintFixed: true,
+            onItemClick: function (ev, item) {
+                ev.preventDefault();
+                onSelectedTermAction(selectedItem.data, item.text);
+            },
+        };
+    }, [contextMenuItems]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button_1.IconButton, { menuProps: menuProps, iconProps: moreVerticaliIcon, ariaLabel: "Menu", styles: { menuIcon: { display: "none" } } })));
+};
+exports.NavigationContextMenu = NavigationContextMenu;
+//# sourceMappingURL=NavigationContextMenu.js.map

package/lib-commonjs/controls/TermSetNavigation/NavigationContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationContextMenu.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/NavigationContextMenu.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+BAAgC;AAEhC,qDAAwD;AAIxD,mDAAkD;AAI3C,IAAM,qBAAqB,GAAyD,UACzF,KAA2D;IAE3D,IAAM,iBAAiB,GAAe,EAAE,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC5D,IAAA,cAAc,GAAI,IAAA,eAAO,EAAC,yBAAW,CAAC,GAAxB,CAAyB;IACtC,IAAA,gBAAgB,GAAyC,cAAc,iBAAvD,EAAE,oBAAoB,GAAmB,cAAc,qBAAjC,EAAE,YAAY,GAAK,cAAc,aAAnB,CAAoB;IAChF,IAAM,SAAS,GAAyB,KAAK,CAAC,OAAO,CAAC;QACpD,OAAO;YACL,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;YACtD,oBAAoB,EAAE,IAAI;YAC1B,WAAW,EAAE,UAAC,EAAE,EAAE,IAAI;gBACpB,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,oBAAoB,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YACrD,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL;QACE,oBAAC,mBAAU,IACT,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,GACzC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,qBAAqB,yBA2BhC"}

package/lib-commonjs/controls/TermSetNavigation/RenderGroupHeader.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderGroupHeader = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_1 = require("@fluentui/react");
+var useNavigationStyles_1 = require("./useNavigationStyles");
+var RenderGroupHeader = function (group) {
+    var textGroupLinkStyles = (0, useNavigationStyles_1.useNavigationStyles)().textGroupLinkStyles;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_1.FontIcon, { iconName: group.isExpanded ? "ChevronRight" : "ChevronDown", style: { fontSize: 16 }, onClick: function (ev) {
+                ev.preventDefault();
+                group.onHeaderClick(ev);
+            } }),
+        React.createElement(react_1.FontIcon, { iconName: "CustomList", style: { fontSize: 16 } }),
+        React.createElement(react_1.Text, { styles: textGroupLinkStyles(group.groupData.termSet), variant: "large" }, group.name)));
+};
+exports.RenderGroupHeader = RenderGroupHeader;
+//# sourceMappingURL=RenderGroupHeader.js.map

package/lib-commonjs/controls/TermSetNavigation/RenderGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderGroupHeader.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/RenderGroupHeader.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,yCAIyB;AAEzB,6DAA4D;AAErD,IAAM,iBAAiB,GAAqD,UACjF,KAAuD;IAE/C,IAAA,mBAAmB,GAAK,IAAA,yCAAmB,GAAE,oBAA1B,CAA2B;IACtD,OAAO,CACL;QACE,oBAAC,gBAAQ,IACP,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACvB,OAAO,EAAE,UAAC,EAAE;gBACV,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;YAC1B,CAAC,GACD;QACF,oBAAC,gBAAQ,IAAC,QAAQ,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI;QAC3D,oBAAC,YAAI,IAAC,MAAM,EAAE,mBAAmB,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,OAAO,EAAC,OAAO,IACxE,KAAK,CAAC,IAAI,CACN,CACN,CACJ,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,iBAAiB,qBAoB5B"}

package/lib-commonjs/controls/TermSetNavigation/RenderLink.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderLink = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var jotai_1 = require("jotai");
+var react_1 = require("@fluentui/react");
+var react_icons_1 = require("@fluentui/react-icons");
+var globalState_1 = require("./atoms/globalState");
+var NavigationContextMenu_1 = require("./NavigationContextMenu");
+var useNavigationStyles_1 = require("./useNavigationStyles");
+var RenderLink = function (props) {
+    var link = props.link, showContextMenu = props.showContextMenu;
+    var _a = (0, useNavigationStyles_1.useNavigationStyles)(), controlStyles = _a.controlStyles, textNavLinkStyles = _a.textNavLinkStyles;
+    var appGlobalState = (0, jotai_1.useAtom)(globalState_1.globalState)[0];
+    var selectedItem = appGlobalState.selectedItem, contextMenuItems = appGlobalState.contextMenuItems;
+    var hasChildren = React.useMemo(function () { return link === null || link === void 0 ? void 0 : link.links.length; }, [link]);
+    var onClick = React.useCallback(function (ev) {
+        ev.preventDefault();
+        link.isExpanded = !link.isExpanded;
+    }, [link]);
+    var showContext = React.useMemo(function () {
+        return showContextMenu && (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.key) === link.key && contextMenuItems && contextMenuItems.length;
+    }, [showContextMenu, selectedItem, contextMenuItems]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: controlStyles.navlink },
+            hasChildren ? (React.createElement(React.Fragment, null,
+                React.createElement(react_1.FontIcon, { iconName: link.isExpanded ? "ChevronRight" : "ChevronDown", style: { fontSize: 16, }, onClick: onClick }),
+                React.createElement(react_icons_1.TagMultiple16Regular, null))) : (React.createElement(React.Fragment, null,
+                React.createElement("div", { style: { height: 16 } }),
+                React.createElement(react_icons_1.Tag16Regular, null))),
+            React.createElement(react_1.Stack, { horizontal: true, horizontalAlign: "space-between", verticalAlign: "center" },
+                React.createElement(react_1.Text, { variant: "medium", styles: textNavLinkStyles(link) }, link.name),
+                showContext && React.createElement(NavigationContextMenu_1.NavigationContextMenu, null)))));
+};
+exports.RenderLink = RenderLink;
+//# sourceMappingURL=RenderLink.js.map

package/lib-commonjs/controls/TermSetNavigation/RenderLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderLink.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/RenderLink.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+BAAgC;AAEhC,yCAKyB;AACzB,qDAG+B;AAE/B,mDAAkD;AAClD,iEAAgE;AAChE,6DAA4D;AAQrD,IAAM,UAAU,GAA8C,UACnE,KAAgD;IAExC,IAAA,IAAI,GAAuB,KAAK,KAA5B,EAAE,eAAe,GAAM,KAAK,gBAAX,CAAY;IACnC,IAAA,KAAuC,IAAA,yCAAmB,GAAE,EAA1D,aAAa,mBAAA,EAAE,iBAAiB,uBAA0B,CAAC;IAC5D,IAAA,cAAc,GAAI,IAAA,eAAO,EAAC,yBAAW,CAAC,GAAxB,CAAyB;IACtC,IAAA,YAAY,GAAwB,cAAc,aAAtC,EAAG,gBAAgB,GAAK,cAAc,iBAAnB,CAAoB;IAC3D,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC,MAAM,EAAlB,CAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEpE,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAC/B,UAAC,EAAiC;QAChC,EAAE,CAAC,cAAc,EAAE,CAAC;QACpB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,IAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC;QAChC,OAAO,eAAe,IAAI,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,MAAK,IAAI,CAAC,GAAG,IAAI,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,CAAC;IAC1G,CAAC,EAAE,CAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,aAAa,CAAC,OAAO;YAClC,WAAW,CAAC,CAAC,CAAC,CACb;gBACE,oBAAC,gBAAQ,IACP,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,aAAa,EAC1D,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,GAAI,EACzB,OAAO,EAAE,OAAO,GAChB;gBACF,oBAAC,kCAAoB,OAAI,CACxB,CACJ,CAAC,CAAC,CAAC,CACF;gBACE,6BAAK,KAAK,EAAE,EAAC,MAAM,EAAE,EAAE,EAAE,GAAI;gBAC9B,oBAAC,0BAAY,OAAG,CACd,CACJ;YACD,oBAAC,aAAK,IAAC,UAAU,QAAC,eAAe,EAAC,eAAe,EAAC,aAAa,EAAC,QAAQ;gBACtE,oBAAC,YAAI,IAAC,OAAO,EAAC,QAAQ,EAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,CAAC,IACnD,IAAI,CAAC,IAAI,CACL;gBACN,WAAW,IAAI,oBAAC,6CAAqB,OAAG,CACnC,CACJ,CACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,UAAU,cAgDrB"}

package/lib-commonjs/controls/TermSetNavigation/RenderNoOptions.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderNoOptions = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var react_1 = require("@fluentui/react");
+var RenderNoOptions = function (props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(react_1.Stack, { tokens: { childrenGap: 10 }, verticalFill: true, verticalAlign: "start", horizontalAlign: "center" },
+            React.createElement(react_1.Image, { src: require("./assets/menu-rafiki.svg"), width: 210, height: 210 }),
+            React.createElement(react_1.Stack, { tokens: { childrenGap: 5 }, horizontalAlign: "center" },
+                React.createElement(react_1.Text, { variant: "large" }, strings.TermSetNavigationNoTerms)))));
+};
+exports.RenderNoOptions = RenderNoOptions;
+//# sourceMappingURL=RenderNoOptions.js.map

package/lib-commonjs/controls/TermSetNavigation/RenderNoOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderNoOptions.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/RenderNoOptions.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,8DAA0C;AAE1C,yCAIyB;AAIlB,IAAM,eAAe,GAAmD,UAC7E,KAAqD;IAErD,OAAO,CACL;QACE,oBAAC,aAAK,IAAC,MAAM,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,YAAY,QAAC,aAAa,EAAC,OAAO,EAAC,eAAe,EAAC,QAAQ;YAC7F,oBAAC,aAAK,IAAC,GAAG,EAAE,OAAO,CAAC,0BAA0B,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI;YAC5E,oBAAC,aAAK,IAAC,MAAM,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,EAAE,eAAe,EAAE,QAAQ;gBAC1D,oBAAC,YAAI,IAAC,OAAO,EAAC,OAAO,IAAE,OAAO,CAAC,wBAAwB,CAAQ,CACzD,CACF,CACP,CACJ,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,eAAe,mBAa1B"}

package/lib-commonjs/controls/TermSetNavigation/TermSetNavigation.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TermSetNavigation = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var jotai_1 = require("jotai");
+var enhancedThemeProvider_1 = require("../enhancedThemeProvider");
+var globalState_1 = require("./atoms/globalState");
+var Navigation_1 = require("./Navigation");
+var TermSetNavigation = function (props) {
+    var themeVariant = props.themeVariant, context = props.context;
+    var _a = (0, jotai_1.useAtom)(globalState_1.globalState), setAppGlobalState = _a[1];
+    React.useEffect(function () {
+        setAppGlobalState(function (state) { return (tslib_1.__assign(tslib_1.__assign({}, state), props)); });
+    }, [props]);
+    if (!context || !themeVariant)
+        return null;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(enhancedThemeProvider_1.EnhancedThemeProvider, { theme: themeVariant, context: context },
+            React.createElement(Navigation_1.Navigation, tslib_1.__assign({}, props)))));
+};
+exports.TermSetNavigation = TermSetNavigation;
+//# sourceMappingURL=TermSetNavigation.js.map

package/lib-commonjs/controls/TermSetNavigation/TermSetNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TermSetNavigation.js","sourceRoot":"","sources":["../../../src/controls/TermSetNavigation/TermSetNavigation.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAE/B,+BAAgC;AAEhC,kEAAiE;AACjE,mDAAkD;AAElD,2CAA0C;AAEnC,IAAM,iBAAiB,GAA8C,UAC1E,KAAgD;IAExC,IAAA,YAAY,GAAc,KAAK,aAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAW;IAClC,IAAA,KAAwB,IAAA,eAAO,EAAC,yBAAW,CAAC,EAAzC,iBAAiB,QAAwB,CAAC;IAEnD,KAAK,CAAC,SAAS,CAAC;QACd,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,uCAAM,KAAK,GAAK,KAAK,EAAG,EAAxB,CAAwB,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,OAAO,IAAI,CAAC,YAAY;QAAK,OAAO,IAAI,CAAC;IAE9C,OAAO,CACL;QACE,oBAAC,6CAAqB,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO;YAC1D,oBAAC,uBAAU,uBAAK,KAAK,EAAI,CACH,CACvB,CACJ,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,iBAAiB,qBAmB5B"}

package/lib-commonjs/controls/TermSetNavigation/atoms/globalState.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.globalState = void 0;
+var jotai_1 = require("jotai");
+exports.globalState = (0, jotai_1.atom)({
+    isLoadingNavitionTree: true,
+});
+//# sourceMappingURL=globalState.js.map

package/lib-commonjs/controls/TermSetNavigation/atoms/globalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalState.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/atoms/globalState.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAIhB,QAAA,WAAW,GAAG,IAAA,YAAI,EAAe;IAE5C,qBAAqB,EAAC,IAAI;CACX,CAAC,CAAC"}

package/lib-commonjs/controls/TermSetNavigation/constants/constants.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GROUPS_LIST_KEY = exports.DEFAULT_LIST_HEIGHT = exports.ITEM_HEIGHT = exports.DEFAULT_ITEMS_PER_PAGE = exports.TERM_GROUP_NAME = exports.TERM_GROUP_KEY = exports.TERMSTORE_KEY = exports.TERM_CHILDREN_KEY = exports.TERMSETS_CHILDREN_KEY = exports.TERMSETS_LIST_KEY = exports.FLAGS_API = exports.TERMSET_PROPERTY_FIELD_TEXT_HOVER_COLOR = exports.TERMSET_PROPERTY_FIELD_TEXT_COLOR = exports.TERMSET_PROPERTY_FIELD_HOVER_COLOR = exports.TERMSET_PROPERTY_FIELD_BACKGROUND_COLOR = exports.TERMSET_PROPERTY_FIELD_ISDEFAULT = exports.TERMSET_PROPERTY_FIELD_AUDIENCE_TAGET = exports.TERMSET_PROPERTY_FIELD_LINKURL = exports.TERMSET_PROPERTY_FIELD_ID = exports.TERMSET_PROPERTY_FIELD_LOCALE = exports.TERMSET_PROPERTY_FIELD_LANGUAGE = exports.TERMSET_PROPERTY_FIELD_USE_MYTOOLS = exports.TERMSET_PROPERTY_FIELD_USE_SEARCH = void 0;
+exports.TERMSET_PROPERTY_FIELD_USE_SEARCH = "search";
+exports.TERMSET_PROPERTY_FIELD_USE_MYTOOLS = "useMyTools";
+exports.TERMSET_PROPERTY_FIELD_LANGUAGE = "language";
+exports.TERMSET_PROPERTY_FIELD_LOCALE = "locale";
+exports.TERMSET_PROPERTY_FIELD_ID = "id";
+exports.TERMSET_PROPERTY_FIELD_LINKURL = "linkURL";
+exports.TERMSET_PROPERTY_FIELD_AUDIENCE_TAGET = "audienceTarget";
+exports.TERMSET_PROPERTY_FIELD_ISDEFAULT = "isDefault";
+exports.TERMSET_PROPERTY_FIELD_BACKGROUND_COLOR = "backgroundColor";
+exports.TERMSET_PROPERTY_FIELD_HOVER_COLOR = "hoverColor";
+exports.TERMSET_PROPERTY_FIELD_TEXT_COLOR = "textColor";
+exports.TERMSET_PROPERTY_FIELD_TEXT_HOVER_COLOR = "textHoverColor";
+exports.FLAGS_API = "https://flagsapi.com/";
+exports.TERMSETS_LIST_KEY = "___Managementnavigation_listtermSets__";
+exports.TERMSETS_CHILDREN_KEY = "___Managementnavigation_termSetChildren__";
+exports.TERM_CHILDREN_KEY = "___Managementnavigation_termChildren__";
+exports.TERMSTORE_KEY = "___Managementnavigation_termStore__";
+exports.TERM_GROUP_KEY = "___Managementnavigation_termGroup__";
+exports.TERM_GROUP_NAME = "Intranet Global Navigations";
+exports.DEFAULT_ITEMS_PER_PAGE = 12;
+exports.ITEM_HEIGHT = 42;
+exports.DEFAULT_LIST_HEIGHT = exports.DEFAULT_ITEMS_PER_PAGE * exports.ITEM_HEIGHT;
+exports.GROUPS_LIST_KEY = "___Managementnavigation_listGroups__";
+//# sourceMappingURL=constants.js.map

package/lib-commonjs/controls/TermSetNavigation/constants/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/controls/TermSetNavigation/constants/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,iCAAiC,GAAG,QAAQ,CAAC;AAC7C,QAAA,kCAAkC,GAAG,YAAY,CAAC;AAClD,QAAA,+BAA+B,GAAG,UAAU,CAAC;AAC7C,QAAA,6BAA6B,GAAG,QAAQ,CAAC;AACzC,QAAA,yBAAyB,GAAG,IAAI,CAAC;AACjC,QAAA,8BAA8B,GAAG,SAAS,CAAC;AAC3C,QAAA,qCAAqC,GAAG,gBAAgB,CAAC;AACzD,QAAA,gCAAgC,GAAG,WAAW,CAAC;AAC/C,QAAA,uCAAuC,GAAG,iBAAiB,CAAC;AAC5D,QAAA,kCAAkC,GAAG,YAAY,CAAC;AAClD,QAAA,iCAAiC,GAAG,WAAW,CAAC;AAChD,QAAA,uCAAuC,GAAG,gBAAgB,CAAC;AAG3D,QAAA,SAAS,GAAG,uBAAuB,CAAC;AAEpC,QAAA,iBAAiB,GAAG,wCAAwC,CAAC;AAC7D,QAAA,qBAAqB,GAAG,2CAA2C,CAAC;AACpE,QAAA,iBAAiB,GAAG,wCAAwC,CAAC;AAC7D,QAAA,aAAa,GAAG,qCAAqC,CAAC;AACtD,QAAA,cAAc,GAAG,qCAAqC,CAAC;AACvD,QAAA,eAAe,GAAE,6BAA6B,CAAC;AAE/C,QAAA,sBAAsB,GAAG,EAAE,CAAC;AAC5B,QAAA,WAAW,GAAG,EAAE,CAAC;AAEjB,QAAA,mBAAmB,GAAI,8BAAsB,GAAG,mBAAW,CAAC;AAE5D,QAAA,eAAe,GAAG,sCAAsC,CAAC"}