npm - @saasquatch/mint-components - Versions diffs - 1.3.2-9 → 1.3.3-3 - Mend

@saasquatch/mint-components 1.3.2-9 → 1.3.3-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (627) hide show

package/dist/esm-es5/sqm-table-cell_3.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as registerInstance,h,c as Host}from"./index-17b4da69.js";import"./_commonjsHelpers-11ca3be1.js";import{b as browser,g as h$1}from"./stencil-hooks.module-6c912534.js";import{i as insertCSS}from"./insertcss-bcaf3818.js";var TableCell=function(){function n(n){registerInstance(this,n);this.colspan=1;this.padding="15px 10px"}n.prototype.render=function(){return h(Host,{style:{display:"contents"}},h("td",{colSpan:this.colspan,style:{padding:this.padding}},h("slot",null)))};return n}();var TableRow=function(){function n(n){registerInstance(this,n);this.border="1px solid #EAEAEA"}n.prototype.render=function(){return h(Host,{style:{display:"contents"}},h("tr",{style:{border:this.border}},h("slot",null)))};return n}();var debug=browser("sq:global");var textStyles="\n sqm-text {\n display: block;\n }\n\n sqm-text h1 {\n font-size: var(--sl-font-size-xx-large);\n font-weight: 600;\n color: var(--sl-color-gray-800);\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: var(--sl-font-size-x-large);\n font-weight: 600;\n color: var(--sl-color-gray-800);\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: var(--sl-font-size-large);\n font-weight: 600;\n color: var(--sl-color-gray-800);\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: 13px;\n font-weight: 600;\n color: var(--sl-color-gray-800);\n margin: 0;\n }\n\n sqm-text p {\n font-size: var(--sl-font-size-small);\n font-weight: 400;\n color: var(--sl-color-gray-800);\n margin: 0;\n }\n\n sqm-text p[light] {\n font-size: var(--sl-font-size-x-small);\n font-weight: 400;\n color: var(--sl-color-gray-600);\n margin: 0;\n }\n";var Text=function(){function n(n){registerInstance(this,n);this.ignored=true;h$1(this)}n.prototype.disconnectedCallback=function(){};n.prototype.componentWillLoad=function(){try{insertCSS(textStyles)}catch(n){debug(n)}};n.prototype.render=function(){return h("slot",null)};return n}();export{TableCell as sqm_table_cell,TableRow as sqm_table_row,Text as sqm_text};

