@saasquatch/mint-components 1.6.4 → 1.6.5-10

package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js

@@ -1,14 +1,14 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-import { ErrorStyles } from "../../global/mixins";
-const style = {
-  ErrorStyle: ErrorStyles,
-  FieldsContainer: {
-    "& sl-input": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-};
+import { h } from "@stencil/core";
+import { createStyleSheet } from "../../styling/JSS";
+import { ErrorStyles } from "../../global/mixins";
+const style = {
+  ErrorStyle: ErrorStyles,
+  FieldsContainer: {
+    "& sl-input": {
+      "margin-bottom": "var(--sl-spacing-large)",
+    },
+  },
+};
 const vanillaStyle = `
 :host {
   margin: 0 auto;
@@ -20,31 +20,31 @@ sl-input::part(label){
   font-size: var(--sl-input-label-font-size-small);
   font-weight: var(--sl-font-weight-semibold);
 }
-`;
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function NameFieldsView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
-  const { states } = props;
-  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.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, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
-      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
-    }
-      : {}), ((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, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
-      value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
-    }
-      : {}), ((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 sheet = createStyleSheet(style);
+const styleString = sheet.toString();
+export function NameFieldsView(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+  const { states } = props;
+  const validationErrors = (_a = states === null || states === void 0 ? void 0 : states.registrationFormState) === null || _a === void 0 ? void 0 : _a.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, disabled: ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.loading) || ((_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.disabled) }, (((_e = (_d = states.registrationFormState) === null || _d === void 0 ? void 0 : _d.initialData) === null || _e === void 0 ? void 0 : _e.firstName) ? {
+      value: (_g = (_f = states.registrationFormState) === null || _f === void 0 ? void 0 : _f.initialData) === null || _g === void 0 ? void 0 : _g.firstName,
+    }
+      : {}), ((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, disabled: ((_h = states.registrationFormState) === null || _h === void 0 ? void 0 : _h.loading) || ((_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.disabled) }, (((_l = (_k = states.registrationFormState) === null || _k === void 0 ? void 0 : _k.initialData) === null || _l === void 0 ? void 0 : _l.lastName) ? {
+      value: (_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.lastName,
+    }
+      : {}), ((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",
+    }
+      : [])))));
+}

package/dist/collection/components/sqm-name-fields/sqm-name-fields.js

