@cccsaurora/howler-ui 2.12.0-dev.168

package/plugins/store.js

@@ -0,0 +1,55 @@
+import { createPluginStore, Event } from 'react-pluggable';
+export class HitEvent extends Event {
+    hit;
+    constructor(type, hit) {
+        super(type);
+        this.hit = hit;
+    }
+}
+class HowlerPluginStore {
+    _pluginStore = createPluginStore();
+    plugins = [];
+    _leadFormats = [];
+    _pivotFormats = [];
+    _operations = [];
+    install(plugin) {
+        console.log(`Installing plugin ${plugin.getPluginName()} by ${plugin.author}`);
+        this.plugins.push(plugin.name);
+        this.pluginStore.install(plugin);
+    }
+    addLead(format) {
+        if (this._leadFormats.includes(format)) {
+            return false;
+        }
+        this._leadFormats.push(format);
+        return true;
+    }
+    addPivot(format) {
+        if (this._pivotFormats.includes(format)) {
+            return false;
+        }
+        this._pivotFormats.push(format);
+        return true;
+    }
+    addOperation(format) {
+        if (this._operations.includes(format)) {
+            return false;
+        }
+        this._operations.push(format);
+        return true;
+    }
+    get leadFormats() {
+        return this._leadFormats;
+    }
+    get pivotFormats() {
+        return this._pivotFormats;
+    }
+    get operations() {
+        return this._operations;
+    }
+    get pluginStore() {
+        return this._pluginStore;
+    }
+}
+const howlerPluginStore = new HowlerPluginStore();
+export default howlerPluginStore;

