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

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

@@ -1,65 +1,65 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { j } from './index.module-33c313d2.js';
+import { j } from './index.module-8c0fcb22.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-2e3ea31f.js';
+import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-6146607d.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) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-    withShadowView(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = {
-      empty: h$1("slot", { name: "empty" }),
-      loadingstate: h$1("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 = j()
-      ? useLeaderboardDemo(demoProps)
-      : useLeaderboard(props);
-    return h$1(LeaderboardView, Object.assign({}, viewprops));
-  }
-};
-function useLeaderboardDemo(props) {
-  return 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 : h$1("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (h$1("div", null, "Loading")),
-    },
-  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
-}
+const Leaderboard = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+    withShadowView(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = {
+      empty: h$1("slot", { name: "empty" }),
+      loadingstate: h$1("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 = j()
+      ? useLeaderboardDemo(demoProps)
+      : useLeaderboard(props);
+    return h$1(LeaderboardView, Object.assign({}, viewprops));
+  }
+};
+function useLeaderboardDemo(props) {
+  return 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 : h$1("div", null, "Empty"),
+      loadingstate: props.loadingstate ? (props.loadingstate) : (h$1("div", null, "Loading")),
+    },
+  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
+}
 Leaderboard.style = sqmLeaderboardCss;
 
 export { Leaderboard as sqm_leaderboard };

package/dist/esm/{sqm-name-fields-view-4162fb7b.js → sqm-name-fields-view-443f3baa.js}

@@ -1,52 +1,52 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { E as ErrorStyles } from './mixins-10353a39.js';
+import { E as ErrorStyles } from './mixins-eba86511.js';
 
-const style = {
-  InputContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "20px",
-    },
-  },
-  FieldsContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-  ErrorStyle: 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);
-}
-`;
-jss.setup(create());
-const sheet = 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 (h("div", { class: sheet.classes.FieldsContainer },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    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",
-    }
-      : []))),
-    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: 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);
+}
+`;
+jss.setup(create());
+const sheet = 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 (h("div", { class: sheet.classes.FieldsContainer },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    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",
+    }
+      : []))),
+    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",
+    }
+      : [])))));
 }
 
 export { NameFieldsView as N };

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

