@saasquatch/mint-components 2.0.4-4 → 2.0.4-5

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 (28) hide show
  1. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +3 -3
  2. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  3. package/dist/cjs/sqm-header-logo.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-empty/sqm-empty-view.js +1 -1
  5. package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +1 -1
  6. package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +1 -1
  7. package/dist/collection/components/sqm-image/sqm-image-view.js +1 -1
  8. package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js +1 -1
  9. package/dist/esm/sqm-big-stat_47.entry.js +3 -3
  10. package/dist/esm/sqm-empty_4.entry.js +1 -1
  11. package/dist/esm/sqm-header-logo.entry.js +1 -1
  12. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  13. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  14. package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
  15. package/dist/mint-components/mint-components.esm.js +1 -1
  16. package/dist/mint-components/p-0cc5d508.system.entry.js +1 -0
  17. package/dist/mint-components/p-151b6497.system.entry.js +1 -0
  18. package/dist/mint-components/p-49ac5b1e.entry.js +1 -0
  19. package/dist/mint-components/p-68303b07.system.js +1 -1
  20. package/dist/mint-components/{p-007be02a.system.entry.js → p-94293b41.system.entry.js} +1 -1
  21. package/dist/mint-components/p-a7456751.entry.js +1 -0
  22. package/dist/mint-components/{p-d863de17.entry.js → p-bf4fd60e.entry.js} +2 -2
  23. package/docs/docs.docx +0 -0
  24. package/package.json +1 -1
  25. package/dist/mint-components/p-706d3280.entry.js +0 -1
  26. package/dist/mint-components/p-98180f03.entry.js +0 -1
  27. package/dist/mint-components/p-d3537ade.system.entry.js +0 -1
  28. package/dist/mint-components/p-e7cd3c27.system.entry.js +0 -1
