@foblex/m-render 2.5.1

package/assets/styles/_icons.scss

@@ -0,0 +1,158 @@
+//.vpi-align-left {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-arrow-right,
+//.vpi-arrow-down,
+//.vpi-arrow-left,
+//.vpi-arrow-up {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-chevron-right,
+//.vpi-chevron-down,
+//.vpi-chevron-left,
+//.vpi-chevron-up {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-chevron-down,
+//.vpi-arrow-down {
+//  transform: rotate(90deg);
+//}
+//
+//.vpi-chevron-left,
+//.vpi-arrow-left {
+//  transform: rotate(180deg);
+//}
+//
+//.vpi-chevron-up,
+//.vpi-arrow-up {
+//  transform: rotate(-90deg);
+//}
+//
+//.vpi-plus {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-more-horizontal {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-languages {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m5 8 6 6M4 14l6-6 2-3M2 5h12M7 2h1M22 22l-5-10-5 10M14 18h6'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-heart {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-search {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-layout-list {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='7' height='7' x='3' y='3' rx='1'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1'/%3E%3Cpath d='M14 4h7M14 9h7M14 15h7M14 20h7'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-delete {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M20 5H9l-7 7 7 7h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2ZM18 9l-6 6M12 9l6 6'/%3E%3C/svg%3E");
+//}
+//
+//.vpi-corner-down-left {
+//  --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E");
+//}
+
+:root {
+  --copy-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='rgba(128,128,128,1)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Crect width='8' height='4' x='8' y='2' rx='1' ry='1'/%3E%3Cpath d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");
+}
+
+.f-icon {
+  font-size: 14px;
+  mask-size: 100% 100%;
+  background-color: currentColor;
+  color: var(--secondary-text);
+  width: 21px;
+  height: 21px;
+
+  &:hover {
+    color: var(--primary-text);
+  }
+}
+
+.hamburger {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 6H3M15 12H3M17 18H3'/%3E%3C/svg%3E") no-repeat;
+}
+
+.discord {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z'/%3E%3C/svg%3E");
+}
+
+.facebook {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E");
+}
+
+.github {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E");
+}
+
+.instagram {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.03.084c-1.277.06-2.149.264-2.91.563a5.874 5.874 0 0 0-2.124 1.388 5.878 5.878 0 0 0-1.38 2.127C.321 4.926.12 5.8.064 7.076.008 8.354-.005 8.764.001 12.023c.007 3.259.021 3.667.083 4.947.061 1.277.264 2.149.563 2.911.308.789.72 1.457 1.388 2.123a5.872 5.872 0 0 0 2.129 1.38c.763.295 1.636.496 2.913.552 1.278.056 1.689.069 4.947.063 3.257-.007 3.668-.021 4.947-.082 1.28-.06 2.147-.265 2.91-.563a5.881 5.881 0 0 0 2.123-1.388 5.881 5.881 0 0 0 1.38-2.129c.295-.763.496-1.636.551-2.912.056-1.28.07-1.69.063-4.948-.006-3.258-.02-3.667-.081-4.947-.06-1.28-.264-2.148-.564-2.911a5.892 5.892 0 0 0-1.387-2.123 5.857 5.857 0 0 0-2.128-1.38C19.074.322 18.202.12 16.924.066 15.647.009 15.236-.006 11.977 0 8.718.008 8.31.021 7.03.084m.14 21.693c-1.17-.05-1.805-.245-2.228-.408a3.736 3.736 0 0 1-1.382-.895 3.695 3.695 0 0 1-.9-1.378c-.165-.423-.363-1.058-.417-2.228-.06-1.264-.072-1.644-.08-4.848-.006-3.204.006-3.583.061-4.848.05-1.169.246-1.805.408-2.228.216-.561.477-.96.895-1.382a3.705 3.705 0 0 1 1.379-.9c.423-.165 1.057-.361 2.227-.417 1.265-.06 1.644-.072 4.848-.08 3.203-.006 3.583.006 4.85.062 1.168.05 1.804.244 2.227.408.56.216.96.475 1.382.895.421.42.681.817.9 1.378.165.422.362 1.056.417 2.227.06 1.265.074 1.645.08 4.848.005 3.203-.006 3.583-.061 4.848-.051 1.17-.245 1.805-.408 2.23-.216.56-.477.96-.896 1.38a3.705 3.705 0 0 1-1.378.9c-.422.165-1.058.362-2.226.418-1.266.06-1.645.072-4.85.079-3.204.007-3.582-.006-4.848-.06m9.783-16.192a1.44 1.44 0 1 0 1.437-1.442 1.44 1.44 0 0 0-1.437 1.442M5.839 12.012a6.161 6.161 0 1 0 12.323-.024 6.162 6.162 0 0 0-12.323.024M8 12.008A4 4 0 1 1 12.008 16 4 4 0 0 1 8 12.008'/%3E%3C/svg%3E");
+}
+
+.linkedin {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E");
+}
+
+.mastodon {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E");
+}
+
+.npm {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z'/%3E%3C/svg%3E");
+}
+
+.slack {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.042 15.165a2.528 2.528 0 0 1-2.52 2.523A2.528 2.528 0 0 1 0 15.165a2.527 2.527 0 0 1 2.522-2.52h2.52v2.52zm1.271 0a2.527 2.527 0 0 1 2.521-2.52 2.527 2.527 0 0 1 2.521 2.52v6.313A2.528 2.528 0 0 1 8.834 24a2.528 2.528 0 0 1-2.521-2.522v-6.313zM8.834 5.042a2.528 2.528 0 0 1-2.521-2.52A2.528 2.528 0 0 1 8.834 0a2.528 2.528 0 0 1 2.521 2.522v2.52H8.834zm0 1.271a2.528 2.528 0 0 1 2.521 2.521 2.528 2.528 0 0 1-2.521 2.521H2.522A2.528 2.528 0 0 1 0 8.834a2.528 2.528 0 0 1 2.522-2.521h6.312zm10.122 2.521a2.528 2.528 0 0 1 2.522-2.521A2.528 2.528 0 0 1 24 8.834a2.528 2.528 0 0 1-2.522 2.521h-2.522V8.834zm-1.268 0a2.528 2.528 0 0 1-2.523 2.521 2.527 2.527 0 0 1-2.52-2.521V2.522A2.527 2.527 0 0 1 15.165 0a2.528 2.528 0 0 1 2.523 2.522v6.312zm-2.523 10.122a2.528 2.528 0 0 1 2.523 2.522A2.528 2.528 0 0 1 15.165 24a2.527 2.527 0 0 1-2.52-2.522v-2.522h2.52zm0-1.268a2.527 2.527 0 0 1-2.52-2.523 2.526 2.526 0 0 1 2.52-2.52h6.313A2.527 2.527 0 0 1 24 15.165a2.528 2.528 0 0 1-2.522 2.523h-6.313z'/%3E%3C/svg%3E");
+}
+
+.twitter {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E");
+}
+
+.youtube {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E");
+}
+
+
+//
+.sun {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41'/%3E%3C/svg%3E");
+}
+
+.moon {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z'/%3E%3C/svg%3E");
+}
+
+.edit {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.375 2.625a2.121 2.121 0 1 1 3 3L12 15l-4 1 1-4Z'/%3E%3C/svg%3E");
+}
+
+.chevron-right,
+.chevron-down,
+.chevron-left,
+.chevron-up {
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
+}
+
+.chevron-down {
+  transform: rotate(90deg);
+}
+
+.chevron-left {
+  transform: rotate(180deg);
+}
+
+.chevron-up {
+  transform: rotate(-90deg);
+}

