@luxonis/visualizer-protobuf 1.6.2 → 1.7.0

package/dist/apl-NdZ6-T1z.js

@@ -0,0 +1,142 @@
+var builtInFuncs = {
+  "+": ["conjugate", "add"],
+  "−": ["negate", "subtract"],
+  "×": ["signOf", "multiply"],
+  "÷": ["reciprocal", "divide"],
+  "⌈": ["ceiling", "greaterOf"],
+  "⌊": ["floor", "lesserOf"],
+  "∣": ["absolute", "residue"],
+  "⍳": ["indexGenerate", "indexOf"],
+  "?": ["roll", "deal"],
+  "⋆": ["exponentiate", "toThePowerOf"],
+  "⍟": ["naturalLog", "logToTheBase"],
+  "○": ["piTimes", "circularFuncs"],
+  "!": ["factorial", "binomial"],
+  "⌹": ["matrixInverse", "matrixDivide"],
+  "<": [null, "lessThan"],
+  "≤": [null, "lessThanOrEqual"],
+  "=": [null, "equals"],
+  ">": [null, "greaterThan"],
+  "≥": [null, "greaterThanOrEqual"],
+  "≠": [null, "notEqual"],
+  "≡": ["depth", "match"],
+  "≢": [null, "notMatch"],
+  "∈": ["enlist", "membership"],
+  "⍷": [null, "find"],
+  "∪": ["unique", "union"],
+  "∩": [null, "intersection"],
+  "∼": ["not", "without"],
+  "∨": [null, "or"],
+  "∧": [null, "and"],
+  "⍱": [null, "nor"],
+  "⍲": [null, "nand"],
+  "⍴": ["shapeOf", "reshape"],
+  ",": ["ravel", "catenate"],
+  "⍪": [null, "firstAxisCatenate"],
+  "⌽": ["reverse", "rotate"],
+  "⊖": ["axis1Reverse", "axis1Rotate"],
+  "⍉": ["transpose", null],
+  "↑": ["first", "take"],
+  "↓": [null, "drop"],
+  "⊂": ["enclose", "partitionWithAxis"],
+  "⊃": ["diclose", "pick"],
+  "⌷": [null, "index"],
+  "⍋": ["gradeUp", null],
+  "⍒": ["gradeDown", null],
+  "⊤": ["encode", null],
+  "⊥": ["decode", null],
+  "⍕": ["format", "formatByExample"],
+  "⍎": ["execute", null],
+  "⊣": ["stop", "left"],
+  "⊢": ["pass", "right"]
+};
+
+var isOperator = /[\.\/⌿⍀¨⍣]/;
+var isNiladic = /⍬/;
+var isFunction = /[\+−×÷⌈⌊∣⍳\?⋆⍟○!⌹<≤=>≥≠≡≢∈⍷∪∩∼∨∧⍱⍲⍴,⍪⌽⊖⍉↑↓⊂⊃⌷⍋⍒⊤⊥⍕⍎⊣⊢]/;
+var isArrow = /←/;
+var isComment = /[⍝#].*$/;
+
+var stringEater = function(type) {
+  var prev;
+  prev = false;
+  return function(c) {
+    prev = c;
+    if (c === type) {
+      return prev === "\\";
+    }
+    return true;
+  };
+};
+
+const apl = {
+  name: "apl",
+  startState: function() {
+    return {
+      prev: false,
+      func: false,
+      op: false,
+      string: false,
+      escape: false
+    };
+  },
+  token: function(stream, state) {
+    var ch;
+    if (stream.eatSpace()) {
+      return null;
+    }
+    ch = stream.next();
+    if (ch === '"' || ch === "'") {
+      stream.eatWhile(stringEater(ch));
+      stream.next();
+      state.prev = true;
+      return "string";
+    }
+    if (/[\[{\(]/.test(ch)) {
+      state.prev = false;
+      return null;
+    }
+    if (/[\]}\)]/.test(ch)) {
+      state.prev = true;
+      return null;
+    }
+    if (isNiladic.test(ch)) {
+      state.prev = false;
+      return "atom";
+    }
+    if (/[¯\d]/.test(ch)) {
+      if (state.func) {
+        state.func = false;
+        state.prev = false;
+      } else {
+        state.prev = true;
+      }
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (isOperator.test(ch)) {
+      return "operator"
+    }
+    if (isArrow.test(ch)) {
+      return "operator";
+    }
+    if (isFunction.test(ch)) {
+      state.func = true;
+      state.prev = false;
+      return builtInFuncs[ch] ? "variableName.function.standard" : "variableName.function"
+    }
+    if (isComment.test(ch)) {
+      stream.skipToEnd();
+      return "comment";
+    }
+    if (ch === "∘" && stream.peek() === ".") {
+      stream.next();
+      return "variableName.function";
+    }
+    stream.eatWhile(/[\w\$_]/);
+    state.prev = true;
+    return "keyword";
+  }
+};
+
+export { apl };

package/dist/apps/depthai-visualizer/lib/src/components/Panel.d.ts

@@ -1,3 +1,4 @@
+import { ProtobufKind } from "../messaging/protobuf.js";
 export type PanelTopic = {
     name: string;
     extra: boolean;
@@ -5,6 +6,7 @@ export type PanelTopic = {
 };
 export type PanelProps = React.PropsWithChildren<{
     topic: string;
+    kind: ProtobufKind;
     disableAnnotations?: boolean;
     annotationTopics?: string[];
     extraAnnotationTopics?: string[];

package/dist/apps/depthai-visualizer/lib/src/components/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Panel.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,aAAa,QAAO,aAEhC,CAAC;AASF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA+CtC,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Panel.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;CAClC,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAEtD,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,UAAU,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,aAAa,QAAO,aAEhC,CAAC;AASF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiDtC,CAAC"}

package/dist/apps/depthai-visualizer/lib/src/components/Panel.js

@@ -17,7 +17,7 @@ const rawToAnnotations = (rawAnnotations, extra, current) => rawAnnotations.map(
     extra,
     enabled: current.find(({ name }) => name === annotationTopic)?.enabled ?? !extra
 }));
-export const Panel = ({ children, topic, disableAnnotations = false, annotationTopics = [], extraAnnotationTopics = [] }) => {
+export const Panel = ({ children, kind, topic, disableAnnotations = false, annotationTopics = [], extraAnnotationTopics = [] }) => {
     const [detections, setDetections] = React.useState([]);
     React.useEffect(() => {
         if (!disableAnnotations) {
@@ -27,6 +27,6 @@ export const Panel = ({ children, topic, disableAnnotations = false, annotationT
             ]);
         }
     }, [JSON.stringify(annotationTopics), JSON.stringify(extraAnnotationTopics)]);
-    return (_jsx(RemountOnValueChange, { value: "internal-player", children: _jsx(ErrorBoundary, { children: _jsx(DetectionContext.Provider, { value: { detections }, children: _jsxs(Stack, { flexGrow: 1, overflow: "hidden", border: "1px solid #d3d3d3d9", style: { borderRadius: "8px" }, children: [_jsx(PanelToolbar, { topic: topic, setDetections: setDetections, disableAnnotations: disableAnnotations }), _jsx(Suspense, { fallback: _jsx(EmptyState, { children: _jsx("div", { children: "Loading..." }) }), children: _jsx(RemountOnValueChange, { value: detections, children: children }) })] }) }) }) }));
+    return (_jsx(RemountOnValueChange, { value: "internal-player", children: _jsx(ErrorBoundary, { children: _jsx(DetectionContext.Provider, { value: { detections }, children: _jsxs(Stack, { flexGrow: 1, overflow: "hidden", border: "1px solid #d3d3d3d9", style: { borderRadius: "8px" }, children: [_jsx(PanelToolbar, { kind: kind, topic: topic, setDetections: setDetections, disableAnnotations: disableAnnotations }), _jsx(Suspense, { fallback: _jsx(EmptyState, { children: _jsx("div", { children: "Loading..." }) }), children: _jsx(RemountOnValueChange, { value: detections, children: children }) })] }) }) }) }));
 };
 //# sourceMappingURL=Panel.js.map

package/dist/apps/depthai-visualizer/lib/src/components/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../../src/components/Panel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,gDAAgD,CAAC;AACxE,OAAO,aAAa,MAAM,mDAAmD,CAAC;AAC9E,OAAO,oBAAoB,MAAM,0DAA0D,CAAC;AAE5F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAqBtC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAgB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE;IAC/C,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,cAAwB,EAAE,KAAc,EAAE,OAAqB,EAAgB,EAAE,CACzG,cAAc,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK;IACL,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,CAAC,EAAE,OAAO,IAAI,CAAC,KAAK;CACjF,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,QAAQ,EACR,KAAK,EACL,kBAAkB,GAAG,KAAK,EAC1B,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC3B,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAe,EAAE,CAAC,CAAC;IAErE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,KAAK,EAAE,OAAO,CAAC;gBACrD,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,EAAE,OAAO,CAAC;aAC1D,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAC,iBAAiB,YAC3C,KAAC,aAAa,cACZ,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAC9C,MAAC,KAAK,IACJ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,qBAAqB,EAC5B,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,aAE9B,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,QAAQ,IACP,QAAQ,EACN,KAAC,UAAU,cACT,uCAAqB,GACV,YAGf,KAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAwB,GACjE,IACL,GACkB,GACd,GACK,CACxB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../../../../../src/components/Panel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,UAAU,MAAM,gDAAgD,CAAC;AACxE,OAAO,aAAa,MAAM,mDAAmD,CAAC;AAC9E,OAAO,oBAAoB,MAAM,0DAA0D,CAAC;AAE5F,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAuBtC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAgB,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE;IAC/C,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,cAAwB,EAAE,KAAc,EAAE,OAAqB,EAAgB,EAAE,CACzG,cAAc,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACvC,IAAI,EAAE,eAAe;IACrB,KAAK;IACL,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,eAAe,CAAC,EAAE,OAAO,IAAI,CAAC,KAAK;CACjF,CAAC,CAAC,CAAC;AAEN,MAAM,CAAC,MAAM,KAAK,GAAyB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,kBAAkB,GAAG,KAAK,EAC1B,gBAAgB,GAAG,EAAE,EACrB,qBAAqB,GAAG,EAAE,EAC3B,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAe,EAAE,CAAC,CAAC;IAErE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;gBACvB,GAAG,gBAAgB,CAAC,gBAAgB,EAAE,KAAK,EAAE,OAAO,CAAC;gBACrD,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,IAAI,EAAE,OAAO,CAAC;aAC1D,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;IAE9E,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAC,iBAAiB,YAC3C,KAAC,aAAa,cACZ,KAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,YAC9C,MAAC,KAAK,IACJ,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAC,qBAAqB,EAC5B,KAAK,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,aAE9B,KAAC,YAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GACtC,EACF,KAAC,QAAQ,IACP,QAAQ,EACN,KAAC,UAAU,cACT,uCAAqB,GACV,YAGf,KAAC,oBAAoB,IAAC,KAAK,EAAE,UAAU,YAAG,QAAQ,GAAwB,GACjE,IACL,GACkB,GACd,GACK,CACxB,CAAC;AACJ,CAAC,CAAC"}

package/dist/apps/depthai-visualizer/lib/src/components/PanelToolbar.d.ts

@@ -1,8 +1,11 @@
 import { type PanelTopic } from "./Panel.js";
+import { ProtobufKind } from "../messaging/protobuf.js";
+import '@luxonis/common-fe-components/styles';
 export type PanelToolbarProps = {
     topic: string;
+    kind: ProtobufKind;
     disableAnnotations?: boolean;
-    setDetections?: (topics: PanelTopic[]) => void;
+    setDetections?: (cb: (topics: PanelTopic[]) => PanelTopic[]) => void;
 };
 export declare const PanelToolbar: React.FC<PanelToolbarProps>;
 //# sourceMappingURL=PanelToolbar.d.ts.map

package/dist/apps/depthai-visualizer/lib/src/components/PanelToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PanelToolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PanelToolbar.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAc5D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2FpD,CAAC"}
+{"version":3,"file":"PanelToolbar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/PanelToolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKxD,OAAO,sCAAsC,CAAC;AAuB9C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,YAAY,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,UAAU,EAAE,KAAK,IAAI,CAAC;CACtE,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6HpD,CAAC"}

package/dist/apps/depthai-visualizer/lib/src/components/PanelToolbar.js

@@ -2,30 +2,42 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 // This Source Code Form is subject to the terms of the Mozilla Public
 // License, v2.0. If a copy of the MPL was not distributed with this
 // file, You can obtain one at http://mozilla.org/MPL/2.0/
-import { ArrowDropUp, CheckBox, CheckBoxOutlineBlank } from "@mui/icons-material";
-import ArrowDropDown from "@mui/icons-material/ArrowDropDown.js";
-import { Button, ListItemIcon, ListItemText, Menu, MenuItem, Stack, Typography } from "@mui/material";
 import { useDetections } from "./Panel.js";
-const PanelAnnotationButton = ({ topic, onClick }) => (_jsxs(MenuItem, { onClick: onClick, children: [_jsx(ListItemIcon, { children: topic.enabled ? _jsx(CheckBox, {}) : _jsx(CheckBoxOutlineBlank, {}) }), _jsx(ListItemText, { children: topic.name })] }));
-export const PanelToolbar = ({ topic, setDetections, disableAnnotations = false }) => {
+import { ArrowDownIcon, ArrowUpIcon, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, Flex, HelpIcon, Icon, Label, NormalText, SubHeader, Tooltip } from "@luxonis/common-fe-components";
+import { ImCheckboxChecked, ImCheckboxUnchecked } from "react-icons/im";
+import '@luxonis/common-fe-components/styles';
+const PanelAnnotationButton = ({ topic, onClick }) => {
+    const handleClick = React.useCallback(event => {
+        event.preventDefault();
+        onClick();
+    }, []);
+    return (_jsx(DropdownMenuItem, { onClick: handleClick, children: _jsxs(Flex, { align: "center", gap: "sm", children: [_jsx(Icon, { color: "active", icon: topic.enabled ? ImCheckboxChecked : ImCheckboxUnchecked }), _jsx(NormalText, { text: topic.name })] }) }));
+};
+export const PanelToolbar = ({ topic, kind, setDetections, disableAnnotations = false }) => {
     const { detections } = useDetections();
+    const [annotationsOpened, setAnnotationsOpened] = React.useState(false);
     const hasExtra = React.useMemo(() => detections.some((topic) => topic.extra && !topic.enabled), [detections]);
     const [extraVisible, setExtraVisible] = React.useState(false);
-    const [anchorEl, setAnchorEl] = React.useState(null);
-    const open = Boolean(anchorEl);
-    const onOpen = React.useCallback((event) => {
-        setAnchorEl(event.currentTarget);
-    }, []);
     const onToggleTopic = React.useCallback((toggleTopicName) => {
-        setDetections?.(detections.map((topic) => ({
+        setDetections?.((current) => current.map((topic) => ({
             ...topic,
             ...(toggleTopicName === topic.name && {
                 enabled: !topic.enabled
             })
         })));
     }, [detections, setDetections]);
-    return (_jsxs(Stack, { direction: "row", spacing: 2, paddingX: 2, alignItems: "center", justifyContent: "space-between", children: [_jsx(Typography, { variant: "button", component: "p", children: topic }), !disableAnnotations && (_jsxs(_Fragment, { children: [_jsx(Button, { "aria-controls": open ? "basic-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, onClick: onOpen, endIcon: anchorEl ? _jsx(ArrowDropUp, {}) : _jsx(ArrowDropDown, {}), disabled: detections.length === 0, children: "Annotations" }), _jsxs(Menu, { anchorEl: anchorEl, open: open, onClose: () => setAnchorEl(null), children: [detections.map((topic) => (!topic.extra || topic.enabled) && (_jsx(PanelAnnotationButton, { topic: topic, onClick: () => onToggleTopic(topic.name) }, topic.name))), hasExtra && (_jsx(Button, { fullWidth: true, "aria-expanded": extraVisible ? "true" : undefined, onClick: () => setExtraVisible((current) => !current), endIcon: extraVisible ? _jsx(ArrowDropUp, {}) : _jsx(ArrowDropDown, {}), children: extraVisible ? "Less" : "More" })), extraVisible &&
+    return (_jsxs(Flex, { direction: "row", gap: "sm", align: "center", justify: "space-between", style: {
+            paddingLeft: 16
+        }, children: [_jsx(SubHeader, { text: topic }), !disableAnnotations && kind === 'image' && (_jsxs(DropdownMenu, { onOpenChange: setAnnotationsOpened, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", label: "Annotations", "aria-controls": annotationsOpened ? "basic-menu" : undefined, "aria-haspopup": "true", "aria-expanded": annotationsOpened ? "true" : undefined, icon: annotationsOpened ? ArrowUpIcon : ArrowDownIcon, disabled: detections.length === 0, style: {
+                                borderRadius: 0,
+                                borderTopRightRadius: 8
+                            } }) }), _jsxs(DropdownMenuContent, { children: [detections.map((topic) => (!topic.extra || topic.enabled) && (_jsx(PanelAnnotationButton, { topic: topic, onClick: () => onToggleTopic(topic.name) }, topic.name))), hasExtra && (_jsx(Button, { width: "full", paddingY: "xs", variant: "ghost", "aria-expanded": extraVisible ? "true" : undefined, onClick: () => setExtraVisible((current) => !current), icon: extraVisible ? ArrowUpIcon : ArrowDownIcon, style: {
+                                    borderRadius: 4,
+                                }, children: extraVisible ? "Less" : "More" })), extraVisible &&
                                 detections.map((topic) => topic.extra &&
-                                    !topic.enabled && (_jsx(PanelAnnotationButton, { topic: topic, onClick: () => onToggleTopic(topic.name) }, topic.name)))] })] }))] }));
+                                    !topic.enabled && (_jsx(PanelAnnotationButton, { topic: topic, onClick: () => onToggleTopic(topic.name) }, topic.name)))] })] })), kind === 'pointCloud' && (_jsx(Tooltip, { content: _jsxs(_Fragment, { children: [_jsx(Label, { text: "To move camera:" }), _jsxs("ul", { children: [_jsx("li", { children: "w - Move camera forward" }), _jsx("li", { children: "a - Move camera backward" }), _jsx("li", { children: "s - Move camera to the left" }), _jsx("li", { children: "d - Move camera to the right" }), _jsx("li", { children: "Scroll \u2013 Zoom in and out" }), _jsx("li", { children: "Drag \u2013 Move camera parallel to the ground" }), _jsx("li", { children: "Right-click + Drag horizontally \u2013 Rotate the camera around the world's z-axis" }), _jsx("li", { children: "Right-click + Drag vertically \u2013 Pan the camera around the world's x- and y- axes" })] })] }), children: _jsx(Button, { variant: "ghost", colorVariant: "white", cursor: "help", icon: HelpIcon, style: {
+                        borderRadius: 0,
+                        borderTopRightRadius: 8
+                    } }) }))] }));
 };
 //# sourceMappingURL=PanelToolbar.js.map

