ogm-viewer 0.3.0 → 0.4.0

package/dist/esm/ogm-attributes_9.entry.js

@@ -0,0 +1,2 @@
+export { O as ogm_attributes, b as ogm_image, c as ogm_map, d as ogm_menubar, e as ogm_metadata, f as ogm_previews, h as ogm_settings, i as ogm_sidebar, j as ogm_viewer } from './ogm-attributes.ogm-image.ogm-map.ogm-menubar.ogm-metadata.ogm-previews.ogm-settings.ogm-sidebar.ogm-viewer-C9zV3wMe.js';
+import './index-DTLAlWKQ.js';

package/dist/esm/ogm-viewer.js

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-BdFT_kJa.js';
-export { s as setNonce } from './index-BdFT_kJa.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-DTLAlWKQ.js';
+export { s as setNonce } from './index-DTLAlWKQ.js';
 import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["ogm-image_7",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"record":[32],"previewOpacity":[32],"sidebarOpen":[32],"loadRecord":[64]},[[0,"sidebarToggled","toggleSidebar"],[0,"opacityChange","adjustPreviewOpacity"],[0,"mapLoading","setLoadingStarted"],[0,"imageLoading","setLoadingStarted"],[0,"mapIdle","setLoadingFinished"],[0,"imageLoaded","setLoadingFinished"]],{"recordUrl":[{"updateRecord":0}]}],[513,"ogm-sidebar",{"record":[16],"theme":[1],"open":[4]}],[513,"ogm-image",{"record":[16],"theme":[1],"padding":[2]},null,{"record":[{"onRecordChange":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-map",{"record":[16],"theme":[1],"previewOpacity":[2,"preview-opacity"],"padding":[2],"easeMapTo":[64]},null,{"record":[{"previewRecord":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-menubar",{"record":[16],"theme":[1],"loading":[4]}],[513,"ogm-metadata",{"record":[16],"theme":[1],"fieldNames":[16],"filteredRecord":[32]}],[513,"ogm-settings",{"record":[16]},[[0,"sl-input","handleOpacityChange"]]]]]], options);
+  return bootstrapLazy([["ogm-attributes_9",[[513,"ogm-viewer",{"recordUrl":[1,"record-url"],"theme":[1],"record":[32],"previewOpacity":[32],"sidebarOpen":[32],"loadRecord":[64]},[[0,"sidebarToggled","toggleSidebar"],[0,"opacityChange","adjustPreviewOpacity"],[0,"mapLoading","setLoadingStarted"],[0,"imageLoading","setLoadingStarted"],[0,"mapIdle","setLoadingFinished"],[0,"imageLoaded","setLoadingFinished"]],{"recordUrl":[{"updateRecord":0}]}],[513,"ogm-previews",{"theme":[1],"record":[16],"previewOpacity":[2,"preview-opacity"],"sidebarPadding":[2,"sidebar-padding"],"sources":[32]},null,{"record":[{"getSources":0}]}],[513,"ogm-sidebar",{"record":[16],"theme":[1],"open":[4]}],[513,"ogm-menubar",{"record":[16],"theme":[1],"loading":[4]}],[513,"ogm-map",{"source":[16],"theme":[1],"padding":[2],"easeMapTo":[64]},[[16,"featureSelected","handleFeatureSelected"]],{"source":[{"previewSource":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-image",{"source":[16],"theme":[1],"padding":[2]},null,{"source":[{"onSourceChange":0}],"padding":[{"onPaddingChange":0}]}],[513,"ogm-metadata",{"record":[16],"theme":[1],"fieldNames":[16],"filteredRecord":[32]}],[513,"ogm-settings",{"record":[16]},[[0,"input","handleOpacityChange"]]],[513,"ogm-attributes",{"features":[16],"currentIndex":[32]},null,{"features":[{"onFeaturesChange":0}],"currentIndex":[{"onCurrentIndexChange":0}]}]]]], options);
 });

package/dist/ogm-viewer/assets/webawesome/styles/color/palettes/base.css

@@ -0,0 +1,44 @@
+/* Rules shared by all palettes */
+@import url('../../layers.css');
+@import url('../variants.css');
+
+/* Generates --wa-color-{hue}-on tokens for pairing with any palette's key colors */
+:where(:root),
+:host {
+  /**
+    * Conditional tokens to check if the key color is >= 60
+    * Key colors are the most colorful tint in a scale, recorded as --wa-color-{hue} in each palette
+    * The numeric value of the key is isolated as --wa-color-{hue}-key
+    * If key < 60, the result is 0%
+    * If key >= 60, the result is 100%
+    * Intended to be used in the color-mix() functions below
+    */
+
+  --wa-color-red-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-red-key), 1) * 100%));
+  --wa-color-orange-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-orange-key), 1) * 100%));
+  --wa-color-yellow-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-yellow-key), 1) * 100%));
+  --wa-color-green-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-green-key), 1) * 100%));
+  --wa-color-cyan-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-cyan-key), 1) * 100%));
+  --wa-color-blue-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-blue-key), 1) * 100%));
+  --wa-color-indigo-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-indigo-key), 1) * 100%));
+  --wa-color-purple-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-purple-key), 1) * 100%));
+  --wa-color-pink-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-pink-key), 1) * 100%));
+  --wa-color-gray-gte-60: calc(100% - (clamp(0, 60 - var(--wa-color-gray-key), 1) * 100%));
+
+  /**
+    * Tokens to set text color with appropriate WCAG 2.1 contrast
+    * If key < 60, the text color is white
+    * If key >= 60, the text color is {hue}-10
+    */
+
+  --wa-color-red-on: color-mix(in oklab, var(--wa-color-red-10) var(--wa-color-red-gte-60), white);
+  --wa-color-orange-on: color-mix(in oklab, var(--wa-color-orange-10) var(--wa-color-orange-gte-60), white);
+  --wa-color-yellow-on: color-mix(in oklab, var(--wa-color-yellow-10) var(--wa-color-yellow-gte-60), white);
+  --wa-color-green-on: color-mix(in oklab, var(--wa-color-green-10) var(--wa-color-green-gte-60), white);
+  --wa-color-cyan-on: color-mix(in oklab, var(--wa-color-cyan-10) var(--wa-color-cyan-gte-60), white);
+  --wa-color-blue-on: color-mix(in oklab, var(--wa-color-blue-10) var(--wa-color-blue-gte-60), white);
+  --wa-color-indigo-on: color-mix(in oklab, var(--wa-color-indigo-10) var(--wa-color-indigo-gte-60), white);
+  --wa-color-purple-on: color-mix(in oklab, var(--wa-color-purple-10) var(--wa-color-purple-gte-60), white);
+  --wa-color-pink-on: color-mix(in oklab, var(--wa-color-pink-10) var(--wa-color-pink-gte-60), white);
+  --wa-color-gray-on: color-mix(in oklab, var(--wa-color-gray-10) var(--wa-color-gray-gte-60), white);
+}

