@kispace-io/core 0.7.0

package/src/i18n/filebrowser.json

@@ -0,0 +1,33 @@
+{
+    "namespace": "filebrowser",
+    "en": {
+        "CONNECT_WORKSPACE": "Connect Workspace...",
+        "RELOAD_WORKSPACE": "Reload workspace folder",
+        "CREATE_NEW": "Create new...",
+        "RENAME_RESOURCE": "Rename selected resource",
+        "DELETE_RESOURCE": "Delete selected resource",
+        "OPEN": "Open",
+        "RENAME": "Rename",
+        "DELETE": "Delete",
+        "FILE": "File",
+        "FOLDER": "Folder",
+        "FILE_EXISTS_OVERWRITE": "File \"{fileName}\" already exists. Do you want to overwrite it?",
+        "SELECT_WORKSPACE": "Select a workspace.",
+        "DROP_FILES_HERE": "📁 Drop files here"
+    },
+    "de": {
+        "CONNECT_WORKSPACE": "Arbeitsbereich verbinden...",
+        "RELOAD_WORKSPACE": "Arbeitsbereich-Ordner neu laden",
+        "CREATE_NEW": "Neu erstellen...",
+        "RENAME_RESOURCE": "Ausgewählte Ressource umbenennen",
+        "DELETE_RESOURCE": "Ausgewählte Ressource löschen",
+        "OPEN": "Öffnen",
+        "RENAME": "Umbenennen",
+        "DELETE": "Löschen",
+        "FILE": "Datei",
+        "FOLDER": "Ordner",
+        "FILE_EXISTS_OVERWRITE": "Die Datei \"{fileName}\" existiert bereits. Möchten Sie sie überschreiben?",
+        "SELECT_WORKSPACE": "Wählen Sie einen Arbeitsbereich aus.",
+        "DROP_FILES_HERE": "📁 Dateien hier ablegen"
+    }
+}

package/src/i18n/index.ts

@@ -0,0 +1,25 @@
+import { contributionRegistry, Contribution } from "../core/contributionregistry";
+import { LanguageBundleContribution, SYSTEM_LANGUAGE_BUNDLES } from "../core/i18n";
+
+import filebrowserBundle from "./filebrowser.json";
+import extensionsBundle from "./extensions.json";
+import tasksBundle from "./tasks.json";
+import workspaceBundle from "./workspace.json";
+import fastviewsBundle from "./fastviews.json";
+import logterminalBundle from "./logterminal.json";
+import partnameBundle from "./partname.json";
+
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    filebrowserBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    extensionsBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    tasksBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    workspaceBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    fastviewsBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    logterminalBundle as unknown as Contribution);
+contributionRegistry.registerContribution(SYSTEM_LANGUAGE_BUNDLES,
+    partnameBundle as unknown as Contribution);

package/src/i18n/logterminal.json

@@ -0,0 +1,42 @@
+{
+    "namespace": "logterminal",
+    "en": {
+        "ALL_LOGS": "All logs",
+        "ALL": "All",
+        "INFO_LOGS": "Info logs",
+        "INFO": "Info",
+        "WARNING_LOGS": "Warning logs",
+        "WARNINGS": "Warnings",
+        "ERROR_LOGS": "Error logs",
+        "ERRORS": "Errors",
+        "DEBUG_LOGS": "Debug logs",
+        "DEBUG": "Debug",
+        "AUTO_SCROLL_ENABLED": "Auto-scroll enabled",
+        "AUTO_SCROLL_DISABLED": "Auto-scroll disabled",
+        "AUTO_SCROLL": "Auto-scroll",
+        "MANUAL": "Manual",
+        "CLEAR_LOGS": "Clear logs",
+        "CLEAR": "Clear",
+        "NO_LOG_MESSAGES": "No log messages"
+    },
+    "de": {
+        "ALL_LOGS": "Alle Protokolle",
+        "ALL": "Alle",
+        "INFO_LOGS": "Info-Protokolle",
+        "INFO": "Info",
+        "WARNING_LOGS": "Warnungsprotokolle",
+        "WARNINGS": "Warnungen",
+        "ERROR_LOGS": "Fehlerprotokolle",
+        "ERRORS": "Fehler",
+        "DEBUG_LOGS": "Debug-Protokolle",
+        "DEBUG": "Debug",
+        "AUTO_SCROLL_ENABLED": "Automatisches Scrollen aktiviert",
+        "AUTO_SCROLL_DISABLED": "Automatisches Scrollen deaktiviert",
+        "AUTO_SCROLL": "Automatisches Scrollen",
+        "MANUAL": "Manuell",
+        "CLEAR_LOGS": "Protokolle löschen",
+        "CLEAR": "Löschen",
+        "NO_LOG_MESSAGES": "Keine Protokollnachrichten"
+    }
+}
+