@@ -1,120 +1,120 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { NameFieldsView } from "./sqm-name-fields-view";
-import { useNameFields } from "./useNameFields";
-/**
- * @uiName Form Name Fields
- * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
- * @exampleGroup Microsite Components
- * @example Form Name Fields - <sqm-name-fields first-name-label="First Name" last-name-label="Last Name"></sqm-name-fields>
- */
-export class NameFields {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName First Name label
-     */
-    this.firstNameLabel = "First Name";
-    /**
-     * @uiName Last Name label
-     */
-    this.lastNameLabel = "Last Name";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states } = isDemo() ? useNameFieldsDemo(this) : useNameFields(this);
-    return h(NameFieldsView, { states: states });
-  }
-  static get is() { return "sqm-name-fields"; }
-  static get properties() { return {
-    "firstNameLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "First Name label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "first-name-label",
-      "reflect": false,
-      "defaultValue": "\"First Name\""
-    },
-    "lastNameLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Last Name label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "last-name-label",
-      "reflect": false,
-      "defaultValue": "\"Last Name\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<NameFieldsViewProps>",
-        "resolved": "{ states?: { registrationFormState?: RegistrationFormState; content: { firstNameLabel: string; lastNameLabel: string; }; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "NameFieldsViewProps": {
-            "location": "import",
-            "path": "./sqm-name-fields-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useNameFieldsDemo(props) {
-  return deepmerge({
-    states: {
-      validationErrors: [],
-      content: {
-        firstNameLabel: props.firstNameLabel,
-        lastNameLabel: props.lastNameLabel,
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { NameFieldsView } from "./sqm-name-fields-view";
+import { useNameFields } from "./useNameFields";
+/**
+ * @uiName Form Name Fields
+ * @validParents ["sqm-portal-register","sqm-portal-registration-form"]
+ * @exampleGroup Microsite Components
+ * @example Form Name Fields - <sqm-name-fields first-name-label="First Name" last-name-label="Last Name"></sqm-name-fields>
+ */
+export class NameFields {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName First Name label
+     */
+    this.firstNameLabel = "First Name";
+    /**
+     * @uiName Last Name label
+     */
+    this.lastNameLabel = "Last Name";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states } = isDemo() ? useNameFieldsDemo(this) : useNameFields(this);
+    return h(NameFieldsView, { states: states });
+  }
+  static get is() { return "sqm-name-fields"; }
+  static get properties() { return {
+    "firstNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "First Name label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "first-name-label",
+      "reflect": false,
+      "defaultValue": "\"First Name\""
+    },
+    "lastNameLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Last Name label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "last-name-label",
+      "reflect": false,
+      "defaultValue": "\"Last Name\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<NameFieldsViewProps>",
+        "resolved": "{ states?: { registrationFormState?: RegistrationFormState; content: { firstNameLabel: string; lastNameLabel: string; }; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "NameFieldsViewProps": {
+            "location": "import",
+            "path": "./sqm-name-fields-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useNameFieldsDemo(props) {
+  return deepmerge({
+    states: {
+      validationErrors: [],
+      content: {
+        firstNameLabel: props.firstNameLabel,
+        lastNameLabel: props.lastNameLabel,
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-name-fields/useNameFields.js

@@ -1,14 +1,14 @@
-import { useDomContext } from "@saasquatch/stencil-hooks";
-import { REGISTRATION_FORM_STATE_CONTEXT, } from "../sqm-portal-registration-form/useRegistrationFormState";
-export function useNameFields(props) {
-  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
-  return {
-    states: {
-      registrationFormState,
-      content: {
-        lastNameLabel: props.lastNameLabel,
-        firstNameLabel: props.firstNameLabel,
-      },
-    },
-  };
-}
+import { useDomContext } from "@saasquatch/stencil-hooks";
+import { REGISTRATION_FORM_STATE_CONTEXT, } from "../sqm-portal-registration-form/useRegistrationFormState";
+export function useNameFields(props) {
+  const registrationFormState = useDomContext(REGISTRATION_FORM_STATE_CONTEXT);
+  return {
+    states: {
+      registrationFormState,
+      content: {
+        lastNameLabel: props.lastNameLabel,
+        firstNameLabel: props.firstNameLabel,
+      },
+    },
+  };
+}

package/dist/collection/components/sqm-navigation-menu/sqm-navigation-menu-view.js

@@ -1,14 +1,14 @@
-import { h } from "@stencil/core";
-export function NavigationMenuView(props) {
-  const { states } = props;
-  const { styles } = states;
-  return states.includeDropdown ? (h("sl-dropdown", { style: "margin-bottom: var(--sl-spacing-large)" },
-    h("sl-button", { slot: "trigger", caret: true, onClick: props.callbacks.rerender, exportparts: "base: dropdownbutton-base" }, styles.menuLabel),
-    h("sl-menu", { ref: (r) => {
-        if (props.ref.current === undefined) {
-          props.ref.current = r;
-          props.callbacks.rerender();
-        }
-      } },
-      h("slot", null)))) : ("");
-}
+import { h } from "@stencil/core";
+export function NavigationMenuView(props) {
+  const { states } = props;
+  const { styles } = states;
+  return states.includeDropdown ? (h("sl-dropdown", { style: "margin-bottom: var(--sl-spacing-large)" },
+    h("sl-button", { slot: "trigger", caret: true, onClick: props.callbacks.rerender, exportparts: "base: dropdownbutton-base" }, styles.menuLabel),
+    h("sl-menu", { ref: (r) => {
+        if (props.ref.current === undefined) {
+          props.ref.current = r;
+          props.callbacks.rerender();
+        }
+      } },
+      h("slot", null)))) : ("");
+}

package/dist/collection/components/sqm-navigation-menu/sqm-navigation-menu.js

@@ -1,122 +1,122 @@
-import { Component, h, Host, Prop, State } from "@stencil/core";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { NavigationMenuView, } from "./sqm-navigation-menu-view";
-import { useNavigationMenu } from "./useNavigationMenu";
-import { getProps } from "../../utils/utils";
-import deepmerge from "deepmerge";
-/**
- * @uiName Navigation Menu
- */
-export class NavigationMenu {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo()
-      ? useNavigationMenuDemo(getProps(this))
-      : useNavigationMenu(getProps(this));
-    return (h(Host, { slot: "sqm-navigation-menu" },
-      h(NavigationMenuView, Object.assign({}, props))));
-  }
-  static get is() { return "sqm-navigation-menu"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-navigation-menu.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-navigation-menu.css"]
-  }; }
-  static get properties() { return {
-    "includeDropdown": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Include Dropdown Menu",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "include-dropdown",
-      "reflect": false
-    },
-    "menuLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Menu Label",
-            "name": "uiName"
-          }],
-        "text": "Label on the header menu"
-      },
-      "attribute": "menu-label",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<NavigationMenuViewProps>",
-        "resolved": "{ states?: { includeDropdown: boolean; styles: { menuLabel: string; }; }; ref?: { current: any; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "NavigationMenuViewProps": {
-            "location": "import",
-            "path": "./sqm-navigation-menu-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useNavigationMenuDemo(props) {
-  return deepmerge({
-    states: {
-      includeDropdown: true,
-      styles: {
-        ...props,
-        menuLabel: "Menu",
-      },
-    },
-    callbacks: {
-      rerender: () => { },
-    },
-    ref: { current: undefined },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { Component, h, Host, Prop, State } from "@stencil/core";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { NavigationMenuView, } from "./sqm-navigation-menu-view";
+import { useNavigationMenu } from "./useNavigationMenu";
+import { getProps } from "../../utils/utils";
+import deepmerge from "deepmerge";
+/**
+ * @uiName Navigation Menu
+ */
+export class NavigationMenu {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = isDemo()
+      ? useNavigationMenuDemo(getProps(this))
+      : useNavigationMenu(getProps(this));
+    return (h(Host, { slot: "sqm-navigation-menu" },
+      h(NavigationMenuView, Object.assign({}, props))));
+  }
+  static get is() { return "sqm-navigation-menu"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-navigation-menu.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-navigation-menu.css"]
+  }; }
+  static get properties() { return {
+    "includeDropdown": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Include Dropdown Menu",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "include-dropdown",
+      "reflect": false
+    },
+    "menuLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Menu Label",
+            "name": "uiName"
+          }],
+        "text": "Label on the header menu"
+      },
+      "attribute": "menu-label",
+      "reflect": false
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<NavigationMenuViewProps>",
+        "resolved": "{ states?: { includeDropdown: boolean; styles: { menuLabel: string; }; }; ref?: { current: any; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "NavigationMenuViewProps": {
+            "location": "import",
+            "path": "./sqm-navigation-menu-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useNavigationMenuDemo(props) {
+  return deepmerge({
+    states: {
+      includeDropdown: true,
+      styles: {
+        ...props,
+        menuLabel: "Menu",
+      },
+    },
+    callbacks: {
+      rerender: () => { },
+    },
+    ref: { current: undefined },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}