package/dist/ogm-viewer/assets/webawesome/styles/color/palettes/bright.css

@@ -0,0 +1,145 @@
+@import url('base.css');
+
+@layer wa-color-palette {
+  .wa-palette-bright {
+    --wa-color-red-95: #ffefef /* oklch(96.475% 0.01735 17.458) */;
+    --wa-color-red-90: #fdd /* oklch(92.574% 0.03779 17.855) */;
+    --wa-color-red-80: #ffb7b7 /* oklch(84.652% 0.084 18.964) */;
+    --wa-color-red-70: #ff8e90 /* oklch(76.896% 0.13677 19.629) */;
+    --wa-color-red-60: #f76563 /* oklch(69.077% 0.18003 23.786) */;
+    --wa-color-red-50: #d04442 /* oklch(58.513% 0.17687 25.152) */;
+    --wa-color-red-40: #a52c2b /* oklch(48.271% 0.15774 25.737) */;
+    --wa-color-red-30: #861d1c /* oklch(40.905% 0.1406 26.45) */;
+    --wa-color-red-20: #680d0e /* oklch(33.449% 0.1237 26.777) */;
+    --wa-color-red-10: #450002 /* oklch(24.549% 0.10017 27.414) */;
+    --wa-color-red-05: #2f0000 /* oklch(19.165% 0.07864 29.234) */;
+    --wa-color-red: var(--wa-color-red-60);
+    --wa-color-red-key: 60;
+
+    --wa-color-orange-95: oklch(96.406% 0.04001 53.476);
+    --wa-color-orange-90: oklch(92.395% 0.07984 53.06);
+    --wa-color-orange-80: oklch(84.389% 0.12224 47.981);
+    --wa-color-orange-70: oklch(76.55% 0.16521 42.512);
+    --wa-color-orange-60: #e97331 /* oklch(68.357% 0.16507 46.504) */;
+    --wa-color-orange-50: #bf5712 /* oklch(57.834% 0.15197 47.326) */;
+    --wa-color-orange-40: oklch(47.62% 0.132 48.51);
+    --wa-color-orange-30: oklch(40.38% 0.11554 50);
+    --wa-color-orange-20: oklch(32.94% 0.09927 52);
+    --wa-color-orange-10: oklch(24.083% 0.07743 54);
+    --wa-color-orange-05: oklch(18.817% 0.06098 55);
+    --wa-color-orange: var(--wa-color-orange-70);
+    --wa-color-orange-key: 70;
+
+    --wa-color-yellow-95: #fff4c0 /* oklch(96.32% 0.0677 97.497) */;
+    --wa-color-yellow-90: #ffe579 /* oklch(92.176% 0.13122 96.089) */;
+    --wa-color-yellow-80: #ffbf18 /* oklch(84.069% 0.16897 83.446) */;
+    --wa-color-yellow-70: #f29c00 /* oklch(76.127% 0.16443 70.48) */;
+    --wa-color-yellow-60: #d08402 /* oklch(67.671% 0.14665 69.482) */;
+    --wa-color-yellow-50: #a56804 /* oklch(57.027% 0.1228 69.447) */;
+    --wa-color-yellow-40: #7d4f04 /* oklch(46.866% 0.09949 70.54) */;
+    --wa-color-yellow-30: #643d03 /* oklch(39.73% 0.08492 68.821) */;
+    --wa-color-yellow-20: #4a2c01 /* oklch(32.318% 0.06941 69.3) */;
+    --wa-color-yellow-10: #2d1901 /* oklch(23.512% 0.04963 68.776) */;
+    --wa-color-yellow-05: #1d0f00 /* oklch(18.392% 0.03939 71.947) */;
+    --wa-color-yellow: var(--wa-color-yellow-80);
+    --wa-color-yellow-key: 80;
+
+    --wa-color-green-95: #dbfaf0 /* oklch(96.006% 0.03481 174.15) */;
+    --wa-color-green-90: #b1f3de /* oklch(91.419% 0.0722 172.95) */;
+    --wa-color-green-80: #3fe2b2 /* oklch(81.853% 0.14907 168.5) */;
+    --wa-color-green-70: #29c596 /* oklch(73.487% 0.14194 166.89) */;
+    --wa-color-green-60: #19a87d /* oklch(65.107% 0.13007 166.01) */;
+    --wa-color-green-50: #0a8560 /* oklch(54.742% 0.11293 164.94) */;
+    --wa-color-green-40: #036648 /* oklch(45.239% 0.09474 164.51) */;
+    --wa-color-green-30: #015038 /* oklch(38.229% 0.08003 164.89) */;
+    --wa-color-green-20: #003a28 /* oklch(30.885% 0.06454 165.46) */;
+    --wa-color-green-10: #002317 /* oklch(22.712% 0.04718 165.92) */;
+    --wa-color-green-05: #00160d /* oklch(17.744% 0.03707 165.47) */;
+    --wa-color-green: var(--wa-color-green-80);
+    --wa-color-green-key: 80;
+
+    --wa-color-cyan-95: #dbf9fc /* oklch(96.146% 0.03142 203.97) */;
+    --wa-color-cyan-90: #a6f2fa /* oklch(91.438% 0.07533 204.25) */;
+    --wa-color-cyan-80: #51dcee /* oklch(82.7% 0.11986 207.31) */;
+    --wa-color-cyan-70: #2fbfd5 /* oklch(74.137% 0.11878 210.5) */;
+    --wa-color-cyan-60: #1fa3b9 /* oklch(65.917% 0.10909 212.4) */;
+    --wa-color-cyan-50: #118095 /* oklch(55.343% 0.09433 215.17) */;
+    --wa-color-cyan-40: #056273 /* oklch(45.726% 0.0795 215.29) */;
+    --wa-color-cyan-30: #014c5a /* oklch(38.37% 0.06757 215.53) */;
+    --wa-color-cyan-20: #003843 /* oklch(31.374% 0.0556 215.61) */;
+    --wa-color-cyan-10: #002129 /* oklch(22.851% 0.04085 217.17) */;
+    --wa-color-cyan-05: #00151a /* oklch(17.995% 0.03161 213.85) */;
+    --wa-color-cyan: var(--wa-color-cyan-80);
+    --wa-color-cyan-key: 80;
+
+    --wa-color-blue-95: #e7f5ff /* oklch(96.268% 0.02005 238.66) */;
+    --wa-color-blue-90: #ceeaff /* oklch(92.321% 0.04119 240.38) */;
+    --wa-color-blue-80: #93d0ff /* oklch(83.315% 0.09108 242.3) */;
+    --wa-color-blue-70: #5bb5fe /* oklch(74.85% 0.13654 245.56) */;
+    --wa-color-blue-60: #4a99e4 /* oklch(66.699% 0.13625 249.55) */;
+    --wa-color-blue-50: #3178c0 /* oklch(56.346% 0.13216 251.63) */;
+    --wa-color-blue-40: #235a96 /* oklch(46.273% 0.11344 253.15) */;
+    --wa-color-blue-30: #194777 /* oklch(39.272% 0.09544 252.36) */;
+    --wa-color-blue-20: #103359 /* oklch(31.787% 0.07886 253.15) */;
+    --wa-color-blue-10: #061e38 /* oklch(23.254% 0.05851 252.8) */;
+    --wa-color-blue-05: #031225 /* oklch(18.051% 0.04534 253.25) */;
+    --wa-color-blue: var(--wa-color-blue-70);
+    --wa-color-blue-key: 70;
+
+    --wa-color-indigo-95: #edf2ff /* oklch(96.116% 0.01824 269.09) */;
+    --wa-color-indigo-90: #dce5ff /* oklch(92.306% 0.03671 270.47) */;
+    --wa-color-indigo-80: #bac8ff /* oklch(84.108% 0.07867 273.5) */;
+    --wa-color-indigo-70: #95abff /* oklch(75.79% 0.12361 271.99) */;
+    --wa-color-indigo-60: #728dff /* oklch(67.658% 0.17035 271.19) */;
+    --wa-color-indigo-50: #516ed8 /* oklch(57.136% 0.16529 269.13) */;
+    --wa-color-indigo-40: #3851b3 /* oklch(47.273% 0.15818 268.81) */;
+    --wa-color-indigo-30: #2a3f8f /* oklch(39.968% 0.13476 268.52) */;
+    --wa-color-indigo-20: #1e2d6c /* oklch(32.512% 0.11114 269.2) */;
+    --wa-color-indigo-10: #101a45 /* oklch(23.864% 0.08185 269.36) */;
+    --wa-color-indigo-05: #080f2f /* oklch(18.545% 0.06467 269.54) */;
+    --wa-color-indigo: var(--wa-color-indigo-60);
+    --wa-color-indigo-key: 60;
+
+    --wa-color-purple-95: #f3f0ff /* oklch(96.181% 0.02019 295.19) */;
+    --wa-color-purple-90: #eae2ff /* oklch(92.785% 0.03984 298.23) */;
+    --wa-color-purple-80: #d1c0ff /* oklch(84.322% 0.08845 296.84) */;
+    --wa-color-purple-70: #b8a0fe /* oklch(76.293% 0.13384 294.76) */;
+    --wa-color-purple-60: #9e83f2 /* oklch(68.278% 0.16015 292.86) */;
+    --wa-color-purple-50: #7b65cb /* oklch(57.62% 0.15206 290.77) */;
+    --wa-color-purple-40: #5c4ba7 /* oklch(47.824% 0.14213 288.32) */;
+    --wa-color-purple-30: #493590 /* oklch(40.487% 0.14337 288.41) */;
+    --wa-color-purple-20: #371f7a /* oklch(33.309% 0.1443 287.97) */;
+    --wa-color-purple-10: #250161 /* oklch(25.284% 0.14353 287.73) */;
+    --wa-color-purple-05: #150047 /* oklch(19.858% 0.11707 283.68) */;
+    --wa-color-purple: var(--wa-color-purple-60);
+    --wa-color-purple-key: 60;
+
+    --wa-color-pink-95: #f8effc /* oklch(96.287% 0.01965 315.67) */;
+    --wa-color-pink-90: #f4defb /* oklch(92.703% 0.04524 317.99) */;
+    --wa-color-pink-80: #edb8fa /* oklch(85.148% 0.10592 319.58) */;
+    --wa-color-pink-70: #e38ef8 /* oklch(77.16% 0.16992 319.48) */;
+    --wa-color-pink-60: #c576db /* oklch(68.843% 0.16426 318.62) */;
+    --wa-color-pink-50: #a258b5 /* oklch(58.347% 0.15642 319.13) */;
+    --wa-color-pink-40: #823b94 /* oklch(48.331% 0.15299 319.08) */;
+    --wa-color-pink-30: #6d247e /* oklch(41.177% 0.1547 319.42) */;
+    --wa-color-pink-20: #580a68 /* oklch(34.103% 0.15338 319.6) */;
+    --wa-color-pink-10: #370047 /* oklch(24.984% 0.12212 316.48) */;
+    --wa-color-pink-05: #240033 /* oklch(19.65% 0.09758 313.47) */;
+    --wa-color-pink: var(--wa-color-pink-70);
+    --wa-color-pink-key: 70;
+
+    --wa-color-gray-95: #f1f2f5 /* oklch(96.124% 0.00414 271.37) */;
+    --wa-color-gray-90: #e4e6eb /* oklch(92.484% 0.00709 268.54) */;
+    --wa-color-gray-80: #c5cad5 /* oklch(83.843% 0.01625 266.26) */;
+    --wa-color-gray-70: #a8afbf /* oklch(75.353% 0.02424 266.85) */;
+    --wa-color-gray-60: #8c95aa /* oklch(66.963% 0.0328 267.07) */;
+    --wa-color-gray-50: #6a7591 /* oklch(56.369% 0.04546 268.14) */;
+    --wa-color-gray-40: #4a597a /* oklch(46.526% 0.05715 265.38) */;
+    --wa-color-gray-30: #384565 /* oklch(39.365% 0.05713 266.86) */;
+    --wa-color-gray-20: #26314f /* oklch(31.829% 0.05593 267.86) */;
+    --wa-color-gray-10: #131c38 /* oklch(23.46% 0.0555 268.48) */;
+    --wa-color-gray-05: #0a1127 /* oklch(18.485% 0.04617 268.36) */;
+    --wa-color-gray: var(--wa-color-gray-40);
+    --wa-color-gray-key: 40;
+  }
+}