package/src/i18n/partname.json

@@ -0,0 +1,12 @@
+{
+    "namespace": "partname",
+    "en": {
+        "NO_PART": "<no part>",
+        "ACTIVE_PART": "Active part"
+    },
+    "de": {
+        "NO_PART": "<kein Bereich>",
+        "ACTIVE_PART": "Aktiver Bereich"
+    }
+}
+

package/src/i18n/tasks.json

@@ -0,0 +1,12 @@
+{
+    "namespace": "tasks",
+    "en": {
+        "ACTIVE_TASKS": "Active Tasks",
+        "ACTIVE_TASKS_TITLE": "Active tasks: {taskCount}. Click to view details."
+    },
+    "de": {
+        "ACTIVE_TASKS": "Aktive Aufgaben",
+        "ACTIVE_TASKS_TITLE": "Aktive Aufgaben: {taskCount}. Klicken Sie, um Details anzuzeigen."
+    }
+}
+

package/src/i18n/workspace.json

@@ -0,0 +1,12 @@
+{
+    "namespace": "workspace",
+    "en": {
+        "NO_WORKSPACE": "<no workspace>",
+        "LOAD_WORKSPACE": "Load workspace"
+    },
+    "de": {
+        "NO_WORKSPACE": "<kein Arbeitsbereich>",
+        "LOAD_WORKSPACE": "Arbeitsbereich laden"
+    }
+}
+

package/src/icons/icons.txt

@@ -0,0 +1,3 @@
+- python.svg: Licence=MIT, Author=Garuda Technology, Source=https://www.svgrepo.com/svg/452091/python
+- python.svg: Licence=MIT, Author=Garuda Technology, Source=https://www.svgrepo.com/svg/452045/js
+- python.svg: Licence=Logo License, Author=gilbarbara, Source=https://www.svgrepo.com/svg/353949/jupyter

package/src/icons/js.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="2" y="2" width="28" height="28" fill="#FFCA28"/>
+<path d="M19 25.2879L21.0615 23.9237C21.2231 24.4313 22.2462 25.6368 23.5385 25.6368C24.8308 25.6368 25.4308 24.931 25.4308 24.463C25.4308 23.1878 24.1112 22.7382 23.4774 22.5223C23.374 22.4871 23.289 22.4581 23.2308 22.4328C23.2009 22.4198 23.1558 22.4025 23.0979 22.3804C22.393 22.1111 19.7923 21.1175 19.7923 18.2373C19.7923 15.065 22.8538 14.7002 23.5462 14.7002C23.9991 14.7002 26.1769 14.7557 27.2615 16.7939L25.2615 18.1898C24.8231 17.3015 24.0946 17.0081 23.6462 17.0081C22.5385 17.0081 22.3077 17.8201 22.3077 18.1898C22.3077 19.227 23.5112 19.6919 24.5273 20.0844C24.7932 20.1871 25.0462 20.2848 25.2615 20.3866C26.3692 20.91 28 21.7666 28 24.463C28 25.8136 26.8672 28.0002 24.0154 28.0002C20.1846 28.0002 19.1692 25.7003 19 25.2879Z" fill="#3E3E3E"/>
+<path d="M9 25.5587L11.1487 24.1953C11.317 24.7026 11.9713 25.638 12.9205 25.638C13.8698 25.638 14.3557 24.663 14.3557 24.1953V15.0002H16.9982V24.1953C17.041 25.4636 16.3376 28.0002 13.2332 28.0002C10.379 28.0002 9.19242 26.3039 9 25.5587Z" fill="#3E3E3E"/>
+</svg>