package/assets/styles/_preview-group.scss

@@ -0,0 +1,11 @@
+.m-render {
+  .f-preview-group {
+    display: flex;
+    justify-content: flex-start;
+    align-items: normal;
+    flex-wrap: wrap;
+    gap: 32px;
+    pointer-events: all;
+    overflow: hidden;
+  }
+}

package/assets/styles/_variables.scss

@@ -0,0 +1,287 @@
+:root {
+  --z-index-header: 40;
+  --z-index-backdrop: 50;
+  --z-index-navigation: 60;
+  --z-index-popover: 70;
+}
+
+:root {
+  --white: #ffffff;
+  --black: #000000;
+}
+
+:root {
+  --primary-text: rgba(60, 60, 67);
+  --secondary-text: rgba(60, 60, 67, 0.78);
+  --tertiary-text: rgba(60, 60, 67, 0.56);
+
+  --backdrop-color: rgba(0, 0, 0, 0.6);
+  --background-color: #ffffff;
+  --alt-background: #f6f6f7;
+  --soft-background: #f6f6f7;
+
+  --gray-1: #dddde3;
+  --gray-2: #e4e4e9;
+  --gray-3: #ebebef;
+  --gray-soft: rgba(142, 150, 170, 0.14);
+
+  --indigo-1: #3451b2;
+  --indigo-2: #3a5ccc;
+  --indigo-3: #5672cd;
+  --indigo-soft: rgba(100, 108, 255, 0.14);
+
+  --purple-1: #6f42c1;
+  --purple-2: #7e4cc9;
+  --purple-3: #8e5cd9;
+  --purple-soft: rgba(159, 122, 234, 0.14);
+
+  --green-1: #18794e;
+  --green-2: #299764;
+  --green-3: #30a46c;
+  --green-soft: rgba(16, 185, 129, 0.14);
+
+  --yellow-1: #915930;
+  --yellow-2: #946300;
+  --yellow-3: #9f6a00;
+  --yellow-soft: rgba(234, 179, 8, 0.14);
+
+  --red-1: #b8272c;
+  --red-2: #d5393e;
+  --red-3: #e0575b;
+  --red-soft: rgba(244, 63, 94, 0.14);
+
+  --divider-color: #e2e2e3;
+  --dark-divider-color: #c2c2c4;
+  --gutter-color: #e2e2e3;
+
+  --neutral: var(--black);
+  --neutral-inverse: var(--white);
+
+  --barely-visible: #fafafa;
+}
+
+.dark {
+  --primary-text: rgba(255, 255, 245, 0.86);
+  --secondary-text: rgba(235, 235, 245, 0.6);
+  --tertiary-text: rgba(235, 235, 245, 0.38);
+
+  --backdrop-color: rgba(0, 0, 0, 0.6);
+  --background-color: #1b1b1f;
+  --alt-background: #161618;
+  --soft-background: #202127;
+
+  --gray-1: #515c67;
+  --gray-2: #414853;
+  --gray-3: #32363f;
+  --gray-soft: rgba(101, 117, 133, 0.16);
+
+  --indigo-1: #a8b1ff;
+  --indigo-2: #5c73e7;
+  --indigo-3: #3e63dd;
+  --indigo-soft: rgba(100, 108, 255, 0.16);
+
+  --purple-1: #c8abfa;
+  --purple-2: #a879e6;
+  --purple-3: #8e5cd9;
+  --purple-soft: rgba(159, 122, 234, 0.16);
+
+  --green-1: #3dd68c;
+  --green-2: #30a46c;
+  --green-3: #298459;
+  --green-soft: rgba(16, 185, 129, 0.16);
+
+  --yellow-1: #f9b44e;
+  --yellow-2: #da8b17;
+  --yellow-3: #a46a0a;
+  --yellow-soft: rgba(234, 179, 8, 0.16);
+
+  --red-1: #f66f81;
+  --red-2: #f14158;
+  --red-3: #b62a3c;
+  --red-soft: rgba(244, 63, 94, 0.16);
+
+  --divider-color: #2e2e32;
+  --dark-divider-color: #3c3f44;
+  --gutter-color: #000000;
+
+  --neutral: var(--white);
+  --neutral-inverse: var(--black);
+
+  --barely-visible: #161618;
+}
+
+:root {
+  --primary-1: var(--indigo-1);
+  --primary-2: var(--indigo-2);
+  --primary-3: var(--indigo-3);
+  --primary-soft: var(--indigo-soft);
+
+  --success-1: var(--green-1);
+  --success-2: var(--green-2);
+  --success-3: var(--green-3);
+  --success-soft: var(--green-soft);
+
+  --important-1: var(--purple-1);
+  --important-2: var(--purple-2);
+  --important-3: var(--purple-3);
+  --important-soft: var(--purple-soft);
+
+  --warning-1: var(--yellow-1);
+  --warning-2: var(--yellow-2);
+  --warning-3: var(--yellow-3);
+  --warning-soft: var(--yellow-soft);
+
+  --danger-1: var(--red-1);
+  --danger-2: var(--red-2);
+  --danger-3: var(--red-3);
+  --danger-soft: var(--red-soft);
+
+  --default-1: var(--gray-1);
+  --default-2: var(--gray-2);
+  --default-3: var(--gray-3);
+}
+
+:root {
+  --font-family-base: 'Inter', ui-sans-serif, system-ui, sans-serif,
+  'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-family-mono: ui-monospace, 'Menlo', 'Monaco', 'Consolas',
+  'Liberation Mono', 'Courier New', monospace;
+  font-optical-sizing: auto;
+}
+
+:root {
+  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
+  --shadow-2: 0 3px 12px rgba(0, 0, 0, 0.07), 0 1px 4px rgba(0, 0, 0, 0.07);
+  --shadow-3: 0 12px 32px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.08);
+  --shadow-4: 0 14px 44px rgba(0, 0, 0, 0.12), 0 3px 9px rgba(0, 0, 0, 0.12);
+  --shadow-5: 0 18px 56px rgba(0, 0, 0, 0.16), 0 4px 12px rgba(0, 0, 0, 0.16);
+}
+
+:root {
+  --header-height: 64px;
+  --layout-max-width: 1440px;
+  --border-radius: 2px;
+}
+
+:root {
+  --navigation-panel-padding: 32px;
+  --navigation-panel-width: 320px;
+  --navigation-panel-background: var(--alt-background);
+}
+
+:root {
+  --not-pre-code-background: var(--gray-soft);
+  --not-pre-code-font-size: 0.875em;
+  --not-pre-code-color: var(--primary-1);
+}
+
+:root {
+  --on-page-navigation-width: 256px;
+  --page-padding: 32px;
+}
+
+:root {
+  --f-alert-tip-background: var(--gray-soft);
+  --f-alert-tip-color: var(--primary-text);
+  --f-alert-tip-border-color: var(--primary-1);
+
+  --f-alert-info-background: var(--primary-soft);
+  --f-alert-info-color: var(--primary-text);
+  --f-alert-info-border-color: var(--primary-1);
+
+  --f-alert-warning-background: var(--warning-soft);
+  --f-alert-warning-color: var(--primary-text);
+  --f-alert-warning-border-color: var(--warning-1);
+
+  --f-alert-danger-background: var(--danger-soft);
+  --f-alert-danger-color: var(--primary-text);
+  --f-alert-danger-border-color: var(--danger-1);
+
+  --f-alert-success-background: var(--success-soft);
+  --f-alert-success-color: var(--primary-text);
+  --f-alert-success-border-color: var(--success-1);
+
+  --f-alert-border-radius: var(--border-radius);
+}
+
+:root {
+
+  --f-badge-tip-color: var(--secondary-text);
+  --f-badge-tip-background: var(--gray-soft);
+
+  --f-badge-info-color: var(--primary-1);
+  --f-badge-info-background: var(--primary-soft);
+
+  --f-badge-warning-color: var(--warning-1);
+  --f-badge-warning-background: var(--warning-soft);
+
+  --f-badge-danger-color: var(--danger-1);
+  --f-badge-danger-background: var(--danger-soft);
+
+  --f-badge-success-color: var(--success-1);
+  --f-badge-success-background: var(--success-soft);
+}
+
+:root {
+  --code-view-not-focused-opacity: 0.5;
+  --code-view-background: var(--alt-background);
+  --code-view-border-radius: var(--border-radius);
+
+  --code-view-text-color: var(--secondary-text);
+  --code-view-line-height: 1.7;
+  --code-view-font-size: 0.875em;
+
+  --code-view-lang-color: var(--tertiary-text);
+
+  --code-view-copy-button-background: var(--alt-background);
+  --code-view-copy-button-hover-background: var(--background-color);
+  --code-view-copy-button-border-color: var(--divider-color);
+}
+
+:root {
+  --code-group-tabs-background: var(--alt-background);
+  --code-group-border-radius: var(--border-radius);
+  --code-group-tabs-border-color: var(--gutter-color);
+
+  --code-group-tab-button-text-color: var(--secondary-text);
+  --code-group-tab-button-active-text-color: var(--primary-text);
+  --code-group-tab-button-active-border-color: var(--primary-1);
+  --code-group-line-height: 1.7;
+  --code-group-tab-button-font-size: 14px;
+}
+
+:root {
+  --theme-button-background: var(--gray-soft);
+  --theme-button-border-color: var(--divider-color);
+  --theme-button-hovered-border-color: var(--dark-divider-color);
+  --theme-button-icon-background: var(--neutral-inverse);
+}
+
+:root {
+  --button-primary-text: var(--white);
+  --button-primary-bg: var(--primary-3);
+  --button-primary-hover-text: var(--white);
+  --button-primary-hover-bg: var(--primary-2);
+  --button-primary-active-text: var(--white);
+  --button-primary-active-bg: var(--primary-1);
+
+  --button-default-text: var(--primary-text);
+  --button-default-bg: var(--default-3);
+  --button-default-hover-text: var(--primary-text);
+  --button-default-hover-bg: var(--default-2);
+  --button-default-active-text: var(--primary-text);
+  --button-default-active-bg: var(--default-1);
+}
+
+:root {
+  --checkbox-size: 16px;
+  --checkbox-border-radius: var(--border-radius);
+  --checkbox-text: var(--primary-text);
+
+  --checkbox-container-background: var(--default-3);
+
+  --checkbox-background: var(--neutral-inverse);
+  --checkbox-checked-background: var(--neutral-inverse);
+
+  --checkbox-checkmark-color: var(--secondary-text);
+}

