@saasquatch/mint-components 1.5.0-2 → 1.5.0-23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saasquatch/mint-components",
-  "version": "1.5.0-2",
+  "version": "1.5.0-23",
   "description": "Mint Components - Built with Shoelace Components",
   "main": "dist/index.cjs.js",
   "es2015": "dist/esm/index.js",
@@ -33,15 +33,13 @@
     "@formatjs/intl-utils": "^2.2.5",
     "@lit/reactive-element": "^1.0.0-rc.2",
     "@rollup/plugin-alias": "^3.1.2",
-    "@stencil/core": "2.4.0",
+    "@stencil/core": "^2.4.0",
     "@stencil/router": "^1.0.1",
     "@stencil/sass": "^1.3.2",
     "@stencil/utils": "latest",
-    "@types/chroma-js": "^2.1.3",
     "@types/jest": "^26.0.21",
     "@types/puppeteer": "^5.4.2",
     "@types/resize-observer-browser": "^0.1.5",
-    "chroma-js": "^2.1.2",
     "clipboard": "^1.7.1",
     "cross-env": "^7.0.2",
     "docx": "^5.4.1",
@@ -58,6 +56,7 @@
     "workbox-build": "4.3.1"
   },
   "dependencies": {
+    "@appnest/masonry-layout": "^2.0.8",
     "@saasquatch/component-boilerplate": "^1.3.0",
     "@saasquatch/stencil-grapes-plugin": "^1.0.1",
     "@saasquatch/stencil-hooks": "^2.0.2",
@@ -67,6 +66,7 @@
     "@stencil/helmet": "^0.3.2",
     "@types/luxon": "^2.0.4",
     "babel-polyfill": "^6.26.0",
+    "color2k": "^1.2.4",
     "deepmerge": "^4.2.2",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",

package/dist/cjs/sqm-portal-container-view-d144735a.js

@@ -1,31 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-
-function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
-
-exports.PortalContainerView = PortalContainerView;

package/dist/cjs/sqm-portal-container.cjs.entry.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
-
-const PortalContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Direction
-     * @uiType string
-     * @uiEnum ["row", "column"]
-     */
-    this.direction = "column";
-    /**
-     * @uiName Gap
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.gap = "xxx-large";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmPortalContainerView.PortalContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
-};
-
-exports.sqm_portal_container = PortalContainer;

package/dist/cjs/sqm-program-explainer-step-view-0e66bea1.js

@@ -1,49 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-
-function ProgramExplainerStepView(props) {
-  const style = {
-    Container: {
-      display: "flex",
-      width: "100%",
-      height: "100%",
-      placeItems: "center",
-      placeContent: "center",
-      color: props.color,
-      background: props.background,
-    },
-    Logo: {
-      margin: "var(--sl-spacing-x-large)",
-    },
-    Text: {
-      margin: "var(--sl-spacing-x-large)",
-    },
-    Title: {
-      textTransform: "uppercase",
-      fontSize: "var(--sl-font-size-large)",
-      fontWeight: "var(--sl-font-weight-semibold)",
-    },
-    Description: {
-      fontSize: "var(--sl-font-size-medium)",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { style: {
-      resize: "both",
-      overflow: "hidden",
-      height: "600px",
-      width: "500px",
-    } },
-    index.h("div", { class: sheet.classes.Container },
-      index.h("style", { type: "text/css" }, styleString),
-      index.h("div", { class: sheet.classes.Logo },
-        index.h("div", { style: { width: "64px", height: "64px", background: "white" } })),
-      index.h("div", { class: sheet.classes.Title }, props.title),
-      index.h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-exports.ProgramExplainerStepView = ProgramExplainerStepView;

package/dist/esm/sqm-portal-container-view-73757ca5.js

@@ -1,29 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-function PortalContainerView(props, children) {
-  const style = {
-    Container: {
-      display: "grid",
-      "grid-template-columns": props.direction === "row"
-        ? `repeat(auto-fill, minmax(${props.minWidth}, auto))`
-        : "",
-      "grid-gap": `var(--sl-spacing-${props.gap})`,
-      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
-    },
-  };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-  }`;
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.Container },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
-
-export { PortalContainerView as P };

package/dist/esm/sqm-portal-container.entry.js

@@ -1,31 +0,0 @@
-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 PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
-
-const PortalContainer = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Direction
-     * @uiType string
-     * @uiEnum ["row", "column"]
-     */
-    this.direction = "column";
-    /**
-     * @uiName Gap
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.gap = "xxx-large";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(PortalContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
-};
-
-export { PortalContainer as sqm_portal_container };

package/dist/esm/sqm-program-explainer-step-view-26920cf9.js

@@ -1,47 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-function ProgramExplainerStepView(props) {
-  const style = {
-    Container: {
-      display: "flex",
-      width: "100%",
-      height: "100%",
-      placeItems: "center",
-      placeContent: "center",
-      color: props.color,
-      background: props.background,
-    },
-    Logo: {
-      margin: "var(--sl-spacing-x-large)",
-    },
-    Text: {
-      margin: "var(--sl-spacing-x-large)",
-    },
-    Title: {
-      textTransform: "uppercase",
-      fontSize: "var(--sl-font-size-large)",
-      fontWeight: "var(--sl-font-weight-semibold)",
-    },
-    Description: {
-      fontSize: "var(--sl-font-size-medium)",
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { style: {
-      resize: "both",
-      overflow: "hidden",
-      height: "600px",
-      width: "500px",
-    } },
-    h("div", { class: sheet.classes.Container },
-      h("style", { type: "text/css" }, styleString),
-      h("div", { class: sheet.classes.Logo },
-        h("div", { style: { width: "64px", height: "64px", background: "white" } })),
-      h("div", { class: sheet.classes.Title }, props.title),
-      h("div", { class: sheet.classes.Description }, props.description))));
-}
-
-export { ProgramExplainerStepView as P };

package/dist/esm-es5/ShadowViewAddon-a3f510db.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,a){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:a})}else{e.raw=a}return e};import{h,g as getElement}from"./index-17b4da69.js";import{d as dist,M,T,e as en}from"./index.module-90d2c3ad.js";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}}}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}))};export{LeaderboardView as L,ShadowViewAddon as S,useLeaderboard as u,withShadowView as w};var templateObject_1;