package/public/branding/howler/favicon.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="artwork_lightmode" data-name="artwork lightmode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64.08 64.08">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #0e4377;
+      }
+
+      .cls-1, .cls-2, .cls-3 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+
+      .cls-3 {
+        fill: url(#radial-gradient);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="32.04" cy="32.04" fx="32.04" fy="32.04" r="32.04" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#3381cc"/>
+      <stop offset=".51" stop-color="#317fcb"/>
+      <stop offset=".7" stop-color="#2a7bc9"/>
+      <stop offset=".83" stop-color="#1e74c6"/>
+      <stop offset=".94" stop-color="#0d6ac2"/>
+      <stop offset="1" stop-color="#0062bf"/>
+    </radialGradient>
+  </defs>
+  <path class="cls-3" d="m32.04,0C14.34,0,0,14.34,0,32.04s14.34,32.04,32.04,32.04,32.04-14.34,32.04-32.04S49.74,0,32.04,0Z"/>
+  <g>
+    <g>
+      <path class="cls-2" d="m39.69,63.07h0c-4.28-16.65,7.85-26.93,9.88-29.25,2.25-2.58,3.03-6.49,2.97-6.95h0s0-.05,0-.05c.36-2.27-2.17-6.92-2.17-6.92,1.42-2.4-.59-5.23-2.67-5.12-2.09.11-2.57,1.82-2.57,1.82,0,0-3.18,1.42-6.82,4.04-3.63,2.61-6.96,2.74-10.42,1.46-3.47-1.28-7.52,2.56-7.52,2.56l-5.32,5.69c-.61-.36-1.26-.53-1.92-.49-3.05.21-5.2,4.99-4.81,10.69.1,1.42.34,2.7.7,3.81-.03-.05-.06-.09-.09-.14,1.06,3.82,3.41,4.44,5.76,4.28,3.05-.21,4.87-2.92,4.48-8.61-.04-.54.07-1.14,0-1.66h0s0-.03,0-.03c.94,1.64,1.67,3.69,2.22,5.91,1.2,4.86-1.6,11.51-5.24,15.75,4.69,2.69,10.12,4.24,15.92,4.24,2.58,0,5.09-.31,7.5-.89.05-.04.1-.07.16-.11,0,0,0,0,0,0Z"/>
+      <path class="cls-2" d="m39.69,63.07s0,0,0,0c-.05.04-.1.07-.16.11l.16-.12Z"/>
+    </g>
+    <path class="cls-1" d="m17.48,33.09c.25.45.48.93.68,1.45-.29-.51-.56-1-.68-1.45Zm1.83,6.71c-.04-.54-.1-1.07-.17-1.58-.14,5.08-3.05,9.04-5.86,9.23-1.65.11-3.23-1.15-4.38-3.23,1.06,3.82,3.25,6.43,5.6,6.27,3.05-.21,5.2-4.99,4.81-10.69Zm9.65-11.36l2.03-1.9s.54-.44.21-.82c-1.38-1.61-2.78-1.31-2.78-1.31-.57,1.2.53,4.03.53,4.03Zm3.6,12.97l4.86.26s-1.88,2.66-3.85,8.35l3.25-.71c-.68,6.56,2.86,13.76,2.86,13.76-3.2-15.43,9.17-26.59,11.2-28.91,2.38-2.73,1.64-7.34,1.64-7.34,0,0-3.73,8.47-19.95,14.59Z"/>
+  </g>
+</svg>

package/public/branding/howler/name-dark.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="dark_mode" data-name="dark mode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.4 40.4">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #bcbcbc;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="m0,1.36h6.99v12.57h12.89V1.36h6.99v31.78h-6.99v-12.76H6.99v12.76H0V1.36Z" />
+  <path class="cls-1"
+    d="m31.46,21.11v-.09c0-6.99,5.63-12.67,13.21-12.67s13.12,5.58,13.12,12.57v.09c0,6.99-5.63,12.67-13.21,12.67s-13.12-5.58-13.12-12.57Zm19.52,0v-.09c0-3.59-2.59-6.72-6.4-6.72s-6.31,3.04-6.31,6.63v.09c0,3.59,2.59,6.72,6.4,6.72s6.31-3.04,6.31-6.63Z" />
+  <path class="cls-1"
+    d="m58.52,8.81h6.99l3.9,14.75,4.58-14.84h5.95l4.63,14.89,4-14.8h6.85l-7.58,24.51h-6.22l-4.67-14.94-4.77,14.94h-6.17l-7.49-24.51Z" />
+  <path class="cls-1" d="m98.79,0h6.9v33.14h-6.9V0Z" />
+  <path class="cls-1"
+    d="m109.87,21.11v-.09c0-6.95,4.95-12.67,12.03-12.67,8.13,0,11.85,6.31,11.85,13.21,0,.54-.04,1.18-.09,1.82h-16.93c.68,3.13,2.86,4.77,5.95,4.77,2.32,0,4-.73,5.9-2.5l3.95,3.5c-2.27,2.81-5.54,4.54-9.94,4.54-7.31,0-12.71-5.13-12.71-12.57Zm17.16-2.04c-.41-3.09-2.22-5.18-5.13-5.18s-4.72,2.04-5.27,5.18h10.4Z" />
+  <path class="cls-1"
+    d="m137.74,8.81h6.9v4.9c1.41-3.36,3.68-5.54,7.76-5.36v7.22h-.36c-4.58,0-7.4,2.77-7.4,8.58v8.99h-6.9V8.81Z" />
+</svg>

package/public/branding/howler/name-light.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="artwork_lightmode" data-name="artwork lightmode" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.4 40.4">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #4d4d4d;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="m0,1.36h6.99v12.57h12.89V1.36h6.99v31.78h-6.99v-12.76H6.99v12.76H0V1.36Z" />
+  <path class="cls-1"
+    d="m31.46,21.11v-.09c0-6.99,5.63-12.67,13.21-12.67s13.12,5.58,13.12,12.57v.09c0,6.99-5.63,12.67-13.21,12.67s-13.12-5.58-13.12-12.57Zm19.52,0v-.09c0-3.59-2.59-6.72-6.4-6.72s-6.31,3.04-6.31,6.63v.09c0,3.59,2.59,6.72,6.4,6.72s6.31-3.04,6.31-6.63Z" />
+  <path class="cls-1"
+    d="m58.52,8.81h6.99l3.9,14.75,4.58-14.84h5.95l4.63,14.89,4-14.8h6.85l-7.58,24.51h-6.22l-4.67-14.94-4.77,14.94h-6.17l-7.49-24.51Z" />
+  <path class="cls-1" d="m98.79,0h6.9v33.14h-6.9V0Z" />
+  <path class="cls-1"
+    d="m109.87,21.11v-.09c0-6.95,4.95-12.67,12.03-12.67,8.13,0,11.85,6.31,11.85,13.21,0,.54-.04,1.18-.09,1.82h-16.93c.68,3.13,2.86,4.77,5.95,4.77,2.32,0,4-.73,5.9-2.5l3.95,3.5c-2.27,2.81-5.54,4.54-9.94,4.54-7.31,0-12.71-5.13-12.71-12.57Zm17.16-2.04c-.41-3.09-2.22-5.18-5.13-5.18s-4.72,2.04-5.27,5.18h10.4Z" />
+  <path class="cls-1"
+    d="m137.74,8.81h6.9v4.9c1.41-3.36,3.68-5.54,7.76-5.36v7.22h-.36c-4.58,0-7.4,2.77-7.4,8.58v8.99h-6.9V8.81Z" />
+</svg>

package/public/branding/howler/noswoosh-dark.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="dark_mode" data-name="dark mode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64.08 63.1">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #3e506d;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: url(#radial-gradient);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="32.04" cy="31.55" fx="32.04" fy="31.55" r="31.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#b1c6e9"/>
+      <stop offset="1" stop-color="#7da1db"/>
+    </radialGradient>
+  </defs>
+  <path class="cls-2" d="m32.04,0C14.34,0,0,14.34,0,32.04c0,11.66,6.23,21.87,15.55,27.47,3.63-4.48,6.33-11.15,5.11-16.09-.58-2.34-1.35-4.51-2.34-6.24v.03s0,0,0,0c.08.54-.03,1.18,0,1.75.41,6.01-1.52,8.86-4.73,9.08-2.48.17-4.96-.48-6.08-4.51.03.05.06.1.09.15-.38-1.17-.64-2.52-.74-4.01-.41-6.01,1.86-11.05,5.08-11.27.69-.05,1.38.14,2.02.51l5.62-6s4.28-4.06,7.94-2.7c3.66,1.35,7.16,1.22,10.99-1.54,3.83-2.75,7.19-4.26,7.19-4.26,0,0,.52-1.81,2.71-1.92,2.2-.11,4.32,2.87,2.82,5.4,0,0,2.67,4.91,2.29,7.3,0,0,0,.02,0,.05h0c.07.49-.76,4.61-3.13,7.33-2.13,2.44-14.77,13.16-10.49,30.52,13.89-3.51,24.16-16.08,24.16-31.06C64.08,14.34,49.73,0,32.04,0Z"/>
+  <path class="cls-1" d="m16.58,31.81c.26.47.5.98.72,1.53-.3-.54-.59-1.05-.72-1.53Zm1.93,7.07c-.04-.57-.1-1.13-.18-1.67-.14,5.35-3.22,9.53-6.17,9.73-1.74.12-3.4-1.21-4.62-3.41,1.12,4.03,3.43,6.79,5.91,6.62,3.21-.22,5.48-5.27,5.08-11.27Zm10.18-11.98l2.14-2s.57-.46.22-.87c-1.45-1.7-2.93-1.39-2.93-1.39-.6,1.26.56,4.25.56,4.25Zm3.8,13.68l5.12.28s-1.99,2.81-4.06,8.8l3.43-.75c-.72,6.92,2.94,14.18,2.94,14.18-3.37-16.27,9.75-27.71,11.89-30.16,2.51-2.88,1.73-7.74,1.73-7.74,0,0-3.94,8.93-21.04,15.39Z"/>
+</svg>

package/public/branding/howler/noswoosh-light.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="artwork_lightmode" data-name="artwork lightmode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 64.08 63.1">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #0e4377;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: url(#radial-gradient);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="32.04" cy="31.55" fx="32.04" fy="31.55" r="31.8" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#3381cc"/>
+      <stop offset=".51" stop-color="#317fcb"/>
+      <stop offset=".7" stop-color="#2a7bc9"/>
+      <stop offset=".83" stop-color="#1e74c6"/>
+      <stop offset=".94" stop-color="#0d6ac2"/>
+      <stop offset="1" stop-color="#0062bf"/>
+    </radialGradient>
+  </defs>
+  <path class="cls-2" d="m32.04,0C14.34,0,0,14.34,0,32.04c0,11.66,6.23,21.87,15.55,27.47,3.63-4.48,6.33-11.15,5.11-16.09-.58-2.34-1.35-4.51-2.34-6.24v.03s0,0,0,0c.08.54-.03,1.18,0,1.75.41,6.01-1.52,8.86-4.73,9.08-2.48.17-4.96-.48-6.08-4.51.03.05.06.1.09.15-.38-1.17-.64-2.52-.74-4.01-.41-6.01,1.86-11.05,5.08-11.27.69-.05,1.38.14,2.02.51l5.62-6s4.28-4.06,7.94-2.7c3.66,1.35,7.16,1.22,10.99-1.54,3.83-2.75,7.19-4.26,7.19-4.26,0,0,.52-1.81,2.71-1.92,2.2-.11,4.32,2.87,2.82,5.4,0,0,2.67,4.91,2.29,7.3,0,0,0,.02,0,.05h0c.07.49-.76,4.61-3.13,7.33-2.13,2.44-14.77,13.16-10.49,30.52,13.89-3.51,24.16-16.08,24.16-31.06C64.08,14.34,49.73,0,32.04,0Z"/>
+  <path class="cls-1" d="m16.58,31.81c.26.47.5.98.72,1.53-.3-.54-.59-1.05-.72-1.53Zm1.93,7.07c-.04-.57-.1-1.13-.18-1.67-.14,5.35-3.22,9.53-6.17,9.73-1.74.12-3.4-1.21-4.62-3.41,1.12,4.03,3.43,6.79,5.91,6.62,3.21-.22,5.48-5.27,5.08-11.27Zm10.18-11.98l2.14-2s.57-.46.22-.87c-1.45-1.7-2.93-1.39-2.93-1.39-.6,1.26.56,4.25.56,4.25Zm3.8,13.68l5.12.28s-1.99,2.81-4.06,8.8l3.43-.75c-.72,6.92,2.94,14.18,2.94,14.18-3.37-16.27,9.75-27.71,11.89-30.16,2.51-2.88,1.73-7.74,1.73-7.74,0,0-3.94,8.93-21.04,15.39Z"/>
+</svg>

package/public/branding/howler/swoosh-dark.svg

@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="dark_mode" data-name="dark mode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.92 72.11">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #3e506d;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #7da1db;
+      }
+
+      .cls-3 {
+        fill: #bcbcbc;
+      }
+
+      .cls-4 {
+        fill: url(#radial-gradient);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="38.88" cy="31.59" fx="38.88" fy="31.59" r="31.82" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#b1c6e9"/>
+      <stop offset="1" stop-color="#7da1db"/>
+    </radialGradient>
+  </defs>
+  <g>
+    <path class="cls-4" d="m38.88,0C21.18,0,6.84,14.34,6.84,32.04c0,11.9,6.49,22.28,16.12,27.8,3.64-4.24,6.45-10.88,5.25-15.75-.55-2.22-1.28-4.28-2.22-5.91v.03s0,0,0,0c.08.52.14,1.04.17,1.58.39,5.69-1.77,10.48-4.81,10.69-2.35.16-4.54-2.45-5.6-6.27.03.05.06.09.09.14-.36-1.11-.61-2.39-.7-3.81-.39-5.69,1.77-10.48,4.81-10.69.66-.04,1.31.13,1.92.49l5.32-5.69s4.06-3.85,7.52-2.56c3.47,1.28,6.79,1.15,10.42-1.46,3.63-2.61,6.82-4.04,6.82-4.04,0,0,.49-1.71,2.57-1.82,2.09-.11,4.1,2.72,2.67,5.12,0,0,2.54,4.65,2.17,6.92,0,0,0,.02,0,.05h0c.07.46.6,4.71-1.64,7.29-2.03,2.33-14.4,13.48-11.2,28.91h0c-.05.04-.11.08-.16.12,1.51-.36,2.98-.83,4.4-1.4.4-2.23,1.51-4.36,3.33-5.98,1.91-1.7,4.38-2.64,6.94-2.64h0c.59,0,1.18.06,1.76.16,5.04-5.66,8.11-13.12,8.11-21.29C70.92,14.34,56.57,0,38.88,0Z"/>
+    <path class="cls-2" d="m67.39,57.98c-1.61-1.81-3.92-2.85-6.35-2.85-2.08,0-4.08.76-5.64,2.14-2.68,2.38-3.49,6.1-2.32,9.28-6.51,2.61-13.64,3.32-20.69,1.98-9.74-1.86-18.17-7.4-23.74-15.59C2.63,44.05.74,33,3.48,22.61c.16-.6-.2-1.22-.8-1.37-.6-.16-1.22.2-1.37.8-2.9,11.02-.9,22.74,5.5,32.16,5.91,8.7,14.85,14.57,25.17,16.54,2.49.47,4.98.71,7.46.71,5.06,0,10.03-.99,14.7-2.9.17.24.36.48.56.71,1.61,1.81,3.92,2.85,6.35,2.85,2.08,0,4.08-.76,5.63-2.14,1.69-1.51,2.7-3.58,2.84-5.84.13-2.26-.62-4.44-2.13-6.14Zm-1.3,9.41c-.25.34-.54.65-.86.94-.28.25-.58.47-.89.66-.03.02-.06.04-.08.05-.3.18-.61.32-.92.44-.05.02-.09.04-.14.05-.31.11-.63.2-.95.26-.05.01-.11.02-.16.03-.32.05-.64.08-.97.09-.08,0-.16,0-.24,0-.12,0-.23,0-.35-.02-.09,0-.19-.02-.28-.03-.12-.01-.23-.03-.35-.05-.09-.02-.18-.04-.28-.06-.11-.03-.23-.06-.34-.09-.09-.03-.18-.05-.27-.08-.11-.04-.22-.08-.33-.13-.09-.03-.17-.07-.26-.11-.11-.05-.22-.11-.33-.17-.08-.04-.16-.08-.24-.13-.11-.07-.22-.14-.33-.21-.07-.05-.14-.09-.21-.14-.12-.09-.23-.18-.34-.28-.06-.05-.11-.09-.17-.14-.16-.15-.32-.31-.47-.48-1.3-1.46-1.79-3.36-1.51-5.16.03-.2.07-.4.12-.59.3-1.18.94-2.28,1.92-3.14,0,0,0,0,0,0,.28-.25.58-.47.89-.66.03-.02.06-.04.09-.06.3-.18.61-.32.92-.44.05-.02.09-.04.14-.05.31-.11.63-.2.95-.26.05-.01.11-.02.16-.03.32-.05.64-.08.97-.09.08,0,.16,0,.24,0,.12,0,.23,0,.35.02.09,0,.19.02.28.03.12.01.23.03.35.05.09.02.18.04.28.06.11.03.23.06.34.09.09.03.18.05.27.08.11.04.22.08.33.13.09.03.17.07.26.11.11.05.22.11.33.16.08.04.16.08.24.13.11.07.22.14.33.21.07.05.14.09.21.14.12.09.23.18.34.28.06.05.11.09.17.14.16.15.32.31.47.48,1.01,1.14,1.53,2.54,1.59,3.95.05,1.41-.37,2.83-1.25,4Z"/>
+    <g>
+      <path class="cls-3" d="m58.76,64.46c-.63-.63-.95-1.46-.95-2.29s.32-1.65.95-2.29c.63-.63,1.46-.95,2.29-.95s1.65.32,2.29.95c.63.63.95,1.46.95,2.29s-.32,1.65-.95,2.29l-1.07,1.07h-.34v-3.94c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2s.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v2.87l.41-.41c.52-.52.78-1.19.78-1.87s-.26-1.35-.78-1.87c-.52-.52-1.19-.78-1.87-.78s-1.35.26-1.87.78c-.52.52-.78,1.19-.78,1.87s.26,1.35.78,1.87l.41.41v-.58c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2s.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v1.66h-.34l-1.07-1.07h0Zm3.61-3.65h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Zm-2.34,2.29h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Zm1.02-1.68c.19,0,.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v2.8h-.59v-2.8c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2Zm.15.53h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Z"/>
+      <path class="cls-3" d="m59.79,65.91h2.52c.17,0,.3.13.3.3h0c0,.16-.14.3-.3.3h-2.52c-.17,0-.3-.13-.3-.3h0c0-.16.14-.3.3-.3Z"/>
+      <path class="cls-3" d="m59.96,66.8h2.17c.14,0,.26.13.26.3h0c0,.16-.12.3-.26.3h-2.17c-.14,0-.26-.13-.26-.3h0c0-.16.12-.3.26-.3Z"/>
+      <path class="cls-3" d="m60.35,67.71h1.4c-.06.34-.35.59-.7.59s-.64-.25-.7-.59Z"/>
+    </g>
+  </g>
+  <path class="cls-1" d="m24.33,33.09c.25.45.48.93.68,1.45-.29-.51-.56-1-.68-1.45Zm1.83,6.71c-.04-.54-.1-1.07-.17-1.58-.14,5.08-3.05,9.04-5.86,9.23-1.65.11-3.23-1.15-4.38-3.23,1.06,3.82,3.25,6.43,5.6,6.27,3.05-.21,5.2-4.99,4.81-10.69Zm9.65-11.36l2.03-1.9s.54-.44.21-.82c-1.38-1.61-2.78-1.31-2.78-1.31-.57,1.2.53,4.03.53,4.03Zm3.6,12.97l4.86.26s-1.88,2.66-3.85,8.35l3.25-.71c-.68,6.56,2.86,13.76,2.86,13.76-3.2-15.43,9.17-26.59,11.2-28.91,2.38-2.73,1.64-7.34,1.64-7.34,0,0-3.73,8.47-19.95,14.59Z"/>
+</svg>

package/public/branding/howler/swoosh-light.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="artwork_lightmode" data-name="artwork lightmode" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 70.92 72.11">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #4d4d4d;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #0e4377;
+      }
+
+      .cls-3 {
+        fill: #0062bf;
+      }
+
+      .cls-4 {
+        fill: url(#radial-gradient);
+      }
+    </style>
+    <radialGradient id="radial-gradient" cx="38.88" cy="31.59" fx="38.88" fy="31.59" r="31.82" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#1976d2"/>
+      <stop offset=".51" stop-color="#1874d0"/>
+      <stop offset=".7" stop-color="#1871c9"/>
+      <stop offset=".83" stop-color="#166abd"/>
+      <stop offset=".93" stop-color="#1461ac"/>
+      <stop offset="1" stop-color="#13599e"/>
+    </radialGradient>
+  </defs>
+  <g>
+    <path class="cls-4" d="m38.88,0C21.18,0,6.84,14.34,6.84,32.04c0,11.9,6.49,22.28,16.12,27.8,3.64-4.24,6.45-10.88,5.25-15.75-.55-2.22-1.28-4.28-2.22-5.91v.03s0,0,0,0c.08.52.14,1.04.17,1.58.39,5.69-1.77,10.48-4.81,10.69-2.35.16-4.54-2.45-5.6-6.27.03.05.06.09.09.14-.36-1.11-.61-2.39-.7-3.81-.39-5.69,1.77-10.48,4.81-10.69.66-.04,1.31.13,1.92.49l5.32-5.69s4.06-3.85,7.52-2.56c3.47,1.28,6.79,1.15,10.42-1.46,3.63-2.61,6.82-4.04,6.82-4.04,0,0,.49-1.71,2.57-1.82,2.09-.11,4.1,2.72,2.67,5.12,0,0,2.54,4.65,2.17,6.92,0,0,0,.02,0,.05h0c.07.46.6,4.71-1.64,7.29-2.03,2.33-14.4,13.48-11.2,28.91h0c-.05.04-.11.08-.16.12,1.51-.36,2.98-.83,4.4-1.4.4-2.23,1.51-4.36,3.33-5.98,1.91-1.7,4.38-2.64,6.94-2.64h0c.59,0,1.18.06,1.76.16,5.04-5.66,8.11-13.12,8.11-21.29C70.92,14.34,56.57,0,38.88,0Z"/>
+    <path class="cls-3" d="m67.39,57.98c-1.61-1.81-3.92-2.85-6.35-2.85-2.08,0-4.08.76-5.64,2.14-2.68,2.38-3.49,6.1-2.32,9.28-6.51,2.61-13.64,3.32-20.69,1.98-9.74-1.86-18.17-7.4-23.74-15.59C2.63,44.05.74,33,3.48,22.61c.16-.6-.2-1.22-.8-1.37-.6-.16-1.22.2-1.37.8-2.9,11.02-.9,22.74,5.5,32.16,5.91,8.7,14.85,14.57,25.17,16.54,2.49.47,4.98.71,7.46.71,5.06,0,10.03-.99,14.7-2.9.17.24.36.48.56.71,1.61,1.81,3.92,2.85,6.35,2.85,2.08,0,4.08-.76,5.63-2.14,1.69-1.51,2.7-3.58,2.84-5.84.13-2.26-.62-4.44-2.13-6.14Zm-1.3,9.41c-.25.34-.54.65-.86.94-.28.25-.58.47-.89.66-.03.02-.06.04-.08.05-.3.18-.61.32-.92.44-.05.02-.09.04-.14.05-.31.11-.63.2-.95.26-.05.01-.11.02-.16.03-.32.05-.64.08-.97.09-.08,0-.16,0-.24,0-.12,0-.23,0-.35-.02-.09,0-.19-.02-.28-.03-.12-.01-.23-.03-.35-.05-.09-.02-.18-.04-.28-.06-.11-.03-.23-.06-.34-.09-.09-.03-.18-.05-.27-.08-.11-.04-.22-.08-.33-.13-.09-.03-.17-.07-.26-.11-.11-.05-.22-.11-.33-.17-.08-.04-.16-.08-.24-.13-.11-.07-.22-.14-.33-.21-.07-.05-.14-.09-.21-.14-.12-.09-.23-.18-.34-.28-.06-.05-.11-.09-.17-.14-.16-.15-.32-.31-.47-.48-1.3-1.46-1.79-3.36-1.51-5.16.03-.2.07-.4.12-.59.3-1.18.94-2.28,1.92-3.14,0,0,0,0,0,0,.28-.25.58-.47.89-.66.03-.02.06-.04.09-.06.3-.18.61-.32.92-.44.05-.02.09-.04.14-.05.31-.11.63-.2.95-.26.05-.01.11-.02.16-.03.32-.05.64-.08.97-.09.08,0,.16,0,.24,0,.12,0,.23,0,.35.02.09,0,.19.02.28.03.12.01.23.03.35.05.09.02.18.04.28.06.11.03.23.06.34.09.09.03.18.05.27.08.11.04.22.08.33.13.09.03.17.07.26.11.11.05.22.11.33.16.08.04.16.08.24.13.11.07.22.14.33.21.07.05.14.09.21.14.12.09.23.18.34.28.06.05.11.09.17.14.16.15.32.31.47.48,1.01,1.14,1.53,2.54,1.59,3.95.05,1.41-.37,2.83-1.25,4Z"/>
+    <g>
+      <path class="cls-1" d="m58.76,64.46c-.63-.63-.95-1.46-.95-2.29s.32-1.65.95-2.29c.63-.63,1.46-.95,2.29-.95s1.65.32,2.29.95c.63.63.95,1.46.95,2.29s-.32,1.65-.95,2.29l-1.07,1.07h-.34v-3.94c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2s.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v2.87l.41-.41c.52-.52.78-1.19.78-1.87s-.26-1.35-.78-1.87c-.52-.52-1.19-.78-1.87-.78s-1.35.26-1.87.78c-.52.52-.78,1.19-.78,1.87s.26,1.35.78,1.87l.41.41v-.58c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2s.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v1.66h-.34l-1.07-1.07h0Zm3.61-3.65h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Zm-2.34,2.29h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Zm1.02-1.68c.19,0,.36.08.48.2h0c.12.12.2.3.2.48s-.08.36-.2.48c-.06.06-.12.1-.19.13v2.8h-.59v-2.8c-.07-.03-.14-.08-.19-.13h0c-.12-.12-.2-.3-.2-.48s.08-.36.2-.48h0c.12-.12.29-.2.48-.2Zm.15.53h0s-.09-.06-.15-.06-.11.02-.15.06c-.04.04-.06.09-.06.15s.02.11.06.15h0s.09.06.15.06.11-.02.15-.06c.04-.04.06-.09.06-.15s-.02-.11-.06-.15h0Z"/>
+      <path class="cls-1" d="m59.79,65.91h2.52c.17,0,.3.13.3.3h0c0,.16-.14.3-.3.3h-2.52c-.17,0-.3-.13-.3-.3h0c0-.16.14-.3.3-.3Z"/>
+      <path class="cls-1" d="m59.96,66.8h2.17c.14,0,.26.13.26.3h0c0,.16-.12.3-.26.3h-2.17c-.14,0-.26-.13-.26-.3h0c0-.16.12-.3.26-.3Z"/>
+      <path class="cls-1" d="m60.35,67.71h1.4c-.06.34-.35.59-.7.59s-.64-.25-.7-.59Z"/>
+    </g>
+  </g>
+  <path class="cls-2" d="m24.33,33.09c.25.45.48.93.68,1.45-.29-.51-.56-1-.68-1.45Zm1.83,6.71c-.04-.54-.1-1.07-.17-1.58-.14,5.08-3.05,9.04-5.86,9.23-1.65.11-3.23-1.15-4.38-3.23,1.06,3.82,3.25,6.43,5.6,6.27,3.05-.21,5.2-4.99,4.81-10.69Zm9.65-11.36l2.03-1.9s.54-.44.21-.82c-1.38-1.61-2.78-1.31-2.78-1.31-.57,1.2.53,4.03.53,4.03Zm3.6,12.97l4.86.26s-1.88,2.66-3.85,8.35l3.25-.71c-.68,6.56,2.86,13.76,2.86,13.76-3.2-15.43,9.17-26.59,11.2-28.91,2.38-2.73,1.64-7.34,1.64-7.34,0,0-3.73,8.47-19.95,14.59Z"/>
+</svg>

package/public/manifest.json

@@ -0,0 +1,16 @@
+{
+  "name": "Howler",
+  "short_name": "Howler",
+  "start_url": ".",
+  "display": "standalone",
+  "background_color": "#fff",
+  "description": "Howler",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "48x48 72x72 96x96 128x128 256x256",
+      "type": "image/png"
+    }
+  ],
+  "related_applications": []
+}

package/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/public/scripts/background.js

@@ -0,0 +1,14 @@
+const isDark = JSON.parse(localStorage.getItem('templateui.core.darkMode') || 'false');
+
+document.body.style.backgroundColor = isDark ? '#121212' : '#fff';
+
+window.addEventListener('load', () => {
+  const observer = new MutationObserver(_mutations => {
+    if (document.querySelector('#root').childElementCount > 0) {
+      document.body.style.backgroundColor = '';
+      observer.disconnect();
+    }
+  });
+
+  observer.observe(document.body, { childList: true, subtree: true, attributes: false, characterData: false });
+});

package/public/serve.json

@@ -0,0 +1,14 @@
+{
+  "directoryListing": false,
+  "headers": [
+    {
+      "headers": [
+        {
+          "key": "Content-Security-Policy",
+          "value": "default-src 'self'; script-src 'self' 'unsafe-eval'; object-src 'none'; base-uri 'self'; upgrade-insecure-requests; style-src 'self' 'unsafe-inline'; connect-src 'self' ws: wss: https://api.iconify.design https://*.cyber.gc.ca; img-src * data:; font-src * data:;"
+        }
+      ],
+      "source": "**"
+    }
+  ]
+}

package/rest/AxiosClient.d.ts

@@ -0,0 +1,10 @@
+import type { HowlerResponse } from '@cccsaurora/howler-ui/api';
+import type RestClient from '@cccsaurora/howler-ui/rest';
+export default class AxiosClient implements RestClient {
+    private cache;
+    private client;
+    constructor();
+    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete' | 'patch', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<[HowlerResponse<R>, number, {
+        [index: string]: any;
+    }]>;
+}

