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

package/dist/collection/index.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/collection/insertcss.js

@@ -1,44 +1,44 @@
-const containers = []; // will store container HTMLElement references
-const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
-const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
-export function insertCSS(css, options) {
-  options = options || {};
-  if (css === undefined) {
-    throw new Error(usage);
-  }
-  var position = options.prepend === true ? 'prepend' : 'append';
-  var container = options.container !== undefined ? options.container : document.querySelector('head');
-  var containerId = containers.indexOf(container);
-  // first time we see this container, create the necessary entries
-  if (containerId === -1) {
-    containerId = containers.push(container) - 1;
-    styleElements[containerId] = {};
-  }
-  // try to get the correponding container + position styleElement, create it otherwise
-  var styleElement;
-  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
-    styleElement = styleElements[containerId][position];
-  }
-  else {
-    styleElement = styleElements[containerId][position] = createStyleElement();
-    if (position === 'prepend') {
-      container.insertBefore(styleElement, container.childNodes[0]);
-    }
-    else {
-      container.appendChild(styleElement);
-    }
-  }
-  // strip potential UTF-8 BOM if css was read from a file
-  if (css.charCodeAt(0) === 0xFEFF) {
-    css = css.substr(1, css.length);
-  }
-  // actually add the stylesheet
-  styleElement.textContent += css;
-  return styleElement;
-}
-;
-function createStyleElement() {
-  var styleElement = document.createElement('style');
-  styleElement.setAttribute('type', 'text/css');
-  return styleElement;
-}
+const containers = []; // will store container HTMLElement references
+const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
+const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
+export function insertCSS(css, options) {
+  options = options || {};
+  if (css === undefined) {
+    throw new Error(usage);
+  }
+  var position = options.prepend === true ? 'prepend' : 'append';
+  var container = options.container !== undefined ? options.container : document.querySelector('head');
+  var containerId = containers.indexOf(container);
+  // first time we see this container, create the necessary entries
+  if (containerId === -1) {
+    containerId = containers.push(container) - 1;
+    styleElements[containerId] = {};
+  }
+  // try to get the correponding container + position styleElement, create it otherwise
+  var styleElement;
+  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
+    styleElement = styleElements[containerId][position];
+  }
+  else {
+    styleElement = styleElements[containerId][position] = createStyleElement();
+    if (position === 'prepend') {
+      container.insertBefore(styleElement, container.childNodes[0]);
+    }
+    else {
+      container.appendChild(styleElement);
+    }
+  }
+  // strip potential UTF-8 BOM if css was read from a file
+  if (css.charCodeAt(0) === 0xFEFF) {
+    css = css.substr(1, css.length);
+  }
+  // actually add the stylesheet
+  styleElement.textContent += css;
+  return styleElement;
+}
+;
+function createStyleElement() {
+  var styleElement = document.createElement('style');
+  styleElement.setAttribute('type', 'text/css');
+  return styleElement;
+}

package/dist/collection/stories/AssetCard.stories.js

