"use strict"; var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P, generator) { function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } return new (P || (P = Promise))(function (resolve, reject) { function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } step((generator = generator.apply(thisArg, _arguments || [])).next()); }); }; var __generator = void 0 && (void 0).__generator || function (thisArg, body) { var _ = { label: 0, sent: function sent() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g; return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g; function verb(n) { return function (v) { return step([n, v]); }; } function step(op) { var _loopIt = 0; if (f) throw new TypeError("Generator is already executing."); while (_) { if (_loopIt++ > 100001) { var csb_global = typeof window === 'undefined' ? self : window; csb_global.infiniteLoopError = new RangeError('Potential infinite loop: exceeded ' + 100001 + ' iterations. You can disable this check by creating a sandbox.config.json file.'); throw csb_global.infiniteLoopError; } try { if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t; if (y = 0, t) op = [op[0] & 2, t.value]; switch (op[0]) { case 0: case 1: t = op; break; case 4: _.label++; return { value: op[1], done: false }; case 5: _.label++; y = op[1]; op = [0]; continue; case 7: op = _.ops.pop(); _.trys.pop(); continue; default: if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; } if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) { _.label = op[1]; break; } if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; } if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; } if (t[2]) _.ops.pop(); _.trys.pop(); continue; } op = body.call(thisArg, _); } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; } } if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true }; } }; Object.defineProperty(exports, "__esModule", { value: true }); require("./styles.css"); var delivery_sdk_1 = require("@kontent-ai/delivery-sdk"); // Limit recursion depth in case of cyclic references between content items. // (Otherwise your menu would be infinitely large and your site would crash.) var DEPTH_LIMIT = 5; var app = function app() { return __awaiter(void 0, void 0, void 0, function () { // Generate menu HTML by recursively transforming content items to list elements. function itemsToList(itemCodenames, linkedContent, currentDepth) { var _loopIt2 = 0; if (currentDepth >= DEPTH_LIMIT) { return ""; } var result = "

" + title + "" + itemsToList(subitems, linkedContent, currentDepth + 1) + "
" + title + "

