npm - @saasquatch/mint-components - Versions diffs - 1.6.1-13 → 1.6.1-16 - Mend

@saasquatch/mint-components 1.6.1-13 → 1.6.1-16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (855) hide show

package/dist/collection/components/sqm-scroll/sqm-scroll.js CHANGED Viewed

@@ -1,383 +1,381 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import { useScroll } from "./useScroll";
-import { createStyleSheet } from "../../styling/JSS";
-/**
- * @uiName Scroll Button
- * @exampleGroup Common Components
- * @slots [{"name":"", "title":"Button Content"}]
- * @slotEditor richText
- * @example Scroll Button - <sqm-scroll button-type="primary" size="medium" outline mobile scroll-animation="smooth">Button Text</sqm-scroll>
- */
-export class Scroll {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Button Type
-     * @uiType string
-     * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
-     * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
-     */
-    this.buttonType = "default";
-    /**
-     * @uiName Scroll Animation Style
-     * @uiType string
-     * @uiEnum ["smooth", "auto"]
-     * @uiEnumNames ["Smooth", "Auto"]
-     */
-    this.scrollAnimation = "smooth";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    var _a;
-    const { callbacks } = useScroll(this);
-    const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
-    const style = {
-      Button: {
-        "& .outline": {
-          "&::part(base)": {
-            color: "var(--sl-color-" + outlineColor + "-500)",
-            borderColor: "var(--sl-color-" + outlineColor + "-500)",
-            backgroundColor: "transparent",
-            "&:hover": {
-              color: "var(--sl-color-primary-text)",
-              backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
-            },
-          },
-        },
-        "& .neutral": {
-          "&::part(base)": {
-            color: "var(--sl-color-primary-text)",
-            background: "var(--sl-color-neutral-500)",
-            "&:hover": {
-              opacity: "0.8"
-            },
-          },
-        },
-        "& .mobile": {
-          "@media (max-width: 499px)": {
-            width: "100%",
-          },
-        },
-      },
-    };
-    const sheet = createStyleSheet(style);
-    const styleString = sheet.toString();
-    const vanillaStyle = `
-		:host{
-			display: contents;
-		}
-		${this.mobile &&
-      `
-		@media only screen and (max-width: 499px) {
-			:host {
-				display: block;
-				width: 100%;
-			}
-		}
-	  `}
-	`;
-    let classStack = "";
-    if (this.outline && this.buttonType != "default")
-      classStack += "outline ";
-    if (this.buttonType === "neutral")
-      classStack += "neutral ";
-    if (this.mobile)
-      classStack += "mobile ";
-    return (h("div", { class: sheet.classes.Button },
-      h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      h("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack },
-        (this.iconSlot || this.iconName) && (h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })),
-        this.buttonText,
-        h("slot", null))));
-  }
-  static get is() { return "sqm-scroll"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "buttonType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "| \"default\"\r\n    | \"primary\"\r\n    | \"success\"\r\n    | \"neutral\"\r\n    | \"warning\"\r\n    | \"danger\"\r\n    | \"text\"",
-        "resolved": "\"danger\" | \"default\" | \"neutral\" | \"primary\" | \"success\" | \"text\" | \"warning\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Button Type",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"default\", \"primary\", \"success\", \"neutral\", \"warning\", \"danger\", \"text\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Default\", \"Primary\", \"Success\", \"Neutral\", \"Warning\", \"Danger\", \"Text\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": ""
-      },
-      "attribute": "button-type",
-      "reflect": false,
-      "defaultValue": "\"default\""
-    },
-    "buttonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Button Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "button-text",
-      "reflect": false
-    },
-    "scrollTagName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Scroll Tag Name",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "scroll-tag-name",
-      "reflect": false
-    },
-    "scrollId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Scroll Id",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "scroll-id",
-      "reflect": false
-    },
-    "scrollAnimation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"smooth\" | \"auto\"",
-        "resolved": "\"auto\" | \"smooth\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Scroll Animation Style",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"smooth\", \"auto\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Smooth\", \"Auto\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": ""
-      },
-      "attribute": "scroll-animation",
-      "reflect": false,
-      "defaultValue": "\"smooth\""
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Size",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Small\", \"Medium\", \"Large\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false
-    },
-    "outline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Outline",
-            "name": "uiName"
-          }],
-        "text": "Draws an outlined button."
-      },
-      "attribute": "outline",
-      "reflect": false
-    },
-    "pill": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Pill",
-            "name": "uiName"
-          }],
-        "text": "Draws a pill-style button with rounded edges."
-      },
-      "attribute": "pill",
-      "reflect": false
-    },
-    "circle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Circle",
-            "name": "uiName"
-          }],
-        "text": "Draws a circle button."
-      },
-      "attribute": "circle",
-      "reflect": false
-    },
-    "iconSlot": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Icon Slot",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"prefix\", \"suffix\"]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Prefix\", \"Suffix\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": ""
-      },
-      "attribute": "icon-slot",
-      "reflect": false
-    },
-    "iconName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Icon",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "icon-name",
-      "reflect": false
-    },
-    "mobile": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Full Width on Mobile",
-            "name": "uiName"
-          }],
-        "text": "The button becomes full width if the screen size is smaller than 500px"
-      },
-      "attribute": "mobile",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import { useScroll } from "./useScroll";
+import { createStyleSheet } from "../../styling/JSS";
+/**
+ * @uiName Scroll Button
+ * @slots [{"name":"", "title":"Button Content"}]
+ * @slotEditor richText
+ */
+export class Scroll {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Button Type
+     * @uiType string
+     * @uiEnum ["default", "primary", "success", "neutral", "warning", "danger", "text"]
+     * @uiEnumNames ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"]
+     */
+    this.buttonType = "default";
+    /**
+     * @uiName Scroll Animation Style
+     * @uiType string
+     * @uiEnum ["smooth", "auto"]
+     * @uiEnumNames ["Smooth", "Auto"]
+     */
+    this.scrollAnimation = "smooth";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    var _a;
+    const { callbacks } = useScroll(this);
+    const outlineColor = (_a = this.buttonType) !== null && _a !== void 0 ? _a : "primary";
+    const style = {
+      Button: {
+        "& .outline": {
+          "&::part(base)": {
+            color: "var(--sl-color-" + outlineColor + "-500)",
+            borderColor: "var(--sl-color-" + outlineColor + "-500)",
+            backgroundColor: "transparent",
+            "&:hover": {
+              color: "var(--sl-color-primary-text)",
+              backgroundColor: "var(--sl-color-" + outlineColor + "-500)",
+            },
+          },
+        },
+        "& .neutral": {
+          "&::part(base)": {
+            color: "var(--sl-color-primary-text)",
+            background: "var(--sl-color-neutral-500)",
+            "&:hover": {
+              opacity: "0.8",
+            },
+          },
+        },
+        "& .mobile": {
+          "@media (max-width: 499px)": {
+            width: "100%",
+          },
+        },
+      },
+    };
+    const sheet = createStyleSheet(style);
+    const styleString = sheet.toString();
+    const vanillaStyle = `
+		:host{
+			display: contents;
+		}
+		${this.mobile &&
+      `
+		@media only screen and (max-width: 499px) {
+			:host {
+				display: block;
+				width: 100%;
+			}
+		}
+	  `}
+	`;
+    let classStack = "";
+    if (this.outline && this.buttonType != "default")
+      classStack += "outline ";
+    if (this.buttonType === "neutral")
+      classStack += "neutral ";
+    if (this.mobile)
+      classStack += "mobile ";
+    return (h("div", { class: sheet.classes.Button },
+      h("style", { type: "text/css" },
+        vanillaStyle,
+        styleString),
+      h("sl-button", { type: this.buttonType, onClick: callbacks.scroll, size: this.size, pill: this.pill, circle: this.circle, class: classStack },
+        (this.iconSlot || this.iconName) && (h("sl-icon", { slot: this.iconSlot || "prefix", name: this.iconName })),
+        this.buttonText,
+        h("slot", null))));
+  }
+  static get is() { return "sqm-scroll"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "buttonType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "| \"default\"\n    | \"primary\"\n    | \"success\"\n    | \"neutral\"\n    | \"warning\"\n    | \"danger\"\n    | \"text\"",
+        "resolved": "\"danger\" | \"default\" | \"neutral\" | \"primary\" | \"success\" | \"text\" | \"warning\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Button Type",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"default\", \"primary\", \"success\", \"neutral\", \"warning\", \"danger\", \"text\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Default\", \"Primary\", \"Success\", \"Neutral\", \"Warning\", \"Danger\", \"Text\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": ""
+      },
+      "attribute": "button-type",
+      "reflect": false,
+      "defaultValue": "\"default\""
+    },
+    "buttonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Button Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "button-text",
+      "reflect": false
+    },
+    "scrollTagName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Scroll Tag Name",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "scroll-tag-name",
+      "reflect": false
+    },
+    "scrollId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Scroll Id",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "scroll-id",
+      "reflect": false
+    },
+    "scrollAnimation": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"smooth\" | \"auto\"",
+        "resolved": "\"auto\" | \"smooth\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Scroll Animation Style",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"smooth\", \"auto\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Smooth\", \"Auto\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": ""
+      },
+      "attribute": "scroll-animation",
+      "reflect": false,
+      "defaultValue": "\"smooth\""
+    },
+    "size": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Size",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"small\", \"medium\", \"large\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Small\", \"Medium\", \"Large\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false
+    },
+    "outline": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Outline",
+            "name": "uiName"
+          }],
+        "text": "Draws an outlined button."
+      },
+      "attribute": "outline",
+      "reflect": false
+    },
+    "pill": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Pill",
+            "name": "uiName"
+          }],
+        "text": "Draws a pill-style button with rounded edges."
+      },
+      "attribute": "pill",
+      "reflect": false
+    },
+    "circle": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Circle",
+            "name": "uiName"
+          }],
+        "text": "Draws a circle button."
+      },
+      "attribute": "circle",
+      "reflect": false
+    },
+    "iconSlot": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Icon Slot",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"prefix\", \"suffix\"]",
+            "name": "uiEnum"
+          }, {
+            "text": "[\"Prefix\", \"Suffix\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": ""
+      },
+      "attribute": "icon-slot",
+      "reflect": false
+    },
+    "iconName": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Icon",
+            "name": "uiName"
+          }],
+        "text": "Full list of valid icon names available in the {@link https://shoelace.style/components/icon Shoelace Icon Library}. This value is case sensitive."
+      },
+      "attribute": "icon-name",
+      "reflect": false
+    },
+    "mobile": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Full Width on Mobile",
+            "name": "uiName"
+          }],
+        "text": "The button becomes full width if the screen size is smaller than 500px"
+      },
+      "attribute": "mobile",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}