package/dist/ogm-viewer/assets/webawesome/styles/color/palettes/default.css

@@ -0,0 +1,146 @@
+@import url('base.css');
+
+@layer wa-color-palette {
+  :where(:root),
+  .wa-palette-default {
+    --wa-color-red-95: #fff0ef /* oklch(96.667% 0.01632 22.08) */;
+    --wa-color-red-90: #ffdedc /* oklch(92.735% 0.03679 21.966) */;
+    --wa-color-red-80: #ffb8b6 /* oklch(84.803% 0.08289 20.771) */;
+    --wa-color-red-70: #fd8f90 /* oklch(76.801% 0.13322 20.052) */;
+    --wa-color-red-60: #f3676c /* oklch(68.914% 0.17256 20.646) */;
+    --wa-color-red-50: #dc3146 /* oklch(58.857% 0.20512 20.223) */;
+    --wa-color-red-40: #b30532 /* oklch(48.737% 0.19311 18.413) */;
+    --wa-color-red-30: #8a132c /* oklch(41.17% 0.1512 16.771) */;
+    --wa-color-red-20: #631323 /* oklch(33.297% 0.11208 14.847) */;
+    --wa-color-red-10: #3e0913 /* oklch(24.329% 0.08074 15.207) */;
+    --wa-color-red-05: #2a040b /* oklch(19.016% 0.06394 13.71) */;
+    --wa-color-red: var(--wa-color-red-50);
+    --wa-color-red-key: 50;
+
+    --wa-color-orange-95: #fff0e6 /* oklch(96.426% 0.02105 56.133) */;
+    --wa-color-orange-90: #ffdfca /* oklch(92.468% 0.04529 55.325) */;
+    --wa-color-orange-80: #ffbb94 /* oklch(84.588% 0.09454 50.876) */;
+    --wa-color-orange-70: #ff9266 /* oklch(76.744% 0.14429 42.309) */;
+    --wa-color-orange-60: #f46a45 /* oklch(68.848% 0.17805 35.951) */;
+    --wa-color-orange-50: #cd491c /* oklch(58.195% 0.17597 37.577) */;
+    --wa-color-orange-40: #9f3501 /* oklch(47.889% 0.14981 39.957) */;
+    --wa-color-orange-30: #802700 /* oklch(40.637% 0.1298 39.149) */;
+    --wa-color-orange-20: #601b00 /* oklch(33.123% 0.10587 39.117) */;
+    --wa-color-orange-10: #3c0d00 /* oklch(24.043% 0.07768 38.607) */;
+    --wa-color-orange-05: #280600 /* oklch(18.644% 0.0607 38.252) */;
+    --wa-color-orange: var(--wa-color-orange-60);
+    --wa-color-orange-key: 60;
+
+    --wa-color-yellow-95: #fef3cd /* oklch(96.322% 0.05069 93.748) */;
+    --wa-color-yellow-90: #ffe495 /* oklch(92.377% 0.10246 91.296) */;
+    --wa-color-yellow-80: #fac22b /* oklch(84.185% 0.16263 85.991) */;
+    --wa-color-yellow-70: #ef9d00 /* oklch(75.949% 0.16251 72.13) */;
+    --wa-color-yellow-60: #da7e00 /* oklch(67.883% 0.15587 62.246) */;
+    --wa-color-yellow-50: #b45f04 /* oklch(57.449% 0.13836 56.585) */;
+    --wa-color-yellow-40: #8c4602 /* oklch(47.319% 0.11666 54.663) */;
+    --wa-color-yellow-30: #6f3601 /* oklch(40.012% 0.09892 54.555) */;
+    --wa-color-yellow-20: #532600 /* oklch(32.518% 0.08157 53.927) */;
+    --wa-color-yellow-10: #331600 /* oklch(23.846% 0.05834 56.02) */;
+    --wa-color-yellow-05: #220c00 /* oklch(18.585% 0.04625 54.588) */;
+    --wa-color-yellow: var(--wa-color-yellow-80);
+    --wa-color-yellow-key: 80;
+
+    --wa-color-green-95: #e3f9e3 /* oklch(96.006% 0.03715 145.28) */;
+    --wa-color-green-90: #c2f2c1 /* oklch(91.494% 0.08233 144.35) */;
+    --wa-color-green-80: #93da98 /* oklch(82.445% 0.11601 146.11) */;
+    --wa-color-green-70: #5dc36f /* oklch(73.554% 0.15308 147.59) */;
+    --wa-color-green-60: #00ac49 /* oklch(64.982% 0.18414 148.83) */;
+    --wa-color-green-50: #00883c /* oklch(54.765% 0.15165 149.77) */;
+    --wa-color-green-40: #036730 /* oklch(45.004% 0.11963 151.06) */;
+    --wa-color-green-30: #0a5027 /* oklch(37.988% 0.09487 151.62) */;
+    --wa-color-green-20: #0a3a1d /* oklch(30.876% 0.07202 152.23) */;
+    --wa-color-green-10: #052310 /* oklch(22.767% 0.05128 152.45) */;
+    --wa-color-green-05: #031608 /* oklch(17.84% 0.03957 151.36) */;
+    --wa-color-green: var(--wa-color-green-60);
+    --wa-color-green-key: 60;
+
+    --wa-color-cyan-95: #e3f6fb /* oklch(96.063% 0.02111 215.26) */;
+    --wa-color-cyan-90: #c5ecf7 /* oklch(91.881% 0.04314 216.7) */;
+    --wa-color-cyan-80: #7fd6ec /* oklch(82.906% 0.08934 215.86) */;
+    --wa-color-cyan-70: #2fbedc /* oklch(74.18% 0.12169 215.86) */;
+    --wa-color-cyan-60: #00a3c0 /* oklch(65.939% 0.11738 216.42) */;
+    --wa-color-cyan-50: #078098 /* oklch(55.379% 0.09774 217.32) */;
+    --wa-color-cyan-40: #026274 /* oklch(45.735% 0.08074 216.18) */;
+    --wa-color-cyan-30: #014c5b /* oklch(38.419% 0.06817 216.88) */;
+    --wa-color-cyan-20: #003844 /* oklch(31.427% 0.05624 217.32) */;
+    --wa-color-cyan-10: #002129 /* oklch(22.851% 0.04085 217.17) */;
+    --wa-color-cyan-05: #00151b /* oklch(18.055% 0.03231 217.31) */;
+    --wa-color-cyan: var(--wa-color-cyan-70);
+    --wa-color-cyan-key: 70;
+
+    --wa-color-blue-95: #e8f3ff /* oklch(95.944% 0.01996 250.38) */;
+    --wa-color-blue-90: #d1e8ff /* oklch(92.121% 0.03985 248.26) */;
+    --wa-color-blue-80: #9fceff /* oklch(83.572% 0.08502 249.92) */;
+    --wa-color-blue-70: #6eb3ff /* oklch(75.256% 0.1308 252.03) */;
+    --wa-color-blue-60: #3e96ff /* oklch(67.196% 0.17661 254.97) */;
+    --wa-color-blue-50: #0071ec /* oklch(56.972% 0.20461 257.29) */;
+    --wa-color-blue-40: #0053c0 /* oklch(47.175% 0.1846 259.19) */;
+    --wa-color-blue-30: #003f9c /* oklch(39.805% 0.16217 259.98) */;
+    --wa-color-blue-20: #002d77 /* oklch(32.436% 0.1349 260.35) */;
+    --wa-color-blue-10: #001a4e /* oklch(23.965% 0.10161 260.68) */;
+    --wa-color-blue-05: #000f35 /* oklch(18.565% 0.07904 260.75) */;
+    --wa-color-blue: var(--wa-color-blue-50);
+    --wa-color-blue-key: 50;
+
+    --wa-color-indigo-95: #f0f2ff /* oklch(96.341% 0.0175 279.06) */;
+    --wa-color-indigo-90: #dfe5ff /* oklch(92.527% 0.0359 275.35) */;
+    --wa-color-indigo-80: #bcc7ff /* oklch(84.053% 0.07938 275.91) */;
+    --wa-color-indigo-70: #9da9ff /* oklch(75.941% 0.12411 276.95) */;
+    --wa-color-indigo-60: #808aff /* oklch(67.977% 0.17065 277.16) */;
+    --wa-color-indigo-50: #6163f2 /* oklch(57.967% 0.20943 277.04) */;
+    --wa-color-indigo-40: #4945cb /* oklch(48.145% 0.20042 277.08) */;
+    --wa-color-indigo-30: #3933a7 /* oklch(40.844% 0.17864 277.26) */;
+    --wa-color-indigo-20: #292381 /* oklch(33.362% 0.15096 277.21) */;
+    --wa-color-indigo-10: #181255 /* oklch(24.534% 0.11483 277.73) */;
+    --wa-color-indigo-05: #0d0a3a /* oklch(19.092% 0.08825 276.76) */;
+    --wa-color-indigo: var(--wa-color-indigo-50);
+    --wa-color-indigo-key: 50;
+
+    --wa-color-purple-95: #f7f0ff /* oklch(96.49% 0.02119 306.84) */;
+    --wa-color-purple-90: #eedfff /* oklch(92.531% 0.04569 306.6) */;
+    --wa-color-purple-80: #ddbdff /* oklch(84.781% 0.09615 306.52) */;
+    --wa-color-purple-70: #ca99ff /* oklch(76.728% 0.14961 305.27) */;
+    --wa-color-purple-60: #b678f5 /* oklch(68.906% 0.1844 304.96) */;
+    --wa-color-purple-50: #9951db /* oklch(58.603% 0.20465 304.87) */;
+    --wa-color-purple-40: #7936b3 /* oklch(48.641% 0.18949 304.79) */;
+    --wa-color-purple-30: #612692 /* oklch(41.23% 0.16836 304.92) */;
+    --wa-color-purple-20: #491870 /* oklch(33.663% 0.14258 305.12) */;
+    --wa-color-purple-10: #2d0b48 /* oklch(24.637% 0.10612 304.95) */;
+    --wa-color-purple-05: #1e0532 /* oklch(19.393% 0.08461 305.26) */;
+    --wa-color-purple: var(--wa-color-purple-50);
+    --wa-color-purple-key: 50;
+
+    --wa-color-pink-95: #feeff9 /* oklch(96.676% 0.02074 337.69) */;
+    --wa-color-pink-90: #feddf0 /* oklch(93.026% 0.04388 342.45) */;
+    --wa-color-pink-80: #fcb5d8 /* oklch(84.928% 0.09304 348.21) */;
+    --wa-color-pink-70: #f78dbf /* oklch(77.058% 0.14016 351.19) */;
+    --wa-color-pink-60: #e66ba3 /* oklch(69.067% 0.16347 353.69) */;
+    --wa-color-pink-50: #c84382 /* oklch(58.707% 0.17826 354.82) */;
+    --wa-color-pink-40: #9e2a6c /* oklch(48.603% 0.16439 350.08) */;
+    --wa-color-pink-30: #7d1e58 /* oklch(41.017% 0.14211 347.77) */;
+    --wa-color-pink-20: #5e1342 /* oklch(33.442% 0.11808 347.01) */;
+    --wa-color-pink-10: #3c0828 /* oklch(24.601% 0.08768 347.8) */;
+    --wa-color-pink-05: #28041a /* oklch(19.199% 0.06799 346.97) */;
+    --wa-color-pink: var(--wa-color-pink-50);
+    --wa-color-pink-key: 50;
+
+    --wa-color-gray-95: #f1f2f3 /* oklch(96.067% 0.00172 247.84) */;
+    --wa-color-gray-90: #e4e5e9 /* oklch(92.228% 0.0055 274.96) */;
+    --wa-color-gray-80: #c7c9d0 /* oklch(83.641% 0.00994 273.33) */;
+    --wa-color-gray-70: #abaeb9 /* oklch(75.183% 0.01604 273.78) */;
+    --wa-color-gray-60: #9194a2 /* oklch(66.863% 0.02088 276.18) */;
+    --wa-color-gray-50: #717584 /* oklch(56.418% 0.02359 273.77) */;
+    --wa-color-gray-40: #545868 /* oklch(46.281% 0.02644 274.26) */;
+    --wa-color-gray-30: #424554 /* oklch(39.355% 0.02564 276.27) */;
+    --wa-color-gray-20: #2f323f /* oklch(31.97% 0.02354 274.82) */;
+    --wa-color-gray-10: #1b1d26 /* oklch(23.277% 0.01762 275.14) */;
+    --wa-color-gray-05: #101219 /* oklch(18.342% 0.01472 272.42) */;
+    --wa-color-gray: var(--wa-color-gray-40);
+    --wa-color-gray-key: 40;
+  }
+}