package/dist/esm-es5/{sqm-text-span-view-1781df94.js → sqm-text-span-view-1d0562a7.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h}from"./index-17b4da69.js";import{j as jss,c as create}from"./jss-preset-default.esm-~~71fae192~~.js";function TextSpanView(r,s){var e={p:{"font-size":"var(--sl-font-size-small)","font-weight":"400",color:"var(--sl-color-gray-800)",margin:"0"},subtext:{"font-size":"var(--sl-font-size-x-small)","font-weight":"400",color:"var(--sl-color-gray-600)",margin:"0"},h1:{"font-size":"var(--sl-font-size-xx-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h2:{"font-size":"var(--sl-font-size-x-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h3:{"font-size":"var(--sl-font-size-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h4:{"font-size":"13px","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"}};jss.setup(create());var t=jss.createStyleSheet(e);var a=t.toString();var o="\n sqm-text-span {\n display: inline;\n }\n ";return h("span",{class:t.classes[r.type]},h("style",{type:"text/css"},o,a),s)}export{TextSpanView as T};
1	+ import{h}from"./index-17b4da69.js";import{j as jss,c as create}from"./jss-preset-default.esm-8bd9f480.js";function TextSpanView(r,s){var e={p:{"font-size":"var(--sl-font-size-small)","font-weight":"400",color:"var(--sl-color-gray-800)",margin:"0"},subtext:{"font-size":"var(--sl-font-size-x-small)","font-weight":"400",color:"var(--sl-color-gray-600)",margin:"0"},h1:{"font-size":"var(--sl-font-size-xx-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h2:{"font-size":"var(--sl-font-size-x-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h3:{"font-size":"var(--sl-font-size-large)","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"},h4:{"font-size":"13px","font-weight":"600",color:"var(--sl-color-gray-800)",margin:"0"}};jss.setup(create());var t=jss.createStyleSheet(e);var o=t.toString();var a="\n sqm-text-span {\n display: inline;\n }\n ";return h("span",{class:t.classes[r.type]},h("style",{type:"text/css"},a,o),s)}export{TextSpanView as T};

package/dist/esm-es5/sqm-text-span.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./extends-~~3a3f9fe2~~.js";import"./jss-preset-default.esm-~~71fae192~~.js";import{T as TextSpanView}from"./sqm-text-span-view-~~1781df94~~.js";var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){return h$1(TextSpanView,{type:this.type},this.text)};return t}();export{Text as sqm_text_span};
1	+ import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import"./_commonjsHelpers-11ca3be1.js";import{g as h}from"./stencil-hooks.module-6c912534.js";import"./extends-c31f1eff.js";import"./jss-preset-default.esm-8bd9f480.js";import{T as TextSpanView}from"./sqm-text-span-view-1d0562a7.js";var Text=function(){function t(t){registerInstance(this,t);this.ignored=true;h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.componentWillLoad=function(){};t.prototype.render=function(){return h$1(TextSpanView,{type:this.type},this.text)};return t}();export{Text as sqm_text_span};

package/dist/esm-es5/sqm-titled-section.entry.js CHANGED Viewed

	@@ -1 +1 @@
1	- var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(t){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var i in s)if(Object.prototype.hasOwnProperty.call(s,i))t[i]=s[i]}return t};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./extends-~~3a3f9fe2~~.js";import"./jss-preset-default.esm-~~71fae192~~.js";import{g as getProps}from"./utils-454405f5.js";import{P as PortalSectionView}from"./sqm-portal-section-view-~~f0876545~~.js";var TitledSection=function(){function t(t){registerInstance(this,t);this.labelMargin="small";this.padding="none";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h$1("slot",{name:"label"},this.label);var s=h$1("slot",{name:"content"});return h$1(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:s})))};return t}();export{TitledSection as sqm_titled_section};
1	+ var __assign=this&&this.__assign\|\|function(){__assign=Object.assign\|\|function(t){for(var s,e=1,n=arguments.length;e<n;e++){s=arguments[e];for(var i in s)if(Object.prototype.hasOwnProperty.call(s,i))t[i]=s[i]}return t};return __assign.apply(this,arguments)};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import"./_commonjsHelpers-11ca3be1.js";import{g as h}from"./stencil-hooks.module-6c912534.js";import"./extends-c31f1eff.js";import"./jss-preset-default.esm-8bd9f480.js";import{g as getProps}from"./utils-454405f5.js";import{P as PortalSectionView}from"./sqm-portal-section-view-0a392b47.js";var TitledSection=function(){function t(t){registerInstance(this,t);this.labelMargin="small";this.padding="none";h(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h$1("slot",{name:"label"},this.label);var s=h$1("slot",{name:"content"});return h$1(PortalSectionView,Object.assign({},__assign(__assign({},getProps(this)),{label:t,content:s})))};return t}();export{TitledSection as sqm_titled_section};

package/dist/esm-es5/{extends-3a3f9fe2.js → stencil-hooks.module-6c912534.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var s=arguments[t],a=0,i=s.length;a<i;a++,o++)r[o]=s[a];return r};import{g as getElement,f as forceUpdate,a as getRenderingRef}from"./index-17b4da69.js";var commonjsGlobal=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function getDefaultExportFromCjs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e["default"]:e}function createCommonjsModule(e,t,n){return n={path:t,exports:{},require:function(e,t){return commonjsRequire()}},e(n,n.exports),n.exports}function getAugmentedNamespace(e){if(e.__esModule)return e;var t=Object.defineProperty({},"__esModule",{value:true});Object.keys(e).forEach((function(n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:true,get:function(){return e[n]}})}));return t}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}
+var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;for(var r=Array(e),o=0,t=0;t<n;t++)for(var s=arguments[t],a=0,i=s.length;a<i;a++,o++)r[o]=s[a];return r};import{g as getElement,f as forceUpdate,a as getRenderingRef}from"./index-17b4da69.js";import{c as createCommonjsModule}from"./_commonjsHelpers-11ca3be1.js";
 /**
  * @license
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -50,4 +50,4 @@ var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setP
  * Code distributed by Google as part of the polymer project is also
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
- */if(typeof window!=="undefined"){(window["litHtmlVersions"]||(window["litHtmlVersions"]=[])).push("1.4.1")}var current;var currentId=0;function setCurrent(e){current=e}function clear(){current=null;currentId=0}function notify(){return currentId++}var hookSymbol=Symbol("haunted.hook");var effectsSymbol=Symbol("haunted.effects");var layoutEffectsSymbol=Symbol("haunted.layoutEffects");var contextEvent="haunted.context";var State=function(){function e(e,t){this.update=e;this.host=t;this[hookSymbol]=new Map;this[effectsSymbol]=[];this[layoutEffectsSymbol]=[]}e.prototype.run=function(e){setCurrent(this);var t=e();clear();return t};e.prototype._runEffects=function(e){var t=this[e];setCurrent(this);for(var n=0,r=t;n<r.length;n++){var o=r[n];o.call(this)}clear()};e.prototype.runEffects=function(){this._runEffects(effectsSymbol)};e.prototype.runLayoutEffects=function(){this._runEffects(layoutEffectsSymbol)};e.prototype.teardown=function(){var e=this[hookSymbol];e.forEach((function(e){if(typeof e.teardown==="function"){e.teardown()}}))};return e}();var defer=Promise.resolve().then.bind(Promise.resolve());var Hook=function(){function e(e,t){this.id=e;this.state=t}return e}();function use(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}var r=notify();var o=current[hookSymbol];var s=o.get(r);if(!s){s=new(e.bind.apply(e,__spreadArrays([void 0,r,current],t)));o.set(r,s)}return s.update.apply(s,t)}function hook(e){return use.bind(null,e)}function createEffect(e){return hook(function(t){__extends(n,t);function n(n,r,o,s){var a=t.call(this,n,r)||this;e(r,a);return a}n.prototype.update=function(e,t){this.callback=e;this.values=t};n.prototype.call=function(){if(!this.values||this.hasChanged()){this.run()}this.lastValues=this.values};n.prototype.run=function(){this.teardown();this._teardown=this.callback.call(this.state)};n.prototype.teardown=function(){if(typeof this._teardown==="function"){this._teardown()}};n.prototype.hasChanged=function(){var e=this;return!this.lastValues||this.values.some((function(t,n){return e.lastValues[n]!==t}))};return n}(Hook))}function setEffects(e,t){e[effectsSymbol].push(t)}var useEffect=createEffect(setEffects);var useContext=hook(function(e){__extends(t,e);function t(t,n,r){var o=e.call(this,t,n)||this;o._updater=o._updater.bind(o);o._ranEffect=false;o._unsubscribe=null;setEffects(n,o);return o}t.prototype.update=function(e){if(this.state.virtual){throw new Error("can't be used with virtual components")}if(this.Context!==e){this._subscribe(e);this.Context=e}return this.value};t.prototype.call=function(){if(!this._ranEffect){this._ranEffect=true;if(this._unsubscribe)this._unsubscribe();this._subscribe(this.Context);this.state.update()}};t.prototype._updater=function(e){this.value=e;this.state.update()};t.prototype._subscribe=function(e){var t={Context:e,callback:this._updater};this.state.host.dispatchEvent(new CustomEvent(contextEvent,{detail:t,bubbles:true,cancelable:true,composed:true}));var n=t.unsubscribe,r=n===void 0?null:n,o=t.value;this.value=r?o:e.defaultValue;this._unsubscribe=r};t.prototype.teardown=function(){if(this._unsubscribe){this._unsubscribe()}};return t}(Hook));var useMemo=hook(function(e){__extends(t,e);function t(t,n,r,o){var s=e.call(this,t,n)||this;s.value=r();s.values=o;return s}t.prototype.update=function(e,t){if(this.hasChanged(t)){this.values=t;this.value=e()}return this.value};t.prototype.hasChanged=function(e){var t=this;if(e===void 0){e=[]}return e.some((function(e,n){return t.values[n]!==e}))};return t}(Hook));function setLayoutEffects(e,t){e[layoutEffectsSymbol].push(t)}var useLayoutEffect=createEffect(setLayoutEffects);var useState=hook(function(e){__extends(t,e);function t(t,n,r){var o=e.call(this,t,n)||this;o.updater=o.updater.bind(o);if(typeof r==="function"){r=r()}o.makeArgs(r);return o}t.prototype.update=function(){return this.args};t.prototype.updater=function(e){if(typeof e==="function"){var t=e;var n=this.args[0];e=t(n)}this.makeArgs(e);this.state.update()};t.prototype.makeArgs=function(e){this.args=Object.freeze([e,this.updater])};return t}(Hook));var useReducer=hook(function(e){__extends(t,e);function t(t,n,r,o,s){var a=e.call(this,t,n)||this;a.dispatch=a.dispatch.bind(a);a.currentState=s!==undefined?s(o):o;return a}t.prototype.update=function(e){this.reducer=e;return[this.currentState,this.dispatch]};t.prototype.dispatch=function(e){this.currentState=this.reducer(this.currentState,e);this.state.update()};return t}(Hook));var useRef=function(e){return useMemo((function(){return{current:e}}),[])};var s=1e3;var m=s*60;var h=m*60;var d=h*24;var w=d*7;var y=d*365.25;var ms=function(e,t){t=t||{};var n=typeof e;if(n==="string"&&e.length>0){return parse(e)}else if(n==="number"&&isFinite(e)){return t.long?fmtLong(e):fmtShort(e)}throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function parse(e){e=String(e);if(e.length>100){return}var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t){return}var n=parseFloat(t[1]);var r=(t[2]||"ms").toLowerCase();switch(r){case"years":case"year":case"yrs":case"yr":case"y":return n*y;case"weeks":case"week":case"w":return n*w;case"days":case"day":case"d":return n*d;case"hours":case"hour":case"hrs":case"hr":case"h":return n*h;case"minutes":case"minute":case"mins":case"min":case"m":return n*m;case"seconds":case"second":case"secs":case"sec":case"s":return n*s;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return undefined}}function fmtShort(e){var t=Math.abs(e);if(t>=d){return Math.round(e/d)+"d"}if(t>=h){return Math.round(e/h)+"h"}if(t>=m){return Math.round(e/m)+"m"}if(t>=s){return Math.round(e/s)+"s"}return e+"ms"}function fmtLong(e){var t=Math.abs(e);if(t>=d){return plural(e,t,d,"day")}if(t>=h){return plural(e,t,h,"hour")}if(t>=m){return plural(e,t,m,"minute")}if(t>=s){return plural(e,t,s,"second")}return e+" ms"}function plural(e,t,n,r){var o=t>=n*1.5;return Math.round(e/n)+" "+r+(o?"s":"")}function setup(e){n.debug=n;n.default=n;n.coerce=u;n.disable=s;n.enable=o;n.enabled=a;n.humanize=ms;n.destroy=c;Object.keys(e).forEach((function(t){n[t]=e[t]}));n.names=[];n.skips=[];n.formatters={};function t(e){var t=0;for(var r=0;r<e.length;r++){t=(t<<5)-t+e.charCodeAt(r);t|=0}return n.colors[Math.abs(t)%n.colors.length]}n.selectColor=t;function n(e){var t;var o=null;var s;var a;function i(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}if(!i.enabled){return}var o=i;var s=Number(new Date);var a=s-(t||s);o.diff=a;o.prev=t;o.curr=s;t=s;e[0]=n.coerce(e[0]);if(typeof e[0]!=="string"){e.unshift("%O")}var u=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(function(t,r){if(t==="%%"){return"%"}u++;var s=n.formatters[r];if(typeof s==="function"){var a=e[u];t=s.call(o,a);e.splice(u,1);u--}return t}));n.formatArgs.call(o,e);var c=o.log||n.log;c.apply(o,e)}i.namespace=e;i.useColors=n.useColors();i.color=n.selectColor(e);i.extend=r;i.destroy=n.destroy;Object.defineProperty(i,"enabled",{enumerable:true,configurable:false,get:function(){if(o!==null){return o}if(s!==n.namespaces){s=n.namespaces;a=n.enabled(e)}return a},set:function(e){o=e}});if(typeof n.init==="function"){n.init(i)}return i}function r(e,t){var r=n(this.namespace+(typeof t==="undefined"?":":t)+e);r.log=this.log;return r}function o(e){n.save(e);n.namespaces=e;n.names=[];n.skips=[];var t;var r=(typeof e==="string"?e:"").split(/[\s,]+/);var o=r.length;for(t=0;t<o;t++){if(!r[t]){continue}e=r[t].replace(/\*/g,".*?");if(e[0]==="-"){n.skips.push(new RegExp("^"+e.substr(1)+"$"))}else{n.names.push(new RegExp("^"+e+"$"))}}}function s(){var e=__spreadArrays(n.names.map(i),n.skips.map(i).map((function(e){return"-"+e}))).join(",");n.enable("");return e}function a(e){if(e[e.length-1]==="*"){return true}var t;var r;for(t=0,r=n.skips.length;t<r;t++){if(n.skips[t].test(e)){return false}}for(t=0,r=n.names.length;t<r;t++){if(n.names[t].test(e)){return true}}return false}function i(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}function u(e){if(e instanceof Error){return e.stack||e.message}return e}function c(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}n.enable(n.load());return n}var common=setup;var browser=createCommonjsModule((function(e,t){t.formatArgs=r;t.save=o;t.load=s;t.useColors=n;t.storage=a();t.destroy=function(){var e=false;return function(){if(!e){e=true;console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}}}();t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function n(){if(typeof window!=="undefined"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs)){return true}if(typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)){return false}return typeof document!=="undefined"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window!=="undefined"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function r(t){t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff);if(!this.useColors){return}var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0;var o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){if(e==="%%"){return}r++;if(e==="%c"){o=r}}));t.splice(o,0,n)}t.log=console.debug||console.log||function(){};function o(e){try{if(e){t.storage.setItem("debug",e)}else{t.storage.removeItem("debug")}}catch(e){}}function s(){var e;try{e=t.storage.getItem("debug")}catch(e){}if(!e&&typeof process!=="undefined"&&"env"in process){e=process.env.DEBUG}return e}function a(){try{return localStorage}catch(e){}}e.exports=common(t);var i=e.exports.formatters;i.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}}}));function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}var s$1=function(){function e(e){var t=this,n=this;this._status="Initial",this.onChange=function(e){n.options.onChange&&n.options.onChange(e)},this.onConnect=function(e){try{return t.status="Connected",t.options.onChange&&t.options.onChange(e),Promise.resolve(new Promise((function(e){t.resolvePromise=e})))}catch(e){return Promise.reject(e)}},this.onDisconnect=function(){n.status="Connecting",n.start()},this.options=e}var t=e.prototype;return t.start=function(){var e=this,t=0;this.status="Connecting";var n=function(){return e.status},r=a(this.options.attempts)||10,o=function(){if("Connected"!==n()){var o=new CustomEvent(e.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:e.onConnect,onChange:e.onChange,onDisconnect:e.onDisconnect}});a(e.options.element).dispatchEvent(o),"Connected"!==n()?++t>=r&&(e._interval&&clearInterval(e._interval),e.status="Timeout"):"Connected"===n()&&e._interval&&clearInterval(e._interval)}};return(a(this.options.pollingMs)||100)>0&&r>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},t.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(e,[{key:"status",set:function(e){this._status=e,this.options.onStatus&&this.options.onStatus(e)},get:function(){return this._status}}]),e}(),c=function(){function e(e){var t=this;this.__listeners=[],this.connectListener=function(e){try{e.stopPropagation(),t.__listeners=[].concat(t.__listeners,[e.detail]);var n=function(n,r){try{var o=Promise.resolve(e.detail.onConnect(t.__current)).then((function(){}))}catch(e){return r(!0,e)}return o&&o.then?o.then(r.bind(null,!1),r.bind(null,!0)):r(!1,o)}(0,(function(n,r){var o,s;if(t.__listeners=(s=(o=t.__listeners).indexOf(e.detail),o.slice(0,s).concat(o.slice(s+1,o.length))),n)throw r;return r}));return Promise.resolve(n&&n.then?n.then((function(){})):void 0)}catch(e){return Promise.reject(e)}},this.options=e,this.__current=a(e.initialState)}var t=e.prototype;return t.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},t.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map((function(e){e.onDisconnect()})),this.__listeners=[],this},n(e,[{key:"context",set:function(e){this.__current=e,this.__listeners.forEach((function(t){return t.onChange(e)}))},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),e}();function a(e){return"function"==typeof typeof e?e():e}function c$1(){return(c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var u=1e3,C=60*u,l=60*C,d$1=24*l,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$1;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$1?g(e,t,d$1,"day"):t>=l?g(e,t,l,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$1?Math.round(e/d$1)+"d":t>=l?Math.round(e/l)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p,m$1=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(o=r))})),t.splice(o,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(e){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(e){}return!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return!("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=function(){var e=!1;return function(){e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||function(){},e.exports=function(e){function t(e){var r,o=null;function s(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}if(!s.enabled)return;var o=s,a=Number(new Date);o.diff=a-(r||a),o.prev=r,o.curr=a,r=a,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");var i=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(function(n,r){if("%%"===n)return"%";i++;var s=t.formatters[r];return"function"==typeof s&&(n=s.call(o,e[i]),e.splice(i,1),i--),n})),t.formatArgs.call(o,e),(o.log||t.log).apply(o,e)}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:function(){return null===o?t.enabled(e):o},set:function(e){o=e}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){var r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){var e=__spreadArrays(t.names.map(r),t.skips.map(r).map((function(e){return"-"+e}))).join(",");return t.enable(""),e},t.enable=function(e){var n;t.save(e),t.names=[],t.skips=[];var r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")))},t.enabled=function(e){if("*"===e[e.length-1])return!0;var n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return!1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return!0;return!1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")},Object.keys(e).forEach((function(n){t[n]=e[n]})),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){var n=0;for(var r=0;r<e.length;r++)n=(n<<5)-n+e.charCodeAt(r),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);var n=e.exports.formatters;n.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}}}(p={exports:{}},p.exports),p.exports)("useDomContext");function h$1(e,t,n){void 0===n&&(n={});var r=useRef(void 0),o=useState(void 0),s=o[0],a=o[1],i=useMemo((function(){var o=new s$1(c$1({contextName:t,element:e,onChange:function(e){r.current=e,a(e)}},n));return o.start(),m$1("Listener initialized",o),{listener:o}}),[t,r]).listener;return useEffect((function(){return m$1("Listener starting (or restarting)",i),i.start(),function(){m$1("Listener stopping (or restopping)",i),i.stop()}}),[i,e.isConnected]),s||r.current}function y$1(e,t,n){var r=useMemo((function(){var r=new c({contextName:t,element:e,initialState:n});return r.start(),m$1("Provider initialized",r),r}),[t,e]);useEffect((function(){return m$1("Provider starting (or restarting)",r),r.start(),function(){m$1("Provider stopping (or re-stopping)",r),r.stop()}}),[r,e.isConnected]);var o=useReducer((function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(r.context):t,r.context=n,r.context}),r.context);return[o[0],o[1],r]}function s$2(){return getRenderingRef()}function l$1(){var e=s$2();return getElement(e)}function d$2(e,t){void 0===t&&(t={});var n=l$1();return h$1(n,e,t)}function m$2(e,t){var n=l$1();return y$1(n,e,t)}var p$1=browser("stencil-hook");function h$2(e){var t,n=getElement(e),r=(t=!1,new State((function(){p$1("Queue update on element",n),t||(t=!0,Promise.resolve().then((function(){p$1("Forced update on element",n),t=!1,forceUpdate(n)})))}),n)),o=e.disconnectedCallback;if(!o)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");e.disconnectedCallback=function(){r.teardown(),v(o)};var s=e.connectedCallback;e.connectedCallback=function(){r.update(),v(s)};var a=e.render.bind(e);e.render=function(){var e=r.run(a);return r.runEffects(),e}}function v(e){"function"==typeof e&&e()}function _extends(){_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n){if(Object.prototype.hasOwnProperty.call(n,r)){e[r]=n[r]}}}return e};return _extends.apply(this,arguments)}export{_extends as _,commonjsGlobal as a,browser as b,createCommonjsModule as c,getDefaultExportFromCjs as d,useEffect as e,useRef as f,getAugmentedNamespace as g,h$1 as h,c as i,useState as j,useMemo as k,l$1 as l,h$2 as m,d$2 as n,m$2 as o,useReducer as u,y$1 as y};
+ */if(typeof window!=="undefined"){(window["litHtmlVersions"]||(window["litHtmlVersions"]=[])).push("1.4.1")}var current;var currentId=0;function setCurrent(e){current=e}function clear(){current=null;currentId=0}function notify(){return currentId++}var hookSymbol=Symbol("haunted.hook");var effectsSymbol=Symbol("haunted.effects");var layoutEffectsSymbol=Symbol("haunted.layoutEffects");var contextEvent="haunted.context";var State=function(){function e(e,t){this.update=e;this.host=t;this[hookSymbol]=new Map;this[effectsSymbol]=[];this[layoutEffectsSymbol]=[]}e.prototype.run=function(e){setCurrent(this);var t=e();clear();return t};e.prototype._runEffects=function(e){var t=this[e];setCurrent(this);for(var n=0,r=t;n<r.length;n++){var o=r[n];o.call(this)}clear()};e.prototype.runEffects=function(){this._runEffects(effectsSymbol)};e.prototype.runLayoutEffects=function(){this._runEffects(layoutEffectsSymbol)};e.prototype.teardown=function(){var e=this[hookSymbol];e.forEach((function(e){if(typeof e.teardown==="function"){e.teardown()}}))};return e}();var defer=Promise.resolve().then.bind(Promise.resolve());var Hook=function(){function e(e,t){this.id=e;this.state=t}return e}();function use(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}var r=notify();var o=current[hookSymbol];var s=o.get(r);if(!s){s=new(e.bind.apply(e,__spreadArrays([void 0,r,current],t)));o.set(r,s)}return s.update.apply(s,t)}function hook(e){return use.bind(null,e)}function createEffect(e){return hook(function(t){__extends(n,t);function n(n,r,o,s){var a=t.call(this,n,r)||this;e(r,a);return a}n.prototype.update=function(e,t){this.callback=e;this.values=t};n.prototype.call=function(){if(!this.values||this.hasChanged()){this.run()}this.lastValues=this.values};n.prototype.run=function(){this.teardown();this._teardown=this.callback.call(this.state)};n.prototype.teardown=function(){if(typeof this._teardown==="function"){this._teardown()}};n.prototype.hasChanged=function(){var e=this;return!this.lastValues||this.values.some((function(t,n){return e.lastValues[n]!==t}))};return n}(Hook))}function setEffects(e,t){e[effectsSymbol].push(t)}var useEffect=createEffect(setEffects);var useContext=hook(function(e){__extends(t,e);function t(t,n,r){var o=e.call(this,t,n)||this;o._updater=o._updater.bind(o);o._ranEffect=false;o._unsubscribe=null;setEffects(n,o);return o}t.prototype.update=function(e){if(this.state.virtual){throw new Error("can't be used with virtual components")}if(this.Context!==e){this._subscribe(e);this.Context=e}return this.value};t.prototype.call=function(){if(!this._ranEffect){this._ranEffect=true;if(this._unsubscribe)this._unsubscribe();this._subscribe(this.Context);this.state.update()}};t.prototype._updater=function(e){this.value=e;this.state.update()};t.prototype._subscribe=function(e){var t={Context:e,callback:this._updater};this.state.host.dispatchEvent(new CustomEvent(contextEvent,{detail:t,bubbles:true,cancelable:true,composed:true}));var n=t.unsubscribe,r=n===void 0?null:n,o=t.value;this.value=r?o:e.defaultValue;this._unsubscribe=r};t.prototype.teardown=function(){if(this._unsubscribe){this._unsubscribe()}};return t}(Hook));var useMemo=hook(function(e){__extends(t,e);function t(t,n,r,o){var s=e.call(this,t,n)||this;s.value=r();s.values=o;return s}t.prototype.update=function(e,t){if(this.hasChanged(t)){this.values=t;this.value=e()}return this.value};t.prototype.hasChanged=function(e){var t=this;if(e===void 0){e=[]}return e.some((function(e,n){return t.values[n]!==e}))};return t}(Hook));function setLayoutEffects(e,t){e[layoutEffectsSymbol].push(t)}var useLayoutEffect=createEffect(setLayoutEffects);var useState=hook(function(e){__extends(t,e);function t(t,n,r){var o=e.call(this,t,n)||this;o.updater=o.updater.bind(o);if(typeof r==="function"){r=r()}o.makeArgs(r);return o}t.prototype.update=function(){return this.args};t.prototype.updater=function(e){if(typeof e==="function"){var t=e;var n=this.args[0];e=t(n)}this.makeArgs(e);this.state.update()};t.prototype.makeArgs=function(e){this.args=Object.freeze([e,this.updater])};return t}(Hook));var useReducer=hook(function(e){__extends(t,e);function t(t,n,r,o,s){var a=e.call(this,t,n)||this;a.dispatch=a.dispatch.bind(a);a.currentState=s!==undefined?s(o):o;return a}t.prototype.update=function(e){this.reducer=e;return[this.currentState,this.dispatch]};t.prototype.dispatch=function(e){this.currentState=this.reducer(this.currentState,e);this.state.update()};return t}(Hook));var useRef=function(e){return useMemo((function(){return{current:e}}),[])};var s=1e3;var m=s*60;var h=m*60;var d=h*24;var w=d*7;var y=d*365.25;var ms=function(e,t){t=t||{};var n=typeof e;if(n==="string"&&e.length>0){return parse(e)}else if(n==="number"&&isFinite(e)){return t.long?fmtLong(e):fmtShort(e)}throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function parse(e){e=String(e);if(e.length>100){return}var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(!t){return}var n=parseFloat(t[1]);var r=(t[2]||"ms").toLowerCase();switch(r){case"years":case"year":case"yrs":case"yr":case"y":return n*y;case"weeks":case"week":case"w":return n*w;case"days":case"day":case"d":return n*d;case"hours":case"hour":case"hrs":case"hr":case"h":return n*h;case"minutes":case"minute":case"mins":case"min":case"m":return n*m;case"seconds":case"second":case"secs":case"sec":case"s":return n*s;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return undefined}}function fmtShort(e){var t=Math.abs(e);if(t>=d){return Math.round(e/d)+"d"}if(t>=h){return Math.round(e/h)+"h"}if(t>=m){return Math.round(e/m)+"m"}if(t>=s){return Math.round(e/s)+"s"}return e+"ms"}function fmtLong(e){var t=Math.abs(e);if(t>=d){return plural(e,t,d,"day")}if(t>=h){return plural(e,t,h,"hour")}if(t>=m){return plural(e,t,m,"minute")}if(t>=s){return plural(e,t,s,"second")}return e+" ms"}function plural(e,t,n,r){var o=t>=n*1.5;return Math.round(e/n)+" "+r+(o?"s":"")}function setup(e){n.debug=n;n.default=n;n.coerce=u;n.disable=s;n.enable=o;n.enabled=a;n.humanize=ms;n.destroy=c;Object.keys(e).forEach((function(t){n[t]=e[t]}));n.names=[];n.skips=[];n.formatters={};function t(e){var t=0;for(var r=0;r<e.length;r++){t=(t<<5)-t+e.charCodeAt(r);t|=0}return n.colors[Math.abs(t)%n.colors.length]}n.selectColor=t;function n(e){var t;var o=null;var s;var a;function i(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}if(!i.enabled){return}var o=i;var s=Number(new Date);var a=s-(t||s);o.diff=a;o.prev=t;o.curr=s;t=s;e[0]=n.coerce(e[0]);if(typeof e[0]!=="string"){e.unshift("%O")}var u=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(function(t,r){if(t==="%%"){return"%"}u++;var s=n.formatters[r];if(typeof s==="function"){var a=e[u];t=s.call(o,a);e.splice(u,1);u--}return t}));n.formatArgs.call(o,e);var c=o.log||n.log;c.apply(o,e)}i.namespace=e;i.useColors=n.useColors();i.color=n.selectColor(e);i.extend=r;i.destroy=n.destroy;Object.defineProperty(i,"enabled",{enumerable:true,configurable:false,get:function(){if(o!==null){return o}if(s!==n.namespaces){s=n.namespaces;a=n.enabled(e)}return a},set:function(e){o=e}});if(typeof n.init==="function"){n.init(i)}return i}function r(e,t){var r=n(this.namespace+(typeof t==="undefined"?":":t)+e);r.log=this.log;return r}function o(e){n.save(e);n.namespaces=e;n.names=[];n.skips=[];var t;var r=(typeof e==="string"?e:"").split(/[\s,]+/);var o=r.length;for(t=0;t<o;t++){if(!r[t]){continue}e=r[t].replace(/\*/g,".*?");if(e[0]==="-"){n.skips.push(new RegExp("^"+e.substr(1)+"$"))}else{n.names.push(new RegExp("^"+e+"$"))}}}function s(){var e=__spreadArrays(n.names.map(i),n.skips.map(i).map((function(e){return"-"+e}))).join(",");n.enable("");return e}function a(e){if(e[e.length-1]==="*"){return true}var t;var r;for(t=0,r=n.skips.length;t<r;t++){if(n.skips[t].test(e)){return false}}for(t=0,r=n.names.length;t<r;t++){if(n.names[t].test(e)){return true}}return false}function i(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}function u(e){if(e instanceof Error){return e.stack||e.message}return e}function c(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}n.enable(n.load());return n}var common=setup;var browser=createCommonjsModule((function(e,t){t.formatArgs=r;t.save=o;t.load=s;t.useColors=n;t.storage=a();t.destroy=function(){var e=false;return function(){if(!e){e=true;console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")}}}();t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"];function n(){if(typeof window!=="undefined"&&window.process&&(window.process.type==="renderer"||window.process.__nwjs)){return true}if(typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/)){return false}return typeof document!=="undefined"&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||typeof window!=="undefined"&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||typeof navigator!=="undefined"&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/)}function r(t){t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff);if(!this.useColors){return}var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0;var o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){if(e==="%%"){return}r++;if(e==="%c"){o=r}}));t.splice(o,0,n)}t.log=console.debug||console.log||function(){};function o(e){try{if(e){t.storage.setItem("debug",e)}else{t.storage.removeItem("debug")}}catch(e){}}function s(){var e;try{e=t.storage.getItem("debug")}catch(e){}if(!e&&typeof process!=="undefined"&&"env"in process){e=process.env.DEBUG}return e}function a(){try{return localStorage}catch(e){}}e.exports=common(t);var i=e.exports.formatters;i.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}}}));function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function n(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}var s$1=function(){function e(e){var t=this,n=this;this._status="Initial",this.onChange=function(e){n.options.onChange&&n.options.onChange(e)},this.onConnect=function(e){try{return t.status="Connected",t.options.onChange&&t.options.onChange(e),Promise.resolve(new Promise((function(e){t.resolvePromise=e})))}catch(e){return Promise.reject(e)}},this.onDisconnect=function(){n.status="Connecting",n.start()},this.options=e}var t=e.prototype;return t.start=function(){var e=this,t=0;this.status="Connecting";var n=function(){return e.status},r=a(this.options.attempts)||10,o=function(){if("Connected"!==n()){var o=new CustomEvent(e.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:e.onConnect,onChange:e.onChange,onDisconnect:e.onDisconnect}});a(e.options.element).dispatchEvent(o),"Connected"!==n()?++t>=r&&(e._interval&&clearInterval(e._interval),e.status="Timeout"):"Connected"===n()&&e._interval&&clearInterval(e._interval)}};return(a(this.options.pollingMs)||100)>0&&r>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},t.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(e,[{key:"status",set:function(e){this._status=e,this.options.onStatus&&this.options.onStatus(e)},get:function(){return this._status}}]),e}(),c=function(){function e(e){var t=this;this.__listeners=[],this.connectListener=function(e){try{e.stopPropagation(),t.__listeners=[].concat(t.__listeners,[e.detail]);var n=function(n,r){try{var o=Promise.resolve(e.detail.onConnect(t.__current)).then((function(){}))}catch(e){return r(!0,e)}return o&&o.then?o.then(r.bind(null,!1),r.bind(null,!0)):r(!1,o)}(0,(function(n,r){var o,s;if(t.__listeners=(s=(o=t.__listeners).indexOf(e.detail),o.slice(0,s).concat(o.slice(s+1,o.length))),n)throw r;return r}));return Promise.resolve(n&&n.then?n.then((function(){})):void 0)}catch(e){return Promise.reject(e)}},this.options=e,this.__current=a(e.initialState)}var t=e.prototype;return t.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},t.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map((function(e){e.onDisconnect()})),this.__listeners=[],this},n(e,[{key:"context",set:function(e){this.__current=e,this.__listeners.forEach((function(t){return t.onChange(e)}))},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),e}();function a(e){return"function"==typeof typeof e?e():e}function c$1(){return(c$1=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var u=1e3,C=60*u,l=60*C,d$1=24*l,f=function(e,t){t=t||{};var n=typeof e;if("string"===n&&e.length>0)return function(e){if(!((e=String(e)).length>100)){var t=/^(-?(?:\d+)?\.?\d+) *(milliseconds?|msecs?|ms|seconds?|secs?|s|minutes?|mins?|m|hours?|hrs?|h|days?|d|weeks?|w|years?|yrs?|y)?$/i.exec(e);if(t){var n=parseFloat(t[1]);switch((t[2]||"ms").toLowerCase()){case"years":case"year":case"yrs":case"yr":case"y":return 315576e5*n;case"weeks":case"week":case"w":return 6048e5*n;case"days":case"day":case"d":return n*d$1;case"hours":case"hour":case"hrs":case"hr":case"h":return n*l;case"minutes":case"minute":case"mins":case"min":case"m":return n*C;case"seconds":case"second":case"secs":case"sec":case"s":return n*u;case"milliseconds":case"millisecond":case"msecs":case"msec":case"ms":return n;default:return}}}}(e);if("number"===n&&isFinite(e))return t.long?function(e){var t=Math.abs(e);return t>=d$1?g(e,t,d$1,"day"):t>=l?g(e,t,l,"hour"):t>=C?g(e,t,C,"minute"):t>=u?g(e,t,u,"second"):e+" ms"}(e):function(e){var t=Math.abs(e);return t>=d$1?Math.round(e/d$1)+"d":t>=l?Math.round(e/l)+"h":t>=C?Math.round(e/C)+"m":t>=u?Math.round(e/u)+"s":e+"ms"}(e);throw new Error("val is not a non-empty string or a valid number. val="+JSON.stringify(e))};function g(e,t,n,r){var o=t>=1.5*n;return Math.round(e/n)+" "+r+(o?"s":"")}var p,m$1=(function(e,t){t.formatArgs=function(t){if(t[0]=(this.useColors?"%c":"")+this.namespace+(this.useColors?" %c":" ")+t[0]+(this.useColors?"%c ":" ")+"+"+e.exports.humanize(this.diff),!this.useColors)return;var n="color: "+this.color;t.splice(1,0,n,"color: inherit");var r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,(function(e){"%%"!==e&&(r++,"%c"===e&&(o=r))})),t.splice(o,0,n)},t.save=function(e){try{e?t.storage.setItem("debug",e):t.storage.removeItem("debug")}catch(e){}},t.load=function(){var e;try{e=t.storage.getItem("debug")}catch(e){}return!e&&"undefined"!=typeof process&&"env"in process&&(e=process.env.DEBUG),e},t.useColors=function(){return!("undefined"==typeof window||!window.process||"renderer"!==window.process.type&&!window.process.__nwjs)||("undefined"==typeof navigator||!navigator.userAgent||!navigator.userAgent.toLowerCase().match(/(edge|trident)\/(\d+)/))&&("undefined"!=typeof document&&document.documentElement&&document.documentElement.style&&document.documentElement.style.WebkitAppearance||"undefined"!=typeof window&&window.console&&(window.console.firebug||window.console.exception&&window.console.table)||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/firefox\/(\d+)/)&&parseInt(RegExp.$1,10)>=31||"undefined"!=typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().match(/applewebkit\/(\d+)/))},t.storage=function(){try{return localStorage}catch(e){}}(),t.destroy=function(){var e=!1;return function(){e||(e=!0,console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`."))}}(),t.colors=["#0000CC","#0000FF","#0033CC","#0033FF","#0066CC","#0066FF","#0099CC","#0099FF","#00CC00","#00CC33","#00CC66","#00CC99","#00CCCC","#00CCFF","#3300CC","#3300FF","#3333CC","#3333FF","#3366CC","#3366FF","#3399CC","#3399FF","#33CC00","#33CC33","#33CC66","#33CC99","#33CCCC","#33CCFF","#6600CC","#6600FF","#6633CC","#6633FF","#66CC00","#66CC33","#9900CC","#9900FF","#9933CC","#9933FF","#99CC00","#99CC33","#CC0000","#CC0033","#CC0066","#CC0099","#CC00CC","#CC00FF","#CC3300","#CC3333","#CC3366","#CC3399","#CC33CC","#CC33FF","#CC6600","#CC6633","#CC9900","#CC9933","#CCCC00","#CCCC33","#FF0000","#FF0033","#FF0066","#FF0099","#FF00CC","#FF00FF","#FF3300","#FF3333","#FF3366","#FF3399","#FF33CC","#FF33FF","#FF6600","#FF6633","#FF9900","#FF9933","#FFCC00","#FFCC33"],t.log=console.debug||console.log||function(){},e.exports=function(e){function t(e){var r,o=null;function s(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}if(!s.enabled)return;var o=s,a=Number(new Date);o.diff=a-(r||a),o.prev=r,o.curr=a,r=a,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");var i=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(function(n,r){if("%%"===n)return"%";i++;var s=t.formatters[r];return"function"==typeof s&&(n=s.call(o,e[i]),e.splice(i,1),i--),n})),t.formatArgs.call(o,e),(o.log||t.log).apply(o,e)}return s.namespace=e,s.useColors=t.useColors(),s.color=t.selectColor(e),s.extend=n,s.destroy=t.destroy,Object.defineProperty(s,"enabled",{enumerable:!0,configurable:!1,get:function(){return null===o?t.enabled(e):o},set:function(e){o=e}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){var r=t(this.namespace+(void 0===n?":":n)+e);return r.log=this.log,r}function r(e){return e.toString().substring(2,e.toString().length-2).replace(/\.\*\?$/,"*")}return t.debug=t,t.default=t,t.coerce=function(e){return e instanceof Error?e.stack||e.message:e},t.disable=function(){var e=__spreadArrays(t.names.map(r),t.skips.map(r).map((function(e){return"-"+e}))).join(",");return t.enable(""),e},t.enable=function(e){var n;t.save(e),t.names=[],t.skips=[];var r=("string"==typeof e?e:"").split(/[\s,]+/),o=r.length;for(n=0;n<o;n++)r[n]&&("-"===(e=r[n].replace(/\*/g,".*?"))[0]?t.skips.push(new RegExp("^"+e.substr(1)+"$")):t.names.push(new RegExp("^"+e+"$")))},t.enabled=function(e){if("*"===e[e.length-1])return!0;var n,r;for(n=0,r=t.skips.length;n<r;n++)if(t.skips[n].test(e))return!1;for(n=0,r=t.names.length;n<r;n++)if(t.names[n].test(e))return!0;return!1},t.humanize=f,t.destroy=function(){console.warn("Instance method `debug.destroy()` is deprecated and no longer does anything. It will be removed in the next major version of `debug`.")},Object.keys(e).forEach((function(n){t[n]=e[n]})),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){var n=0;for(var r=0;r<e.length;r++)n=(n<<5)-n+e.charCodeAt(r),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);var n=e.exports.formatters;n.j=function(e){try{return JSON.stringify(e)}catch(e){return"[UnexpectedJSONParseError]: "+e.message}}}(p={exports:{}},p.exports),p.exports)("useDomContext");function h$1(e,t,n){void 0===n&&(n={});var r=useRef(void 0),o=useState(void 0),s=o[0],a=o[1],i=useMemo((function(){var o=new s$1(c$1({contextName:t,element:e,onChange:function(e){r.current=e,a(e)}},n));return o.start(),m$1("Listener initialized",o),{listener:o}}),[t,r]).listener;return useEffect((function(){return m$1("Listener starting (or restarting)",i),i.start(),function(){m$1("Listener stopping (or restopping)",i),i.stop()}}),[i,e.isConnected]),s||r.current}function y$1(e,t,n){var r=useMemo((function(){var r=new c({contextName:t,element:e,initialState:n});return r.start(),m$1("Provider initialized",r),r}),[t,e]);useEffect((function(){return m$1("Provider starting (or restarting)",r),r.start(),function(){m$1("Provider stopping (or re-stopping)",r),r.stop()}}),[r,e.isConnected]);var o=useReducer((function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(r.context):t,r.context=n,r.context}),r.context);return[o[0],o[1],r]}function s$2(){return getRenderingRef()}function l$1(){var e=s$2();return getElement(e)}function d$2(e,t){void 0===t&&(t={});var n=l$1();return h$1(n,e,t)}function m$2(e,t){var n=l$1();return y$1(n,e,t)}var p$1=browser("stencil-hook");function h$2(e){var t,n=getElement(e),r=(t=!1,new State((function(){p$1("Queue update on element",n),t||(t=!0,Promise.resolve().then((function(){p$1("Forced update on element",n),t=!1,forceUpdate(n)})))}),n)),o=e.disconnectedCallback;if(!o)throw new Error("Stencil hooks requires `disconnectedCallback` to be defined (even if it's empty). This is because of how the Stencil compiler works internally");e.disconnectedCallback=function(){r.teardown(),v(o)};var s=e.connectedCallback;e.connectedCallback=function(){r.update(),v(s)};var a=e.render.bind(e);e.render=function(){var e=r.run(a);return r.runEffects(),e}}function v(e){"function"==typeof e&&e()}export{useReducer as a,browser as b,useRef as c,c as d,useState as e,useMemo as f,h$2 as g,h$1 as h,d$2 as i,l$1 as l,m$2 as m,useEffect as u,y$1 as y};

package/dist/esm-es5/use-callback-c9ed6790.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{f as useMemo}from"./stencil-hooks.module-6c912534.js";var useCallback=function(e,o){return useMemo((function(){return e}),o)};export{useCallback as u};

package/dist/esm-es5/useDemoBigStat-192749de.js ADDED Viewed

@@ -0,0 +1 @@

+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++){r=arguments[n];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,n=arguments.length;r<n;r++)e+=arguments[r].length;for(var t=Array(e),a=0,r=0;r<n;r++)for(var l=arguments[r],i=0,o=l.length;i<o;i++,a++)t[a]=l[i];return t};import{h}from"./index-17b4da69.js";import{b as browser,f as useMemo}from"./stencil-hooks.module-6c912534.js";import{M,R,T,d as dist,e as en}from"./index.module-6797c7e3.js";import{p as pathToRegexp}from"./index-ffa26b43.js";import{j as jss,c as create}from"./jss-preset-default.esm-8bd9f480.js";import{c as cjs}from"./cjs-bdfb4486.js";function BigStatView(e,r){var n=e.statvalue,t=e.flexReverse,a=e.alignment;var l={Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":""+(t?"column-reverse":"column"),"align-items":""+(a==="left"?"flex-start":a==="right"?"flex-end":"center")},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":a},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":a}};jss.setup(create());var i=jss.createStyleSheet(l);var o=i.toString();return h("div",{part:"stat-wrapper",class:i.classes.Container},h("style",{type:"text/css"},o),h("div",{part:"stat-value",class:i.classes.Stat},n),h("div",{part:"stat-description",class:i.classes.Description},r))}var debug=browser("sq:useBigStat");var LOADING="...";var debugQuery=function(e,r,n){var t=en(e,r);if(!(t===null||t===void 0?void 0:t.data)&&!t.loading){console.error("issue getting stat:",t)}var a=n(t);return a};var referralsCountQuery=function(e,r,n){var t=e==="classic"?{programId_exists:false}:{programId_eq:e};var a=n&&n=="converted"?{dateConverted_exists:true}:n&&n=="started"?{dateConverted_exists:false}:{};var l=__assign(__assign({},t),a);return debugQuery(dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($queryFilter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $queryFilter) {\n totalCount\n }\n }\n }\n }\n "],["\n query ($queryFilter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $queryFilter) {\n totalCount\n }\n }\n }\n }\n "]))),{queryFilter:l},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.referrals)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var programGoalsQuery=function(e,r,n,t){if(e==="classic")return null;return debugQuery(dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n query {\n viewer {\n ... on User {\n programGoals {\n goalId\n programId\n count\n conversionCount\n }\n }\n }\n }\n "],["\n query {\n viewer {\n ... on User {\n programGoals {\n goalId\n programId\n count\n conversionCount\n }\n }\n }\n }\n "]))),{programId:e,metricType:n,goalId:t,locale:r},(function(r){var a,l,i,o,u;var d=(i=(l=(a=r.data)===null||a===void 0?void 0:a.viewer)===null||l===void 0?void 0:l.programGoals)===null||i===void 0?void 0:i.filter((function(r){return r.goalId===t&&r.programId===e}));return((u=(o=d===null||d===void 0?void 0:d[0])===null||o===void 0?void 0:o[n])===null||u===void 0?void 0:u.toString())||0}))};var referralsMonthQuery=function(e){var r=e==="classic"?{programId_exists:false}:{programId_eq:e};var n=__assign(__assign({},r),{dateReferralStarted_timeframe:"this_month"});return debugQuery(dist.gql(templateObject_3||(templateObject_3=__makeTemplateObject(["\n query ($filter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $filter) {\n totalCount\n }\n }\n }\n }\n "],["\n query ($filter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $filter) {\n totalCount\n }\n }\n }\n }\n "]))),{filter:n},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.referrals)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var referralsWeekQuery=function(e){var r=e==="classic"?{programId_exists:false}:{programId_eq:e};var n=__assign(__assign({},r),{dateReferralStarted_timeframe:"this_month"});return debugQuery(dist.gql(templateObject_4||(templateObject_4=__makeTemplateObject(["\n query ($filter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $filter) {\n totalCount\n }\n }\n }\n }\n "],["\n query ($filter: ReferralFilterInput) {\n viewer {\n ... on User {\n referrals(filter: $filter) {\n totalCount\n }\n }\n }\n }\n "]))),{filter:n},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.referrals)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var rewardsCountQuery=function(e,r,n){if(n===void 0){n=""}return debugQuery(dist.gql(templateObject_5||(templateObject_5=__makeTemplateObject(["\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(filter: { programId_eq: $programId }) {\n totalCount\n }\n }\n }\n }\n "],["\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(filter: { programId_eq: $programId }) {\n totalCount\n }\n }\n }\n }\n "]))),{programId:!n&&e!=="classic"?e:null},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewards)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var rewardsCountFilteredQuery=function(e,r,n,t,a,l){if(l===void 0){l=""}var i=a?{status:a}:null;return debugQuery(dist.gql(templateObject_6||(templateObject_6=__makeTemplateObject(["\n query (\n $programId: ID\n $unit: String\n $type: RewardType\n $statusFilter: RewardStatusFilterInput\n ) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n type_eq: $type\n unit_eq: $unit\n statuses_eq: $statusFilter\n }\n ) {\n totalCount\n }\n }\n }\n }\n "],["\n query (\n $programId: ID\n $unit: String\n $type: RewardType\n $statusFilter: RewardStatusFilterInput\n ) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n type_eq: $type\n unit_eq: $unit\n statuses_eq: $statusFilter\n }\n ) {\n totalCount\n }\n }\n }\n }\n "]))),{programId:!l&&e!=="classic"?e:null,unit:t,type:n,statusFilter:i},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewards)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var integrationRewardsCountFilteredQuery=function(e,r,n,t){if(t===void 0){t=""}var a=n?{status:n}:null;return debugQuery(dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n query ($programId: ID, $statusFilter: RewardStatusFilterInput) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n type_eq: INTEGRATION\n statuses_eq: $statusFilter\n }\n ) {\n totalCount\n }\n }\n }\n }\n "],["\n query ($programId: ID, $statusFilter: RewardStatusFilterInput) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n type_eq: INTEGRATION\n statuses_eq: $statusFilter\n }\n ) {\n totalCount\n }\n }\n }\n }\n "]))),{programId:!t&&e!=="classic"?e:null,statusFilter:a},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewards)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var rewardsMonthQuery=function(e,r,n){if(n===void 0){n=""}return debugQuery(dist.gql(templateObject_8||(templateObject_8=__makeTemplateObject(['\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n dateGiven_timeframe: "this_month"\n }\n ) {\n totalCount\n }\n }\n }\n }\n '],['\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n dateGiven_timeframe: "this_month"\n }\n ) {\n totalCount\n }\n }\n }\n }\n ']))),{programId:!n&&e!=="classic"?e:null},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewards)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var rewardsWeekQuery=function(e,r,n){if(n===void 0){n=""}return debugQuery(dist.gql(templateObject_9||(templateObject_9=__makeTemplateObject(['\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n dateGiven_timeframe: "this_week"\n }\n ) {\n totalCount\n }\n }\n }\n }\n '],['\n query ($programId: ID) {\n viewer {\n ... on User {\n rewards(\n filter: {\n programId_eq: $programId\n dateGiven_timeframe: "this_week"\n }\n ) {\n totalCount\n }\n }\n }\n }\n ']))),{programId:!n&&e!=="classic"?e:null},(function(e){var r,n,t,a;return(a=(t=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewards)===null||t===void 0?void 0:t.totalCount)===null||a===void 0?void 0:a.toString()}))};var rewardsRedeemedQuery=function(e,r,n,t,a){if(a===void 0){a=""}return debugQuery(dist.gql(templateObject_10||(templateObject_10=__makeTemplateObject(["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyRedeemedCredit\n }\n }\n }\n }\n }\n "],["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyRedeemedCredit\n }\n }\n }\n }\n }\n "]))),{programId:!a&&e!=="classic"?e:null,type:n,unit:t,locale:r},(function(e){var r,n,t,a;var l=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewardBalanceDetails;var i=(t=e.data)===null||t===void 0?void 0:t.fallback;return((a=l===null||l===void 0?void 0:l[0])===null||a===void 0?void 0:a.prettyRedeemedCredit)||i}))};var rewardsAssignedQuery=function(e,r,n,t,a){if(a===void 0){a=""}return debugQuery(dist.gql(templateObject_11||(templateObject_11=__makeTemplateObject(["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAssignedCredit\n }\n }\n }\n }\n }\n "],["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAssignedCredit\n }\n }\n }\n }\n }\n "]))),{programId:!a&&e!=="classic"?e:null,type:n,unit:t,locale:r},(function(e){var r,n,t,a;var l=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewardBalanceDetails;var i=(t=e.data)===null||t===void 0?void 0:t.fallback;return((a=l===null||l===void 0?void 0:l[0])===null||a===void 0?void 0:a.prettyAssignedCredit)||i}))};var rewardsAvailableQuery=function(e,r,n,t,a){if(a===void 0){a=""}return debugQuery(dist.gql(templateObject_12||(templateObject_12=__makeTemplateObject(["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAvailableValue\n }\n }\n }\n }\n }\n "],["\n query (\n $programId: ID\n $type: RewardType\n $unit: String!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: UNIT_FORMATTED\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAvailableValue\n }\n }\n }\n }\n }\n "]))),{programId:!a&&e!=="classic"?e:null,type:n,unit:t,locale:r},(function(e){var r,n,t,a;var l=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewardBalanceDetails;var i=(t=e.data)===null||t===void 0?void 0:t.fallback;return((a=l===null||l===void 0?void 0:l[0])===null||a===void 0?void 0:a.prettyAvailableValue)||i}))};var parseRewardValueFormat={prettyValue:"UNIT_FORMATTED",value:"NUMBER_UNFORMATTED"};var rewardsBalanceQuery=function(e,r,n,t,a,l){if(a===void 0){a="prettyValue"}if(l===void 0){l=""}var i;return debugQuery(dist.gql(templateObject_13||(templateObject_13=__makeTemplateObject(["\n query (\n $programId: ID\n $type: RewardType!\n $unit: String!\n $format: RewardValueFormatType!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: $format\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAvailableValue(formatType: $format)\n }\n }\n }\n }\n }\n "],["\n query (\n $programId: ID\n $type: RewardType!\n $unit: String!\n $format: RewardValueFormatType!\n $locale: RSLocale\n ) {\n fallback: formatRewardPrettyValue(\n value: 0\n unit: $unit\n locale: $locale\n formatType: $format\n )\n viewer: viewer {\n ... on User {\n rewardBalanceDetails(\n programId: $programId\n filter: { type_eq: $type, unit_eq: $unit }\n ) {\n ... on CreditRewardBalance {\n prettyAvailableValue(formatType: $format)\n }\n }\n }\n }\n }\n "]))),{programId:!l&&e!=="classic"?e:null,type:n,unit:t,format:(i=parseRewardValueFormat[a])!==null&&i!==void 0?i:"UNIT_FORMATTED",locale:r},(function(e){var r,n,t,a;var l=(n=(r=e.data)===null||r===void 0?void 0:r.viewer)===null||n===void 0?void 0:n.rewardBalanceDetails;var i=(t=e.data)===null||t===void 0?void 0:t.fallback;return((a=l===null||l===void 0?void 0:l[0])===null||a===void 0?void 0:a.prettyAvailableValue)||i}))};var queries={rewardsAssigned:{label:"Rewards Earned",query:rewardsAssignedQuery},rewardsRedeemed:{label:"Rewards Paid",query:rewardsRedeemedQuery},rewardsAvailable:{label:"Rewards Available",query:rewardsAvailableQuery},referralsCount:{label:"Referrals - Count",query:referralsCountQuery},referralsMonth:{label:"Referrals - This Month",query:referralsMonthQuery},referralsWeek:{label:"Referrals - This Week",query:referralsWeekQuery},rewardsCount:{label:"Rewards",query:rewardsCountQuery},rewardsCountFiltered:{label:"Rewards",query:rewardsCountFilteredQuery},integrationRewardsCountFiltered:{label:"Rewards",query:integrationRewardsCountFilteredQuery},rewardsMonth:{label:"Rewards - This Month",query:rewardsMonthQuery},rewardsWeek:{label:"Rewards - This Week",query:rewardsWeekQuery},rewardBalance:{label:"Balance - Credit Earned",query:rewardsBalanceQuery},programGoals:{label:"Program Goals",query:programGoalsQuery}};var StatPaths=[{name:"programGoals",route:"/(programGoals)/:metricType/:goalId"},{name:"referralsCount",route:"/(referralsCount)/:status?"},{name:"referralsMonth",route:"/(referralsMonth)"},{name:"referralsWeek",route:"/(referralsWeek)"},{name:"rewardsCount",route:"/(rewardsCount)/:global?"},{name:"rewardsMonth",route:"/(rewardsMonth)/:global?"},{name:"rewardsWeek",route:"/(rewardsWeek)/:global?"},{name:"rewardsCountFiltered",route:"/(rewardsCountFiltered)/:statType([INTEGRATION|PCT_DISCOUNT|CREDIT]*)?/:unit((?!global)(?!PENDING)(?!CANCELLED)(?!EXPIRED)(?!REDEEMED)(?!AVAILABLE)[a-zA-Z0-9%]+)?/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"integrationRewardsCountFiltered",route:"/(integrationRewardsCountFiltered)/:status([PENDING|CANCELLED|EXPIRED|REDEEMED|AVAILABLE]*)?/:global?"},{name:"rewardsAssigned",route:"/(rewardsAssigned)/:statType/:unit/:global?"},{name:"rewardsRedeemed",route:"/(rewardsRedeemed)/:statType/:unit/:global?"},{name:"rewardsAvailable",route:"/(rewardsAvailable)/:statType/:unit/:global?"},{name:"rewardBalance",route:"/(rewardBalance)/:statType/:unit/:format([prettyValue|value]*)?/:global?"}];var StatPatterns=StatPaths.map((function(e){return pathToRegexp(e.route)}));function useBigStat(e){var r;var n=e.statType,t=e.flexReverse,a=e.alignment;var l=M();var i=R();var o=T();var u=useMemo((function(){return StatPatterns.find((function(e){return e.exec(n)}))}),[n]);if(!(u===null||u===void 0?void 0:u.exec(n))){return{props:{statvalue:"!!!",flexReverse:t,alignment:a},label:"BAD PROP TYPE"}}var d=u.exec(n);var s=d[1];var v=StatPaths.find((function(e){return e.name===s}));var p=[];var m=pathToRegexp(v===null||v===void 0?void 0:v.route,p,{strict:false,sensitive:false,end:true});var c=m.exec(n);var f=p.map((function(e,r){return c[r+1]?decodeURIComponent(c[r+1]):undefined}));f.shift();var g=queries[s].label;var y=(o===null||o===void 0?void 0:o.jwt)&&(r=queries[s]).query.apply(r,__spreadArrays([l,i],f));debug("stat:",y);return{props:{statvalue:y!==null&&y!==void 0?y:LOADING,flexReverse:t,alignment:a},label:g}}function useDemoBigStat(e){var r=e.statType;var n=useMemo((function(){return StatPatterns.find((function(e){return e.exec(r)}))}),[r]);if(!(n===null||n===void 0?void 0:n.exec(r))){return{props:{statvalue:"!!!",flexReverse:false,alignment:"center"},label:"BAD PROP TYPE"}}var t=n.exec(r);var a=t[1];var l=queries[a].label;return{props:cjs({statvalue:"12345",flexReverse:false,alignment:"center"},e.demoData||{},{arrayMerge:function(e,r){return r}}),label:l!==null&&l!==void 0?l:"Demo Label"}}export{BigStatView as B,useBigStat as a,useDemoBigStat as u};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8,templateObject_9,templateObject_10,templateObject_11,templateObject_12,templateObject_13;

package/dist/esm-es5/useLeaderboard-6495a7a3.js ADDED Viewed

@@ -0,0 +1 @@

+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,a){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:a})}else{e.raw=a}return e};import{g as getElement,h}from"./index-17b4da69.js";import{d as dist,M,T,e as en}from"./index.module-6797c7e3.js";var map=new Map;function withShadowView(e){var a=getElement(e);var r=e["render"].bind(e);var t=function(){var e=a.getAttribute("stencilbook-shadow-view");if(e){var t=map.get(e);if(t){return t}}return r()};e["render"]=t}var ShadowViewAddon=function(e,a){var r=e.story;var t;var n=(t=r.parent.parameters)===null||t===void 0?void 0:t.tagname;if(!n)return a;var i=Math.round(Math.random()*1e5);map.set(i+"",a);var d="stencilbook-shawdow-view-"+i;return h(d,null,h(n,{"stencilbook-shadow-view":i}))};function LeaderboardView(e){var a;var r=e.states,t=e.data,n=e.elements;var i=r.styles;if(r.loading){return n.loadingstate}return h("div",null,!r.hasLeaders&&n.empty,r.hasLeaders&&h("table",null,h("tr",null,i.showRank&&h("th",{class:"Rank"},i.rankheading),h("th",{class:"User"},i.usersheading),h("th",{class:"Score"},i.statsheading)),(a=t.leaderboard)===null||a===void 0?void 0:a.map((function(e){return h("tr",{class:"SeparateContent"},i.showRank&&h("td",{class:"Rank"},e.rank),h("td",{class:"User"},e.firstName+" "+e.lastInitial+" "),h("td",{class:"Score"},e.value))}))))}var GET_LEADERBOARD=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n userLeaderboard(type: $type, filter: $filter) {\n dateModified\n rows {\n value\n firstName\n lastInitial\n rank {\n rank\n denseRank\n rowNumber\n }\n }\n }\n }\n"],["\n query ($type: String!, $filter: UserLeaderboardFilterInput) {\n userLeaderboard(type: $type, filter: $filter) {\n dateModified\n rows {\n value\n firstName\n lastInitial\n rank {\n rank\n denseRank\n rowNumber\n }\n }\n }\n }\n"])));function useLeaderboard(e){var a;var r=M();var t=T();var n={type:e.leaderboardType,filter:{programId_eq:r}};if(e.interval){n.filter["interval"]=e.interval}var i=en(GET_LEADERBOARD,n,!(t===null||t===void 0?void 0:t.jwt)),d=i.data,l=i.loading;var o=(a=d===null||d===void 0?void 0:d.userLeaderboard)===null||a===void 0?void 0:a.rows;var s=v(o);var u=s===null||s===void 0?void 0:s.sort((function(e,a){return e.rank-a.rank}));function v(a){return a===null||a===void 0?void 0:a.flatMap((function(a){var r;return{value:a.value,firstName:a.firstName||"Anonymous",lastInitial:a.lastInitial,rank:(r=a.rank)===null||r===void 0?void 0:r[e.rankType]}}))}return{states:{loading:l,hasLeaders:(u===null||u===void 0?void 0:u.length)>0,styles:e},data:{leaderboard:u,rankType:e.rankType},elements:{empty:e.empty,loadingstate:e.loadingstate}}}export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;

package/dist/mint-components/global/styles.ts CHANGED Viewed

@@ -154,266 +154,54 @@ const style = `
   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 :root {
-  --sl-color-gray-50: hsl(0 0% 97.5%);
-  --sl-color-gray-100: hsl(240 4.8% 95.9%);
-  --sl-color-gray-200: hsl(240 5.9% 90%);
-  --sl-color-gray-300: hsl(240 4.9% 83.9%);
-  --sl-color-gray-400: hsl(240 5% 64.9%);
-  --sl-color-gray-500: hsl(240 3.8% 46.1%);
-  --sl-color-gray-600: hsl(240 5.2% 33.9%);
-  --sl-color-gray-700: hsl(240 5.3% 26.1%);
-  --sl-color-gray-800: hsl(240 3.7% 15.9%);
-  --sl-color-gray-900: hsl(240 5.9% 10%);
-  --sl-color-gray-950: hsl(240 7.3% 8%);
-  --sl-color-red-50: hsl(0 85.7% 97.3%);
-  --sl-color-red-100: hsl(0 93.3% 94.1%);
-  --sl-color-red-200: hsl(0 96.3% 89.4%);
-  --sl-color-red-300: hsl(0 93.5% 81.8%);
-  --sl-color-red-400: hsl(0 90.6% 70.8%);
-  --sl-color-red-500: hsl(0 84.2% 60.2%);
-  --sl-color-red-600: hsl(0 72.2% 50.6%);
-  --sl-color-red-700: hsl(0 73.7% 41.8%);
-  --sl-color-red-800: hsl(0 70% 35.3%);
-  --sl-color-red-900: hsl(0 62.8% 30.6%);
-  --sl-color-red-950: hsl(0 60% 19.6%);
-  --sl-color-orange-50: hsl(33.3 100% 96.5%);
-  --sl-color-orange-100: hsl(34.3 100% 91.8%);
-  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
-  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
-  --sl-color-orange-400: hsl(27 96% 61%);
-  --sl-color-orange-500: hsl(24.6 95% 53.1%);
-  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
-  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
-  --sl-color-orange-800: hsl(15 79.1% 33.7%);
-  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
-  --sl-color-orange-950: hsl(15.2 69.1% 19%);
-  --sl-color-amber-50: hsl(48 100% 96.1%);
-  --sl-color-amber-100: hsl(48 96.5% 88.8%);
-  --sl-color-amber-200: hsl(48 96.6% 76.7%);
-  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
-  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
-  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
-  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
-  --sl-color-amber-700: hsl(26 90.5% 37.1%);
-  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
-  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
-  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
-  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
-  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
-  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
-  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
-  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
-  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
-  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
-  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
-  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
-  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
-  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
-  --sl-color-lime-50: hsl(78.3 92% 95.1%);
-  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
-  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
-  --sl-color-lime-300: hsl(82 84.5% 67.1%);
-  --sl-color-lime-400: hsl(82.7 78% 55.5%);
-  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
-  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
-  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
-  --sl-color-lime-800: hsl(86.3 69% 22.7%);
-  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
-  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
-  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
-  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
-  --sl-color-green-200: hsl(141 78.9% 85.1%);
-  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
-  --sl-color-green-400: hsl(141.9 69.2% 58%);
-  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
-  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
-  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
-  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
-  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
-  --sl-color-green-950: hsl(144.3 60.7% 12%);
-  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
-  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
-  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
-  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
-  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
-  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
-  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
-  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
-  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
-  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
-  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
-  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
-  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
-  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
-  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
-  --sl-color-teal-400: hsl(172.5 66% 50.4%);
-  --sl-color-teal-500: hsl(173.4 80.4% 40%);
-  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
-  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
-  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
-  --sl-color-teal-900: hsl(175.9 60.8% 19%);
-  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
-  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
-  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
-  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
-  --sl-color-cyan-300: hsl(187 92.4% 69%);
-  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
-  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
-  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
-  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
-  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
-  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
-  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
-  --sl-color-sky-50: hsl(204 100% 97.1%);
-  --sl-color-sky-100: hsl(204 93.8% 93.7%);
-  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
-  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
-  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
-  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
-  --sl-color-sky-600: hsl(200.4 98% 39.4%);
-  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
-  --sl-color-sky-800: hsl(201 90% 27.5%);
-  --sl-color-sky-900: hsl(202 80.3% 23.9%);
-  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
-  --sl-color-blue-50: hsl(213.8 100% 96.9%);
-  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
-  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
-  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
-  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
-  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
-  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
-  --sl-color-blue-700: hsl(224.3 76.3% 48%);
-  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
-  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
-  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
-  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
-  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
-  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
-  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
-  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
-  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
-  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
-  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
-  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
-  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
-  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
-  --sl-color-violet-50: hsl(250 100% 97.6%);
-  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
-  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
-  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
-  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
-  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
-  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
-  --sl-color-violet-700: hsl(263.4 70% 50.4%);
-  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
-  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
-  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
-  --sl-color-purple-50: hsl(270 100% 98%);
-  --sl-color-purple-100: hsl(268.7 100% 95.5%);
-  --sl-color-purple-200: hsl(268.6 100% 91.8%);
-  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
-  --sl-color-purple-400: hsl(270 95.2% 75.3%);
-  --sl-color-purple-500: hsl(270.7 91% 65.1%);
-  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
-  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
-  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
-  --sl-color-purple-900: hsl(273.6 65.6% 32%);
-  --sl-color-purple-950: hsl(276 59.5% 16.5%);
-  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
-  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
-  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
-  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
-  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
-  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
-  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
-  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
-  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
-  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
-  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
-  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
-  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
-  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
-  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
-  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
-  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
-  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
-  --sl-color-pink-700: hsl(335.1 77.6% 42%);
-  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
-  --sl-color-pink-900: hsl(335.9 69% 30.4%);
-  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
-  --sl-color-rose-50: hsl(355.7 100% 97.3%);
-  --sl-color-rose-100: hsl(355.6 100% 94.7%);
-  --sl-color-rose-200: hsl(352.7 96.1% 90%);
-  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
-  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
-  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
-  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
-  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
-  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
-  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
-  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
   --sl-color-black: #141414;
   --sl-color-white: #fff;
+  /** Anvil uses a different scale (from 0-400), but has 10 increments.
+    Just ported the 10 incrementals colors over for a slightly-less-dark palette than Shoelace **/
+  --sl-color-gray-50: #f7f7f7;
+  --sl-color-gray-100: #f5f5f5;
+  --sl-color-gray-200: #eeeeee;
+  --sl-color-gray-300: #dfe0e1;
+  --sl-color-gray-400: #bcbcbd;
+  --sl-color-gray-500: #9e9ea0;
+  --sl-color-gray-600: #737475;
+  --sl-color-gray-700: #606162;
+  --sl-color-gray-800: #444445;
+  --sl-color-gray-900: #2d2e31;
+  --sl-color-gray-950: #141414;
+  /** Primary Colors from: https://anvil.servicetitan.com/foundations/color/ **/
+  --sl-color-primary-50: #f0f9ff;
+  --sl-color-primary-100: #ecf4fd;
+  --sl-color-primary-200: #a9d1ff;
+  --sl-color-primary-300: #3684f5;
+  --sl-color-primary-400: #2270ee;
+  --sl-color-primary-500: #1360d9;
+  --sl-color-primary-600: #004cc3;
+  /** ServiceTitan Anvil doesn't have colors over 600 **/
+  --sl-color-primary-700: var(--sl-color-primary-600);
+  --sl-color-primary-800: var(--sl-color-primary-600);
+  --sl-color-primary-900: var(--sl-color-primary-600);
+  --sl-color-primary-950: var(--sl-color-primary-600);
-  --sl-color-neutral-50: var(--sl-color-gray-50);
-  --sl-color-neutral-100: var(--sl-color-gray-100);
-  --sl-color-neutral-200: var(--sl-color-gray-200);
-  --sl-color-neutral-300: var(--sl-color-gray-300);
-  --sl-color-neutral-400: var(--sl-color-gray-400);
-  --sl-color-neutral-500: var(--sl-color-gray-500);
-  --sl-color-neutral-600: var(--sl-color-gray-600);
-  --sl-color-neutral-700: var(--sl-color-gray-700);
-  --sl-color-neutral-800: var(--sl-color-gray-800);
-  --sl-color-neutral-900: var(--sl-color-gray-900);
-  --sl-color-neutral-950: var(--sl-color-gray-950);
-  --sl-color-neutral-0: hsl(0, 0%, 100%);
-  --sl-color-neutral-1000: hsl(0, 0%, 0%);
-  --sl-color-primary-50: var(--sl-color-sky-50);
-  --sl-color-primary-100: var(--sl-color-sky-100);
-  --sl-color-primary-200: var(--sl-color-sky-200);
-  --sl-color-primary-300: var(--sl-color-sky-300);
-  --sl-color-primary-400: var(--sl-color-sky-400);
-  --sl-color-primary-500: var(--sl-color-sky-500);
-  --sl-color-primary-600: var(--sl-color-sky-600);
-  --sl-color-primary-700: var(--sl-color-sky-700);
-  --sl-color-primary-800: var(--sl-color-sky-800);
-  --sl-color-primary-900: var(--sl-color-sky-900);
-  --sl-color-primary-950: var(--sl-color-sky-950);
   --sl-color-primary-text: var(--sl-color-white);
-  --sl-color-success-50: var(--sl-color-green-50);
-  --sl-color-success-100: var(--sl-color-green-100);
-  --sl-color-success-200: var(--sl-color-green-200);
-  --sl-color-success-300: var(--sl-color-green-300);
-  --sl-color-success-400: var(--sl-color-green-400);
-  --sl-color-success-500: var(--sl-color-green-500);
-  --sl-color-success-600: var(--sl-color-green-600);
-  --sl-color-success-700: var(--sl-color-green-700);
-  --sl-color-success-800: var(--sl-color-green-800);
-  --sl-color-success-900: var(--sl-color-green-900);
-  --sl-color-success-950: var(--sl-color-green-950);
+  /** Syuccess Colors from: https://anvil.servicetitan.com/foundations/color/ **/
+  --sl-color-success-50: #f0fdf4;
+  --sl-color-success-100: #e1fdef;
+  --sl-color-success-200: #90efc0;
+  --sl-color-success-300: #60dfa6;
+  --sl-color-success-400: #1fbc70;
+  --sl-color-success-500: #18a761;
+  --sl-color-success-600: #10864b;
+  /** ServiceTitan Anvil doesn't have colors over 600 **/
+  --sl-color-success-700: var(--sl-color-success-600);
+  --sl-color-success-800: var(--sl-color-success-600);
+  --sl-color-success-900: var(--sl-color-success-600);
+  --sl-color-success-950: var(--sl-color-success-600);
   --sl-color-success-text: var(--sl-color-white);
+  /** Delegating to Anvil Grey colors from above **/
   --sl-color-info-50: var(--sl-color-gray-50);
   --sl-color-info-100: var(--sl-color-gray-100);
   --sl-color-info-200: var(--sl-color-gray-200);
@@ -425,33 +213,36 @@ const style = `
   --sl-color-info-800: var(--sl-color-gray-800);
   --sl-color-info-900: var(--sl-color-gray-900);
   --sl-color-info-950: var(--sl-color-gray-950);
-  --sl-color-warning-50: var(--sl-color-amber-50);
-  --sl-color-warning-100: var(--sl-color-amber-100);
-  --sl-color-warning-200: var(--sl-color-amber-200);
-  --sl-color-warning-300: var(--sl-color-amber-300);
-  --sl-color-warning-400: var(--sl-color-amber-400);
-  --sl-color-warning-500: var(--sl-color-amber-500);
-  --sl-color-warning-600: var(--sl-color-amber-600);
-  --sl-color-warning-700: var(--sl-color-amber-700);
-  --sl-color-warning-800: var(--sl-color-amber-800);
-  --sl-color-warning-900: var(--sl-color-amber-900);
-  --sl-color-warning-950: var(--sl-color-amber-950);
+  /** Colors from Anvil **/
+  --sl-color-info-text: var(--sl-color-white);
+  --sl-color-warning-50: #fffbeb;
+  --sl-color-warning-100: #fff2dc;
+  --sl-color-warning-200: #ffcc80;
+  --sl-color-warning-300: #ffa23a;
+  --sl-color-warning-400: #ff9116;
+  --sl-color-warning-500: #ee8400;
+  --sl-color-warning-600: #df7600;
+  /** LV: Note - Anvil doesn't list color weights over 600 **/
+  --sl-color-warning-700: var(--sl-color-warning-600);
+  --sl-color-warning-800: var(--sl-color-warning-600);
+  --sl-color-warning-900: var(--sl-color-warning-600);
+  --sl-color-warning-950: var(--sl-color-warning-600);
+  /** Colors from Anvil **/
   --sl-color-warning-text: var(--sl-color-white);
-  --sl-color-danger-50: var(--sl-color-red-50);
-  --sl-color-danger-100: var(--sl-color-red-100);
-  --sl-color-danger-200: var(--sl-color-red-200);
-  --sl-color-danger-300: var(--sl-color-red-300);
-  --sl-color-danger-400: var(--sl-color-red-400);
-  --sl-color-danger-500: var(--sl-color-red-500);
-  --sl-color-danger-600: var(--sl-color-red-600);
-  --sl-color-danger-700: var(--sl-color-red-700);
-  --sl-color-danger-800: var(--sl-color-red-800);
-  --sl-color-danger-900: var(--sl-color-red-900);
-  --sl-color-danger-950: var(--sl-color-red-950);
+  --sl-color-danger-10: #fff9f8;
+  --sl-color-danger-50: #fef2f2;
+  --sl-color-danger-100: #ffece9;
+  --sl-color-danger-200: #ffb2a0;
+  --sl-color-danger-300: #ff745f;
+  --sl-color-danger-400: #f94d32;
+  --sl-color-danger-500: #e63717;
+  --sl-color-danger-600: #bf2a00;
+  /** LV: Note - ServiceTitan Anvil doesn't list color weights over 600 **/
+  --sl-color-danger-700: var(--sl-color-danger-600);
+  --sl-color-danger-800: var(--sl-color-danger-600);
+  --sl-color-danger-900: var(--sl-color-danger-600);
+  --sl-color-danger-950: var(--sl-color-danger-600);
   --sl-color-danger-text: var(--sl-color-white);
   --sl-border-radius-small: 0.125rem;
   --sl-border-radius-medium: 0.25rem;
   --sl-border-radius-large: 0.5rem;