package/assets/styles/styles.scss

@@ -0,0 +1,75 @@
+@import "./_variables";
+@import "./_badge";
+@import "./_alert";
+@import "./_button";
+@import "./_fonts";
+@import "./_icons";
+@import "./_preview-group";
+@import "./_code-group";
+@import "./_code-view";
+@import "./_code-highlight";
+@import './_doc-text';
+
+html {
+  height: 100%;
+  line-height: 1.4;
+  font-size: 16px;
+  -webkit-text-size-adjust: 100%;
+
+  &.dark {
+    color-scheme: dark;
+  }
+}
+
+body {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  line-height: 24px;
+  font-family: var(--font-family-base);
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--primary-text);
+  background-color: var(--background-color);
+  font-synthesis: style;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+p {
+  margin: 0;
+}
+
+strong, b {
+  font-weight: 600;
+}
+
+a {
+  text-decoration: none;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.flex-space {
+  flex: 1;
+}
+
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  white-space: nowrap;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  overflow: hidden;
+}

package/esm2022/foblex-m-render.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ibGV4LW0tcmVuZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvbS1yZW5kZXIvc3JjL2ZvYmxleC1tLXJlbmRlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/lib/common-services/analytics/f-accept-cookies-key.mjs

@@ -0,0 +1,2 @@
+export const F_ACCEPT_COOKIES_KEY = 'm-render-accepts-cookies';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1hY2NlcHQtY29va2llcy1rZXkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tLXJlbmRlci9zcmMvbGliL2NvbW1vbi1zZXJ2aWNlcy9hbmFseXRpY3MvZi1hY2NlcHQtY29va2llcy1rZXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLE1BQU0sb0JBQW9CLEdBQUcsMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY29uc3QgRl9BQ0NFUFRfQ09PS0lFU19LRVkgPSAnbS1yZW5kZXItYWNjZXB0cy1jb29raWVzJztcbiJdfQ==