package/rest/AxiosClient.js

@@ -0,0 +1,60 @@
+import axios, { AxiosError } from 'axios';
+import axiosRetry, { exponentialDelay, isNetworkError } from 'axios-retry';
+import { getAxiosCache, setAxiosCache } from '@cccsaurora/howler-ui/utils/sessionStorage';
+class AxiosCache {
+    constructor(_axios) {
+        _axios.interceptors.response.use(async (res) => {
+            const cache = getAxiosCache();
+            if (res.status >= 200 && res.status < 300 && res.headers.etag) {
+                setAxiosCache(res.headers.etag, res.data);
+            }
+            if (res.status === 304) {
+                const etag = res.config.headers['If-Match'];
+                if (etag) {
+                    res.data = cache[etag];
+                }
+            }
+            return res;
+        });
+    }
+}
+export default class AxiosClient {
+    // @ts-ignore
+    cache;
+    client;
+    constructor() {
+        this.client = axios.create({
+            validateStatus: status => (status >= 200 && status < 300) || status === 304
+        });
+        this.cache = new AxiosCache(this.client);
+        axiosRetry(this.client, {
+            retries: 3,
+            retryCondition: err => {
+                return (
+                // Don't retry 502s, as we assume the server handles retries in those cases
+                isNetworkError(err) || (err?.response?.status >= 500 && err?.response?.status !== 502));
+            },
+            retryDelay: exponentialDelay
+        });
+    }
+    async fetch(url, method = 'get', body, params, headers) {
+        const config = {
+            url,
+            params,
+            method,
+            withCredentials: true,
+            data: JSON.stringify(body),
+            headers: headers
+        };
+        try {
+            const response = await this.client(config);
+            return [response.data, response.status, response.headers];
+        }
+        catch (e) {
+            if (e instanceof AxiosError && e.response?.data) {
+                return [e.response.data, e.response.status, e.response.headers];
+            }
+            throw e;
+        }
+    }
+}