@@ -1,56 +1,56 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { n as d, m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { j } from './index.module-33c313d2.js';
+import { j } from './index.module-8c0fcb22.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import { N as NameFieldsView } from './sqm-name-fields-view-4162fb7b.js';
+import './mixins-eba86511.js';
+import { N as NameFieldsView } from './sqm-name-fields-view-443f3baa.js';
 
-const CONTEXT_NAME = "sq:validation-state";
-function useNameFields(props) {
-  const validationState = 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 = 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) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName First name field label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last name field label
-     */
-    this.lastNameLabel = "Last Name";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states } = j() ? useNameFieldsDemo(this) : useNameFields(this);
-    return h$1(NameFieldsView, { states: states });
-  }
-};
-function useNameFieldsDemo(props) {
-  return cjs({
-    states: {
-      validationErrors: [],
-      content: {
-        firstNameLabel: "First Name",
-        lastNameLabel: "Last Name",
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const NameFields = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName First name field label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last name field label
+     */
+    this.lastNameLabel = "Last Name";
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states } = j() ? useNameFieldsDemo(this) : useNameFields(this);
+    return h$1(NameFieldsView, { states: states });
+  }
+};
+function useNameFieldsDemo(props) {
+  return cjs({
+    states: {
+      validationErrors: [],
+      content: {
+        firstNameLabel: "First Name",
+        lastNameLabel: "Last Name",
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { NameFields as sqm_name_fields };

package/dist/esm/{sqm-navigation-sidebar-item-view-5dfa535f.js → sqm-navigation-sidebar-item-view-3539e74e.js}

@@ -1,42 +1,42 @@
 import { h } from './index-17b4da69.js';
-import { r as rn } from './index.module-33c313d2.js';
+import { r as rn } from './index.module-8c0fcb22.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { g as gap } from './mixins-10353a39.js';
+import { g as gap } from './mixins-eba86511.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",
-      ...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",
-    },
-  };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("a", { href: data.path, onClick: (e) => {
-      e.preventDefault();
-      rn.push(data.path);
-    }, class: sheet.classes.ItemContainer },
-    h("style", { type: "text/css" }, styleString),
-    h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),
-    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",
+      ...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",
+    },
+  };
+  jss.setup(create());
+  const sheet = jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (h("a", { href: data.path, onClick: (e) => {
+      e.preventDefault();
+      rn.push(data.path);
+    }, class: sheet.classes.ItemContainer },
+    h("style", { type: "text/css" }, styleString),
+    h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),
+    h("p", { class: sheet.classes.Label }, data.label)));
 }
 
 export { NavigationSidebarItemView as N };

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

@@ -1,50 +1,50 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
-import { c as an, j } from './index.module-33c313d2.js';
+import { c as an, j } from './index.module-8c0fcb22.js';
 import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
+import { g as getProps } from './utils-271197e1.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-5dfa535f.js';
+import './mixins-eba86511.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-3539e74e.js';
 
-function useNavigationSidebarItem(props) {
-  const currentPage = an();
-  return {
-    states: {
-      active: currentPage.pathname === props.path,
-    },
-    data: {
-      label: props.label,
-      icon: props.icon,
-      path: props.path
-    },
-  };
+function useNavigationSidebarItem(props) {
+  const currentPage = an();
+  return {
+    states: {
+      active: currentPage.pathname === props.path,
+    },
+    data: {
+      label: props.label,
+      icon: props.icon,
+      path: props.path
+    },
+  };
 }
 
-const NavigationSidebarItem = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = j()
-      ? useSidebarItemDemo(getProps(this))
-      : useNavigationSidebarItem(getProps(this));
-    return h$1(NavigationSidebarItemView, Object.assign({}, props));
-  }
-};
-function useSidebarItemDemo(props) {
-  return cjs({
-    states: {
-      active: false,
-    },
-    data: {
-      label: props.label || "Dashboard",
-      icon: props.icon || "house",
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const NavigationSidebarItem = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = j()
+      ? useSidebarItemDemo(getProps(this))
+      : useNavigationSidebarItem(getProps(this));
+    return h$1(NavigationSidebarItemView, Object.assign({}, props));
+  }
+};
+function useSidebarItemDemo(props) {
+  return cjs({
+    states: {
+      active: false,
+    },
+    data: {
+      label: props.label || "Dashboard",
+      icon: props.icon || "house",
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 export { NavigationSidebarItem as sqm_navigation_sidebar_item };

package/dist/esm/{sqm-navigation-sidebar-view-2242502c.js → sqm-navigation-sidebar-view-9a7b5a9e.js}

@@ -1,35 +1,35 @@
 import { h } from './index-17b4da69.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { g as gap } from './mixins-10353a39.js';
+import { g as gap } from './mixins-eba86511.js';
 
-const style = {
-  ItemsContainer: {
-    "min-width": "290px",
-    "max-width": "320px",
-    "box-sizing": "border-box",
-    padding: "20px 15px",
-    ...gap({ direction: "column", size: "4px" }),
-  },
-};
-const vanillaStyle = `
-  :host{    
-    width: 30vw;
-    min-width: min-content;
-    max-width: 320px;
-  }
-`;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function NavigationSidebarView(
-// @ts-ignore - Stencil requires props (even if empty)
-props, children) {
-  return (h("div", null,
-    h("div", { class: sheet.classes.ItemsContainer },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+const style = {
+  ItemsContainer: {
+    "min-width": "290px",
+    "max-width": "320px",
+    "box-sizing": "border-box",
+    padding: "20px 15px",
+    ...gap({ direction: "column", size: "4px" }),
+  },
+};
+const vanillaStyle = `
+  :host{    
+    width: 30vw;
+    min-width: min-content;
+    max-width: 320px;
+  }
+`;
+jss.setup(create());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function NavigationSidebarView(
+// @ts-ignore - Stencil requires props (even if empty)
+props, children) {
+  return (h("div", null,
+    h("div", { class: sheet.classes.ItemsContainer },
+      h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      children)));
 }
 
 export { NavigationSidebarView as N };

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

@@ -1,19 +1,19 @@
 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 './mixins-10353a39.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2242502c.js';
+import './mixins-eba86511.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-9a7b5a9e.js';
 
-const NavigationSidebar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(NavigationSidebarView, null, h$1("slot", null)));
-  }
+const NavigationSidebar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ignored = true;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h$1(NavigationSidebarView, null, h$1("slot", null)));
+  }
 };
 
 export { NavigationSidebar as sqm_navigation_sidebar };