package/dist/apps/depthai-visualizer/lib/src/components/PanelToolbar.js.map

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

package/dist/apps/depthai-visualizer/lib/src/panels/ImagePanel.d.ts

@@ -1,13 +1,7 @@
 import React from "react";
+import { PanelProps } from "../components/Panel.js";
 export type ImagePanelProps = {
     topic: string;
 };
-export declare const ImagePanel: React.NamedExoticComponent<{
-    topic: string;
-    disableAnnotations?: boolean;
-    annotationTopics?: string[];
-    extraAnnotationTopics?: string[];
-} & {
-    children?: React.ReactNode | undefined;
-} & ImagePanelProps>;
+export declare const ImagePanel: React.NamedExoticComponent<Omit<PanelProps, "kind"> & ImagePanelProps>;
 //# sourceMappingURL=ImagePanel.d.ts.map

package/dist/apps/depthai-visualizer/lib/src/panels/ImagePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/ImagePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAyBF,eAAO,MAAM,UAAU;;;;;;;oBAMrB,CAAC"}
+{"version":3,"file":"ImagePanel.d.ts","sourceRoot":"","sources":["../../../../../../src/panels/ImagePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,UAAU,EAAiB,MAAM,wBAAwB,CAAC;AAM1E,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAyBF,eAAO,MAAM,UAAU,wEAMrB,CAAC"}

package/dist/apps/depthai-visualizer/lib/src/panels/ImagePanel.js

@@ -21,6 +21,6 @@ const ImagePanelBody = ({ topic }) => {
     return _jsx(ImagePanelComponent, { overrideConfig: defaultConfig });
 };
 export const ImagePanel = React.memo(function ImagePanel(props) {
-    return (_jsx(Panel, { ...props, children: _jsx(ImagePanelBody, { topic: props.topic }) }));
+    return (_jsx(Panel, { kind: "image", ...props, children: _jsx(ImagePanelBody, { topic: props.topic }) }));
 });
 //# sourceMappingURL=ImagePanel.js.map

package/dist/apps/depthai-visualizer/lib/src/panels/ImagePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePanel.js","sourceRoot":"","sources":["../../../../../../src/panels/ImagePanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAc,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CACpC,KAAK,IAAI,EAAE,CAAC,MAAM,MAAM,CAAC,oCAAoC,CAAC,CAC/D,CAAC;AAMF,MAAM,cAAc,GAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE;YACT,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAC7B,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;gBAC5B,SAAS,CAAC,IAAI,EAAE,EAAE;gBAClB,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE;aAC/B,CAAC,CACH;YACD,SAAS,EAAE,UAAmB;SAC/B;KACF,CAAC,EACF,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO,KAAC,mBAAmB,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,KAAmC;IAC1F,OAAO,CACL,KAAC,KAAK,OAAK,KAAK,YACd,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,GAChC,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"ImagePanel.js","sourceRoot":"","sources":["../../../../../../src/panels/ImagePanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAc,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE1E,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CACpC,KAAK,IAAI,EAAE,CAAC,MAAM,MAAM,CAAC,oCAAoC,CAAC,CAC/D,CAAC;AAMF,MAAM,cAAc,GAA8B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,MAAM,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAC;IAEvC,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE;YACT,UAAU,EAAE,KAAK;YACjB,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,MAAM,CAAC,WAAW,CAC7B,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC;gBAC5B,SAAS,CAAC,IAAI,EAAE,EAAE;gBAClB,EAAE,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE;aAC/B,CAAC,CACH;YACD,SAAS,EAAE,UAAmB;SAC/B;KACF,CAAC,EACF,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB,CAAC;IAEF,OAAO,KAAC,mBAAmB,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,UAAU,CAAC,KAAiD;IACxG,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,OAAO,KAAK,KAAK,YAC3B,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,GAChC,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/apps/depthai-visualizer/lib/src/panels/PointCloudPanel.js

@@ -31,7 +31,7 @@ const PointCloudPanelBody = ({ topic }) => {
     }), [topic]);
     return _jsx(ThreeDeeRenderComponent, { overrideConfig: defaultConfig });
 };