"; return result; } // Process the retrieved data using the itemsToList function and display it. function createHtmlMenu(rootItem) { var rootMenuItems = rootItem.item.elements.subitems.value; var allLinkedContent = rootItem.linkedItems; var menuHtml = itemsToList(rootMenuItems, allLinkedContent, 0); navigationHtml.innerHTML = menuHtml; } var deliveryClient, response, rootNavigationItem, navigationHtml; return __generator(this, function (_a) { switch (_a.label) { case 0: deliveryClient = (0, delivery_sdk_1.createDeliveryClient)({ environmentId: "8d20758c-d74c-4f59-ae04-ee928c0816b7" }); return [4 /*yield*/, deliveryClient.item("root_navigation_item").depthParameter(DEPTH_LIMIT).toPromise()]; case 1: response = _a.sent(); rootNavigationItem = response.data; navigationHtml = document.getElementById("main_nav"); createHtmlMenu(rootNavigationItem); return [2 /*return*/]; } }); }); }; app(); //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJyZXF1aXJlIiwiZGVsaXZlcnlfc2RrXzEiLCJERVBUSF9MSU1JVCIsImFwcCIsIl9fYXdhaXRlciIsIml0ZW1zVG9MaXN0IiwiaXRlbUNvZGVuYW1lcyIsImxpbmtlZENvbnRlbnQiLCJjdXJyZW50RGVwdGgiLCJfbG9vcEl0MiIsInJlc3VsdCIsIl9pIiwiaXRlbUNvZGVuYW1lc18xIiwibGVuZ3RoIiwiY3NiX2dsb2JhbCIsIndpbmRvdyIsInNlbGYiLCJpbmZpbml0ZUxvb3BFcnJvciIsIlJhbmdlRXJyb3IiLCJpdGVtQ29kZW5hbWUiLCJ0aXRsZSIsImVsZW1lbnRzIiwidmFsdWUiLCJ1cmwiLCJzdWJpdGVtcyIsImNyZWF0ZUh0bWxNZW51Iiwicm9vdEl0ZW0iLCJyb290TWVudUl0ZW1zIiwiaXRlbSIsImFsbExpbmtlZENvbnRlbnQiLCJsaW5rZWRJdGVtcyIsIm1lbnVIdG1sIiwibmF2aWdhdGlvbkh0bWwiLCJpbm5lckhUTUwiLCJkZWxpdmVyeUNsaWVudCIsImNyZWF0ZURlbGl2ZXJ5Q2xpZW50IiwiZW52aXJvbm1lbnRJZCIsImRlcHRoUGFyYW1ldGVyIiwidG9Qcm9taXNlIiwicmVzcG9uc2UiLCJfYSIsInNlbnQiLCJyb290TmF2aWdhdGlvbkl0ZW0iLCJkYXRhIiwiZG9jdW1lbnQiLCJnZXRFbGVtZW50QnlJZCJdLCJzb3VyY2VzIjpbImluZGV4LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBcIi4vc3R5bGVzLmNzc1wiO1xuaW1wb3J0IHsgY3JlYXRlRGVsaXZlcnlDbGllbnQgfSBmcm9tIFwiQGtvbnRlbnQtYWkvZGVsaXZlcnktc2RrXCI7XG5cbi8vIExpbWl0IHJlY3Vyc2lvbiBkZXB0aCBpbiBjYXNlIG9mIGN5Y2xpYyByZWZlcmVuY2VzIGJldHdlZW4gY29udGVudCBpdGVtcy5cbi8vIChPdGhlcndpc2UgeW91ciBtZW51IHdvdWxkIGJlIGluZmluaXRlbHkgbGFyZ2UgYW5kIHlvdXIgc2l0ZSB3b3VsZCBjcmFzaC4pXG5jb25zdCBERVBUSF9MSU1JVCA9IDU7XG5cbmNvbnN0IGFwcCA9IGFzeW5jICgpID0+IHtcbiAgLy8gSW5pdGlhbGl6ZSB0aGUgRGVsaXZlcnkgY2xpZW50XG4gIGNvbnN0IGRlbGl2ZXJ5Q2xpZW50ID0gY3JlYXRlRGVsaXZlcnlDbGllbnQoe1xuICAgIGVudmlyb25tZW50SWQ6IFwiOGQyMDc1OGMtZDc0Yy00ZjU5LWFlMDQtZWU5MjhjMDgxNmI3XCJcbiAgfSk7XG5cbiAgLy8gR2V0IHRoZSByb290IG9mIHRoZSBuYXZpZ2F0aW9uXG4gIGNvbnN0IHJlc3BvbnNlID0gYXdhaXQgZGVsaXZlcnlDbGllbnRcbiAgICAuaXRlbShcInJvb3RfbmF2aWdhdGlvbl9pdGVtXCIpXG4gICAgLmRlcHRoUGFyYW1ldGVyKERFUFRIX0xJTUlUKVxuICAgIC50b1Byb21pc2UoKTtcblxuICBjb25zdCByb290TmF2aWdhdGlvbkl0ZW0gPSByZXNwb25zZS5kYXRhO1xuXG4gIGxldCBuYXZpZ2F0aW9uSHRtbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKFwibWFpbl9uYXZcIik7XG5cbiAgLy8gR2VuZXJhdGUgbWVudSBIVE1MIGJ5IHJlY3Vyc2l2ZWx5IHRyYW5zZm9ybWluZyBjb250ZW50IGl0ZW1zIHRvIGxpc3QgZWxlbWVudHMuXG4gIGZ1bmN0aW9uIGl0ZW1zVG9MaXN0KGl0ZW1Db2RlbmFtZXMsIGxpbmtlZENvbnRlbnQsIGN1cnJlbnREZXB0aCkge1xuICAgIGlmIChjdXJyZW50RGVwdGggPj0gREVQVEhfTElNSVQpIHtcbiAgICAgIHJldHVybiBcIlwiO1xuICAgIH1cbiAgICB2YXIgcmVzdWx0ID0gXCI8dWw+XCI7XG4gICAgZm9yIChsZXQgaXRlbUNvZGVuYW1lIG9mIGl0ZW1Db2RlbmFtZXMpIHtcbiAgICAgIGxldCB0aXRsZSA9IGxpbmtlZENvbnRlbnRbaXRlbUNvZGVuYW1lXS5lbGVtZW50cy50aXRsZS52YWx1ZTtcbiAgICAgIGxldCB1cmwgPSBsaW5rZWRDb250ZW50W2l0ZW1Db2RlbmFtZV0uZWxlbWVudHMudXJsLnZhbHVlO1xuICAgICAgaWYgKGxpbmtlZENvbnRlbnRbaXRlbUNvZGVuYW1lXS5lbGVtZW50cy5zdWJpdGVtcykge1xuICAgICAgICBsZXQgc3ViaXRlbXMgPSBsaW5rZWRDb250ZW50W2l0ZW1Db2RlbmFtZV0uZWxlbWVudHMuc3ViaXRlbXMudmFsdWU7XG4gICAgICAgIHJlc3VsdCArPVxuICAgICAgICAgIFwiPGxpPjxhIGhyZWY9JyMvXCIgK1xuICAgICAgICAgIHVybCArXG4gICAgICAgICAgXCInIHRpdGxlPScvXCIgK1xuICAgICAgICAgIHVybCArXG4gICAgICAgICAgXCInPlwiICtcbiAgICAgICAgICB0aXRsZSArXG4gICAgICAgICAgXCI8L2E+XCIgK1xuICAgICAgICAgIGl0ZW1zVG9MaXN0KHN1Yml0ZW1zLCBsaW5rZWRDb250ZW50LCBjdXJyZW50RGVwdGggKyAxKSArXG4gICAgICAgICAgXCI8L2xpPlwiO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmVzdWx0ICs9XG4gICAgICAgICAgXCI8bGk+PGEgaHJlZj0nIy9cIiArXG4gICAgICAgICAgdXJsICtcbiAgICAgICAgICBcIicgdGl0bGU9Jy9cIiArXG4gICAgICAgICAgdXJsICtcbiAgICAgICAgICBcIic+XCIgK1xuICAgICAgICAgIHRpdGxlICtcbiAgICAgICAgICBcIjwvYT48L2xpPlwiO1xuICAgICAgfVxuICAgIH1cbiAgICByZXN1bHQgKz0gXCI8L3VsPlwiO1xuICAgIHJldHVybiByZXN1bHQ7XG4gIH1cblxuICAvLyBQcm9jZXNzIHRoZSByZXRyaWV2ZWQgZGF0YSB1c2luZyB0aGUgaXRlbXNUb0xpc3QgZnVuY3Rpb24gYW5kIGRpc3BsYXkgaXQuXG4gIGZ1bmN0aW9uIGNyZWF0ZUh0bWxNZW51KHJvb3RJdGVtKSB7XG4gICAgdmFyIHJvb3RNZW51SXRlbXMgPSByb290SXRlbS5pdGVtLmVsZW1lbnRzLnN1Yml0ZW1zLnZhbHVlO1xuICAgIHZhciBhbGxMaW5rZWRDb250ZW50ID0gcm9vdEl0ZW0ubGlua2VkSXRlbXM7XG5cbiAgICB2YXIgbWVudUh0bWwgPSBpdGVtc1RvTGlzdChyb290TWVudUl0ZW1zLCBhbGxMaW5rZWRDb250ZW50LCAwKTtcbiAgICBuYXZpZ2F0aW9uSHRtbC5pbm5lckhUTUwgPSBtZW51SHRtbDtcbiAgfVxuXG4gIGNyZWF0ZUh0bWxNZW51KHJvb3ROYXZpZ2F0aW9uSXRlbSk7XG59O1xuXG5hcHAoKTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQUEsT0FBQTtBQUNBLElBQUFDLGNBQUEsR0FBQUQsT0FBQTtBQUVBO0FBQ0E7QUFDQSxJQUFNRSxXQUFXLEdBQUcsQ0FBQztBQUVyQixJQUFNQyxHQUFHLEdBQUcsU0FBTkEsR0FBR0EsQ0FBQSxFQUFHO0VBQUEsT0FBQUMsU0FBQTtJQWdCVjtJQUNBLFNBQVNDLFdBQVdBLENBQUNDLGFBQWEsRUFBRUMsYUFBYSxFQUFFQyxZQUFZO01BQUEsSUFBQUMsUUFBQTtNQUM3RCxJQUFJRCxZQUFZLElBQUlOLFdBQVcsRUFBRTtRQUMvQixPQUFPLEVBQUU7O01BRVgsSUFBSVEsTUFBTSxHQUFHLE1BQU07TUFDbkIsS0FBeUIsSUFBQUMsRUFBQSxJQUFhLEVBQWJDLGVBQUEsR0FBQU4sYUFBYSxFQUFiSyxFQUFBLEdBQUFDLGVBQUEsQ0FBQUMsTUFBYSxFQUFiRixFQUFBLEVBQWEsRUFBRTtRQUFBLElBQUFGLFFBQUE7VUFBQSxJQUFBSyxVQUFBLFVBQUFDLE1BQUEsbUJBQUFDLElBQUEsR0FBQUQsTUFBQTtVQUFBRCxVQUFBLENBQUFHLGlCQUFBLE9BQUFDLFVBQUE7VUFBQSxNQUFBSixVQUFBLENBQUFHLGlCQUFBO1FBQUE7UUFBbkMsSUFBSUUsWUFBWSxHQUFBUCxlQUFBLENBQUFELEVBQUE7UUFDbkIsSUFBSVMsS0FBSyxHQUFHYixhQUFhLENBQUNZLFlBQVksQ0FBQyxDQUFDRSxRQUFRLENBQUNELEtBQUssQ0FBQ0UsS0FBSztRQUM1RCxJQUFJQyxHQUFHLEdBQUdoQixhQUFhLENBQUNZLFlBQVksQ0FBQyxDQUFDRSxRQUFRLENBQUNFLEdBQUcsQ0FBQ0QsS0FBSztRQUN4RCxJQUFJZixhQUFhLENBQUNZLFlBQVksQ0FBQyxDQUFDRSxRQUFRLENBQUNHLFFBQVEsRUFBRTtVQUNqRCxJQUFJQSxRQUFRLEdBQUdqQixhQUFhLENBQUNZLFlBQVksQ0FBQyxDQUFDRSxRQUFRLENBQUNHLFFBQVEsQ0FBQ0YsS0FBSztVQUNsRVosTUFBTSxJQUNKLGlCQUFpQixHQUNqQmEsR0FBRyxHQUNILFlBQVksR0FDWkEsR0FBRyxHQUNILElBQUksR0FDSkgsS0FBSyxHQUNMLE1BQU0sR0FDTmYsV0FBVyxDQUFDbUIsUUFBUSxFQUFFakIsYUFBYSxFQUFFQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLEdBQ3RELE9BQU87U0FDVixNQUFNO1VBQ0xFLE1BQU0sSUFDSixpQkFBaUIsR0FDakJhLEdBQUcsR0FDSCxZQUFZLEdBQ1pBLEdBQUcsR0FDSCxJQUFJLEdBQ0pILEtBQUssR0FDTCxXQUFXOzs7TUFHakJWLE1BQU0sSUFBSSxPQUFPO01BQ2pCLE9BQU9BLE1BQU07SUFDZjtJQUVBO0lBQ0EsU0FBU2UsY0FBY0EsQ0FBQ0MsUUFBUTtNQUM5QixJQUFJQyxhQUFhLEdBQUdELFFBQVEsQ0FBQ0UsSUFBSSxDQUFDUCxRQUFRLENBQUNHLFFBQVEsQ0FBQ0YsS0FBSztNQUN6RCxJQUFJTyxnQkFBZ0IsR0FBR0gsUUFBUSxDQUFDSSxXQUFXO01BRTNDLElBQUlDLFFBQVEsR0FBRzFCLFdBQVcsQ0FBQ3NCLGFBQWEsRUFBRUUsZ0JBQWdCLEVBQUUsQ0FBQyxDQUFDO01BQzlERyxjQUFjLENBQUNDLFNBQVMsR0FBR0YsUUFBUTtJQUNyQzs7Ozs7VUF6RE1HLGNBQWMsR0FBRyxJQUFBakMsY0FBQSxDQUFBa0Msb0JBQW9CLEVBQUM7WUFDMUNDLGFBQWEsRUFBRTtXQUNoQixDQUFDO1VBR2UscUJBQU1GLGNBQWMsQ0FDbENOLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxDQUM1QlMsY0FBYyxDQUFDbkMsV0FBVyxDQUFDLENBQzNCb0MsU0FBUyxFQUFFOztVQUhSQyxRQUFRLEdBQUdDLEVBQUEsQ0FBQUMsSUFBQSxFQUdIO1VBRVJDLGtCQUFrQixHQUFHSCxRQUFRLENBQUNJLElBQUk7VUFFcENYLGNBQWMsR0FBR1ksUUFBUSxDQUFDQyxjQUFjLENBQUMsVUFBVSxDQUFDO1VBK0N4RHBCLGNBQWMsQ0FBQ2lCLGtCQUFrQixDQUFDOzs7OztDQUNuQzs7QUFFRHZDLEdBQUcsRUFBRSJ9

Menu modeled in Kontent.ai