@saasquatch/mint-components 1.5.0-49 → 1.5.0-52

package/dist/cjs/sqm-table-cell_3.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 const insertcss = require('./insertcss-04580cfa.js');
 
-let TableCell = class {
+const TableCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.colspan = 1;
@@ -17,7 +17,7 @@ let TableCell = class {
   }
 };
 
-let TableRow = class {
+const TableRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.border = "1px solid #EAEAEA";
@@ -75,7 +75,7 @@ const textStyles = `
     margin: 0;
   }
 `;
-let Text = class {
+const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;

package/dist/cjs/{sqm-text-span-view-dd99633a.js → sqm-text-span-view-f101dedf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const JSS = require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function TextSpanView(props, children) {
   const style = {

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-dd99633a.js');
-require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
+require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 
-let Text = class {
+const Text = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;

package/dist/cjs/sqm-titled-section.cjs.entry.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-d8fa5d8e.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
-const utils = require('./utils-01dbfd4a.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-073d9dda.js');
-require('./JSS-24a85193.js');
+const index = require('./index-b0129cd6.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./extends-08099afd.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-3b6c990e.js');
 
-let TitledSection = class {
+const TitledSection = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     /**

package/dist/{esm/stencil-hooks.module-1bcbec4f.js → cjs/stencil-hooks.module-87a1f4f7.js}

@@ -1,4 +1,6 @@
-import { g as getElement, f as forceUpdate, a as getRenderingRef } from './index-2c5a6587.js';
+'use strict';
+
+const index = require('./index-b0129cd6.js');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -52,7 +54,7 @@ function commonjsRequire () {
  * An expression marker with embedded unique key to avoid collision with
  * possible text in templates.
  */
-`{{lit-${String(Math.random()).slice(2)}}}`;
+const marker = `{{lit-${String(Math.random()).slice(2)}}}`;
 
 /**
  * @license
@@ -75,7 +77,7 @@ function commonjsRequire () {
  * before any untrusted expressions have been mixed in. Therefor it is
  * considered safe by construction.
  */
-window.trustedTypes &&
+const policy = window.trustedTypes &&
     trustedTypes.createPolicy('lit-html', { createHTML: (s) => s });
 
 /**
@@ -192,7 +194,7 @@ class State {
     }
 }
 
-Promise.resolve().then.bind(Promise.resolve());
+const defer = Promise.resolve().then.bind(Promise.resolve());
 
 class Hook {
     id;
@@ -262,7 +264,7 @@ function setEffects(state, cb) {
  */
 const useEffect = createEffect(setEffects);
 
-hook(class extends Hook {
+const useContext = hook(class extends Hook {
     Context;
     value;
     _ranEffect;
@@ -339,7 +341,7 @@ const useMemo = hook(class extends Hook {
 function setLayoutEffects(state, cb) {
     state[layoutEffectsSymbol].push(cb);
 }
-createEffect(setLayoutEffects);
+const useLayoutEffect = createEffect(setLayoutEffects);
 
 /**
  * @function
@@ -400,12 +402,12 @@ const useRef = (initialValue) => useMemo(() => ({
  * Helpers.
  */
 
-var s$2 = 1000;
-var m$2 = s$2 * 60;
-var h$2 = m$2 * 60;
-var d$2 = h$2 * 24;
-var w = d$2 * 7;
-var y$1 = d$2 * 365.25;
+var s = 1000;
+var m = s * 60;
+var h = m * 60;
+var d = h * 24;
+var w = d * 7;
+var y = d * 365.25;
 
 /**
  * Parse or format the given `val`.
@@ -462,7 +464,7 @@ function parse(str) {
     case 'yrs':
     case 'yr':
     case 'y':
-      return n * y$1;
+      return n * y;
     case 'weeks':
     case 'week':
     case 'w':
@@ -470,25 +472,25 @@ function parse(str) {
     case 'days':
     case 'day':
     case 'd':
-      return n * d$2;
+      return n * d;
     case 'hours':
     case 'hour':
     case 'hrs':
     case 'hr':
     case 'h':
-      return n * h$2;
+      return n * h;
     case 'minutes':
     case 'minute':
     case 'mins':
     case 'min':
     case 'm':
-      return n * m$2;
+      return n * m;
     case 'seconds':
     case 'second':
     case 'secs':
     case 'sec':
     case 's':
-      return n * s$2;
+      return n * s;
     case 'milliseconds':
     case 'millisecond':
     case 'msecs':
@@ -510,17 +512,17 @@ function parse(str) {
 
 function fmtShort(ms) {
   var msAbs = Math.abs(ms);
-  if (msAbs >= d$2) {
-    return Math.round(ms / d$2) + 'd';
+  if (msAbs >= d) {
+    return Math.round(ms / d) + 'd';
   }
-  if (msAbs >= h$2) {
-    return Math.round(ms / h$2) + 'h';
+  if (msAbs >= h) {
+    return Math.round(ms / h) + 'h';
   }
-  if (msAbs >= m$2) {
-    return Math.round(ms / m$2) + 'm';
+  if (msAbs >= m) {
+    return Math.round(ms / m) + 'm';
   }
-  if (msAbs >= s$2) {
-    return Math.round(ms / s$2) + 's';
+  if (msAbs >= s) {
+    return Math.round(ms / s) + 's';
   }
   return ms + 'ms';
 }
@@ -535,17 +537,17 @@ function fmtShort(ms) {
 
 function fmtLong(ms) {
   var msAbs = Math.abs(ms);
-  if (msAbs >= d$2) {
-    return plural(ms, msAbs, d$2, 'day');
+  if (msAbs >= d) {
+    return plural(ms, msAbs, d, 'day');
   }
-  if (msAbs >= h$2) {
-    return plural(ms, msAbs, h$2, 'hour');
+  if (msAbs >= h) {
+    return plural(ms, msAbs, h, 'hour');
   }
-  if (msAbs >= m$2) {
-    return plural(ms, msAbs, m$2, 'minute');
+  if (msAbs >= m) {
+    return plural(ms, msAbs, m, 'minute');
   }
-  if (msAbs >= s$2) {
-    return plural(ms, msAbs, s$2, 'second');
+  if (msAbs >= s) {
+    return plural(ms, msAbs, s, 'second');
   }
   return ms + ' ms';
 }
@@ -1105,10 +1107,26 @@ formatters.j = function (v) {
 };
 });
 
-function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t){e.options.onChange&&e.options.onChange(t);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c$1=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){this.__current=t,this.__listeners.forEach(function(n){return n.onChange(t)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
-
-function c(){return (c=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$1=60*C,d$1=24*l$1,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$1;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$1?g(e,t,l$1,"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$1?Math.round(e/l$1)+"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$1,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;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,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(){let 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=(()=>{let e=!1;return ()=>{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||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,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:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const 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(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const 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;let 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(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;n.j=function(e){try{return JSON.stringify(e)}catch(e){return "[UnexpectedJSONParseError]: "+e.message}};}(p$1={exports:{}},p$1.exports),p$1.exports)("useDomContext");function h$1(e,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r=new s$1(c({contextName:n,element:e,onChange:function(e){u.current=e,d(e);}},i));return r.start(),m$1("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$1("Listener starting (or restarting)",f),f.start(),function(){m$1("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||u.current}function y(e,t,r){var o=useMemo(function(){var o=new c$1({contextName:t,element:e,initialState:r});return o.start(),m$1("Provider initialized",o),o},[t,e]);useEffect(function(){return m$1("Provider starting (or restarting)",o),o.start(),function(){m$1("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c=useReducer(function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c[0],c[1],o]}
-
-function s(){return getRenderingRef()}function l(){var e=s();return getElement(e)}function d(e,t){void 0===t&&(t={});var n=l();return h$1(n,e,t)}function m(e,t){var n=l();return y(n,e,t)}var p=browser("stencil-hook");function h(t){var r,u=getElement(t),c=(r=!1,new State(function(){p("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p("Forced update on element",u),r=!1,forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)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");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
-
-export { commonjsGlobal as a, browser as b, createCommonjsModule as c, getDefaultExportFromCjs as d, useReducer as e, useRef as f, getAugmentedNamespace as g, h$1 as h, useMemo as i, c$1 as j, useState as k, l, h as m, m as n, d as o, useEffect as u, y };
+function t(t,n){for(var e=0;e<n.length;e++){var i=n[e];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i);}}function n(n,e,i){return e&&t(n.prototype,e),i&&t(n,i),n}var s$1=function(){function t(t){var n=this,e=this;this._status="Initial",this.onChange=function(t){e.options.onChange&&e.options.onChange(t);},this.onConnect=function(t){try{return n.status="Connected",n.options.onChange&&n.options.onChange(t),Promise.resolve(new Promise(function(t){n.resolvePromise=t;}))}catch(t){return Promise.reject(t)}},this.onDisconnect=function(){e.status="Connecting",e.start();},this.options=t;}var e=t.prototype;return e.start=function(){var t=this,n=0;this.status="Connecting";var e=function(){return t.status},i=a(this.options.attempts)||10,o=function(){if("Connected"!==e()){var o=new CustomEvent(t.options.contextName,{bubbles:!0,cancelable:!0,composed:!0,detail:{onConnect:t.onConnect,onChange:t.onChange,onDisconnect:t.onDisconnect}});a(t.options.element).dispatchEvent(o),"Connected"!==e()?++n>=i&&(t._interval&&clearInterval(t._interval),t.status="Timeout"):"Connected"===e()&&t._interval&&clearInterval(t._interval);}};return (a(this.options.pollingMs)||100)>0&&i>1&&(this._interval=setInterval(o,a(this.options.pollingMs)||100)),o(),this},e.stop=function(){return this._interval&&clearInterval(this._interval),this.resolvePromise&&this.resolvePromise(),this.status="Initial",this},n(t,[{key:"status",set:function(t){this._status=t,this.options.onStatus&&this.options.onStatus(t);},get:function(){return this._status}}]),t}(),c=function(){function t(t){var n=this;this.__listeners=[],this.connectListener=function(t){try{t.stopPropagation(),n.__listeners=[].concat(n.__listeners,[t.detail]);var e=function(e,i){try{var o=Promise.resolve(t.detail.onConnect(n.__current)).then(function(){});}catch(t){return i(!0,t)}return o&&o.then?o.then(i.bind(null,!1),i.bind(null,!0)):i(!1,o)}(0,function(e,i){var o,r;if(n.__listeners=(r=(o=n.__listeners).indexOf(t.detail),o.slice(0,r).concat(o.slice(r+1,o.length))),e)throw i;return i});return Promise.resolve(e&&e.then?e.then(function(){}):void 0)}catch(t){return Promise.reject(t)}},this.options=t,this.__current=a(t.initialState);}var e=t.prototype;return e.start=function(){return a(this.options.element).addEventListener(this.options.contextName,this.connectListener),this},e.stop=function(){return a(this.options.element).removeEventListener(this.options.contextName,this.connectListener),this.__listeners.map(function(t){t.onDisconnect();}),this.__listeners=[],this},n(t,[{key:"context",set:function(t){this.__current=t,this.__listeners.forEach(function(n){return n.onChange(t)});},get:function(){return a(this.__current)}},{key:"listeners",get:function(){return Object.freeze([].concat(this.__listeners))}}]),t}();function a(t){return "function"==typeof typeof t?t():t}
+
+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;const n="color: "+this.color;t.splice(1,0,n,"color: inherit");let r=0,o=0;t[0].replace(/%[a-zA-Z%]/g,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(){let 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=(()=>{let e=!1;return ()=>{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||(()=>{}),e.exports=function(e){function t(e){let r,o=null;function s(...e){if(!s.enabled)return;const n=s,o=Number(new Date);n.diff=o-(r||o),n.prev=r,n.curr=o,r=o,e[0]=t.coerce(e[0]),"string"!=typeof e[0]&&e.unshift("%O");let a=0;e[0]=e[0].replace(/%([a-zA-Z%])/g,(r,o)=>{if("%%"===r)return "%";a++;const s=t.formatters[o];return "function"==typeof s&&(r=s.call(n,e[a]),e.splice(a,1),a--),r}),t.formatArgs.call(n,e),(n.log||t.log).apply(n,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:()=>null===o?t.enabled(e):o,set:e=>{o=e;}}),"function"==typeof t.init&&t.init(s),s}function n(e,n){const 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(){const e=[...t.names.map(r),...t.skips.map(r).map(e=>"-"+e)].join(",");return t.enable(""),e},t.enable=function(e){let n;t.save(e),t.names=[],t.skips=[];const 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;let 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(n=>{t[n]=e[n];}),t.names=[],t.skips=[],t.formatters={},t.selectColor=function(e){let n=0;for(let t=0;t<e.length;t++)n=(n<<5)-n+e.charCodeAt(t),n|=0;return t.colors[Math.abs(n)%t.colors.length]},t.enable(t.load()),t}(t);const{formatters:n}=e.exports;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,n,i){void 0===i&&(i={});var u=useRef(void 0),C=useState(void 0),l=C[0],d=C[1],f=useMemo(function(){var r=new s$1(c$1({contextName:n,element:e,onChange:function(e){u.current=e,d(e);}},i));return r.start(),m$1("Listener initialized",r),{listener:r}},[n,u]).listener;return useEffect(function(){return m$1("Listener starting (or restarting)",f),f.start(),function(){m$1("Listener stopping (or restopping)",f),f.stop();}},[f,e.isConnected]),l||u.current}function y$1(e,t,r){var o=useMemo(function(){var o=new c({contextName:t,element:e,initialState:r});return o.start(),m$1("Provider initialized",o),o},[t,e]);useEffect(function(){return m$1("Provider starting (or restarting)",o),o.start(),function(){m$1("Provider stopping (or re-stopping)",o),o.stop();}},[o,e.isConnected]);var c$1=useReducer(function(e,t){var n;return m$1("New context value",t),n="function"==typeof t?t(o.context):t,o.context=n,o.context},o.context);return [c$1[0],c$1[1],o]}
+
+function s$2(){return index.getRenderingRef()}function l$1(){var e=s$2();return index.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(t){var r,u=index.getElement(t),c=(r=!1,new State(function(){p$1("Queue update on element",u),r||(r=!0,Promise.resolve().then(function(){p$1("Forced update on element",u),r=!1,index.forceUpdate(u);}));},u)),a=t.disconnectedCallback;if(!a)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");t.disconnectedCallback=function(){c.teardown(),v(a);};var i=t.connectedCallback;t.connectedCallback=function(){c.update(),v(i);};var f=t.render.bind(t);t.render=function(){var e=c.run(f);return c.runEffects(),e};}function v(e){"function"==typeof e&&e();}
+
+exports.browser = browser;
+exports.c = c;
+exports.commonjsGlobal = commonjsGlobal;
+exports.createCommonjsModule = createCommonjsModule;
+exports.d = d$2;
+exports.getAugmentedNamespace = getAugmentedNamespace;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+exports.h = h$1;
+exports.h$1 = h$2;
+exports.l = l$1;
+exports.m = m$2;
+exports.useEffect = useEffect;
+exports.useMemo = useMemo;
+exports.useReducer = useReducer;
+exports.useRef = useRef;
+exports.useState = useState;
+exports.y = y$1;

package/dist/cjs/{use-callback-867e51f6.js → use-callback-e754042f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 
 const useCallback = (fn, inputs) => stencilHooks_module.useMemo(() => fn, inputs);
 

package/dist/cjs/{useChildElements-6f8aa7de.js → useChildElements-4bc9b219.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index_module = require('./index.module-0f10a4c4.js');
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const index_module = require('./index.module-54724339.js');
 
 const RENDER_EVENT = "sqm:request-rerender";
 /**
@@ -26,7 +26,7 @@ function useRequestRerender(deps) {
  */
 function useRerenderListener() {
   const host = index_module.P();
-  const [tick, rerender] = index_module.rn();
+  const [tick, rerender] = index_module.dn();
   stencilHooks_module.useEffect(() => {
     const listener = (e) => {
       // Preventes recursively nested components from sending requests up all the way

package/dist/cjs/{useDemoBigStat-1fa1ca6a.js → useDemoBigStat-42fa7a69.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-23a5a83a.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const index_module = require('./index.module-54724339.js');
 const cjs = require('./cjs-1066ec21.js');
-const index_module = require('./index.module-0f10a4c4.js');
 
 /**
  * Tokenize input string.
@@ -301,7 +301,7 @@ function pathToRegexp(path, keys, options) {
 const debug = stencilHooks_module.browser("sq:useBigStat");
 const LOADING = "...";
 const debugQuery = (query, variables, getStat) => {
-  const res = index_module.sn(query, variables);
+  const res = index_module.mn(query, variables);
   if (!(res === null || res === void 0 ? void 0 : res.data) && !res.loading) {
     console.error("issue getting stat:", res);
   }
@@ -863,8 +863,8 @@ const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
   var _a;
   const { statType, flexReverse, alignment, programId = index_module.M(), } = props;
-  const locale = index_module.An();
-  const userIdent = index_module.ie();
+  const locale = index_module.R();
+  const userIdent = index_module.ne();
   const re = stencilHooks_module.useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);
   if (!(re === null || re === void 0 ? void 0 : re.exec(statType))) {
     return {

package/dist/cjs/{useLeaderboard-b712d583.js → useLeaderboard-6110cd94.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const index = require('./index-d8fa5d8e.js');
-const index_module = require('./index.module-0f10a4c4.js');
+const index = require('./index-b0129cd6.js');
+const index_module = require('./index.module-54724339.js');
 
 const map = new Map();
 function withShadowView(component) {
@@ -122,7 +122,7 @@ const GET_RANK = index_module.dist.gql `
 function useLeaderboard(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const programId = index_module.M();
-  const user = index_module.ie();
+  const user = index_module.ne();
   const variables = {
     type: props.leaderboardType,
     filter: { programId_eq: programId },
@@ -130,8 +130,8 @@ function useLeaderboard(props) {
   if (props.interval) {
     variables.filter["interval"] = props.interval;
   }
-  const { data: leaderboardData, loading: loadingLeaderboard } = index_module.sn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const { data: rankData } = index_module.sn(GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: leaderboardData, loading: loadingLeaderboard } = index_module.mn(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.mn(GET_RANK, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
   const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
   const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {

package/dist/collection/collection-manifest.json

@@ -13,9 +13,10 @@
     "./components/sqm-graphql-client-provider/sqm-graphql-client-provider.js",
     "./components/sqm-hero/sqm-hero.js",
     "./components/sqm-hook-story-container/sqm-hook-story-container.js",
+    "./components/sqm-image/sqm-image.js",
     "./components/sqm-leaderboard/sqm-leaderboard.js",
     "./components/sqm-leaderboard-rank/sqm-leaderboard-rank.js",
-    "./components/sqm-media/sqm-media.js",
+    "./components/sqm-media/sqm-hero-image.js",
     "./components/sqm-name-fields/sqm-name-fields.js",
     "./components/sqm-navigation-menu/sqm-navigation-menu.js",
     "./components/sqm-navigation-sidebar/sqm-navigation-sidebar.js",
@@ -78,8 +79,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.9.0",
-    "typescriptVersion": "4.2.3"
+    "version": "2.4.0",
+    "typescriptVersion": "4.1.3"
   },
   "collections": [],
   "bundles": [

package/dist/collection/components/sqm-edit-profile/useEditProfile.js

@@ -131,10 +131,9 @@ export function useEditProfile(props) {
       },
       resetForm: () => {
         var _a, _b, _c, _d, _e, _f;
-        const currentRegion = ((_b = (_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.countryCode)
-          ? intl.formatDisplayName(userDataResponse.data.viewer.countryCode, {
-            type: "region",
-          })
+        const currentRegion = ((_b = (_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.countryCode) ? intl.formatDisplayName(userDataResponse.data.viewer.countryCode, {
+          type: "region",
+        })
           : "";
         setUserData({
           ...(_c = userDataResponse.data) === null || _c === void 0 ? void 0 : _c.viewer,

package/dist/collection/components/sqm-image/Image.stories.js

@@ -0,0 +1,25 @@
+import { h } from "@stencil/core";
+export default {
+  title: "Components/Image",
+};
+export const Image = () => {
+  return h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png" });
+};
+export const ImageAlignLeft = () => {
+  return h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", align: "left" });
+};
+export const ImageAlignCenter = () => {
+  return (h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", align: "center" }));
+};
+export const ImageAlignRight = () => {
+  return (h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", align: "right" }));
+};
+export const ImageMarginLeft = () => {
+  return h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", left: "100px" });
+};
+export const ImageMarginRight = () => {
+  return (h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", right: "100px" }));
+};
+export const ImageBackground = () => {
+  return (h("sqm-image", { "image-url": "https://i.imgur.com/Amf0HWx.png", "background-color": "firebrick" }));
+};

package/dist/collection/components/sqm-image/sqm-image-view.js

@@ -0,0 +1,32 @@
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../styling/JSS";
+export function ImageView(props) {
+  const style = {
+    Container: {
+      display: "flex",
+      width: "100%",
+      justifyContent: props.align || "center",
+      background: props.backgroundColor || "",
+    },
+    Image: {
+      maxWidth: "100%",
+      objectFit: "cover",
+      marginLeft: props.left || "0",
+      marginRight: props.right || "0",
+    },
+  };
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  console.log(props);
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
+  `;
+  return (h("div", null,
+    h("style", { type: "text/css" },
+      styleString,
+      vanillaStyle),
+    h("div", { class: sheet.classes.Container },
+      h("img", { src: props.imageUrl, class: sheet.classes.Image }))));
+}

package/dist/collection/components/sqm-image/sqm-image.js

@@ -0,0 +1,137 @@
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import { getProps } from "../../utils/utils";
+import { ImageView } from "./sqm-image-view";
+/**
+ * @uiName Image Component
+ */
+export class Image {
+  constructor() {
+    /**
+     * @uiName Position Alignment
+     * @uiType string
+     * @uiEnum ["left", "center", "right"]
+     */
+    this.align = "center";
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return h(ImageView, Object.assign({}, getProps(this)));
+  }
+  static get is() { return "sqm-image"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "imageUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Image Link",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "image-url",
+      "reflect": false
+    },
+    "left": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Left Margin",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "left",
+      "reflect": false
+    },
+    "right": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Right Margin",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "right",
+      "reflect": false
+    },
+    "align": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"left\" | \"center\" | \"right\"",
+        "resolved": "\"center\" | \"left\" | \"right\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Position Alignment",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"left\", \"center\", \"right\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "align",
+      "reflect": false,
+      "defaultValue": "\"center\""
+    },
+    "backgroundColor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Background Color",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "background-color",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}