package/src/icons/jupyter.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="-22 0 300 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
+		<g>
+				<path d="M10.5838307,156.409656 L10.5838307,156.196646 L10.5838307,123.657627 L17.7200527,123.657627 L17.7200527,158.912657 C18.0516208,161.753926 17.8075656,164.63288 17.0023629,167.377784 C16.19722,170.122687 14.8474392,172.677251 13.0335946,174.88924 C9.6624625,177.797086 5.34298451,179.369568 0.891381719,179.309391 L0.145805038,173.983903 C3.01718628,173.985518 5.78730255,172.922981 7.92105685,171.001585 C9.83826599,168.76489 10.5838307,165.729334 10.5838307,156.409656 Z M63.8037763,152.209035 C63.8037763,156.203166 63.8037763,159.771277 64.1232613,162.860071 L57.7859014,162.860071 L57.3598815,156.522711 C56.0343268,158.765028 54.1386519,160.616318 51.8656486,161.888456 C49.5925854,163.160593 47.0232464,163.808237 44.4187946,163.765408 C38.2412071,163.765408 30.8919752,160.410366 30.8919752,146.723715 L30.8919752,123.983721 L38.0281972,123.983721 L38.0281972,145.285823 C38.0281972,152.688352 40.3181887,157.641058 46.7620834,157.641058 C48.0878176,157.655354 49.4030239,157.404719 50.6306575,156.903927 C51.8582911,156.403136 52.9735276,155.662296 53.9110465,154.724777 C54.8485056,153.787318 55.5894046,152.672022 56.0901963,151.444448 C56.5909282,150.216815 56.8415633,148.901549 56.8273268,147.575814 L56.8273268,123.717444 L63.9634889,123.717444 L63.9634889,151.996025 L63.8037763,152.209035 Z M77.330762,136.653806 C77.330762,131.70104 77.330762,127.653648 77.0112304,123.979032 L83.4018876,123.979032 L83.7213726,130.635931 C85.1452074,128.23088 87.1949721,126.257257 89.6521533,124.925482 C92.1093944,123.593709 94.8819333,122.953703 97.6742718,123.073695 C107.153723,123.073695 114.289945,131.008713 114.289945,142.831393 C114.289945,156.784292 105.715831,163.707504 96.4493898,163.707504 C94.0776877,163.813321 91.7187865,163.305232 89.6009496,162.232346 C87.4831127,161.159401 85.6780613,159.558028 84.3604623,157.583154 L84.3604623,178.885226 L77.330762,178.885226 L77.330762,136.813578 L77.330762,136.653806 Z M84.3604623,147.038594 C84.3797833,148.004885 84.4867369,148.967408 84.6800071,149.914378 C85.2842232,152.279021 86.6597255,154.374666 88.5887785,155.869683 C90.5178913,157.364761 92.8904309,158.173852 95.3310427,158.168947 C102.840047,158.168947 107.260258,152.044597 107.260258,143.150938 C107.260258,135.375686 103.106354,128.718758 95.59735,128.718758 C92.6257387,128.962101 89.844945,130.280974 87.7762781,132.428062 C85.7076111,134.575149 84.4931374,137.403079 84.3604623,140.381689 L84.3604623,147.038594 Z M127.004503,123.94359 L135.578617,146.896647 C136.483954,149.452886 137.442529,152.54168 138.081618,154.831671 C138.827183,152.488442 139.625985,149.506124 140.58462,146.736875 L148.359872,123.94359 L155.868876,123.94359 L145.21784,151.636343 C139.892293,164.950152 136.643726,171.820127 131.744199,175.97403 C129.27643,178.228071 126.267791,179.805756 123.010354,180.553953 L121.252929,174.589376 C123.530581,173.840999 125.645092,172.666304 127.48382,171.127799 C130.081872,169.010501 132.14366,166.310102 133.501635,163.246013 C133.792288,162.715372 133.990404,162.139031 134.087428,161.541814 C134.026892,160.899135 133.865146,160.270094 133.60817,159.677902 L119.122716,123.837079 L126.897968,123.837079 L127.004503,123.94359 Z M174.813541,112.770851 L174.813541,123.954441 L185.038557,123.954441 L185.038557,129.279989 L174.813541,129.279989 L174.813541,150.262575 C174.813541,155.055568 176.198196,157.824817 180.139089,157.824817 C181.538758,157.847727 182.935316,157.686579 184.292992,157.345559 L184.612537,162.671047 C182.57671,163.376355 180.428486,163.701283 178.275118,163.629682 C176.849069,163.718929 175.420569,163.498622 174.087657,162.983833 C172.754744,162.469044 171.549004,161.671976 170.553103,160.647363 C168.383883,157.745977 167.394359,154.130491 167.783854,150.528882 L167.783854,129.226751 L161.712742,129.226751 L161.712742,123.901204 L167.890329,123.901204 L167.890329,114.421764 L174.813541,112.770851 Z M198.184399,144.647511 C198.03988,146.453639 198.289199,148.269577 198.915189,149.969888 C199.541179,151.670199 200.528884,153.214267 201.810114,154.495437 C203.091285,155.776667 204.635352,156.764373 206.335664,157.390363 C208.035975,158.016352 209.851913,158.265672 211.658041,158.121153 C215.311153,158.202863 218.940457,157.513288 222.309077,156.097409 L223.533958,161.422956 C219.400274,163.12572 214.955358,163.942168 210.486396,163.819423 C207.881107,163.997798 205.268101,163.61054 202.826592,162.684147 C200.385023,161.757814 198.172795,160.3143 196.341489,158.452721 C194.51022,156.591082 193.103284,154.355345 192.217196,151.898941 C191.331104,149.442478 190.986827,146.82349 191.207978,144.221491 C191.207978,132.505346 198.184399,123.238905 209.581059,123.238905 C222.362314,123.238905 225.557643,134.422495 225.557643,141.558717 C225.625954,142.658281 225.625954,143.761016 225.557643,144.860581 L198.024687,144.860581 L198.184399,144.647511 Z M219.06051,139.322023 C219.266043,137.898188 219.163995,136.446897 218.761184,135.065892 C218.358433,133.684886 217.664311,132.406228 216.725656,131.316115 C215.786941,130.226062 214.625525,129.349856 213.31959,128.746561 C212.013656,128.143278 210.59353,127.826939 209.155039,127.818864 C206.228949,128.030665 203.487515,129.327603 201.467959,131.455549 C199.448402,133.583436 198.296377,136.388874 198.237697,139.322023 L219.06051,139.322023 Z M236.385366,136.053478 C236.385366,131.473555 236.385366,127.532637 236.065834,123.911277 L242.456492,123.911277 L242.456492,131.526792 L242.775977,131.526792 C243.446769,129.176325 244.83268,127.093027 246.741335,125.566097 C248.64999,124.039161 250.986699,123.144369 253.427072,123.005938 C254.098762,122.917777 254.779066,122.917777 255.450756,123.005938 L255.450756,129.66288 C254.63688,129.568608 253.814868,129.568608 253.000992,129.66288 C250.58353,129.756495 248.282771,130.726973 246.528505,132.393068 C244.774238,134.059104 243.686458,136.306745 243.468304,138.716252 C243.269171,139.805946 243.162278,140.910475 243.148819,142.018055 L243.148819,162.734394 L236.11909,162.734394 L236.11909,136.106715 L236.385366,136.053478 Z" fill="#4E4E4E">
+
+				<path d="M233.257943,16.9621357 C233.476636,20.5398773 232.625434,24.1017075 230.812666,27.1939108 C228.999898,30.286174 226.307754,32.7687777 223.079047,34.3255867 C219.85034,35.8823358 216.231324,36.4427655 212.683013,35.9355136 C209.134702,35.4282017 205.817704,33.8761781 203.154559,31.4770796 C200.491421,29.0780409 198.602703,25.9404959 197.729013,22.4642047 C196.855323,18.9879135 197.036209,15.330196 198.248625,11.9570899 C199.461041,8.5839838 201.650109,5.64808944 204.536953,3.52346926 C207.423803,1.39884909 210.877782,0.181657262 214.458814,0.0269503701 C216.806708,-0.10224713 219.156996,0.233972409 221.374429,1.01627461 C223.591922,1.79857323 225.632893,3.01152758 227.379981,4.58537259 C229.12701,6.15922358 230.54576,8.06291398 231.554522,10.1869719 C232.563283,12.3110298 233.142196,14.6135829 233.257943,16.9621357 Z" fill="#767677">
+
+				<path d="M127.952969,225.540984 C80.0236372,225.540984 37.8984531,208.339518 16.1170646,182.936721 C24.5683135,205.78944 39.8176362,225.504615 59.8124569,239.428562 C79.8070981,253.352629 103.588124,260.816651 127.952969,260.816651 C152.318411,260.816651 176.098839,253.352629 196.094019,239.428562 C216.0886,225.504615 231.337863,205.78944 239.789471,182.936721 C218.061379,208.339518 176.095848,225.540984 127.952969,225.540984 Z" fill="#F37726">
+
+				<path d="M127.952969,60.3543133 C175.882898,60.3543133 218.008142,77.5557785 239.789471,102.958396 C231.337863,80.1058563 216.0886,60.3906823 196.094019,46.4667348 C176.098839,32.5427873 152.318411,25.0784666 127.952969,25.0784666 C103.588124,25.0784666 79.8070981,32.5427873 59.8124569,46.4667348 C39.8176362,60.3906823 24.5683135,80.1058563 16.1170646,102.958396 C37.8984531,77.502541 79.8106871,60.3543133 127.952969,60.3543133 Z" fill="#F37726">
+
+				<path d="M61.9716874,274.975202 C62.2528294,279.48161 61.186045,283.969713 58.9072992,287.867658 C56.6284936,291.765602 53.2409116,294.896926 49.1761363,296.862707 C45.1113611,298.828488 40.5533909,299.539717 36.0829934,298.905772 C31.6125362,298.271767 27.4320141,296.321359 24.0740419,293.30297 C20.7160636,290.284582 18.3326671,286.334835 17.2274978,281.957035 C16.1223339,277.579176 16.3454363,272.971497 17.868382,268.720869 C19.3913284,264.470301 22.1451683,260.769335 25.7790187,258.089483 C29.4129289,255.40962 33.7623156,253.872201 38.2730898,253.673106 C41.2280121,253.515051 44.1851476,253.940738 46.9755719,254.925846 C49.7659364,255.910962 52.3349165,257.436187 54.5356604,259.414404 C56.7364042,261.392633 58.5259031,263.785032 59.8017495,266.455044 C61.0776558,269.124996 61.8150255,272.02022 61.9716874,274.975202 Z" fill="#9E9E9E">
+
+				<path d="M21.5641016,54.5650606 C18.9814831,54.6363631 16.4354131,53.9424806 14.2460944,52.570687 C12.0567996,51.1988336 10.3219858,49.2102622 9.25983722,46.8551295 C8.19768984,44.499937 7.85562972,41.8832824 8.276674,39.3342215 C8.69771827,36.7851606 9.86306631,34.4174662 11.6261678,32.5289814 C13.3892752,30.6404727 15.6714246,29.3154324 18.1856119,28.7204982 C20.6997394,28.1255646 23.3336813,28.2873008 25.7562282,29.1853653 C28.1787154,30.0834346 30.2815979,31.6777312 31.800363,33.767765 C33.3191879,35.8578106 34.1861222,38.3502842 34.2921188,40.9317063 C34.3930308,44.4222341 33.113057,47.8117302 30.7300493,50.3642007 C28.3470417,52.916731 25.0533134,54.4262842 21.5641016,54.5650606 Z" fill="#616262">
+
+		</g>
+</svg>