package/dist/ogm-viewer/assets/webawesome/styles/color/palettes/shoelace.css

@@ -0,0 +1,146 @@
+@import url('base.css');
+
+@layer wa-color-palette {
+  .wa-palette-shoelace,
+  .wa-palette-shoelace :host {
+    --wa-color-red-95: #fff0ef /* oklch(96.667% 0.01632 22.08) */;
+    --wa-color-red-90: #ffdedc /* oklch(92.735% 0.03679 21.966) */;
+    --wa-color-red-80: #ffb8b5 /* oklch(84.778% 0.083 21.686) */;
+    --wa-color-red-70: #fe8f8d /* oklch(76.859% 0.13466 21.762) */;
+    --wa-color-red-60: #f56667 /* oklch(68.982% 0.17631 22.472) */;
+    --wa-color-red-50: #e02c2b /* oklch(58.861% 0.21461 27.156) */;
+    --wa-color-red-40: #b5051a /* oklch(48.833% 0.19611 25.68) */;
+    --wa-color-red-30: #900015 /* oklch(41.172% 0.16676 24.609) */;
+    --wa-color-red-20: #6c000d /* oklch(33.479% 0.1356 24.617) */;
+    --wa-color-red-10: #450005 /* oklch(24.598% 0.09968 24.835) */;
+    --wa-color-red-05: #2f0002 /* oklch(19.218% 0.07801 25.517) */;
+    --wa-color-red: var(--wa-color-red-50);
+    --wa-color-red-key: 50;
+
+    --wa-color-orange-95: #fff0e4 /* oklch(96.374% 0.0228 61.238) */;
+    --wa-color-orange-90: #ffe0c8 /* oklch(92.611% 0.04689 59.917) */;
+    --wa-color-orange-80: #ffbb89 /* oklch(84.386% 0.10217 57.161) */;
+    --wa-color-orange-70: #ff9342 /* oklch(76.486% 0.15964 54.102) */;
+    --wa-color-orange-60: #f36d00 /* oklch(68.715% 0.18774 47.79) */;
+    --wa-color-orange-50: #c94e00 /* oklch(58.068% 0.17131 43.217) */;
+    --wa-color-orange-40: #9d3800 /* oklch(47.924% 0.14534 41.739) */;
+    --wa-color-orange-30: #7e2900 /* oklch(40.53% 0.1259 40.51) */;
+    --wa-color-orange-20: #5e1c00 /* oklch(32.874% 0.1027 40.228) */;
+    --wa-color-orange-10: #3b0f00 /* oklch(24.125% 0.07446 40.837) */;
+    --wa-color-orange-05: #280700 /* oklch(18.837% 0.05933 39.827) */;
+    --wa-color-orange: var(--wa-color-orange-60);
+    --wa-color-orange-key: 60;
+
+    --wa-color-yellow-95: #fef2bf /* oklch(95.823% 0.06674 96.369) */;
+    --wa-color-yellow-90: #fde588 /* oklch(92.2% 0.11633 95.327) */;
+    --wa-color-yellow-80: #f5c24b /* oklch(83.879% 0.14445 85.083) */;
+    --wa-color-yellow-70: #e9a010 /* oklch(75.825% 0.15689 75.537) */;
+    --wa-color-yellow-60: #d78000 /* oklch(67.839% 0.15287 64.455) */;
+    --wa-color-yellow-50: #b26000 /* oklch(57.324% 0.13672 58.338) */;
+    --wa-color-yellow-40: #8a4700 /* oklch(47.183% 0.11461 56.655) */;
+    --wa-color-yellow-30: #6e3700 /* oklch(40.03% 0.0976 56.323) */;
+    --wa-color-yellow-20: #522700 /* oklch(32.54% 0.07981 55.802) */;
+    --wa-color-yellow-10: #331600 /* oklch(23.846% 0.05834 56.02) */;
+    --wa-color-yellow-05: #210d00 /* oklch(18.619% 0.04431 58.553) */;
+    --wa-color-yellow: var(--wa-color-yellow-70);
+    --wa-color-yellow-key: 70;
+
+    --wa-color-green-95: #d4fce1 /* oklch(95.554% 0.05477 155.71) */;
+    --wa-color-green-90: #a4f8c2 /* oklch(91.11% 0.1107 155.35) */;
+    --wa-color-green-80: #6ae095 /* oklch(81.924% 0.15151 153.52) */;
+    --wa-color-green-70: #44c670 /* oklch(73.506% 0.16742 151) */;
+    --wa-color-green-60: #21ab52 /* oklch(65.151% 0.17062 149.59) */;
+    --wa-color-green-50: #0d873f /* oklch(54.644% 0.14593 150.18) */;
+    --wa-color-green-40: #166635 /* oklch(45.105% 0.10874 151.56) */;
+    --wa-color-green-30: #115029 /* oklch(38.182% 0.09049 151.63) */;
+    --wa-color-green-20: #0a3a1c /* oklch(30.854% 0.07315 151.48) */;
+    --wa-color-green-10: #04230f /* oklch(22.692% 0.05324 151.92) */;
+    --wa-color-green-05: #021608 /* oklch(17.756% 0.04076 152.68) */;
+    --wa-color-green: var(--wa-color-green-60);
+    --wa-color-green-key: 60;
+
+    --wa-color-cyan-95: #d8fafc /* oklch(96.149% 0.03524 200.93) */;
+    --wa-color-cyan-90: #a3f2f7 /* oklch(91.187% 0.07744 200.93) */;
+    --wa-color-cyan-80: #67dbe2 /* oklch(82.721% 0.1051 200.68) */;
+    --wa-color-cyan-70: #29c0ca /* oklch(73.859% 0.11825 201.93) */;
+    --wa-color-cyan-60: #0ca4ae /* oklch(65.523% 0.10997 202.61) */;
+    --wa-color-cyan-50: #0c828c /* oklch(55.424% 0.09237 204.53) */;
+    --wa-color-cyan-40: #0a626b /* oklch(45.428% 0.07504 206.17) */;
+    --wa-color-cyan-30: #084d55 /* oklch(38.542% 0.06312 207.36) */;
+    --wa-color-cyan-20: #06383f /* oklch(31.335% 0.05062 209.3) */;
+    --wa-color-cyan-10: #002127 /* oklch(22.739% 0.03961 211.94) */;
+    --wa-color-cyan-05: #00151b /* oklch(18.055% 0.03231 217.31) */;
+    --wa-color-cyan: var(--wa-color-cyan-70);
+    --wa-color-cyan-key: 70;
+
+    --wa-color-blue-95: #e2f6ff /* oklch(96.112% 0.0243 226.47) */;
+    --wa-color-blue-90: #c0ecff /* oklch(91.822% 0.0523 226) */;
+    --wa-color-blue-80: #7fd4fc /* oklch(83.068% 0.09979 229.91) */;
+    --wa-color-blue-70: #48b9f4 /* oklch(74.644% 0.13162 235.42) */;
+    --wa-color-blue-60: #1f9de2 /* oklch(66.419% 0.14398 240.02) */;
+    --wa-color-blue-50: #007bbc /* oklch(55.956% 0.1346 242.72) */;
+    --wa-color-blue-40: #005d93 /* oklch(46.121% 0.11438 244.28) */;
+    --wa-color-blue-30: #004975 /* oklch(39.093% 0.09705 244.33) */;
+    --wa-color-blue-20: #003558 /* oklch(31.8% 0.08026 245.13) */;
+    --wa-color-blue-10: #001f36 /* oklch(23.093% 0.05763 244.59) */;
+    --wa-color-blue-05: #001325 /* oklch(18.113% 0.04675 246.17) */;
+    --wa-color-blue: var(--wa-color-blue-60);
+    --wa-color-blue-key: 60;
+
+    --wa-color-indigo-95: #eff2ff /* oklch(96.265% 0.01769 275.64) */;
+    --wa-color-indigo-90: #e0e5ff /* oklch(92.602% 0.03569 277.03) */;
+    --wa-color-indigo-80: #bec7ff /* oklch(84.198% 0.07895 277.45) */;
+    --wa-color-indigo-70: #9da9fc /* oklch(75.797% 0.11994 276.85) */;
+    --wa-color-indigo-60: #808bf8 /* oklch(67.752% 0.15983 276.9) */;
+    --wa-color-indigo-50: #6163f0 /* oklch(57.814% 0.20686 277.14) */;
+    --wa-color-indigo-40: #4a41d4 /* oklch(48.413% 0.21583 277.35) */;
+    --wa-color-indigo-30: #3b369d /* oklch(40.562% 0.16149 278.54) */;
+    --wa-color-indigo-20: #2b2872 /* oklch(32.937% 0.12339 278.99) */;
+    --wa-color-indigo-10: #191748 /* oklch(24.174% 0.08853 279.28) */;
+    --wa-color-indigo-05: #0e0d31 /* oklch(18.772% 0.06933 278.6) */;
+    --wa-color-indigo: var(--wa-color-indigo-40);
+    --wa-color-indigo-key: 40;
+
+    --wa-color-purple-95: #f6f0ff /* oklch(96.412% 0.02086 304.04) */;
+    --wa-color-purple-90: #eee0ff /* oklch(92.72% 0.04406 305.89) */;
+    --wa-color-purple-80: #dcbdff /* oklch(84.694% 0.09583 305.85) */;
+    --wa-color-purple-70: #ca99ff /* oklch(76.728% 0.14961 305.27) */;
+    --wa-color-purple-60: #b874ff /* oklch(69.085% 0.2024 304.19) */;
+    --wa-color-purple-50: #9f46ee /* oklch(59.304% 0.23941 304.1) */;
+    --wa-color-purple-40: #7e2ac2 /* oklch(49.181% 0.21892 304.24) */;
+    --wa-color-purple-30: #632198 /* oklch(41.448% 0.18071 304.64) */;
+    --wa-color-purple-20: #4a1574 /* oklch(33.839% 0.15043 304.56) */;
+    --wa-color-purple-10: #2e094b /* oklch(24.855% 0.11212 304.52) */;
+    --wa-color-purple-05: #1e0433 /* oklch(19.319% 0.0877 304.85) */;
+    --wa-color-purple: var(--wa-color-purple-50);
+    --wa-color-purple-key: 50;
+
+    --wa-color-pink-95: #fdeff7 /* oklch(96.539% 0.01831 342.02) */;
+    --wa-color-pink-90: #fcdcee /* oklch(92.607% 0.04228 343.07) */;
+    --wa-color-pink-80: #fab6db /* oklch(84.992% 0.09131 345.4) */;
+    --wa-color-pink-70: #f78cc4 /* oklch(77.072% 0.14455 348.37) */;
+    --wa-color-pink-60: #f160a9 /* oklch(69.418% 0.19234 351.99) */;
+    --wa-color-pink-50: #db2878 /* oklch(59.255% 0.21755 0.28257) */;
+    --wa-color-pink-40: #ab1854 /* oklch(48.723% 0.18199 3.8244) */;
+    --wa-color-pink-30: #851844 /* oklch(41.188% 0.14622 2.4184) */;
+    --wa-color-pink-20: #640e30 /* oklch(33.442% 0.12022 3.3857) */;
+    --wa-color-pink-10: #43001a /* oklch(24.613% 0.09885 5.3211) */;
+    --wa-color-pink-05: #2f000b /* oklch(19.457% 0.07776 12.211) */;
+    --wa-color-pink: var(--wa-color-pink-50);
+    --wa-color-pink-key: 50;
+
+    --wa-color-gray-95: #f2f2f3 /* oklch(96.143% 0.00133 286.37) */;
+    --wa-color-gray-90: #e5e5e8 /* oklch(92.276% 0.00403 286.32) */;
+    --wa-color-gray-80: #c9c9cc /* oklch(83.679% 0.00413 286.31) */;
+    --wa-color-gray-70: #aeafb1 /* oklch(75.381% 0.00306 264.54) */;
+    --wa-color-gray-60: #94959b /* oklch(67.089% 0.00884 278.56) */;
+    --wa-color-gray-50: #72747d /* oklch(56.027% 0.01402 275.93) */;
+    --wa-color-gray-40: #565861 /* oklch(46.18% 0.01474 275.83) */;
+    --wa-color-gray-30: #43454d /* oklch(39.154% 0.01373 274.58) */;
+    --wa-color-gray-20: #313134 /* oklch(31.432% 0.00529 286.09) */;
+    --wa-color-gray-10: #1d1d20 /* oklch(23.201% 0.00571 285.95) */;
+    --wa-color-gray-05: #101113 /* oklch(17.739% 0.00442 264.46) */;
+    --wa-color-gray: var(--wa-color-gray-40);
+    --wa-color-gray-key: 40;
+  }
+}