@saasquatch/mint-components 1.3.3-4 → 1.4.0-0

package/dist/cjs/sqm-leaderboard.cjs.entry.js

@@ -5,65 +5,65 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-66cd975e.js');
+const index_module = require('./index.module-2925fe3b.js');
 const cjs = require('./cjs-1066ec21.js');
-const ShadowViewAddon = require('./ShadowViewAddon-741e87d0.js');
+const ShadowViewAddon = require('./ShadowViewAddon-e9bacad0.js');
 
 const sqmLeaderboardCss = ":host{display:block}:host([hidden]){display:none}table{width:100%}th{font-size:var(--sl-font-size-small);font-weight:var(--sl-font-weight-semibold);text-align:left}td{font-size:var(--sl-font-size-medium);font-weight:var(--sl-font-weight-normal)}td,th{color:var(--sl-color-gray-800);padding:var(--sl-spacing-x-small) var(--sl-spacing-small)}.User{width:100%}.Score{width:auto;white-space:nowrap}";
 
-const Leaderboard = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-    ShadowViewAddon.withShadowView(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = {
-      empty: index.h("slot", { name: "empty" }),
-      loadingstate: index.h("slot", { name: "loading" }),
-      usersheading: this.usersheading,
-      statsheading: this.statsheading,
-      rankType: this.rankType,
-      leaderboardType: this.leaderboardType,
-      interval: this.interval,
-    };
-    const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = index_module.j()
-      ? useLeaderboardDemo(demoProps)
-      : ShadowViewAddon.useLeaderboard(props);
-    return index.h(ShadowViewAddon.LeaderboardView, Object.assign({}, viewprops));
-  }
-};
-function useLeaderboardDemo(props) {
-  return cjs.cjs({
-    states: {
-      loading: false,
-      hasLeaders: true,
-      styles: {
-        usersheading: props.usersheading
-          ? props.usersheading
-          : "TOP REFERRERS",
-        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
-      },
-    },
-    data: {
-      rankType: "rowNumber",
-      leaderboard: [
-        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
-        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
-        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
-        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
-        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
-      ],
-    },
-    elements: {
-      empty: props.empty ? props.empty : index.h("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (index.h("div", null, "Loading")),
-    },
-  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
-}
+const Leaderboard = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    _extends.h$1(this);
+    ShadowViewAddon.withShadowView(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = {
+      empty: index.h("slot", { name: "empty" }),
+      loadingstate: index.h("slot", { name: "loading" }),
+      usersheading: this.usersheading,
+      statsheading: this.statsheading,
+      rankType: this.rankType,
+      leaderboardType: this.leaderboardType,
+      interval: this.interval,
+    };
+    const demoProps = { ...props, demoData: this.demoData };
+    const viewprops = index_module.j()
+      ? useLeaderboardDemo(demoProps)
+      : ShadowViewAddon.useLeaderboard(props);
+    return index.h(ShadowViewAddon.LeaderboardView, Object.assign({}, viewprops));
+  }
+};
+function useLeaderboardDemo(props) {
+  return cjs.cjs({
+    states: {
+      loading: false,
+      hasLeaders: true,
+      styles: {
+        usersheading: props.usersheading
+          ? props.usersheading
+          : "TOP REFERRERS",
+        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
+      },
+    },
+    data: {
+      rankType: "rowNumber",
+      leaderboard: [
+        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
+        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
+        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
+        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
+        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
+      ],
+    },
+    elements: {
+      empty: props.empty ? props.empty : index.h("div", null, "Empty"),
+      loadingstate: props.loadingstate ? (props.loadingstate) : (index.h("div", null, "Loading")),
+    },
+  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
+}
 Leaderboard.style = sqmLeaderboardCss;
 
 exports.sqm_leaderboard = Leaderboard;

package/dist/cjs/{sqm-name-fields-view-fbb96a06.js → sqm-name-fields-view-24614ac7.js}

@@ -2,53 +2,53 @@
 
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-ebc0fed1.js');
+const mixins = require('./mixins-7b7c59fe.js');
 
-const style = {
-  InputContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "20px",
-    },
-  },
-  FieldsContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-  ErrorStyle: mixins.ErrorStyles,
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-sl-input::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
-}
-`;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function NameFieldsView(props) {
-  const { states } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
-  return (index.h("div", { class: sheet.classes.FieldsContainer },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
-      class: sheet.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
-    }
-      : []))),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
-      class: sheet.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
-    }
-      : [])))));
+const style = {
+  InputContainer: {
+    "& > :not(:last-child)": {
+      "margin-bottom": "20px",
+    },
+  },
+  FieldsContainer: {
+    "& > :not(:last-child)": {
+      "margin-bottom": "var(--sl-spacing-large)",
+    },
+  },
+  ErrorStyle: mixins.ErrorStyles,
+};
+const vanillaStyle = `
+:host {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+sl-input::part(label){
+  font-size: var(--sl-input-label-font-size-small);
+  font-weight: var(--sl-font-weight-semibold);
+}
+`;
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function NameFieldsView(props) {
+  const { states } = props;
+  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  return (index.h("div", { class: sheet.classes.FieldsContainer },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
+    }
+      : []))),
+    index.h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
+    }
+      : [])))));
 }
 
 exports.NameFieldsView = NameFieldsView;

package/dist/cjs/sqm-name-fields.cjs.entry.js

@@ -5,56 +5,56 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-66cd975e.js');
+const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./mixins-ebc0fed1.js');
-const sqmNameFieldsView = require('./sqm-name-fields-view-fbb96a06.js');
+require('./mixins-7b7c59fe.js');
+const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
 
-const CONTEXT_NAME = "sq:validation-state";
-function useNameFields(props) {
-  const validationState = _extends.d(CONTEXT_NAME);
-  return {
-    states: {
-      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
-      content: {
-        lastNameLabel: props.lastNameLabel,
-        firstNameLabel: props.firstNameLabel,
-      },
-    },
-  };
+const CONTEXT_NAME = "sq:validation-state";
+function useNameFields(props) {
+  const validationState = _extends.d(CONTEXT_NAME);
+  return {
+    states: {
+      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
+      content: {
+        lastNameLabel: props.lastNameLabel,
+        firstNameLabel: props.firstNameLabel,
+      },
+    },
+  };
 }
 
-const NameFields = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName First name field label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last name field label
-     */
-    this.lastNameLabel = "Last Name";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states } = index_module.j() ? useNameFieldsDemo(this) : useNameFields(this);
-    return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
-  }
-};
-function useNameFieldsDemo(props) {
-  return cjs.cjs({
-    states: {
-      validationErrors: [],
-      content: {
-        firstNameLabel: "First Name",
-        lastNameLabel: "Last Name",
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const NameFields = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName First name field label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last name field label
+     */
+    this.lastNameLabel = "Last Name";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states } = index_module.j() ? useNameFieldsDemo(this) : useNameFields(this);
+    return index.h(sqmNameFieldsView.NameFieldsView, { states: states });
+  }
+};
+function useNameFieldsDemo(props) {
+  return cjs.cjs({
+    states: {
+      validationErrors: [],
+      content: {
+        firstNameLabel: "First Name",
+        lastNameLabel: "Last Name",
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_name_fields = NameFields;

package/dist/cjs/{sqm-navigation-sidebar-item-view-699ca0bd.js → sqm-navigation-sidebar-item-view-1bad646a.js}

@@ -1,44 +1,44 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-66cd975e.js');
+const index_module = require('./index.module-2925fe3b.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-ebc0fed1.js');
+const mixins = require('./mixins-7b7c59fe.js');
 
-function NavigationSidebarItemView(props) {
-  const { states, data } = props;
-  const style = {
-    ItemContainer: {
-      display: "flex",
-      "background-color": `${states.active ? "var(--sl-color-gray-200)" : "var(--sl-color-white)"}`,
-      "border-radius": "8px",
-      padding: "8px",
-      "text-decoration": "none",
-      color: "#454444",
-      "align-items": "center",
-      ...mixins.gap({ direction: "row", size: "var(--sl-font-size-small)" }),
-      "&:hover": {
-        cursor: "pointer",
-        background: states.active ? "var(--sl-color-gray-300)" : "var(--sl-color-gray-50)",
-      },
-    },
-    Label: {
-      margin: "0",
-    },
-    Icon: {
-      "flex-shrink": "0",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("a", { href: data.path, onClick: (e) => {
-      e.preventDefault();
-      index_module.rn.push(data.path);
-    }, class: sheet.classes.ItemContainer },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),
-    index.h("p", { class: sheet.classes.Label }, data.label)));
+function NavigationSidebarItemView(props) {
+  const { states, data } = props;
+  const style = {
+    ItemContainer: {
+      display: "flex",
+      "background-color": `${states.active ? "var(--sl-color-gray-200)" : "var(--sl-color-white)"}`,
+      "border-radius": "8px",
+      padding: "8px",
+      "text-decoration": "none",
+      color: "#454444",
+      "align-items": "center",
+      ...mixins.gap({ direction: "row", size: "var(--sl-font-size-small)" }),
+      "&:hover": {
+        cursor: "pointer",
+        background: states.active ? "var(--sl-color-gray-300)" : "var(--sl-color-gray-50)",
+      },
+    },
+    Label: {
+      margin: "0",
+    },
+    Icon: {
+      "flex-shrink": "0",
+    },
+  };
+  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("a", { href: data.path, onClick: (e) => {
+      e.preventDefault();
+      index_module.mn.push(data.path);
+    }, class: sheet.classes.ItemContainer },
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),
+    index.h("p", { class: sheet.classes.Label }, data.label)));
 }
 
 exports.NavigationSidebarItemView = NavigationSidebarItemView;

package/dist/cjs/sqm-navigation-sidebar-item.cjs.entry.js

@@ -5,50 +5,50 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-66cd975e.js');
+const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-a58bfe0d.js');
+const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./mixins-ebc0fed1.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-699ca0bd.js');
+require('./mixins-7b7c59fe.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-1bad646a.js');
 
-function useNavigationSidebarItem(props) {
-  const currentPage = index_module.an();
-  return {
-    states: {
-      active: currentPage.pathname === props.path,
-    },
-    data: {
-      label: props.label,
-      icon: props.icon,
-      path: props.path
-    },
-  };
+function useNavigationSidebarItem(props) {
+  const currentPage = index_module.vn();
+  return {
+    states: {
+      active: currentPage.pathname === props.path,
+    },
+    data: {
+      label: props.label,
+      icon: props.icon,
+      path: props.path
+    },
+  };
 }
 
-const NavigationSidebarItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = index_module.j()
-      ? useSidebarItemDemo(utils.getProps(this))
-      : useNavigationSidebarItem(utils.getProps(this));
-    return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));
-  }
-};
-function useSidebarItemDemo(props) {
-  return cjs.cjs({
-    states: {
-      active: false,
-    },
-    data: {
-      label: props.label || "Dashboard",
-      icon: props.icon || "house",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const NavigationSidebarItem = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = index_module.j()
+      ? useSidebarItemDemo(utils.getProps(this))
+      : useNavigationSidebarItem(utils.getProps(this));
+    return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));
+  }
+};
+function useSidebarItemDemo(props) {
+  return cjs.cjs({
+    states: {
+      active: false,
+    },
+    data: {
+      label: props.label || "Dashboard",
+      icon: props.icon || "house",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_navigation_sidebar_item = NavigationSidebarItem;

package/dist/cjs/{sqm-navigation-sidebar-view-78640345.js → sqm-navigation-sidebar-view-d06e1885.js}

@@ -2,36 +2,36 @@
 
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-ebc0fed1.js');
+const mixins = require('./mixins-7b7c59fe.js');
 
-const style = {
-  ItemsContainer: {
-    "min-width": "290px",
-    "max-width": "320px",
-    "box-sizing": "border-box",
-    padding: "20px 15px",
-    ...mixins.gap({ direction: "column", size: "4px" }),
-  },
-};
-const vanillaStyle = `
-  :host{    
-    width: 30vw;
-    min-width: min-content;
-    max-width: 320px;
-  }
-`;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function NavigationSidebarView(
-// @ts-ignore - Stencil requires props (even if empty)
-props, children) {
-  return (index.h("div", null,
-    index.h("div", { class: sheet.classes.ItemsContainer },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+const style = {
+  ItemsContainer: {
+    "min-width": "290px",
+    "max-width": "320px",
+    "box-sizing": "border-box",
+    padding: "20px 15px",
+    ...mixins.gap({ direction: "column", size: "4px" }),
+  },
+};
+const vanillaStyle = `
+  :host{    
+    width: 30vw;
+    min-width: min-content;
+    max-width: 320px;
+  }
+`;
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function NavigationSidebarView(
+// @ts-ignore - Stencil requires props (even if empty)
+props, children) {
+  return (index.h("div", null,
+    index.h("div", { class: sheet.classes.ItemsContainer },
+      index.h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      children)));
 }
 
 exports.NavigationSidebarView = NavigationSidebarView;

package/dist/cjs/sqm-navigation-sidebar.cjs.entry.js

@@ -5,19 +5,19 @@ 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');
-require('./mixins-ebc0fed1.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-78640345.js');
+require('./mixins-7b7c59fe.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
 
-const NavigationSidebar = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmNavigationSidebarView.NavigationSidebarView, null, index.h("slot", null)));
-  }
+const NavigationSidebar = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmNavigationSidebarView.NavigationSidebarView, null, index.h("slot", null)));
+  }
 };
 
 exports.sqm_navigation_sidebar = NavigationSidebar;