package/src/icons/python.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.0164 2C10.8193 2 9.03825 3.72453 9.03825 5.85185V8.51852H15.9235V9.25926H5.97814C3.78107 9.25926 2 10.9838 2 13.1111L2 18.8889C2 21.0162 3.78107 22.7407 5.97814 22.7407H8.27322V19.4815C8.27322 17.3542 10.0543 15.6296 12.2514 15.6296H19.5956C21.4547 15.6296 22.9617 14.1704 22.9617 12.3704V5.85185C22.9617 3.72453 21.1807 2 18.9836 2H13.0164ZM12.0984 6.74074C12.8589 6.74074 13.4754 6.14378 13.4754 5.40741C13.4754 4.67103 12.8589 4.07407 12.0984 4.07407C11.3378 4.07407 10.7213 4.67103 10.7213 5.40741C10.7213 6.14378 11.3378 6.74074 12.0984 6.74074Z" fill="url(#paint0_linear_87_8204)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.9834 30C21.1805 30 22.9616 28.2755 22.9616 26.1482V23.4815L16.0763 23.4815L16.0763 22.7408L26.0217 22.7408C28.2188 22.7408 29.9998 21.0162 29.9998 18.8889V13.1111C29.9998 10.9838 28.2188 9.25928 26.0217 9.25928L23.7266 9.25928V12.5185C23.7266 14.6459 21.9455 16.3704 19.7485 16.3704L12.4042 16.3704C10.5451 16.3704 9.03809 17.8296 9.03809 19.6296L9.03809 26.1482C9.03809 28.2755 10.8192 30 13.0162 30H18.9834ZM19.9015 25.2593C19.1409 25.2593 18.5244 25.8562 18.5244 26.5926C18.5244 27.329 19.1409 27.9259 19.9015 27.9259C20.662 27.9259 21.2785 27.329 21.2785 26.5926C21.2785 25.8562 20.662 25.2593 19.9015 25.2593Z" fill="url(#paint1_linear_87_8204)"/>
+<defs>
+<linearGradient id="paint0_linear_87_8204" x1="12.4809" y1="2" x2="12.4809" y2="22.7407" gradientUnits="userSpaceOnUse">
+<stop stop-color="#327EBD"/>
+<stop offset="1" stop-color="#1565A7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_87_8204" x1="19.519" y1="9.25928" x2="19.519" y2="30" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFDA4B"/>
+<stop offset="1" stop-color="#F9C600"/>
+</linearGradient>
+</defs>
+</svg>

package/src/index.ts

@@ -0,0 +1,3 @@
+import './core/index';
+
+export * from './api/index';

package/src/layouts/k-standard-layout.ts

@@ -0,0 +1,174 @@
+import {html, nothing} from "lit";
+import {customElement, property} from "lit/decorators.js";
+
+import {
+    EDITOR_AREA_MAIN,
+    SIDEBAR_MAIN,
+    SIDEBAR_MAIN_BOTTOM,
+    SIDEBAR_AUXILIARY,
+    PANEL_BOTTOM,
+    TOOLBAR_MAIN,
+    TOOLBAR_MAIN_CENTER,
+    TOOLBAR_MAIN_RIGHT,
+    TOOLBAR_BOTTOM,
+    TOOLBAR_BOTTOM_CENTER,
+    TOOLBAR_BOTTOM_END
+} from "../core/constants";
+import {KContainer} from "../parts/k-container";
+
+@customElement('k-standard-layout')
+export class KStandardLayout extends KContainer {
+    @property({type: Boolean, attribute: 'show-bottom-sidebar'})
+    showBottomSidebar: boolean = false;
+
+    @property({type: Boolean, attribute: 'show-bottom-panel'})
+    showBottomPanel: boolean = false;
+
+    @property({type: Boolean, attribute: 'show-left-sidebar'})
+    showLeftSidebar: boolean = true;
+
+    @property({type: Boolean, attribute: 'show-aux-sidebar'})
+    showAuxSidebar: boolean = true;
+
+    createRenderRoot() {
+        return this;
+    }
+
+    private getGridSizes(): string {
+        if (this.showLeftSidebar && this.showAuxSidebar) {
+            return "15%, 65%, 20%";
+        }
+        if (this.showLeftSidebar) {
+            return "15%, 85%";
+        }
+        if (this.showAuxSidebar) {
+            return "80%, 20%";
+        }
+        return "100%";
+    }
+
+    render() {
+        return html`
+            <style>
+                *, *::before, *::after {
+                    box-sizing: border-box;
+                }
+                
+                html {
+                    height: 100%;
+                    margin: 0;
+                    padding: 0;
+                    overflow: hidden;
+                }
+                
+                body {
+                    height: 100%;
+                    width: 100%;
+                    margin: 0;
+                    padding: 0;
+                    overflow: hidden;
+                    display: flex;
+                    flex-direction: column;
+                }
+                
+                k-standard-layout {
+                    display: flex;
+                    flex-direction: column;
+                    height: 100vh;
+                    width: 100%;
+                }
+                
+                k-standard-layout .toolbar-top {
+                    width: 100%;
+                    display: grid;
+                    grid-template-columns: 1fr 2fr 1fr;
+                    align-items: center;
+                    border-bottom: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
+                    flex-shrink: 0;
+                }
+                
+                k-standard-layout .toolbar-bottom {
+                    width: 100%;
+                    border-top: solid var(--wa-border-width-s) var(--wa-color-neutral-border-loud);
+                    display: grid;
+                    grid-template-columns: 1fr 2fr auto;
+                    align-items: center;
+                    flex-shrink: 0;
+                    min-height: 32px;
+                    padding: 0 var(--wa-space-s);
+                    box-sizing: border-box;
+                }
+                
+                k-standard-layout .main-layout {
+                    flex: 1;
+                    min-height: 0;
+                }
+                
+                k-standard-layout .toolbar-end {
+                    justify-self: end;
+                }
+            </style>
+            
+            <div class="toolbar-top">
+                <k-toolbar id=${TOOLBAR_MAIN}></k-toolbar>
+                <k-toolbar id=${TOOLBAR_MAIN_CENTER}></k-toolbar>
+                <k-toolbar class="toolbar-end" id=${TOOLBAR_MAIN_RIGHT}></k-toolbar>
+            </div>
+            
+            <k-resizable-grid 
+                class="main-layout"
+                id="main-layout" 
+                orientation="horizontal" 
+                sizes=${this.getGridSizes()}>
+                
+                ${this.showLeftSidebar
+                    ? html`
+                        ${this.showBottomSidebar
+                            ? html`
+                                <k-resizable-grid 
+                                    id="left-sidebar-split" 
+                                    orientation="vertical" 
+                                    sizes="50%, 50%">
+                                    <k-tabs id="${SIDEBAR_MAIN}"></k-tabs>
+                                    <k-tabs id="${SIDEBAR_MAIN_BOTTOM}"></k-tabs>
+                                </k-resizable-grid>
+                            `
+                            : html`<k-tabs id="${SIDEBAR_MAIN}"></k-tabs>`
+                        }
+                    `
+                    : nothing
+                }
+                
+                ${this.showBottomPanel
+                    ? html`
+                        <k-resizable-grid 
+                            id="editor-area-split" 
+                            orientation="vertical" 
+                            sizes="70%, 30%">
+                            <k-tabs id="${EDITOR_AREA_MAIN}"></k-tabs>
+                            <k-tabs id="${PANEL_BOTTOM}"></k-tabs>
+                        </k-resizable-grid>
+                    `
+                    : html`<k-tabs id="${EDITOR_AREA_MAIN}"></k-tabs>`
+                }
+                
+                ${this.showAuxSidebar
+                    ? html`<k-tabs id="${SIDEBAR_AUXILIARY}"></k-tabs>`
+                    : nothing
+                }
+            </k-resizable-grid>
+            
+            <div class="toolbar-bottom">
+                <k-toolbar id=${TOOLBAR_BOTTOM}></k-toolbar>
+                <k-toolbar id=${TOOLBAR_BOTTOM_CENTER}></k-toolbar>
+                <k-toolbar class="toolbar-end" id=${TOOLBAR_BOTTOM_END}></k-toolbar>
+            </div>
+        `;
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'k-standard-layout': KStandardLayout;
+    }
+}

package/src/parts/index.ts

@@ -0,0 +1,6 @@
+import "../externals/webawesome"
+import "./k-app"
+import "./k-toolbar"
+import "./k-contextmenu"
+import "./k-tabs"
+import "./k-resizable-grid"

package/src/parts/k-app.ts

@@ -0,0 +1,29 @@
+import {css, html} from 'lit'
+import {customElement} from 'lit/decorators.js'
+import {KElement} from "./k-element";
+
+@customElement('k-app')
+export class KApp extends KElement {
+    render() {
+        return html`
+            <slot></slot>
+        `;
+    }
+
+    static styles = css`
+        :host {
+            display: flex;
+            flex-direction: column;
+            flex: 1;
+            min-height: 0;
+            width: 100%;
+            box-sizing: border-box;
+        }
+    `
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'k-app': KApp
+    }
+}

package/src/parts/k-container.ts

@@ -0,0 +1,4 @@
+import {KElement} from "./k-element";
+
+export abstract class KContainer extends KElement {
+}