@ptcwebops/ptcw-design 2.8.2 → 2.8.4
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/ptc-form-checkbox_3.cjs.entry.js +1 -1
- package/dist/cjs/ptc-img.cjs.entry.js +1 -1
- package/dist/cjs/ptc-picture.cjs.entry.js +1 -1
- package/dist/cjs/ptc-theater-video-modal.cjs.entry.js +1 -1
- package/dist/collection/components/ptc-form-checkbox/ptc-form-checkbox.js +1 -1
- package/dist/collection/components/ptc-img/ptc-img.js +1 -1
- package/dist/collection/components/ptc-picture/ptc-picture.js +1 -1
- package/dist/collection/components/ptc-theater-video-modal/ptc-theater-video-modal.css +1 -1
- package/dist/custom-elements/index.js +4 -4
- package/dist/esm/ptc-form-checkbox_3.entry.js +1 -1
- package/dist/esm/ptc-img.entry.js +1 -1
- package/dist/esm/ptc-picture.entry.js +1 -1
- package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
- package/dist/ptcw-design/{p-d4356aaa.entry.js → p-50f3a568.entry.js} +1 -1
- package/dist/ptcw-design/{p-1af5de53.entry.js → p-5698fc6b.entry.js} +1 -1
- package/dist/ptcw-design/p-6ec80150.entry.js +1 -0
- package/dist/ptcw-design/p-a5716559.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/ptcw-design/p-0ba60789.entry.js +0 -1
- package/dist/ptcw-design/p-f69859ae.entry.js +0 -1
|
@@ -39,7 +39,7 @@ export class PtcFormCheckbox {
|
|
|
39
39
|
this.mdcCheckbox = mdcCheckbox;
|
|
40
40
|
} }, h("input", Object.assign({ id: this.checkboxId, ref: checkboxInput => {
|
|
41
41
|
this.checkboxInput = checkboxInput;
|
|
42
|
-
}, type: "checkbox" }, (this.required ? { required: true } : {}), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId
|
|
42
|
+
}, type: "checkbox" }, (this.required ? { required: true } : {}), { class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this) })), h("div", { class: "mdc-checkbox__background" }, h("svg", { class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { class: "mdc-checkbox__mixedmark" })), h("div", { class: "mdc-checkbox__ripple" })), h("label", { htmlFor: this.checkboxId, innerHTML: this.label })),
|
|
43
43
|
this.hasError ? (h("div", { class: "checkbox-helper-wrapper" }, h("p", { id: this.name }, h("svg", { class: "select-error-svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { "clip-path": "url(#clip0_12_1424)" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.3156 0L16 4.68444V11.3156L11.3156 16H4.68444L0 11.3156V4.68444L4.68444 0H11.3156ZM8 10.4C7.36 10.4 6.84444 10.9156 6.84444 11.5556C6.84444 12.1956 7.36 12.7111 8 12.7111C8.64 12.7111 9.15556 12.1956 9.15556 11.5556C9.15556 10.9156 8.64 10.4 8 10.4ZM8.88889 3.55556H7.11111V8.88889H8.88889V3.55556Z", fill: "#AF3231" })), h("defs", null, h("clipPath", { id: "clip0_12_1424" }, h("rect", { width: "16", height: "16", fill: "white" })))), this.helpertext))) : null,
|
|
44
44
|
];
|
|
45
45
|
}
|
|
@@ -21,7 +21,7 @@ export class PtcImg {
|
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
23
|
const classMap = this.getCssClassMap();
|
|
24
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap, "data-xs": `${this.imgUrl}
|
|
24
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: classMap, "data-xs": `${this.imgUrl}`, "data-sm": `${this.imgUrl}`, "data-md": `${this.imgUrl}`, "data-lg": `${this.imgUrl}` }, this.imageType == 'smart-bg' ? h("slot", null) : null)));
|
|
25
25
|
}
|
|
26
26
|
componentDidLoad() {
|
|
27
27
|
this.addIntersectionObserver();
|
|
@@ -95,7 +95,7 @@ export class PtcPicture {
|
|
|
95
95
|
render() {
|
|
96
96
|
const classMap = this.getCssClassMap();
|
|
97
97
|
const classMapHost = this.getCssClassMapHost();
|
|
98
|
-
return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}
|
|
98
|
+
return (h(Host, { class: classMapHost }, this.styles && h("style", null, this.styles), h("img", Object.assign({ class: classMap, "data-xs": !!this.sizeXs ? `${this.src}` : `${this.src}`, "data-sm": !!this.sizeSm ? `${this.src}` : `${this.src}`, "data-md": !!this.sizeMd ? `${this.src}` : `${this.src}`, "data-lg": !!this.sizeLg ? `${this.src}` : `${this.src}` }, (!!this.width ? { width: this.width } : {}), (!!this.height ? { height: this.height } : {}), { alt: this.alt, style: Object.assign({}, (!!this.maxWidth ? { maxWidth: this.maxWidth + 'px' } : {})) })), h("slot", null)));
|
|
99
99
|
}
|
|
100
100
|
getCurrentBreakPoints() {
|
|
101
101
|
// Define local variables
|