package/rest/FetchClient.d.ts

@@ -0,0 +1,7 @@
+import type { HowlerResponse } from '@cccsaurora/howler-ui/api';
+import type RestClient from '@cccsaurora/howler-ui/rest';
+export default class FetchClient implements RestClient {
+    fetch<R>(url: string, method?: 'get' | 'post' | 'put' | 'delete', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<[HowlerResponse<R>, number, {
+        [index: string]: any;
+    }]>;
+}

package/rest/FetchClient.js

@@ -0,0 +1,16 @@
+export default class FetchClient {
+    async fetch(url, method = 'get', body, params, headers) {
+        const _url = `${url}${params ? `?${params.toString()}` : ''}`;
+        const response = await fetch(_url, {
+            method,
+            credentials: 'same-origin',
+            headers: headers,
+            body: body ? JSON.stringify(body) : null
+        });
+        if (response.status === 204) {
+            return null;
+        }
+        const json = (await response.json());
+        return [json, response.status, response.headers];
+    }
+}

package/rest/index.d.ts

@@ -0,0 +1,6 @@
+import type { HowlerResponse } from '@cccsaurora/howler-ui/api';
+export default interface RestClient {
+    fetch<R>(url: string, method: 'get' | 'post' | 'put' | 'delete', body?: any, params?: URLSearchParams, headers?: HeadersInit): Promise<[HowlerResponse<R>, number, {
+        [index: string]: any;
+    }]>;
+}

package/rest/index.js

@@ -0,0 +1 @@
+export {};

package/utils/Throttler.d.ts

@@ -0,0 +1,9 @@
+export default class Throttler {
+    private throttleId;
+    private delayId;
+    private msec;
+    constructor(msec: number);
+    throttle(fn: () => void): void;
+    debounce(fn: () => void): void;
+    delayAsync(fn: (...args: any[]) => Promise<any>, ...args: any[]): Promise<any>;
+}

package/utils/Throttler.js

@@ -0,0 +1,38 @@
+export default class Throttler {
+    throttleId = null;
+    delayId = null;
+    msec = null;
+    constructor(msec) {
+        this.msec = msec;
+        this.debounce = this.debounce.bind(this);
+    }
+    throttle(fn) {
+        if (!this.throttleId) {
+            fn();
+            this.throttleId = setTimeout(() => {
+                this.throttleId = null;
+            }, this.msec);
+        }
+    }
+    debounce(fn) {
+        if (this.delayId) {
+            clearTimeout(this.delayId);
+        }
+        this.delayId = setTimeout(fn, this.msec);
+    }
+    delayAsync(fn, ...args) {
+        if (this.delayId) {
+            clearTimeout(this.delayId);
+        }
+        return new Promise((resolve, reject) => {
+            this.delayId = setTimeout(async () => {
+                try {
+                    resolve(await fn?.(...args));
+                }
+                catch (error) {
+                    reject(error);
+                }
+            }, this.msec);
+        });
+    }
+}

package/utils/actionUtils.d.ts

@@ -0,0 +1,31 @@
+import type { ActionOperation, ActionOperationStep } from '@cccsaurora/howler-ui/models/ActionTypes';
+import type { Operation } from '@cccsaurora/howler-ui/models/entities/generated/Operation';
+/**
+ * A simple validation function to ensure we have all the necessary arguments filled out.
+ * @param step The step to validate
+ * @param values The context to validate on
+ * @returns whether all the necessary arguments have been filled in the given step
+ */
+export declare const checkArgsAreFilled: (step: ActionOperationStep, values: string) => boolean;
+/**
+ * Take the raw options object as specified by the server and get a list of usable options, filtered using the current values suppled for the action entry.
+ * @param options The raw list of options from the server
+ * @param arg The argument for which we are parsing options
+ * @param context The values provided so far by the user
+ * @returns a list of options matching the current context
+ */
+export declare const getOptionsByContext: (options: ActionOperationStep["options"], arg: string, context: string) => string[];
+/**
+ * Get a list of arguments to display based on the current context, using the current values supplied for the action entry.
+ * @param args a complete list of all arguments in the action
+ * @param values the current list of values provided by the user
+ * @returns A list of arguments to display
+ */
+export declare const getArgsByContext: (args: ActionOperationStep["args"], values: string) => string[];
+/**
+ * Check to see if a given action has all the data necessary to execute successfully
+ * @param data The user-provided data
+ * @param action The action to validate
+ * @returns whether the action is ready to execute
+ */
+export declare const operationReady: (data: Operation["data_json"], action: ActionOperation) => boolean;

package/utils/actionUtils.js

@@ -0,0 +1,88 @@
+/**
+ * A simple validation function to ensure we have all the necessary arguments filled out.
+ * @param step The step to validate
+ * @param values The context to validate on
+ * @returns whether all the necessary arguments have been filled in the given step
+ */
+export const checkArgsAreFilled = (step, values) => {
+    if (!values) {
+        return false;
+    }
+    const parsedValues = JSON.parse(values);
+    return Object.keys(step.args).every(arg => !!parsedValues[arg]);
+};
+/**
+ * Convert a raw list of keyt value pairs into a context object used in other util functions. Converts it into a list like so:
+ *
+ * {
+ *  "key": "value"
+ * }
+ * is converted to:
+ * ["key:value"]
+ *
+ * Which is the format used for conditionals throughout the action specification.
+ *
+ * @param values The raw values object to convert
+ * @returns a list representing the current context
+ */
+const buildContext = (values = '{}') => Object.entries(JSON.parse(values)).map(tuple => tuple.join(':'));
+/**
+ * Take the raw options object as specified by the server and get a list of usable options, filtered using the current values suppled for the action entry.
+ * @param options The raw list of options from the server
+ * @param arg The argument for which we are parsing options
+ * @param context The values provided so far by the user
+ * @returns a list of options matching the current context
+ */
+export const getOptionsByContext = (options, arg, context) => {
+    if (!options[arg]) {
+        return [];
+    }
+    // If it's just an array, there's no special conditional logic to deal with - we just return the array
+    if (Array.isArray(options[arg])) {
+        return options[arg];
+    }
+    // Build the context up from the raw values, and check to see if any of the context values matches the conditionals provided in the options.
+    // i.e.
+    //
+    // options = {
+    //  "status:open": [] // would match if values["status"] === "open"
+    // }
+    //
+    // Note that this restricts the options to a single key:value pair.
+    // For more complex cases down the road (if those end up existing), we'll need to improve this
+    const matchingKey = buildContext(context).find(key => !!options[arg][key]);
+    return options[arg][matchingKey] ?? [];
+};
+/**
+ * Get a list of arguments to display based on the current context, using the current values supplied for the action entry.
+ * @param args a complete list of all arguments in the action
+ * @param values the current list of values provided by the user
+ * @returns A list of arguments to display
+ */
+export const getArgsByContext = (args, values) => Object.entries(args)
+    .filter(([_, conditions]) => {
+    // If the array is empty, we always want to show this argument
+    if (conditions.length < 1) {
+        return true;
+    }
+    const context = buildContext(values);
+    // Note that the .some(...) here means the arguments are ORed together, not ANDed. So:
+    // "arg_to_show": ["status:open", "assignment:goose"]
+    // Will show if only one of these two conditions is valid.
+    return conditions.some(c => context.includes(c));
+})
+    .map(([arg, _]) => arg);
+/**
+ * Check to see if a given action has all the data necessary to execute successfully
+ * @param data The user-provided data
+ * @param action The action to validate
+ * @returns whether the action is ready to execute
+ */
+export const operationReady = (data, action) => {
+    if (!data) {
+        return false;
+    }
+    const parsedData = JSON.parse(data);
+    return (action &&
+        getArgsByContext(action.steps.reduce((acc, _step) => ({ ...acc, ..._step.args }), {}), data).every(v => !!parsedData[v]));
+};