@saasquatch/mint-components 1.5.0-0 → 1.5.0-101

package/dist/esm/sqm-leaderboard-rank-view-47844836.js

@@ -1,128 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { _ as __assign } from './global-90da933f.js';
-import { p as parse } from './index.module-90d2c3ad.js';
-
-var docCache = new Map();
-var fragmentSourceMap = new Map();
-var printFragmentWarnings = true;
-var experimentalFragmentVariables = false;
-function normalize(string) {
-    return string.replace(/[\s,]+/g, ' ').trim();
-}
-function cacheKeyFromLoc(loc) {
-    return normalize(loc.source.body.substring(loc.start, loc.end));
-}
-function processFragments(ast) {
-    var seenKeys = new Set();
-    var definitions = [];
-    ast.definitions.forEach(function (fragmentDefinition) {
-        if (fragmentDefinition.kind === 'FragmentDefinition') {
-            var fragmentName = fragmentDefinition.name.value;
-            var sourceKey = cacheKeyFromLoc(fragmentDefinition.loc);
-            var sourceKeySet = fragmentSourceMap.get(fragmentName);
-            if (sourceKeySet && !sourceKeySet.has(sourceKey)) {
-                if (printFragmentWarnings) {
-                    console.warn("Warning: fragment with name " + fragmentName + " already exists.\n"
-                        + "graphql-tag enforces all fragment names across your application to be unique; read more about\n"
-                        + "this in the docs: http://dev.apollodata.com/core/fragments.html#unique-names");
-                }
-            }
-            else if (!sourceKeySet) {
-                fragmentSourceMap.set(fragmentName, sourceKeySet = new Set);
-            }
-            sourceKeySet.add(sourceKey);
-            if (!seenKeys.has(sourceKey)) {
-                seenKeys.add(sourceKey);
-                definitions.push(fragmentDefinition);
-            }
-        }
-        else {
-            definitions.push(fragmentDefinition);
-        }
-    });
-    return __assign(__assign({}, ast), { definitions: definitions });
-}
-function stripLoc(doc) {
-    var workSet = new Set(doc.definitions);
-    workSet.forEach(function (node) {
-        if (node.loc)
-            delete node.loc;
-        Object.keys(node).forEach(function (key) {
-            var value = node[key];
-            if (value && typeof value === 'object') {
-                workSet.add(value);
-            }
-        });
-    });
-    var loc = doc.loc;
-    if (loc) {
-        delete loc.startToken;
-        delete loc.endToken;
-    }
-    return doc;
-}
-function parseDocument(source) {
-    var cacheKey = normalize(source);
-    if (!docCache.has(cacheKey)) {
-        var parsed = parse(source, {
-            experimentalFragmentVariables: experimentalFragmentVariables
-        });
-        if (!parsed || parsed.kind !== 'Document') {
-            throw new Error('Not a valid GraphQL document.');
-        }
-        docCache.set(cacheKey, stripLoc(processFragments(parsed)));
-    }
-    return docCache.get(cacheKey);
-}
-function gql(literals) {
-    var args = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        args[_i - 1] = arguments[_i];
-    }
-    if (typeof literals === 'string') {
-        literals = [literals];
-    }
-    var result = literals[0];
-    args.forEach(function (arg, i) {
-        if (arg && arg.kind === 'Document') {
-            result += arg.loc.source.body;
-        }
-        else {
-            result += arg;
-        }
-        result += literals[i + 1];
-    });
-    return parseDocument(result);
-}
-function resetCaches() {
-    docCache.clear();
-    fragmentSourceMap.clear();
-}
-function disableFragmentWarnings() {
-    printFragmentWarnings = false;
-}
-function enableExperimentalFragmentVariables() {
-    experimentalFragmentVariables = true;
-}
-function disableExperimentalFragmentVariables() {
-    experimentalFragmentVariables = false;
-}
-var extras = {
-    gql: gql,
-    resetCaches: resetCaches,
-    disableFragmentWarnings: disableFragmentWarnings,
-    enableExperimentalFragmentVariables: enableExperimentalFragmentVariables,
-    disableExperimentalFragmentVariables: disableExperimentalFragmentVariables
-};
-(function (gql_1) {
-    gql_1.gql = extras.gql, gql_1.resetCaches = extras.resetCaches, gql_1.disableFragmentWarnings = extras.disableFragmentWarnings, gql_1.enableExperimentalFragmentVariables = extras.enableExperimentalFragmentVariables, gql_1.disableExperimentalFragmentVariables = extras.disableExperimentalFragmentVariables;
-})(gql || (gql = {}));
-gql["default"] = gql;
-const gql$1 = gql;
-
-function LeaderboardRankView(props) {
-  const { data } = props;
-  return h("span", { class: "P" }, data.rank);
-}
-
-export { LeaderboardRankView as L, gql$1 as g };

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