-export const PointCloudPanel = React.memo(function PointCloudPanel({ topic }) {
-    return (_jsx(Panel, { topic: topic, disableAnnotations: true, children: _jsx(PointCloudPanelBody, { topic: topic }) }));
+export const PointCloudPanel = React.memo(function PointCloudPanel({ topic, }) {
+    return (_jsx(Panel, { kind: "pointCloud", topic: topic, disableAnnotations: true, children: _jsx(PointCloudPanelBody, { topic: topic }) }));
 });
 //# sourceMappingURL=PointCloudPanel.js.map

package/dist/apps/depthai-visualizer/lib/src/panels/PointCloudPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"PointCloudPanel.js","sourceRoot":"","sources":["../../../../../../src/panels/PointCloudPanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CACxC,KAAK,IAAI,EAAE,CAAC,MAAM,MAAM,CAAC,6CAA6C,CAAC,CACxE,CAAC;AAMF,MAAM,mBAAmB,GAAmC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,CAAC,KAAK,CAAC,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;gBACZ,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,CAAC,IAAI;YACf,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACjB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,GAAG;YACT,GAAG,EAAE,KAAK;SACX;KACF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,KAAC,uBAAuB,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,EACjE,KAAK,EACgB;IACrB,OAAO,CACL,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,kBACrC,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,GAC/B,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PointCloudPanel.js","sourceRoot":"","sources":["../../../../../../src/panels/PointCloudPanel.tsx"],"names":[],"mappings":";AAAA,sEAAsE;AACtE,oEAAoE;AACpE,0DAA0D;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,uBAAuB,GAAG,KAAK,CAAC,IAAI,CACxC,KAAK,IAAI,EAAE,CAAC,MAAM,MAAM,CAAC,6CAA6C,CAAC,CACxE,CAAC;AAMF,MAAM,mBAAmB,GAAmC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,CAAC,KAAK,CAAC,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;gBACZ,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,CAAC,IAAI;YACf,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACjB,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAC/B,WAAW,EAAE,CAAC;YACd,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,GAAG;YACT,GAAG,EAAE,KAAK;SACX;KACF,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,KAAC,uBAAuB,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,EACjE,KAAK,GACgB;IACrB,OAAO,CACL,KAAC,KAAK,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,kBACvD,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,GAC/B,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/asciiarmor-CmJEbAuq.js

@@ -0,0 +1,56 @@
+function errorIfNotEmpty(stream) {
+  var nonWS = stream.match(/^\s*\S/);
+  stream.skipToEnd();
+  return nonWS ? "error" : null;
+}
+
+const asciiArmor = {
+  name: "asciiarmor",
+  token: function(stream, state) {
+    var m;
+    if (state.state == "top") {
+      if (stream.sol() && (m = stream.match(/^-----BEGIN (.*)?-----\s*$/))) {
+        state.state = "headers";
+        state.type = m[1];
+        return "tag";
+      }
+      return errorIfNotEmpty(stream);
+    } else if (state.state == "headers") {
+      if (stream.sol() && stream.match(/^\w+:/)) {
+        state.state = "header";
+        return "atom";
+      } else {
+        var result = errorIfNotEmpty(stream);
+        if (result) state.state = "body";
+        return result;
+      }
+    } else if (state.state == "header") {
+      stream.skipToEnd();
+      state.state = "headers";
+      return "string";
+    } else if (state.state == "body") {
+      if (stream.sol() && (m = stream.match(/^-----END (.*)?-----\s*$/))) {
+        if (m[1] != state.type) return "error";
+        state.state = "end";
+        return "tag";
+      } else {
+        if (stream.eatWhile(/[A-Za-z0-9+\/=]/)) {
+          return null;
+        } else {
+          stream.next();
+          return "error";
+        }
+      }
+    } else if (state.state == "end") {
+      return errorIfNotEmpty(stream);
+    }
+  },
+  blankLine: function(state) {
+    if (state.state == "headers") state.state = "body";
+  },
+  startState: function() {
+    return {state: "top", type: null};
+  }
+};
+
+export { asciiArmor };

package/dist/asn1-CG_zvzH1.js

@@ -0,0 +1,192 @@
+function words(str) {
+  var obj = {}, words = str.split(" ");
+  for (var i = 0; i < words.length; ++i) obj[words[i]] = true;
+  return obj;
+}
+
+const defaults = {
+  keywords: words("DEFINITIONS OBJECTS IF DERIVED INFORMATION ACTION" +
+                  " REPLY ANY NAMED CHARACTERIZED BEHAVIOUR REGISTERED" +
+                  " WITH AS IDENTIFIED CONSTRAINED BY PRESENT BEGIN" +
+                  " IMPORTS FROM UNITS SYNTAX MIN-ACCESS MAX-ACCESS" +
+                  " MINACCESS MAXACCESS REVISION STATUS DESCRIPTION" +
+                  " SEQUENCE SET COMPONENTS OF CHOICE DistinguishedName" +
+                  " ENUMERATED SIZE MODULE END INDEX AUGMENTS EXTENSIBILITY" +
+                  " IMPLIED EXPORTS"),
+  cmipVerbs: words("ACTIONS ADD GET NOTIFICATIONS REPLACE REMOVE"),
+  compareTypes: words("OPTIONAL DEFAULT MANAGED MODULE-TYPE MODULE_IDENTITY" +
+                      " MODULE-COMPLIANCE OBJECT-TYPE OBJECT-IDENTITY" +
+                      " OBJECT-COMPLIANCE MODE CONFIRMED CONDITIONAL" +
+                      " SUBORDINATE SUPERIOR CLASS TRUE FALSE NULL" +
+                      " TEXTUAL-CONVENTION"),
+  status: words("current deprecated mandatory obsolete"),
+  tags: words("APPLICATION AUTOMATIC EXPLICIT IMPLICIT PRIVATE TAGS" +
+              " UNIVERSAL"),
+  storage: words("BOOLEAN INTEGER OBJECT IDENTIFIER BIT OCTET STRING" +
+                 " UTCTime InterfaceIndex IANAifType CMIP-Attribute" +
+                 " REAL PACKAGE PACKAGES IpAddress PhysAddress" +
+                 " NetworkAddress BITS BMPString TimeStamp TimeTicks" +
+                 " TruthValue RowStatus DisplayString GeneralString" +
+                 " GraphicString IA5String NumericString" +
+                 " PrintableString SnmpAdminString TeletexString" +
+                 " UTF8String VideotexString VisibleString StringStore" +
+                 " ISO646String T61String UniversalString Unsigned32" +
+                 " Integer32 Gauge Gauge32 Counter Counter32 Counter64"),
+  modifier: words("ATTRIBUTE ATTRIBUTES MANDATORY-GROUP MANDATORY-GROUPS" +
+                  " GROUP GROUPS ELEMENTS EQUALITY ORDERING SUBSTRINGS" +
+                  " DEFINED"),
+  accessTypes: words("not-accessible accessible-for-notify read-only" +
+                     " read-create read-write"),
+  multiLineStrings: true
+};
+
+function asn1(parserConfig) {
+  var keywords = parserConfig.keywords || defaults.keywords,
+      cmipVerbs = parserConfig.cmipVerbs || defaults.cmipVerbs,
+      compareTypes = parserConfig.compareTypes || defaults.compareTypes,
+      status = parserConfig.status || defaults.status,
+      tags = parserConfig.tags || defaults.tags,
+      storage = parserConfig.storage || defaults.storage,
+      modifier = parserConfig.modifier || defaults.modifier,
+      accessTypes = parserConfig.accessTypes|| defaults.accessTypes,
+      multiLineStrings = parserConfig.multiLineStrings || defaults.multiLineStrings,
+      indentStatements = parserConfig.indentStatements !== false;
+  var isOperatorChar = /[\|\^]/;
+  var curPunc;
+
+  function tokenBase(stream, state) {
+    var ch = stream.next();
+    if (ch == '"' || ch == "'") {
+      state.tokenize = tokenString(ch);
+      return state.tokenize(stream, state);
+    }
+    if (/[\[\]\(\){}:=,;]/.test(ch)) {
+      curPunc = ch;
+      return "punctuation";
+    }
+    if (ch == "-"){
+      if (stream.eat("-")) {
+        stream.skipToEnd();
+        return "comment";
+      }
+    }
+    if (/\d/.test(ch)) {
+      stream.eatWhile(/[\w\.]/);
+      return "number";
+    }
+    if (isOperatorChar.test(ch)) {
+      stream.eatWhile(isOperatorChar);
+      return "operator";
+    }
+
+    stream.eatWhile(/[\w\-]/);
+    var cur = stream.current();
+    if (keywords.propertyIsEnumerable(cur)) return "keyword";
+    if (cmipVerbs.propertyIsEnumerable(cur)) return "variableName";
+    if (compareTypes.propertyIsEnumerable(cur)) return "atom";
+    if (status.propertyIsEnumerable(cur)) return "comment";
+    if (tags.propertyIsEnumerable(cur)) return "typeName";
+    if (storage.propertyIsEnumerable(cur)) return "modifier";
+    if (modifier.propertyIsEnumerable(cur)) return "modifier";
+    if (accessTypes.propertyIsEnumerable(cur)) return "modifier";
+
+    return "variableName";
+  }
+
+  function tokenString(quote) {
+    return function(stream, state) {
+      var escaped = false, next, end = false;
+      while ((next = stream.next()) != null) {
+        if (next == quote && !escaped){
+          var afterNext = stream.peek();
+          //look if the character if the quote is like the B in '10100010'B
+          if (afterNext){
+            afterNext = afterNext.toLowerCase();
+            if(afterNext == "b" || afterNext == "h" || afterNext == "o")
+              stream.next();
+          }
+          end = true; break;
+        }
+        escaped = !escaped && next == "\\";
+      }
+      if (end || !(escaped || multiLineStrings))
+        state.tokenize = null;
+      return "string";
+    };
+  }
+
+  function Context(indented, column, type, align, prev) {
+    this.indented = indented;
+    this.column = column;
+    this.type = type;
+    this.align = align;
+    this.prev = prev;
+  }
+  function pushContext(state, col, type) {
+    var indent = state.indented;
+    if (state.context && state.context.type == "statement")
+      indent = state.context.indented;
+    return state.context = new Context(indent, col, type, null, state.context);
+  }
+  function popContext(state) {
+    var t = state.context.type;
+    if (t == ")" || t == "]" || t == "}")
+      state.indented = state.context.indented;
+    return state.context = state.context.prev;
+  }
+
+  //Interface
+  return {
+    name: "asn1",
+    startState: function() {
+      return {
+        tokenize: null,
+        context: new Context(-2, 0, "top", false),
+        indented: 0,
+        startOfLine: true
+      };
+    },
+
+    token: function(stream, state) {
+      var ctx = state.context;
+      if (stream.sol()) {
+        if (ctx.align == null) ctx.align = false;
+        state.indented = stream.indentation();
+        state.startOfLine = true;
+      }
+      if (stream.eatSpace()) return null;
+      curPunc = null;
+      var style = (state.tokenize || tokenBase)(stream, state);
+      if (style == "comment") return style;
+      if (ctx.align == null) ctx.align = true;
+
+      if ((curPunc == ";" || curPunc == ":" || curPunc == ",")
+          && ctx.type == "statement"){
+        popContext(state);
+      }
+      else if (curPunc == "{") pushContext(state, stream.column(), "}");
+      else if (curPunc == "[") pushContext(state, stream.column(), "]");
+      else if (curPunc == "(") pushContext(state, stream.column(), ")");
+      else if (curPunc == "}") {
+        while (ctx.type == "statement") ctx = popContext(state);
+        if (ctx.type == "}") ctx = popContext(state);
+        while (ctx.type == "statement") ctx = popContext(state);
+      }
+      else if (curPunc == ctx.type) popContext(state);
+      else if (indentStatements && (((ctx.type == "}" || ctx.type == "top")
+                                     && curPunc != ';') || (ctx.type == "statement"
+                                                            && curPunc == "newstatement")))
+        pushContext(state, stream.column(), "statement");
+
+      state.startOfLine = false;
+      return style;
+    },
+
+    languageData: {
+      indentOnInput: /^\s*[{}]$/,
+      commentTokens: {line: "--"}
+    }
+  };
+}
+
+export { asn1 };