@@ -1738,7 +1738,7 @@ function HeroImageView(props, children) {
1738
1738
  return (index.h("div", null,
1739
1739
  index.h("div", { class: sheet.classes.Column },
1740
1740
  index.h("div", { class: "image-area" },
1741
- index.h("img", { class: `${sheet.classes.Image} lazyload`, src: props.imageUrl, part: "sqm-columns-image" })),
1741
+ index.h("img", { class: `${sheet.classes.Image} lazyload`, "data-src": props.imageUrl, part: "sqm-columns-image" })),
1742
1742
  index.h("div", { class: "text-area", part: "sqm-columns-text-area" },
1743
1743
  props.header && (index.h("div", { class: sheet.classes.Header, part: "sqm-columns-header" }, props.header)),
1744
1744
  props.description && (index.h("div", { class: sheet.classes.Description, part: "sqm-columns-description" }, props.description)),
@@ -1865,7 +1865,7 @@ function ImageView(props) {
1865
1865
  styleString,
1866
1866
  vanillaStyle),
1867
1867
  index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
1868
- index.h("img", { part: "sqm-image", src: props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
1868
+ index.h("img", { part: "sqm-image", "data-src": props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
1869
1869
  }
1870
1870
 
1871
1871
  const Image = class {
@@ -4392,7 +4392,7 @@ function ProgramExplainerStepView(props) {
4392
4392
  const styleString = sheet.toString();
4393
4393
  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
4394
4394
  index.h("style", { type: "text/css" }, styleString),
4395
- index.h("div", null, props.imageUrl ? (index.h("img", { class: `${sheet.classes.Media} lazyload`, src: props.imageUrl, part: "sqm-media" })) : (index.h("div", { class: sheet.classes.Media, part: "sqm-media" },
4395
+ index.h("div", null, props.imageUrl ? (index.h("img", { class: `${sheet.classes.Media} lazyload`, "data-src": props.imageUrl, part: "sqm-media" })) : (index.h("div", { class: sheet.classes.Media, part: "sqm-media" },
4396
4396
  index.h("sl-icon", { name: props.icon })))),
4397
4397
  index.h("div", { class: sheet.classes.Text },
4398
4398
  index.h("div", { class: sheet.classes.Header, part: "sqm-header" }, props.header),
@@ -13,7 +13,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-f85719e5.js'
13
13
  function EmptyStateView(props) {
14
14
  const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
15
15
  return (index.h("sqm-portal-container", { padding: "large", gap: "medium", part: "sqm-base" },
16
- index.h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
16
+ index.h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, "data-src": emptyStateImage }),
17
17
  index.h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
18
18
  index.h("sqm-text", { slot: "label" },
19
19
  index.h("p", { part: "header-text" }, emptyStateHeader)),
@@ -33,7 +33,7 @@ const HeroImage = class {
33
33
  }
34
34
  disconnectedCallback() { }
35
35
  render() {
36
- return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (index.h("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (index.h("h3", { style: {
36
+ return (index.h(index.Host, null, index.h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (index.h("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, "data-src": this === null || this === void 0 ? void 0 : this.imageUrl })) : (index.h("h3", { style: {
37
37
  fontSize: `${this.logoTextSize}px`,
38
38
  color: this.logoTextColor,
39
39
  } }, this.logoText)))));
@@ -3,7 +3,7 @@ import { intl } from "../../global/global";
3
3
  export function EmptyStateView(props) {
4
4
  const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
5
5
  return (h("sqm-portal-container", { padding: "large", gap: "medium", part: "sqm-base" },
6
- h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
6
+ h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, "data-src": emptyStateImage }),
7
7
  h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
8
8
  h("sqm-text", { slot: "label" },
9
9
  h("p", { part: "header-text" }, emptyStateHeader)),
@@ -32,7 +32,7 @@ export class HeroImage {
32
32
  disconnectedCallback() { }
33
33
  render() {
34
34
  return (h(Host, null,
35
- h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
35
+ h("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, "data-src": this === null || this === void 0 ? void 0 : this.imageUrl })) : (h("h3", { style: {
36
36
  fontSize: `${this.logoTextSize}px`,
37
37
  color: this.logoTextColor,
38
38
  } }, this.logoText)))));
@@ -131,7 +131,7 @@ export function HeroImageView(props, children) {
131
131
  return (h("div", null,
132
132
  h("div", { class: sheet.classes.Column },
133
133
  h("div", { class: "image-area" },
134
- h("img", { class: `${sheet.classes.Image} lazyload`, src: props.imageUrl, part: "sqm-columns-image" })),
134
+ h("img", { class: `${sheet.classes.Image} lazyload`, "data-src": props.imageUrl, part: "sqm-columns-image" })),
135
135
  h("div", { class: "text-area", part: "sqm-columns-text-area" },
136
136
  props.header && (h("div", { class: sheet.classes.Header, part: "sqm-columns-header" }, props.header)),
137
137
  props.description && (h("div", { class: sheet.classes.Description, part: "sqm-columns-description" }, props.description)),
@@ -28,5 +28,5 @@ export function ImageView(props) {
28
28
  styleString,
29
29
  vanillaStyle),
30
30
  h("div", { class: sheet.classes.Container, part: "sqm-base" },
31
- h("img", { part: "sqm-image", src: props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
31
+ h("img", { part: "sqm-image", "data-src": props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
32
32
  }
@@ -71,7 +71,7 @@ export function ProgramExplainerStepView(props) {
71
71
  }`;
72
72
  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
73
73
  h("style", { type: "text/css" }, styleString),
74
- h("div", null, props.imageUrl ? (h("img", { class: `${sheet.classes.Media} lazyload`, src: props.imageUrl, part: "sqm-media" })) : (h("div", { class: sheet.classes.Media, part: "sqm-media" },
74
+ h("div", null, props.imageUrl ? (h("img", { class: `${sheet.classes.Media} lazyload`, "data-src": props.imageUrl, part: "sqm-media" })) : (h("div", { class: sheet.classes.Media, part: "sqm-media" },
75
75
  h("sl-icon", { name: props.icon })))),
76
76
  h("div", { class: sheet.classes.Text },
77
77
  h("div", { class: sheet.classes.Header, part: "sqm-header" }, props.header),
@@ -1734,7 +1734,7 @@ function HeroImageView(props, children) {
1734
1734
  return (h$1("div", null,
1735
1735
  h$1("div", { class: sheet.classes.Column },
1736
1736
  h$1("div", { class: "image-area" },
1737
- h$1("img", { class: `${sheet.classes.Image} lazyload`, src: props.imageUrl, part: "sqm-columns-image" })),
1737
+ h$1("img", { class: `${sheet.classes.Image} lazyload`, "data-src": props.imageUrl, part: "sqm-columns-image" })),
1738
1738
  h$1("div", { class: "text-area", part: "sqm-columns-text-area" },
1739
1739
  props.header && (h$1("div", { class: sheet.classes.Header, part: "sqm-columns-header" }, props.header)),
1740
1740
  props.description && (h$1("div", { class: sheet.classes.Description, part: "sqm-columns-description" }, props.description)),
@@ -1861,7 +1861,7 @@ function ImageView(props) {
1861
1861
  styleString,
1862
1862
  vanillaStyle),
1863
1863
  h$1("div", { class: sheet.classes.Container, part: "sqm-base" },
1864
- h$1("img", { part: "sqm-image", src: props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
1864
+ h$1("img", { part: "sqm-image", "data-src": props.imageUrl, class: `${sheet.classes.Image} lazyload` }))));
1865
1865
  }
1866
1866
 
1867
1867
  const Image = class {
@@ -4388,7 +4388,7 @@ function ProgramExplainerStepView(props) {
4388
4388
  const styleString = sheet.toString();
4389
4389
  return (h$1("div", { class: sheet.classes.Container, part: "sqm-base" },
4390
4390
  h$1("style", { type: "text/css" }, styleString),
4391
- h$1("div", null, props.imageUrl ? (h$1("img", { class: `${sheet.classes.Media} lazyload`, src: props.imageUrl, part: "sqm-media" })) : (h$1("div", { class: sheet.classes.Media, part: "sqm-media" },
4391
+ h$1("div", null, props.imageUrl ? (h$1("img", { class: `${sheet.classes.Media} lazyload`, "data-src": props.imageUrl, part: "sqm-media" })) : (h$1("div", { class: sheet.classes.Media, part: "sqm-media" },
4392
4392
  h$1("sl-icon", { name: props.icon })))),
4393
4393
  h$1("div", { class: sheet.classes.Text },
4394
4394
  h$1("div", { class: sheet.classes.Header, part: "sqm-header" }, props.header),
@@ -9,7 +9,7 @@ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-c
9
9
  function EmptyStateView(props) {
10
10
  const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;
11
11
  return (h("sqm-portal-container", { padding: "large", gap: "medium", part: "sqm-base" },
12
- h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
12
+ h("img", { class: "lazyload", style: { height: "100px", margin: "auto" }, "data-src": emptyStateImage }),
13
13
  h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
14
14
  h("sqm-text", { slot: "label" },
15
15
  h("p", { part: "header-text" }, emptyStateHeader)),
@@ -29,7 +29,7 @@ const HeroImage = class {
29
29
  }
30
30
  disconnectedCallback() { }
31
31
  render() {
32
- return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h$1("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl })) : (h$1("h3", { style: {
32
+ return (h$1(Host, null, h$1("a", { href: this.nextPage, part: "sqm-link", style: { textDecoration: "none" } }, this.imageUrl ? (h$1("img", { class: "lazyload", style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, "data-src": this === null || this === void 0 ? void 0 : this.imageUrl })) : (h$1("h3", { style: {
33
33
  fontSize: `${this.logoTextSize}px`,
34
34
  color: this.logoTextColor,
35
35
  } }, this.logoText)))));