@@ -1,65 +0,0 @@
-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-90d2c3ad.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import { w as withShadowView, u as useLeaderboard, L as LeaderboardView } from './ShadowViewAddon-a3f510db.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 });
-}
-Leaderboard.style = sqmLeaderboardCss;
-
-export { Leaderboard as sqm_leaderboard };

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-referral-table-column.entry.js

@@ -1,26 +0,0 @@
-import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
-
-const ReferralTableGenericColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(_) {
-    // this is insecure, <script> tags can be added
-    return (h$1("sqm-referral-table-cell", { "inner-template": getElement(this).innerHTML }));
-  }
-  async renderLabel() {
-    return Promise.resolve(this.columnTitle);
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return (h$1(Host, { style: { display: "none" } }, h$1("slot", null)));
-  }
-};
-
-export { ReferralTableGenericColumn as sqm_referral_table_column };

package/dist/esm/sqm-referral-table-date-column.entry.js

@@ -1,43 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
-
-const ReferralTableDateColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Date Column Title
-     */
-    this.columnTitle = "Date Converted";
-    /**
-     * @uiName Date Displayed
-     * @uiType string
-     * @uiEnum ["dateConverted",
-     * "dateReferralStarted",
-     * "dateFraudChecksCompleted",
-     * "dateModerated",
-     * "dateModified",
-     * "dateReferralEnded",
-     * "dateReferralPaid",
-     * "dateUserModified"]
-     */
-    this.dateShown = "dateConverted";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO - Validate `dateShown` against a set of known values
-    return (h$1("sqm-referral-table-date-cell", { date: data[this.dateShown] }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.dateShown, this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableDateColumn as sqm_referral_table_date_column };

package/dist/esm/sqm-referral-table-rewards-column.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
-
-const ReferralTableRewardsColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Reward column title
-     */
-    this.columnTitle = "Rewards";
-    /**
-     * @uiName Hide dropdown details of reward
-     */
-    this.hideDetails = false;
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Do the right thing with many rewards, pending rewards, canceled rewards
-    return (h$1("sqm-referral-table-rewards-cell", { rewards: data.rewards, hideDetails: this.hideDetails }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableRewardsColumn as sqm_referral_table_rewards_column };

package/dist/esm/sqm-referral-table-status-column.entry.js

@@ -1,41 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
-
-const ReferralTableStatusColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Column Title
-     */
-    this.columnTitle = "Status";
-    /**
-     * @uiName Converted Status Text
-     */
-    this.convertedStatusText = "Converted";
-    /**
-     * @uiName In Progress Status Text
-     */
-    this.inProgressStatusText = "In Progress";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    // TODO: Make ICU and more complete
-    const statusText = data.dateConverted
-      ? this.convertedStatusText
-      : this.inProgressStatusText;
-    return (h$1("sqm-referral-table-status-cell", { "status-text": statusText, converted: data.dateConverted ? true : false }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([this.columnTitle]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableStatusColumn as sqm_referral_table_status_column };

package/dist/esm/sqm-referral-table-user-column.entry.js

@@ -1,53 +0,0 @@
-import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import './index.module-90d2c3ad.js';
-import { a as useRequestRerender } from './re-render-e06f2f7f.js';
-
-const ReferralTableUserColumn = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName User Column Title
-     */
-    this.columnTitle = "Customer";
-    /**
-     * @uiName Name displayed for anonymous users
-     */
-    this.anonymousUser = "Anonymous User";
-    /**
-     * @uiName Name displayed for deleted users
-     */
-    this.deletedUser = "Deleted User";
-    h(this);
-  }
-  disconnectedCallback() { }
-  async renderCell(data) {
-    var _a, _b, _c, _d;
-    let name;
-    if (!(data === null || data === void 0 ? void 0 : data.referredUser)) {
-      name = this.deletedUser;
-    }
-    else if (!((_a = data === null || data === void 0 ? void 0 : data.referredUser) === null || _a === void 0 ? void 0 : _a.firstName) &&
-      !((_b = data === null || data === void 0 ? void 0 : data.referredUser) === null || _b === void 0 ? void 0 : _b.lastName)) {
-      name = this.anonymousUser;
-    }
-    else {
-      name = `${(_c = data === null || data === void 0 ? void 0 : data.referredUser) === null || _c === void 0 ? void 0 : _c.firstName} ${(_d = data === null || data === void 0 ? void 0 : data.referredUser) === null || _d === void 0 ? void 0 : _d.lastName}`;
-    }
-    return (h$1("sqm-referral-table-user-cell", { name: name }));
-  }
-  async renderLabel() {
-    return this.columnTitle;
-  }
-  render() {
-    useRequestRerender([
-      this.deletedUser,
-      this.anonymousUser,
-      this.columnTitle,
-    ]);
-    return h$1(Host, { style: { display: "none" } });
-  }
-};
-
-export { ReferralTableUserColumn as sqm_referral_table_user_column };

package/dist/esm/sqm-share-code.entry.js

@@ -1,83 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { d as dist, M, T, e as en, j } from './index.module-90d2c3ad.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { c as cjs } from './cjs-bdfb4486.js';
-import './mixins-10353a39.js';
-import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
-
-const MessageLinkQuery = dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-function useShareCode(props) {
-  var _a, _b;
-  const programId = M();
-  const user = T();
-  const { data } = en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = useState(false);
-  function onClick() {
-    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-    // Only if called from a user-initiated event
-    navigator.clipboard.writeText(shareString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-  }
-  return { ...props, onClick, open, shareString };
-}
-
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
-const ShareCode = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip will appear for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = j()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return h$1(ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareCode(props) {
-  const [open, setOpen] = useState(false);
-  const shareString = "https://www.example.com/sharelink/abc";
-  return cjs({
-    shareString,
-    tooltiptext: props.tooltiptext,
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(shareString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-export { ShareCode as sqm_share_code };

package/dist/esm/sqm-share-link-view-9282b8e8.js

@@ -1,22 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { H as HostBlock } from './mixins-10353a39.js';
-
-const style = {
-  HostBlock: HostBlock,
-  inputStyle: {
-    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
-  },
-};
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function ShareLinkView(props) {
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
-      h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
-        h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
-}
-
-export { ShareLinkView as S };

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

@@ -1,32 +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 PortalSectionView } from './sqm-portal-section-view-f0876545.js';
-
-const TitledSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Label margin style
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.labelMargin = "small";
-    /**
-     * @uiName Section padding
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.padding = "none";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const label = h$1("slot", { name: "label" }, this.label);
-    const content = h$1("slot", { name: "content" });
-    return h$1(PortalSectionView, Object.assign({}, { ...getProps(this), label, content }));
-  }
-};
-
-export { TitledSection as sqm_titled_section };

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;