package/esm2022/lib/common-services/analytics/f-analytics.service.mjs

@@ -0,0 +1,52 @@
+import { inject, Injectable } from '@angular/core';
+import { F_LOCAL_STORAGE } from '@foblex/platform';
+import { setCookieConsent } from './set-cookie-consent';
+import { F_ACCEPT_COOKIES_KEY } from './f-accept-cookies-key';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from "@angular/core";
+export class FAnalyticsService {
+    constructor() {
+        this.fLocalStorage = inject(F_LOCAL_STORAGE);
+        this.document = inject(DOCUMENT);
+    }
+    initialize(analyticsId) {
+        this.installGlobalSiteTag(analyticsId);
+    }
+    installGlobalSiteTag(analyticsId) {
+        const window = this.document.defaultView;
+        window.dataLayer = window.dataLayer || [];
+        window.gtag = function () {
+            window.dataLayer?.push(arguments);
+        };
+        if (this.fLocalStorage) {
+            if (this.fLocalStorage.getItem(F_ACCEPT_COOKIES_KEY) === 'true') {
+                setCookieConsent('granted');
+            }
+            else {
+                setCookieConsent('denied');
+            }
+        }
+        else {
+            setCookieConsent('denied');
+        }
+        window.gtag('js', new Date());
+        window.gtag('config', analyticsId);
+        if (this.document.querySelector('#gtag-script') === null) {
+            this.document.head.appendChild(this.getGtmScript(analyticsId));
+        }
+    }
+    getGtmScript(analyticsId) {
+        const gtmScript = this.document.createElement('script');
+        gtmScript.async = true;
+        gtmScript.src = `https://www.googletagmanager.com/gtag/js?id=${analyticsId}`;
+        gtmScript.id = 'gtag-script';
+        return gtmScript;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FAnalyticsService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZi1hbmFseXRpY3Muc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL20tcmVuZGVyL3NyYy9saWIvY29tbW9uLXNlcnZpY2VzL2FuYWx5dGljcy9mLWFuYWx5dGljcy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUU5RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRzNDLE1BQU0sT0FBTyxpQkFBaUI7SUFEOUI7UUFHbUIsa0JBQWEsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7UUFFeEMsYUFBUSxHQUFHLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztLQXdDOUM7SUF0Q1EsVUFBVSxDQUFDLFdBQW1CO1FBQ25DLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRU8sb0JBQW9CLENBQUMsV0FBbUI7UUFDOUMsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUE4QyxDQUFDO1FBRTVFLE1BQU0sQ0FBQyxTQUFTLEdBQUcsTUFBTSxDQUFDLFNBQVMsSUFBSSxFQUFFLENBQUM7UUFDMUMsTUFBTSxDQUFDLElBQUksR0FBRztZQUNaLE1BQU0sQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ3BDLENBQUMsQ0FBQztRQUVGLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3ZCLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxPQUFPLENBQUMsb0JBQW9CLENBQUMsS0FBSyxNQUFNLEVBQUUsQ0FBQztnQkFDaEUsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLENBQUM7WUFDOUIsQ0FBQztpQkFBTSxDQUFDO2dCQUNOLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzdCLENBQUM7UUFDSCxDQUFDO2FBQU0sQ0FBQztZQUNOLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQzdCLENBQUM7UUFFRCxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLElBQUksRUFBRSxDQUFDLENBQUM7UUFFOUIsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLENBQUM7UUFFbkMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxjQUFjLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQztZQUN6RCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDO1FBQ2pFLENBQUM7SUFDSCxDQUFDO0lBRU8sWUFBWSxDQUFDLFdBQW1CO1FBQ3RDLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3hELFNBQVMsQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLFNBQVMsQ0FBQyxHQUFHLEdBQUcsK0NBQWdELFdBQVksRUFBRSxDQUFDO1FBQy9FLFNBQVMsQ0FBQyxFQUFFLEdBQUcsYUFBYSxDQUFDO1FBQzdCLE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUM7K0dBM0NVLGlCQUFpQjttSEFBakIsaUJBQWlCLGNBREosTUFBTTs7NEZBQ25CLGlCQUFpQjtrQkFEN0IsVUFBVTttQkFBQyxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBpbmplY3QsIEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZfTE9DQUxfU1RPUkFHRSB9IGZyb20gJ0Bmb2JsZXgvcGxhdGZvcm0nO1xuaW1wb3J0IHsgc2V0Q29va2llQ29uc2VudCB9IGZyb20gJy4vc2V0LWNvb2tpZS1jb25zZW50JztcbmltcG9ydCB7IEZfQUNDRVBUX0NPT0tJRVNfS0VZIH0gZnJvbSAnLi9mLWFjY2VwdC1jb29raWVzLWtleSc7XG5pbXBvcnQgeyBJV2luZG93V2l0aEFuYWx5dGljcyB9IGZyb20gJy4vaS13aW5kb3ctd2l0aC1hbmFseXRpY3MnO1xuaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5ASW5qZWN0YWJsZSh7IHByb3ZpZGVkSW46ICdyb290JyB9KVxuZXhwb3J0IGNsYXNzIEZBbmFseXRpY3NTZXJ2aWNlIHtcblxuICBwcml2YXRlIHJlYWRvbmx5IGZMb2NhbFN0b3JhZ2UgPSBpbmplY3QoRl9MT0NBTF9TVE9SQUdFKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGRvY3VtZW50ID0gaW5qZWN0KERPQ1VNRU5UKTtcblxuICBwdWJsaWMgaW5pdGlhbGl6ZShhbmFseXRpY3NJZDogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy5pbnN0YWxsR2xvYmFsU2l0ZVRhZyhhbmFseXRpY3NJZCk7XG4gIH1cblxuICBwcml2YXRlIGluc3RhbGxHbG9iYWxTaXRlVGFnKGFuYWx5dGljc0lkOiBzdHJpbmcpIHtcbiAgICBjb25zdCB3aW5kb3cgPSB0aGlzLmRvY3VtZW50LmRlZmF1bHRWaWV3IGFzIHVua25vd24gYXMgSVdpbmRvd1dpdGhBbmFseXRpY3M7XG5cbiAgICB3aW5kb3cuZGF0YUxheWVyID0gd2luZG93LmRhdGFMYXllciB8fCBbXTtcbiAgICB3aW5kb3cuZ3RhZyA9IGZ1bmN0aW9uICgpIHtcbiAgICAgIHdpbmRvdy5kYXRhTGF5ZXI/LnB1c2goYXJndW1lbnRzKTtcbiAgICB9O1xuXG4gICAgaWYgKHRoaXMuZkxvY2FsU3RvcmFnZSkge1xuICAgICAgaWYgKHRoaXMuZkxvY2FsU3RvcmFnZS5nZXRJdGVtKEZfQUNDRVBUX0NPT0tJRVNfS0VZKSA9PT0gJ3RydWUnKSB7XG4gICAgICAgIHNldENvb2tpZUNvbnNlbnQoJ2dyYW50ZWQnKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHNldENvb2tpZUNvbnNlbnQoJ2RlbmllZCcpO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICBzZXRDb29raWVDb25zZW50KCdkZW5pZWQnKTtcbiAgICB9XG5cbiAgICB3aW5kb3cuZ3RhZygnanMnLCBuZXcgRGF0ZSgpKTtcblxuICAgIHdpbmRvdy5ndGFnKCdjb25maWcnLCBhbmFseXRpY3NJZCk7XG5cbiAgICBpZiAodGhpcy5kb2N1bWVudC5xdWVyeVNlbGVjdG9yKCcjZ3RhZy1zY3JpcHQnKSA9PT0gbnVsbCkge1xuICAgICAgdGhpcy5kb2N1bWVudC5oZWFkLmFwcGVuZENoaWxkKHRoaXMuZ2V0R3RtU2NyaXB0KGFuYWx5dGljc0lkKSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBnZXRHdG1TY3JpcHQoYW5hbHl0aWNzSWQ6IHN0cmluZyk6IEhUTUxTY3JpcHRFbGVtZW50IHtcbiAgICBjb25zdCBndG1TY3JpcHQgPSB0aGlzLmRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3NjcmlwdCcpO1xuICAgIGd0bVNjcmlwdC5hc3luYyA9IHRydWU7XG4gICAgZ3RtU2NyaXB0LnNyYyA9IGBodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbS9ndGFnL2pzP2lkPSR7IGFuYWx5dGljc0lkIH1gO1xuICAgIGd0bVNjcmlwdC5pZCA9ICdndGFnLXNjcmlwdCc7XG4gICAgcmV0dXJuIGd0bVNjcmlwdDtcbiAgfVxufVxuIl19

package/esm2022/lib/common-services/analytics/i-window-with-analytics.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaS13aW5kb3ctd2l0aC1hbmFseXRpY3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tLXJlbmRlci9zcmMvbGliL2NvbW1vbi1zZXJ2aWNlcy9hbmFseXRpY3MvaS13aW5kb3ctd2l0aC1hbmFseXRpY3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElXaW5kb3dTZXJ2aWNlIH0gZnJvbSAnQGZvYmxleC9wbGF0Zm9ybSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVdpbmRvd1dpdGhBbmFseXRpY3MgZXh0ZW5kcyBJV2luZG93U2VydmljZSB7XG5cbiAgZGF0YUxheWVyPzogYW55W107XG5cbiAgZ3RhZz8oLi4uYXJnczogYW55W10pOiB2b2lkO1xufVxuIl19

package/esm2022/lib/common-services/analytics/index.mjs

@@ -0,0 +1,5 @@
+export * from './f-accept-cookies-key';
+export * from './f-analytics.service';
+export * from './i-window-with-analytics';
+export * from './set-cookie-consent';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tLXJlbmRlci9zcmMvbGliL2NvbW1vbi1zZXJ2aWNlcy9hbmFseXRpY3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyx3QkFBd0IsQ0FBQztBQUV2QyxjQUFjLHVCQUF1QixDQUFDO0FBRXRDLGNBQWMsMkJBQTJCLENBQUM7QUFFMUMsY0FBYyxzQkFBc0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZi1hY2NlcHQtY29va2llcy1rZXknO1xuXG5leHBvcnQgKiBmcm9tICcuL2YtYW5hbHl0aWNzLnNlcnZpY2UnO1xuXG5leHBvcnQgKiBmcm9tICcuL2ktd2luZG93LXdpdGgtYW5hbHl0aWNzJztcblxuZXhwb3J0ICogZnJvbSAnLi9zZXQtY29va2llLWNvbnNlbnQnO1xuIl19

package/esm2022/lib/common-services/analytics/set-cookie-consent.mjs

@@ -0,0 +1,32 @@
+export const setCookieConsent = (state) => {
+    try {
+        if (window.gtag) {
+            const consentOptions = {
+                ad_user_data: state,
+                ad_personalization: state,
+                ad_storage: state,
+                analytics_storage: state,
+            };
+            if (state === 'denied') {
+                window.gtag('consent', 'default', {
+                    ...consentOptions,
+                    wait_for_update: 500,
+                });
+            }
+            else if (state === 'granted') {
+                window.gtag('consent', 'update', {
+                    ...consentOptions,
+                });
+            }
+        }
+    }
+    catch {
+        if (state === 'denied') {
+            console.error('Unable to set default cookie consent.');
+        }
+        else if (state === 'granted') {
+            console.error('Unable to grant cookie consent.');
+        }
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0LWNvb2tpZS1jb25zZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbS1yZW5kZXIvc3JjL2xpYi9jb21tb24tc2VydmljZXMvYW5hbHl0aWNzL3NldC1jb29raWUtY29uc2VudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLEtBQTJCLEVBQVEsRUFBRTtJQUNwRSxJQUFJLENBQUM7UUFDSCxJQUFJLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztZQUNoQixNQUFNLGNBQWMsR0FBRztnQkFDckIsWUFBWSxFQUFFLEtBQUs7Z0JBQ25CLGtCQUFrQixFQUFFLEtBQUs7Z0JBQ3pCLFVBQVUsRUFBRSxLQUFLO2dCQUNqQixpQkFBaUIsRUFBRSxLQUFLO2FBQ3pCLENBQUM7WUFFRixJQUFJLEtBQUssS0FBSyxRQUFRLEVBQUUsQ0FBQztnQkFDdkIsTUFBTSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFO29CQUNoQyxHQUFHLGNBQWM7b0JBQ2pCLGVBQWUsRUFBRSxHQUFHO2lCQUNyQixDQUFDLENBQUM7WUFDTCxDQUFDO2lCQUFNLElBQUksS0FBSyxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUMvQixNQUFNLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUU7b0JBQy9CLEdBQUcsY0FBYztpQkFDbEIsQ0FBQyxDQUFDO1lBQ0wsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBQUMsTUFBTSxDQUFDO1FBQ1AsSUFBSSxLQUFLLEtBQUssUUFBUSxFQUFFLENBQUM7WUFDdkIsT0FBTyxDQUFDLEtBQUssQ0FBQyx1Q0FBdUMsQ0FBQyxDQUFDO1FBQ3pELENBQUM7YUFBTSxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUUsQ0FBQztZQUMvQixPQUFPLENBQUMsS0FBSyxDQUFDLGlDQUFpQyxDQUFDLENBQUM7UUFDbkQsQ0FBQztJQUNILENBQUM7QUFDSCxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJkZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBXaW5kb3cge1xuICAgIGd0YWc6ICguLi5hcmdzOiBhbnlbXSkgPT4gdm9pZDtcbiAgfVxufVxuXG5leHBvcnQgY29uc3Qgc2V0Q29va2llQ29uc2VudCA9IChzdGF0ZTogJ2RlbmllZCcgfCAnZ3JhbnRlZCcpOiB2b2lkID0+IHtcbiAgdHJ5IHtcbiAgICBpZiAod2luZG93Lmd0YWcpIHtcbiAgICAgIGNvbnN0IGNvbnNlbnRPcHRpb25zID0ge1xuICAgICAgICBhZF91c2VyX2RhdGE6IHN0YXRlLFxuICAgICAgICBhZF9wZXJzb25hbGl6YXRpb246IHN0YXRlLFxuICAgICAgICBhZF9zdG9yYWdlOiBzdGF0ZSxcbiAgICAgICAgYW5hbHl0aWNzX3N0b3JhZ2U6IHN0YXRlLFxuICAgICAgfTtcblxuICAgICAgaWYgKHN0YXRlID09PSAnZGVuaWVkJykge1xuICAgICAgICB3aW5kb3cuZ3RhZygnY29uc2VudCcsICdkZWZhdWx0Jywge1xuICAgICAgICAgIC4uLmNvbnNlbnRPcHRpb25zLFxuICAgICAgICAgIHdhaXRfZm9yX3VwZGF0ZTogNTAwLFxuICAgICAgICB9KTtcbiAgICAgIH0gZWxzZSBpZiAoc3RhdGUgPT09ICdncmFudGVkJykge1xuICAgICAgICB3aW5kb3cuZ3RhZygnY29uc2VudCcsICd1cGRhdGUnLCB7XG4gICAgICAgICAgLi4uY29uc2VudE9wdGlvbnMsXG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH1cbiAgfSBjYXRjaCB7XG4gICAgaWYgKHN0YXRlID09PSAnZGVuaWVkJykge1xuICAgICAgY29uc29sZS5lcnJvcignVW5hYmxlIHRvIHNldCBkZWZhdWx0IGNvb2tpZSBjb25zZW50LicpO1xuICAgIH0gZWxzZSBpZiAoc3RhdGUgPT09ICdncmFudGVkJykge1xuICAgICAgY29uc29sZS5lcnJvcignVW5hYmxlIHRvIGdyYW50IGNvb2tpZSBjb25zZW50LicpO1xuICAgIH1cbiAgfVxufTtcbiJdfQ==