@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.
- package/dist/cjs/sqm-big-stat_47.cjs.entry.js +3 -3
- package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
- package/dist/cjs/sqm-header-logo.cjs.entry.js +1 -1
- package/dist/collection/components/sqm-empty/sqm-empty-view.js +1 -1
- package/dist/collection/components/sqm-header-logo/sqm-header-logo.js +1 -1
- package/dist/collection/components/sqm-hero-image/sqm-hero-image-view.js +1 -1
- package/dist/collection/components/sqm-image/sqm-image-view.js +1 -1
- package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js +1 -1
- package/dist/esm/sqm-big-stat_47.entry.js +3 -3
- package/dist/esm/sqm-empty_4.entry.js +1 -1
- package/dist/esm/sqm-header-logo.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/sqm-header-logo.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-0cc5d508.system.entry.js +1 -0
- package/dist/mint-components/p-151b6497.system.entry.js +1 -0
- package/dist/mint-components/p-49ac5b1e.entry.js +1 -0
- package/dist/mint-components/p-68303b07.system.js +1 -1
- package/dist/mint-components/{p-007be02a.system.entry.js → p-94293b41.system.entry.js} +1 -1
- package/dist/mint-components/p-a7456751.entry.js +1 -0
- package/dist/mint-components/{p-d863de17.entry.js → p-bf4fd60e.entry.js} +2 -2
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/mint-components/p-706d3280.entry.js +0 -1
- package/dist/mint-components/p-98180f03.entry.js +0 -1
- package/dist/mint-components/p-d3537ade.system.entry.js +0 -1
- 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
|
}
|
package/dist/collection/components/sqm-program-explainer-step/sqm-program-explainer-step-view.js
CHANGED
|
@@ -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)))));
|