@@ -1,29 +1,29 @@
-import { h } from "@stencil/core";
-import { AssetCardView } from "../components/sqm-asset-card/sqm-asset-card-view";
-export default {
-  title: "Asset Card",
-};
-export const Default = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "../../assets/saasquatch-logo.png",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
-export const CardWithLongText = () => {
-  const props = {
-    text: { titleText: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!" },
-    imgUrl: "../../assets/saasquatch-logo.png",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
-export const CardWithNoImg = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
+import { h } from "@stencil/core";
+import { AssetCardView } from "../components/sqm-asset-card/sqm-asset-card-view";
+export default {
+  title: "Asset Card",
+};
+export const Default = () => {
+  const props = {
+    text: { titleText: "Marketing Banner" },
+    imgUrl: "../../assets/saasquatch-logo.png",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};
+export const CardWithLongText = () => {
+  const props = {
+    text: { titleText: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!" },
+    imgUrl: "../../assets/saasquatch-logo.png",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};
+export const CardWithNoImg = () => {
+  const props = {
+    text: { titleText: "Marketing Banner" },
+    imgUrl: "",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};

package/dist/collection/stories/BigStat.stories.js

@@ -1,58 +1,58 @@
-import { h } from "@stencil/core";
-import { BigStatView } from "../components/sqm-big-stat/sqm-big-stat-view";
-export default {
-  title: "Big Stat",
-};
-export const Default = () => {
-  const props = { statvalue: "9.900,00" };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const LeftAlign = () => {
-  const props = {
-    statvalue: "500",
-    alignment: "left",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const RightAlign = () => {
-  const props = {
-    statvalue: "500",
-    alignment: "right",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const FlexReverse = () => {
-  const props = {
-    statvalue: "500",
-    flexReverse: true,
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const FlexReverseRight = () => {
-  const props = {
-    statvalue: "500",
-    flexReverse: true,
-    alignment: "right",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const FlexReverseLeft = () => {
-  const props = {
-    statvalue: "500",
-    flexReverse: true,
-    alignment: "left",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const NoStatValue = () => {
-  const props = {
-    statvalue: "...",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
-export const InvalidStatValue = () => {
-  const props = {
-    statvalue: "!!!",
-  };
-  return h(BigStatView, Object.assign({}, props), "Big stat");
-};
+import { h } from "@stencil/core";
+import { BigStatView } from "../components/sqm-big-stat/sqm-big-stat-view";
+export default {
+  title: "Big Stat",
+};
+export const Default = () => {
+  const props = { statvalue: "9.900,00" };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const LeftAlign = () => {
+  const props = {
+    statvalue: "500",
+    alignment: "left",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const RightAlign = () => {
+  const props = {
+    statvalue: "500",
+    alignment: "right",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const FlexReverse = () => {
+  const props = {
+    statvalue: "500",
+    flexReverse: true,
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const FlexReverseRight = () => {
+  const props = {
+    statvalue: "500",
+    flexReverse: true,
+    alignment: "right",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const FlexReverseLeft = () => {
+  const props = {
+    statvalue: "500",
+    flexReverse: true,
+    alignment: "left",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const NoStatValue = () => {
+  const props = {
+    statvalue: "...",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};
+export const InvalidStatValue = () => {
+  const props = {
+    statvalue: "!!!",
+  };
+  return h(BigStatView, Object.assign({}, props), "Big stat");
+};

package/dist/collection/stories/ChangePassword.stories.js

@@ -1,147 +1,147 @@
-import { h } from "@stencil/core";
-import { PortalChangePasswordView } from "../components/sqm-portal-change-password/sqm-portal-change-password-view";
-import scenario from "../components/sqm-portal-change-password/sqm-portal-change-password.feature";
-export default {
-  title: "Change Password",
-  parameters: {
-    scenario,
-  },
-};
-const defaultProps = {
-  states: {
-    open: false,
-    loading: false,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const openProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const errorProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "Network error. Please try again.",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const passwordErrorProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: false,
-    error: "Passwords do not match.",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const loadingProps = {
-  states: {
-    open: true,
-    loading: true,
-    success: false,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-const successProps = {
-  states: {
-    open: true,
-    loading: false,
-    success: true,
-    error: "",
-    content: {
-      modalChangePasswordHeader: "Change Password",
-      cancelText: "Cancel",
-      changePasswordButtonText: "Change Password",
-      passwordFieldLabel: "New Password",
-      confirmPasswordFieldLabel: "Confirm new password",
-      successMessage: "Your password has been updated.",
-      portalChangePasswordHeader: "Password",
-      portalChangePasswordButtonText: "Change your password...",
-    },
-  },
-  callbacks: {
-    setOpen: (o) => console.log(o),
-    submit: (e) => console.log("Submit", e),
-  },
-};
-export const Default = () => h(PortalChangePasswordView, Object.assign({}, defaultProps));
-export const Open = () => h(PortalChangePasswordView, Object.assign({}, openProps));
-export const Error = () => h(PortalChangePasswordView, Object.assign({}, errorProps));
-export const PaswordError = () => (h(PortalChangePasswordView, Object.assign({}, passwordErrorProps)));
-export const Loading = () => h(PortalChangePasswordView, Object.assign({}, loadingProps));
-export const Success = () => h(PortalChangePasswordView, Object.assign({}, successProps));
+import { h } from "@stencil/core";
+import { PortalChangePasswordView } from "../components/sqm-portal-change-password/sqm-portal-change-password-view";
+import scenario from "../components/sqm-portal-change-password/sqm-portal-change-password.feature";
+export default {
+  title: "Change Password",
+  parameters: {
+    scenario,
+  },
+};
+const defaultProps = {
+  states: {
+    open: false,
+    loading: false,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const openProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const errorProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "Network error. Please try again.",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const passwordErrorProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: false,
+    error: "Passwords do not match.",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const loadingProps = {
+  states: {
+    open: true,
+    loading: true,
+    success: false,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+const successProps = {
+  states: {
+    open: true,
+    loading: false,
+    success: true,
+    error: "",
+    content: {
+      modalChangePasswordHeader: "Change Password",
+      cancelText: "Cancel",
+      changePasswordButtonText: "Change Password",
+      passwordFieldLabel: "New Password",
+      confirmPasswordFieldLabel: "Confirm new password",
+      successMessage: "Your password has been updated.",
+      portalChangePasswordHeader: "Password",
+      portalChangePasswordButtonText: "Change your password...",
+    },
+  },
+  callbacks: {
+    setOpen: (o) => console.log(o),
+    submit: (e) => console.log("Submit", e),
+  },
+};
+export const Default = () => h(PortalChangePasswordView, Object.assign({}, defaultProps));
+export const Open = () => h(PortalChangePasswordView, Object.assign({}, openProps));
+export const Error = () => h(PortalChangePasswordView, Object.assign({}, errorProps));
+export const PaswordError = () => (h(PortalChangePasswordView, Object.assign({}, passwordErrorProps)));
+export const Loading = () => h(PortalChangePasswordView, Object.assign({}, loadingProps));
+export const Success = () => h(PortalChangePasswordView, Object.assign({}, successProps));