npm - @ptcwebops/ptcw-design - Versions diffs - 6.5.6-upgrade → 6.5.7-upgrade - Mend

@ptcwebops/ptcw-design 6.5.6-upgrade → 6.5.7-upgrade

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 (880) hide show

package/dist/collection/components/atoms/ptc-checkbox/ptc-checkbox.css ADDED Viewed

@@ -0,0 +1,84 @@
+:host {
+  display: block;
+}
+:host .ptc-checkbox {
+  display: block;
+  position: relative;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  cursor: pointer;
+  font-family: var(--ptc-font-latin);
+  font-style: normal;
+  color: var(--color-gray-12);
+  padding-left: var(--spacing-lg);
+  font-weight: var(--ptc-font-weight-regular);
+  font-size: var(--ptc-font-size-x-small);
+  line-height: 1.375rem;
+}
+:host .ptc-checkbox input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  height: 0;
+  width: 0;
+}
+:host .ptc-checkbox .check {
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 1.375rem;
+  width: 1.375rem;
+  background-color: var(--color-white);
+  border: 1px solid var(--color-gray-07);
+  line-height: var(--ptc-line-height-densest);
+  box-sizing: border-box;
+  border-radius: 4px;
+}
+:host .ptc-checkbox .check .mark {
+  position: absolute;
+  transition: opacity ease-out 250ms;
+  opacity: 0;
+  left: 3px;
+  top: 2px;
+  width: 1.375rem;
+  height: 1.375rem;
+}
+:host .ptc-checkbox input:checked ~ .check {
+  background-color: var(--color-gray-12);
+}
+:host .ptc-checkbox input:checked ~ .check .mark {
+  opacity: 1;
+}
+:host .ptc-checkbox:hover input ~ .check {
+  background-color: var(--color-gray-02);
+}
+:host .ptc-checkbox:hover input:checked ~ .check {
+  background-color: var(--color-gray-12);
+}
+:host .ptc-checkbox.disabled {
+  cursor: not-allowed;
+  color: var(--color-gray-04);
+}
+:host .ptc-checkbox.disabled .mark {
+  opacity: 0;
+}
+:host .ptc-checkbox.disabled .check {
+  background-color: var(--color-white);
+  border: 1px dashed var(--color-gray-04);
+}
+:host .ptc-checkbox.disabled:hover input ~ .check {
+  background-color: var(--color-white);
+}
+:host .ptc-checkbox.disabled:hover input:checked ~ .check {
+  background-color: var(--color-white);
+}
+:host .ptc-checkbox:focus-visible {
+  border-radius: var(--ptc-border-radius-standard);
+  outline: 5px solid var(--keyboard-nav-outline);
+}
+:host .ptc-checkbox.offset-focus-outline:focus-visible {
+  border-radius: var(--ptc-border-radius-standard);
+  outline: 5px solid var(--keyboard-nav-outline);
+  margin: 0 5px 0 5px;
+}

package/dist/collection/components/atoms/ptc-checkbox/ptc-checkbox.js ADDED Viewed

@@ -0,0 +1,213 @@
+import { h, Host, } from "@stencil/core";
+export class PtcCheckbox {
+    checked = "unchecked";
+    value;
+    disabled;
+    inputName;
+    trackerId = "";
+    offsetFocusOutline = false;
+    checkedChanged;
+    host;
+    componentDidLoad() {
+        let input = this.host.shadowRoot.querySelector("input");
+        input.checked = this.checked == "checked";
+    }
+    handleClick = (e) => {
+        if (this.disabled) {
+            e.preventDefault();
+        }
+    };
+    handleKeyDown = (e) => {
+        if (e.key === "Enter") {
+            const input = this.host?.shadowRoot?.querySelector('input[type="checkbox"]');
+            if (input) {
+                input.click();
+            }
+        }
+    };
+    handleChange = (e) => {
+        if (this.disabled) {
+            e.preventDefault();
+        }
+        else {
+            let input = this.host.shadowRoot.querySelector("input");
+            if (this.checked == "unchecked") {
+                this.checked = "checked";
+            }
+            else {
+                this.checked = "unchecked";
+            }
+            let parameter = {
+                event: e,
+                sender: input,
+                value: this.value,
+                checked: this.checked,
+            };
+            this.checkedChanged.emit(parameter);
+        }
+    };
+    render() {
+        return (h(Host, { key: '85a149d7678d45bd5ad6bb59d262ba86d08579af' }, h("label", { key: '68ca88e53268c2860321593fa6c6892ac28bbb65', id: this.trackerId, class: this.getCssClassMap(), tabIndex: 0, onKeyDown: this.handleKeyDown }, h("slot", { key: '2e08b171b9eef0629fc40f3caa78f839f0a19382' }), h("input", { key: 'aca8c1ce047ca8da9c625d8a87387bb1ba223d00', type: "checkbox", tabIndex: -1, onClick: (e) => this.handleClick(e), checked: this.checked == "checked", name: this.inputName, value: this.value, onChange: (e) => this.handleChange(e) }), h("span", { key: '6e922e6b6684111045274208304e6b702c23908d', class: "check" }, h("span", { key: '37607a51aa124aa843de52c1b393bc9d75c9e501', class: "mark" }, h("icon-asset", { key: '2f51b911d876d8f6f0a326dcc38036b86b3491d1', type: "ptc", color: "white", size: "xx-small", name: "checkmark" }))))));
+    }
+    getCssClassMap() {
+        return {
+            ["ptc-checkbox"]: true,
+            ["disabled"]: this.disabled,
+            ["mf-listen"]: true,
+            ["offset-focus-outline"]: this.offsetFocusOutline,
+        };
+    }
+    static get is() { return "ptc-checkbox"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ptc-checkbox.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ptc-checkbox.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "checked": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "\"checked\" | \"unchecked\"",
+                    "resolved": "\"checked\" | \"unchecked\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "checked",
+                "defaultValue": "\"unchecked\""
+            },
+            "value": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "value"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled"
+            },
+            "inputName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "input-name"
+            },
+            "trackerId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tracker-id",
+                "defaultValue": "\"\""
+            },
+            "offsetFocusOutline": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "offset-focus-outline",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "checkedChanged",
+                "name": "checkedChanged",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "host"; }
+}
+//# sourceMappingURL=ptc-checkbox.js.map

package/dist/collection/components/atoms/ptc-checkbox/ptc-checkbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ptc-checkbox.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-checkbox/ptc-checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n\tComponent,\r\n\th,\r\n\tHost,\r\n\tProp,\r\n\tEvent,\r\n\tEventEmitter,\r\n\tElement,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\n\r\n@Component({\r\n\ttag: \"ptc-checkbox\",\r\n\tstyleUrl: \"ptc-checkbox.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcCheckbox {\r\n\t@Prop({ mutable: true }) checked: \"checked\" | \"unchecked\" = \"unchecked\";\r\n\t@Prop({ mutable: true }) value: string;\r\n\t@Prop({ mutable: true }) disabled: boolean;\r\n\t@Prop() inputName: string;\r\n\t@Prop() trackerId: string = \"\";\r\n\t@Prop() offsetFocusOutline: boolean = false;\r\n\t@Event() checkedChanged: EventEmitter;\r\n\t@Element() host: HTMLElement;\r\n\r\n\tcomponentDidLoad() {\r\n\t\tlet input = this.host.shadowRoot.querySelector(\"input\");\r\n\t\tinput.checked = this.checked == \"checked\";\r\n\t}\r\n\r\n\thandleClick = (e: Event) => {\r\n\t\tif (this.disabled) {\r\n\t\t\te.preventDefault();\r\n\t\t}\r\n\t};\r\n\r\n\thandleKeyDown = (e: KeyboardEvent) => {\r\n\t\tif (e.key === \"Enter\") {\r\n\t\t\tconst input =\r\n\t\t\t\tthis.host?.shadowRoot?.querySelector<HTMLInputElement>(\r\n\t\t\t\t\t'input[type=\"checkbox\"]',\r\n\t\t\t\t);\r\n\t\t\tif (input) {\r\n\t\t\t\tinput.click();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\thandleChange = (e: Event) => {\r\n\t\tif (this.disabled) {\r\n\t\t\te.preventDefault();\r\n\t\t} else {\r\n\t\t\tlet input = this.host.shadowRoot.querySelector(\"input\");\r\n\r\n\t\t\tif (this.checked == \"unchecked\") {\r\n\t\t\t\tthis.checked = \"checked\";\r\n\t\t\t} else {\r\n\t\t\t\tthis.checked = \"unchecked\";\r\n\t\t\t}\r\n\r\n\t\t\tlet parameter = {\r\n\t\t\t\tevent: e,\r\n\t\t\t\tsender: input,\r\n\t\t\t\tvalue: this.value,\r\n\t\t\t\tchecked: this.checked,\r\n\t\t\t};\r\n\r\n\t\t\tthis.checkedChanged.emit(parameter);\r\n\t\t}\r\n\t};\r\n\r\n\trender() {\r\n\t\treturn (\r\n\t\t\t<Host>\r\n\t\t\t\t<label\r\n\t\t\t\t\tid={this.trackerId}\r\n\t\t\t\t\tclass={this.getCssClassMap()}\r\n\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\tonKeyDown={this.handleKeyDown}\r\n\t\t\t\t>\r\n\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tonClick={(e) => this.handleClick(e)}\r\n\t\t\t\t\t\tchecked={this.checked == \"checked\"}\r\n\t\t\t\t\t\tname={this.inputName}\r\n\t\t\t\t\t\tvalue={this.value}\r\n\t\t\t\t\t\tonChange={(e) => this.handleChange(e)}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<span class=\"check\">\r\n\t\t\t\t\t\t<span class=\"mark\">\r\n\t\t\t\t\t\t\t<icon-asset\r\n\t\t\t\t\t\t\t\ttype=\"ptc\"\r\n\t\t\t\t\t\t\t\tcolor=\"white\"\r\n\t\t\t\t\t\t\t\tsize=\"xx-small\"\r\n\t\t\t\t\t\t\t\tname=\"checkmark\"\r\n\t\t\t\t\t\t\t></icon-asset>\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</label>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"ptc-checkbox\"]: true,\r\n\t\t\t[\"disabled\"]: this.disabled,\r\n\t\t\t[\"mf-listen\"]: true,\r\n\t\t\t[\"offset-focus-outline\"]: this.offsetFocusOutline,\r\n\t\t};\r\n\t}\r\n}\r\n"]}

package/dist/collection/components/atoms/ptc-date/ptc-date.js CHANGED Viewed

@@ -43,7 +43,7 @@ export class PtcDate {
     render() {
         // const newDate = new Date(this.year, this.month, this.day);
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'f44f36607096e3347438c3d85bb709b03580f486', class: classMap }, this.dateStyles && h("style", { key: '60c1a041b8992cca04af1b754393552d00bf925d' }, this.dateStyles), h("span", { key: '3bfc459f181eae7c2dcd9e8fe4686589104d7a63', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
+        return (h(Host, { key: '056d08237afd75097e428311a14065d93e42e63b', class: classMap }, this.dateStyles && h("style", { key: 'ddcd788b88b80be7d0d723d610d4b60964260506' }, this.dateStyles), h("span", { key: 'd6264592f88b3b94e316dd94ddc94a1628ee23ae', part: "part-ptc-date" }, this.getDate().toLocaleDateString(this.country, this.getOptions()))));
     }
     getCssClassMap() {
         return {

package/dist/collection/components/atoms/ptc-form-checkbox/ptc-form-checkbox.js CHANGED Viewed

@@ -82,18 +82,18 @@ export class PtcFormCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'c38c14f3625c56842de57a45c28557bd6bc94051', class: "ptc-checkbox-field" }, [
-            h("div", { key: '0b17c24d241f5b56ddac32ef4c6e983a70d4d49e', class: `mdc-form-field ${this.hideCheckbox ? "label-only" : ""}`, ref: (mdcFormfield) => {
+        return (h(Host, { key: '6ebdf2b9a1d0d4d69374f504b98e37255d2f4bc9', class: "ptc-checkbox-field" }, [
+            h("div", { key: '348ccfec2a5d82aa154bef6893b4a5355f487c01', class: `mdc-form-field ${this.hideCheckbox ? "label-only" : ""}`, ref: (mdcFormfield) => {
                     this.mdcFormfield = mdcFormfield;
-                }, "aria-labelledby": this.checkboxId }, h("div", { key: 'e6b55dfe0666394ecd52feacd4e59fc3c9316553', class: "mdc-checkbox", ref: (mdcCheckbox) => {
+                }, "aria-labelledby": this.checkboxId }, h("div", { key: 'f8554669b8ffed63d5638dc9c8065e9ae57a8188', class: "mdc-checkbox", ref: (mdcCheckbox) => {
                     this.mdcCheckbox = mdcCheckbox;
-                }, "aria-checked": this.isChecked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false" }, h("input", { key: 'c9fbb64b7a2857d8c2b8a301ad659d579e360bb5', id: this.checkboxId, ref: (checkboxInput) => {
+                }, "aria-checked": this.isChecked ? "true" : "false", "aria-disabled": this.disabled ? "true" : "false" }, h("input", { key: '86607cba88456d034dcc309d4b1728f00e9f6072', id: this.checkboxId, ref: (checkboxInput) => {
                     this.checkboxInput = checkboxInput;
                 }, type: "checkbox", ...(this.isRequired
                     ? { required: true }
                     : { required: false }), ...(this.ignoreBlindSubmit
                     ? { ignoreBlindSubmit: true }
-                    : null), "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this), onKeyDown: this.handleKeyDown.bind(this), checked: this.isChecked, disabled: this.disabled, "aria-invalid": this.hasError }), h("div", { key: 'edcea4593228e970c17214338ef6ba4120c85ec1', class: "mdc-checkbox__background" }, h("svg", { key: '4ec472927c1285db28462ef19f50bb1711de071b', class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { key: '6fc93410a9cbaa87bd133d4425f6731f0c499939', class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { key: 'd9525f9eda2d1fa04c1059a18d811c42b8c64cc4', class: "mdc-checkbox__mixedmark" })), h("div", { key: '270d4bc837574b05876370750bd8ae327a1600e3', class: "mdc-checkbox__ripple" })), h("label", { key: 'b095d405b4c9cccc71ee89957ee600a100db83af', htmlFor: this.checkboxId, innerHTML: this.label })),
+                    : null), "data-eloqua-name": this.ptcDataEloquaName, class: "mdc-checkbox__native-control", onChange: this.handleChange.bind(this), onKeyDown: this.handleKeyDown.bind(this), checked: this.isChecked, disabled: this.disabled, "aria-invalid": this.hasError }), h("div", { key: 'da035e464db6be28a0c9301cea73c8cd14c8faf2', class: "mdc-checkbox__background" }, h("svg", { key: 'df58a7c711b479d2a082272c56bc7209316b05ce', class: "mdc-checkbox__checkmark", viewBox: "0 0 24 24" }, h("path", { key: 'aef1747308346404d498a9ea63b88f8b5473add2', class: "mdc-checkbox__checkmark-path", fill: "none", d: "M1.73,12.91 8.1,19.28 22.79,4.59" })), h("div", { key: '9d1ab9afd9eb29d71e5cb645a26c26679fefc14a', class: "mdc-checkbox__mixedmark" })), h("div", { key: '8d986c5567a9e07503e313448b05bea123010b5d', class: "mdc-checkbox__ripple" })), h("label", { key: '226d2695f90381e5f47a561882876184892e06d0', htmlFor: this.checkboxId, innerHTML: this.label })),
             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,
         ]));
     }

package/dist/collection/components/atoms/ptc-form-radio-button/ptc-form-radio-button.js CHANGED Viewed

@@ -35,7 +35,7 @@ export class PtcFormRadioButton {
         svgCircle.setAttribute("data-checked", String(this.checked));
     }
     render() {
-        return (h(Host, { key: '64ce15c30efe302bfde2bae0ce22f156ee5aee83' }, h("div", { key: '0865fb3b46dfd7e350521730dae7f1fe9c4c252f', class: "ptc-form-radio-button", onClick: (e) => this.radioButtonOnClick(e.currentTarget), "data-disabled": this.isDisabled }, h("svg", { key: 'a5d19ee4a562343b0b7bf740df4fb5542b8b43d2', height: "14px", width: "14px", viewBox: "0 0 14 14" }, h("circle", { key: '72801efbb6add1dd511aa022f0c82ef3b0675251', class: "outer-circle", cx: "7", cy: "7", r: "6", "stroke-width": "1", fill: "transparent" }), h("circle", { key: '89f395d29571133eb1cbb5b5bf94815c79fd4747', class: "inner-circle", cx: "7", cy: "7", r: "3", "stroke-width": "0", fill: "transparent" })), h("div", { key: '9882cd6937412f60a78061346a1cac908d5d7944', class: "radio-label" }, h("ptc-para", { key: '8e153abd11ee1ef1254d95e83e9e36e6e04ecbce', "font-size": "xx-small", "font-weight": "w-4", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: '41d9bdbef97291dc37a0d76a68d563e80dc35be2' }))))));
+        return (h(Host, { key: '00dc956cdea5e4f90f4f00e7b9d2f6256ffceb46' }, h("div", { key: 'af7f20c3b33ff3889fc422b3cdc7875c8904be0c', class: "ptc-form-radio-button", onClick: (e) => this.radioButtonOnClick(e.currentTarget), "data-disabled": this.isDisabled }, h("svg", { key: 'bc31a6cc51cc28445d3cf50e4ccbb83eac0bc862', height: "14px", width: "14px", viewBox: "0 0 14 14" }, h("circle", { key: 'b2cfa7113e13b315efcfd70326dca585c5423944', class: "outer-circle", cx: "7", cy: "7", r: "6", "stroke-width": "1", fill: "transparent" }), h("circle", { key: 'a296c55606f8b7906b1e5212a1ef84add5b306fe', class: "inner-circle", cx: "7", cy: "7", r: "3", "stroke-width": "0", fill: "transparent" })), h("div", { key: '832ff1079cd4579c99e4f8eb0c0dd0816e178789', class: "radio-label" }, h("ptc-para", { key: 'e618a41fb9970cb62f2286d439d88cdbbeb16ade', "font-size": "xx-small", "font-weight": "w-4", "para-line-h": "line-height-p", "para-margin": "margin-flush" }, h("slot", { key: '462d834d925e7966bfb7939976bd6c84b59275a7' }))))));
     }
     static get is() { return "ptc-form-radio-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/atoms/ptc-img/ptc-img.js CHANGED Viewed

@@ -51,7 +51,7 @@ export class PtcImg {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return (h(Host, { key: 'c2fa502057e226f57193dab626e26c9226bb351b' }, this.styles && h("style", { key: 'f2ff5dfc15f748d1b9939fd6cf358c3f18f228d9' }, this.styles), h("div", { key: '3149bdb84f0bce798235eda8bdcd5a4d4ee155ea', 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)));
+        return (h(Host, { key: 'f2668530f67aa8a4ce0b63e49bd8d542ef15a8b7' }, this.styles && h("style", { key: 'fd31ef320414c681da742a294bbb606813ec6a3b' }, this.styles), h("div", { key: '9ba5c1c14c7eb460dbf37827932e08ccd1079353', 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)));
     }
     componentDidLoad() {
         this.addIntersectionObserver();

package/dist/collection/components/atoms/ptc-modal/ptc-modal.js CHANGED Viewed

@@ -292,7 +292,7 @@ export class PtcModal {
         let content;
         let overlay;
         let type = this.iframeUrl ? "frame" : "html";
-        let closebtn = (h("div", { key: '2fe5826d46d2336460a573a64d17a6bb0c069525', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '05ee0e583bdc0d2c896d341ff99121fa32536e61', onClick: (e) => {
+        let closebtn = (h("div", { key: '3ea5e065c65bf47b09d759d4fe2fd2183f3dcc9d', class: "close", id: "modal-close" }, h("ptc-close-icon", { key: '2b6daf31a4dc8574b3b36f76a9abbd06b9ac3a1e', onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -303,7 +303,7 @@ export class PtcModal {
                     this.trap.deactivate();
                 }
             } })));
-        let bottomCloseBtnEle = (h("div", { key: '4bfb66399d0ba1cdca7cd8f84ff98dff54d25573', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
+        let bottomCloseBtnEle = (h("div", { key: '19d8385b8c79c60439c57fba19dd41cc95b2227b', tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
                 e.preventDefault();
                 this.close();
             }, onKeyPress: (e) => {
@@ -313,27 +313,27 @@ export class PtcModal {
                 if (this.trap) {
                     this.trap.deactivate();
                 }
-            } }, h("span", { key: 'f39b0d51585387b74ba635c773aab8d3ee7bce86' }, this.bottomCloseBtn)));
+            } }, h("span", { key: 'c9a5ebf924afd679c05285f38bdba17c9b72d855' }, this.bottomCloseBtn)));
         if (this.iframeUrl) {
-            content = (h("iframe", { key: '08de42df270b85d1f711885e872864625ac21639', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
+            content = (h("iframe", { key: 'e9f6b72d0723ae887817572ddcb6014be8a678d0', src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
         }
         else {
             if (this.showHeaderFooter) {
-                content = h("slot", { key: 'e8207bcf3e3e5b48407085d323ec76351631a15f', name: "body" });
+                content = h("slot", { key: 'ddce4684bdfe0f73e44cfbee26c1d25e451675b8', name: "body" });
             }
             else {
-                content = h("slot", { key: '3b852d2dc3906ed47db1922bed2ad5d425eaaafd' });
+                content = h("slot", { key: 'a27aa4555100bd1f6d5140fc19b0326e1ee7b1af' });
             }
         }
         if (this.overlay) {
             if (this.closeOnBlur) {
-                overlay = (h("div", { key: 'd24337fb3b0b566f6a07059eceb525e5806c2830', class: "overlay", onClick: (_) => this.close() }));
+                overlay = (h("div", { key: '51ed7bb78c8de27ce221848d182ad33da30a88ab', class: "overlay", onClick: (_) => this.close() }));
             }
             else {
-                overlay = h("div", { key: '14a5e89df1579fe0ff4b2d568cdf388fb6ffe3d6', class: "overlay" });
+                overlay = h("div", { key: '2d92503b292c88061e116b87b41f24b1529d6cbe', class: "overlay" });
             }
         }
-        return (h(Host, { key: '0dc4b256306db321c8b413b069b48cc5a753022d', class: this.getCssClassMap() }, this.styles && h("style", { key: '5e32b5f75febaed14f65a6f1e0ede9ff870bdfc5' }, this.styles), h("div", { key: 'b64190d249b568cd7923ad3ab6c570eae51db476', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'ac739c42564f4b05db4ba0f1993d34d5a6260c10', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
+        return (h(Host, { key: '8cdb758d20c0368b0bddf2a3c8971addd8cc4b58', class: this.getCssClassMap() }, this.styles && h("style", { key: 'a133e0b93a1337299a3f796edbe087b05ec6cc03' }, this.styles), h("div", { key: '559f283b4fc46fc27b5fea0217fd707b18774717', class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { key: 'aa5d369460732324b58d38a399f4cc811b0bcb97', class: `modal-popup ${this.customClass ? this.customClass : ""} ${this.size} ${type} ${this.rounded ? "rounded" : ""} ${this.showHeaderFooter ? "shadow-scroller" : ""} `, ref: (el) => (this.modalPopUpRef = el) }, this.modalType === "event-listing" && this.headerOnlyBg
             ? [
                 h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": "smart-img", styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1
                     ? this.headerOnlyText1
@@ -874,14 +874,9 @@ export class PtcModal {
                     "text": "Event for modal popup closed"
                 },
                 "complexType": {
-                    "original": "PtcModal",
-                    "resolved": "PtcModal",
-                    "references": {
-                        "PtcModal": {
-                            "location": "global",
-                            "id": "global::PtcModal"
-                        }
-                    }
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
                 }
             }, {
                 "method": "opened",
@@ -894,14 +889,9 @@ export class PtcModal {
                     "text": "Event for modal popup opened"
                 },
                 "complexType": {
-                    "original": "PtcModal",
-                    "resolved": "PtcModal",
-                    "references": {
-                        "PtcModal": {
-                            "location": "global",
-                            "id": "global::PtcModal"
-                        }
-                    }
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
                 }
             }];
     }

package/dist/collection/components/atoms/ptc-modal/ptc-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ptc-modal.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-modal/ptc-modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should hide header\r\n\t /\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/\r\n\t Use modern scrollbar styling for the modal body.\r\n\t /\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<PtcModal>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}
1	+ {"version":3,"file":"ptc-modal.js","sourceRoot":"","sources":["../../../../src/components/atoms/ptc-modal/ptc-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,CAAC,EACD,KAAK,EACL,MAAM,EAEN,KAAK,GACL,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAO7C,MAAM,OAAO,QAAQ;IACpB;;OAEG;IACQ,EAAE,CAAc;IAE3B;;OAEG;IACsB,SAAS,CAAS;IAE3C;;OAEG;IACsB,IAAI,GAMb,IAAI,CAAC;IACrB;;OAEG;IACsB,WAAW,CAAM;IAE1C;;OAEG;IACsB,IAAI,GAAa,KAAK,CAAC;IAEhD;;OAEG;IACsB,OAAO,GAAa,IAAI,CAAC;IAElD;;OAEG;IACsB,KAAK,GAAa,KAAK,CAAC;IAEjD;;OAEG;IACsB,cAAc,GAAa,KAAK,CAAC;IAE1D;;OAEG;IACsB,WAAW,GAAa,KAAK,CAAC;IAEvD;;OAEG;IACsB,OAAO,GAAa,KAAK,CAAC;IAEnD;;OAEG;IACsB,aAAa,GAAa,KAAK,CAAC;IAEzD;;OAEG;IACsB,gBAAgB,GAAa,KAAK,CAAC;IAE5D;;OAEG;IACsB,UAAU,GAAa,KAAK,CAAC;IAEtD;;OAEG;IACK,eAAe,GAAa,KAAK,CAAC;IAEjC,aAAa,CAAS;IAE/B;;OAEG;IACM,MAAM,CAAoB;IAEnC;;OAEG;IACM,MAAM,CAAoB;IAEnC;;OAEG;IACsB,YAAY,GAIvB,UAAU,CAAC;IAEzB;;OAEG;IACsB,UAAU,GAAa,KAAK,CAAC;IAEtD;;OAEG;IACK,MAAM,CAAU;IAEhB,SAAS,GAIA,eAAe,CAAC;IAEzB,QAAQ,GAAa,KAAK,CAAC;IAE3B,YAAY,CAAU;IAEtB,eAAe,CAAU;IACzB,eAAe,CAAU;IACzB,cAAc,CAAU;IACvB,gBAAgB,GAAY,KAAK,CAAC;IAClB,gBAAgB,CAAM;IAG/C,YAAY,CAAC,QAAiB;QAC7B,IAAI,QAAQ,EAAE,CAAC;YACd,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAA4B,CAAC;YAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;IACF,CAAC;IAED,IAAI,CAAM,CAAC,uBAAuB;IAClC,aAAa,CAAkB;IAC/B,gBAAgB,CAAc;IAC9B,cAAc,GAAQ,GAAG,EAAE;QAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO;QACnC,iDAAiD;QACjD,IAAI,IAAI,CAAC,gBAAgB,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;YAC1C,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC;YAC9B,OAAO;QACR,CAAC;QACD,6DAA6D;QAC7D,MAAM,UAAU,GAAI,IAAI,CAAC,gBAAgC,CAAC,UAAU,CAAC;QACrE,IAAI,UAAU,EAAE,CAAC;YAChB,MAAM,oBAAoB,GAAG,UAAU,CAAC,gBAAgB,CACvD,yCAAyC,CACzC,CAAC;YACF,IAAI,oBAAoB,EAAE,CAAC;gBAC1B,IAAI,gBAAgB,GAAG,oBAAoB,CAC1C,oBAAoB,CAAC,MAAM,GAAG,CAAC,CAChB,CAAC;gBACjB,gBAAgB,CAAC,KAAK,EAAE,CAAC;gBACzB,OAAO;YACR,CAAC;QACF,CAAC;QACD,kEAAkE;QAClE,MAAM,eAAe,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAC5D,yCAAyC,CACzC,CAAC;QACF,IAAI,eAAe,YAAY,WAAW,EAAE,CAAC;YAC5C,eAAe,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;IACF,CAAC,CAAC;IAEF,YAAY,CAAC,KAAe;QAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,aAA6B,CAAC,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,YAAY,CAAC,KAAe;QAC3B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAClD,UAAU,CACK,CAAC;YACjB,UAAU,IAAI,UAAU,CAAC,KAAK,EAAE,CAAC;YACjC,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,UAAU,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE;gBAC/C,iBAAiB,EAAE,IAAI;gBACvB,uBAAuB,EAAE,IAAI;gBAC7B,uBAAuB,EAAE,IAAI;gBAC7B,UAAU,EAAE,GAAG,EAAE;oBAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;wBAC5B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,uDAAuD;oBAC3E,CAAC;gBACF,CAAC;gBACD,YAAY,EAAE,GAAG,EAAE;oBAClB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBACvB,IAAI,CAAC,cAAc,EAAE,CAAC;gBACvB,CAAC;gBACD,eAAe,EAAE;oBAChB,aAAa,EAAE,IAAI;iBACnB;aACD,CAAC,CAAC;YACH,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtB,CAAC;QACF,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;IAEQ,mBAAmB,CAAM;IAElC,mBAAmB;QAClB,IAAI,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,KAAK,eAAe,EAAE,CAAC;YACnD,MAAM,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU;iBAClC,aAAa,CAAC,aAAa,CAAC;iBAC5B,qBAAqB,EAAE,CAAC;YAC1B,MAAM,gBAAgB,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;YACxD,MAAM,MAAM,GAAG,GAAG,CAAC,CAAC,oEAAoE;YACxF,MAAM,CAAC,QAAQ,CAAC;gBACf,GAAG,EAAE,gBAAgB,GAAG,MAAM;gBAC9B,QAAQ,EAAE,QAAQ;aAClB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACP,OAAO;QACR,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QAChE,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACpE,CAAC;IACD,oBAAoB;QACnB,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QACnE,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;IACvE,CAAC;IAED,iBAAiB;QAChB,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAI,CAAC,mBAAmB,GAAG;YAC1B,mCAAmC;YACnC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;YAClC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;SAClC,CAAC;IACH,CAAC;IAED,mBAAmB;QAClB,IAAI,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC1C,IAAI,IAAI,EAAE,CAAC;YACV,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;gBACf,oCAAoC;gBACpC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;oBAChB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;oBACnC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;gBACpC,CAAC;qBAAM,CAAC;oBACP,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;oBACnC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,QAAQ,CAAC;gBACpC,CAAC;YACF,CAAC;iBAAM,CAAC;gBACP,6DAA6D;gBAC7D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;gBAC7D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC;YAC9D,CAAC;QACF,CAAC;IACF,CAAC;IAED,gBAAgB;QACf,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,aAA4B,CAAC;YAC9D,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QACD,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC3B,IAAI,CAAC,YAAY,EAAE,CAAC;QACrB,CAAC;IACF,CAAC;IAED,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;QACzC,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;YACvE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC9B,CAAC;IACF,CAAC,CAAC;IAEF,eAAe,GAAG,GAAG,EAAE;QACtB,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;IAC/B,CAAC,CAAC;IAEF,YAAY,CAAC,CAAQ;QACpB,IAAI,MAAM,GAAG,CAAC,CAAC,MAA2B,CAAC;QAC3C,UAAU,CAAC,GAAG,EAAE;YACf,IAAI,CAAC;gBACJ,IAAI,MAAM,CAAC,eAAe,EAAE,CAAC;oBAC5B,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC;gBACjE,CAAC;qBAAM,CAAC;oBACP,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,SAAS;oBAClC,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;gBACrC,CAAC;YACF,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBAChB,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBACnB,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,SAAS;gBAClC,MAAM,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IACR,CAAC;IAED,YAAY;QACX,IAAI,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;QAEjE,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,IAAI,GAAG,KAAK,CAAC,aAAa,CAAc,aAAa,CAAC,CAAC;YAC3D,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;YAC/B,IAAI,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YACrC,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC;YAE/B,IAAI,MAAM,GAAG,YAAY,EAAE,CAAC;gBAC3B,eAAe;gBACf,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;oBACnB,eAAe;oBACf,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;gBACnC,CAAC;qBAAM,CAAC;oBACP,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;gBACtC,CAAC;gBAED,IAAI,MAAM,GAAG,SAAS,GAAG,YAAY,EAAE,CAAC;oBACvC,iBAAiB;oBACjB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC;gBACtC,CAAC;qBAAM,CAAC;oBACP,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;gBACzC,CAAC;YACF,CAAC;QACF,CAAC;IACF,CAAC;IAED,KAAK;QACJ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,UAAU,CAAC,GAAG,EAAE;YACf,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,CAAC;gBAC/B,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,KAAK,YAAY,EAAE,CAAC;oBACpD,IAAI,CAAC,gBAAgB,CAAC,UAAU;yBAC9B,aAAa,CAAC,QAAQ,CAAC;wBACxB,EAAE,KAAK,EAAE,CAAC;gBACZ,CAAC;YACF,CAAC;QACF,CAAC,EAAE,GAAG,CAAC,CAAC;IACT,CAAC;IAED,MAAM;QACL,IAAI,OAAO,CAAC;QACZ,IAAI,OAAO,CAAC;QACZ,IAAI,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC7C,IAAI,QAAQ,GAAG,CACd,4DAAK,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,aAAa;YAClC,uEACC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACd,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACd,CAAC,EACD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;oBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;oBACb,IAAI,CAAC,cAAc,EAAE,CAAC;oBACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;wBACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBACxB,CAAC;gBACF,CAAC,GACgB,CACb,CACN,CAAC;QACF,IAAI,iBAAiB,GAAG,CACvB,4DACC,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAC,cAAc,EACpB,EAAE,EAAC,oBAAoB,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,CAAC,EACD,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE;gBACjB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,cAAc,EAAE,CAAC;gBACtB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;oBACf,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;gBACxB,CAAC;YACF,CAAC;YAED,+DAAO,IAAI,CAAC,cAAc,CAAQ,CAC7B,CACN,CAAC;QAEF,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,GAAG,CACT,+DACC,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,WAAW,EAAE,CAAC,EACd,eAAe,EAAE,KAAK,EACtB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EACb,SAAS,EAAC,IAAI,EACd,MAAM,EAAE,IAAI,CAAC,YAAY,GAChB,CACV,CAAC;QACH,CAAC;aAAM,CAAC;YACP,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,OAAO,GAAG,6DAAM,IAAI,EAAC,MAAM,GAAQ,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACP,OAAO,GAAG,8DAAa,CAAC;YACzB,CAAC;QACF,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,OAAO,GAAG,CACT,4DAAK,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAQ,CACzD,CAAC;YACH,CAAC;iBAAM,CAAC;gBACP,OAAO,GAAG,4DAAK,KAAK,EAAC,SAAS,GAAO,CAAC;YACvC,CAAC;QACF,CAAC;QAED,OAAO,CACN,EAAC,IAAI,qDAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAChC,IAAI,CAAC,MAAM,IAAI,gEAAQ,IAAI,CAAC,MAAM,CAAS;YAC5C,4DACC,KAAK,EAAE,WAAW,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG;gBAE5E,OAAO;gBACR,4DACC,KAAK,EAAE,eAAe,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IACnH,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAC7C,GAAG,EACH,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CACX,CAAC,IAAI,CAAC,aAAa,GAAG,EAAoB,CAAC;oBAG3C,IAAI,CAAC,SAAS,KAAK,eAAe,IAAI,IAAI,CAAC,YAAY;wBACvD,CAAC,CAAC;4BACA,WAAK,KAAK,EAAC,mBAAmB;gCAC7B,0BACU,IAAI,CAAC,YAAY,gBACf,WAAW,EACtB,MAAM,EAAC,uGAAuG,GACpG;gCACX,WAAK,KAAK,EAAC,cAAc;oCACxB,gBACE,IAAI,CAAC,eAAe;wCACpB,CAAC,CAAC,IAAI,CAAC,eAAe;wCACtB,CAAC,CAAC,EAAE,CACC;oCACP,gBACE,IAAI,CAAC,eAAe;wCACpB,CAAC,CAAC,IAAI,CAAC,eAAe;wCACtB,CAAC,CAAC,EAAE,CACC,CACF,CACD;yBACN;wBACF,CAAC,CAAC,IAAI;oBACN,IAAI,CAAC,gBAAgB;wBACrB,CAAC,CAAC;4BACA,CAAC,IAAI,CAAC,UAAU,IAAI,CACnB,WAAK,KAAK,EAAC,cAAc;gCACxB,YAAM,IAAI,EAAC,QAAQ,GAAQ;gCAC1B,QAAQ,CACJ,CACN;4BACD,IAAI,CAAC,UAAU,IAAI,QAAQ;4BAC3B,WACC,KAAK,EAAE,cACN,IAAI,CAAC,eAAe;oCACnB,CAAC,CAAC,kBAAkB;oCACpB,CAAC,CAAC,EACJ,EAAE,EACF,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,IAElC,OAAO,CACH;4BACN,WAAK,KAAK,EAAC,cAAc;gCACxB,YAAM,IAAI,EAAC,QAAQ,GAAQ,CACtB;yBACN;wBACF,CAAC,CAAC;4BACA,QAAQ;4BACR,WACC,KAAK,EAAE,cACN,IAAI,CAAC,eAAe;oCACnB,CAAC,CAAC,kBAAkB;oCACpB,CAAC,CAAC,EACJ,EAAE,IAED,OAAO,CACH;yBACN;oBACF,IAAI,CAAC,SAAS,KAAK,eAAe;wBACnC,IAAI,CAAC,cAAc;wBAClB,CAAC,CAAC,CAAC,iBAAiB,CAAC;wBACrB,CAAC,CAAC,IAAI,CACF,CACD,CACA,CACP,CAAC;IACH,CAAC;IAEO,cAAc;QACrB,OAAO;YACN,CAAC,cAAc,CAAC,EAAE,IAAI,CAAC,aAAa;YACpC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,UAAU;YAC9B,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,cAAc;YAC1D,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI;YACzB,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI;YACtB,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,QAAQ;SAC5B,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,SAAS;QACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAGD,KAAK,CAAC,SAAS;QACd,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACnB,CAAC;IAGD,KAAK,CAAC,WAAW;QAChB,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;IAGD,KAAK,CAAC,YAAY;QACjB,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,IAAI,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACxD,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;YACzB,CAAC;QACF,CAAC;IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\r\n\tComponent,\r\n\tElement,\r\n\tHost,\r\n\tProp,\r\n\tState,\r\n\th,\r\n\tEvent,\r\n\tMethod,\r\n\tEventEmitter,\r\n\tWatch,\r\n} from \"@stencil/core\";\r\nimport { CssClassMap } from \"../../../utils/interfaces\";\r\nimport { createFocusTrap } from \"focus-trap\";\r\n\r\n@Component({\r\n\ttag: \"ptc-modal\",\r\n\tstyleUrl: \"ptc-modal.scss\",\r\n\tshadow: true,\r\n})\r\nexport class PtcModal {\r\n\t/*\r\n\t Modal Element\r\n\t /\r\n\t@Element() el: HTMLElement;\r\n\r\n\t/\r\n\t Set url for content iframe to load if false will load slot element\r\n\t /\r\n\t@Prop({ mutable: true }) iframeUrl: string;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) size?:\r\n\t\t\| \"sm\"\r\n\t\t\| \"md\"\r\n\t\t\| \"lg\"\r\n\t\t\| \"xl\"\r\n\t\t\| \"max\"\r\n\t\t\| \"sm-modal\" = \"sm\";\r\n\t/\r\n\t This is to add css class to Modal Form with Content\r\n\t /\r\n\t@Prop({ mutable: true }) customClass?: \"\";\r\n\r\n\t/\r\n\t Set whether or not to display modal\r\n\t /\r\n\t@Prop({ mutable: true }) show?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) overlay?: boolean = true;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) fixed?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should overlay\r\n\t /\r\n\t@Prop({ mutable: true }) keepInViewport?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should close if click on outside\r\n\t /\r\n\t@Prop({ mutable: true }) closeOnBlur?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) rounded?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have rounded corners\r\n\t /\r\n\t@Prop({ mutable: true }) hideContainer?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should have header footer sections\r\n\t /\r\n\t@Prop({ mutable: true }) showHeaderFooter?: boolean = false;\r\n\r\n\t/\r\n\t Sets if popup should hide header\r\n\t /\r\n\t@Prop({ mutable: true }) hideHeader?: boolean = false;\r\n\r\n\t/\r\n\t Use modern scrollbar styling for the modal body.\r\n\t /\r\n\t@Prop() modernScrollbar?: boolean = false;\r\n\r\n\t@State() overlayHeight: number;\r\n\r\n\t/\r\n\t Event for modal popup closed\r\n\t /\r\n\t@Event() closed: EventEmitter<any>;\r\n\r\n\t/\r\n\t Event for modal popup opened\r\n\t /\r\n\t@Event() opened: EventEmitter<any>;\r\n\r\n\t/\r\n\t Add the border radius Options: standard \| large \| pill \| circle\r\n\t /\r\n\t@Prop({ mutable: true }) borderRadius?:\r\n\t\t\| \"standard\"\r\n\t\t\| \"large\"\r\n\t\t\| \"pill\"\r\n\t\t\| \"circle\" = \"standard\";\r\n\r\n\t/\r\n\t Sets if popup is nio modal\r\n\t /\r\n\t@Prop({ mutable: true }) isBioModal?: boolean = false;\r\n\r\n\t/\r\n\t (optional) Injected CSS Styles\r\n\t */\r\n\t@Prop() styles?: string;\r\n\r\n\t@Prop() modalType:\r\n\t\t\| \"video-modal\"\r\n\t\t\| \"default-modal\"\r\n\t\t\| \"event-listing\"\r\n\t\t\| \"thank-you\" = \"default-modal\";\r\n\r\n\t@Prop() vhCenter?: boolean = false;\r\n\r\n\t@Prop() headerOnlyBg?: string;\r\n\r\n\t@Prop() headerOnlyText1?: string;\r\n\t@Prop() headerOnlyText2?: string;\r\n\t@Prop() bottomCloseBtn?: string;\r\n\t@State() openedByKeyboard: boolean = false;\r\n\t@Prop({ mutable: true }) focusBackElement: any;\r\n\r\n\t@Watch(\"show\")\r\n\tonShowChange(newValue: boolean) {\r\n\t\tif (newValue) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t} else {\r\n\t\t\tthis.fireOnClosed(this);\r\n\t\t}\r\n\t}\r\n\r\n\ttrap: any; // Focus trap instance;\r\n\tmodalPopUpRef?: HTMLDivElement;\r\n\tlastFocusElement: HTMLElement;\r\n\tsetReturnFocus: any = () => {\r\n\t\tif (!this.lastFocusElement) return;\r\n\t\t// Try focusing the last focused element directly\r\n\t\tif (this.lastFocusElement.tabIndex === 0) {\r\n\t\t\tthis.lastFocusElement.focus();\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t// If it's inside a shadow DOM, try finding a focusable child\r\n\t\tconst shadowRoot = (this.lastFocusElement as HTMLElement).shadowRoot;\r\n\t\tif (shadowRoot) {\r\n\t\t\tconst focusableElementList = shadowRoot.querySelectorAll(\r\n\t\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t\t);\r\n\t\t\tif (focusableElementList) {\r\n\t\t\t\tlet focusableElement = focusableElementList[\r\n\t\t\t\t\tfocusableElementList.length - 1\r\n\t\t\t\t] as HTMLElement;\r\n\t\t\t\tfocusableElement.focus();\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t}\r\n\t\t// As a fallback, try to find a focusable child within the element\r\n\t\tconst fallbackElement = this.lastFocusElement.querySelector?.(\r\n\t\t\t'button, [tabindex]:not([tabindex=\"-1\"])',\r\n\t\t);\r\n\t\tif (fallbackElement instanceof HTMLElement) {\r\n\t\t\tfallbackElement.focus();\r\n\t\t}\r\n\t};\r\n\r\n\tfireOnClosed(modal: PtcModal) {\r\n\t\tthis.closed.emit(modal);\r\n\t\t(document.activeElement as HTMLElement).blur();\r\n\t}\r\n\r\n\tfireOnOpened(modal: PtcModal) {\r\n\t\tthis.opened.emit(modal);\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst wrapperEle = this.el.shadowRoot.querySelector(\r\n\t\t\t\t\".wrapper\",\r\n\t\t\t) as HTMLElement;\r\n\t\t\twrapperEle && wrapperEle.focus();\r\n\t\t\tthis.scrollToTopIfNeeded();\r\n\t\t}, 100);\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.trap = createFocusTrap(this.modalPopUpRef, {\r\n\t\t\t\tescapeDeactivates: true,\r\n\t\t\t\tclickOutsideDeactivates: true,\r\n\t\t\t\treturnFocusOnDeactivate: true,\r\n\t\t\t\tonActivate: () => {\r\n\t\t\t\t\tif (!this.openedByKeyboard) {\r\n\t\t\t\t\t\tthis.trap.pause(); // If opened by mouse, prevent immediate focus trapping\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\tonDeactivate: () => {\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t},\r\n\t\t\t\ttabbableOptions: {\r\n\t\t\t\t\tgetShadowRoot: true,\r\n\t\t\t\t},\r\n\t\t\t});\r\n\t\t\tif (this.openedByKeyboard) {\r\n\t\t\t\tthis.trap.activate();\r\n\t\t\t}\r\n\t\t}, 200);\r\n\t}\r\n\r\n\t@State() bodyOverflowSetting: any;\r\n\r\n\tscrollToTopIfNeeded() {\r\n\t\tif (this.el && this.modalType === \"event-listing\") {\r\n\t\t\tconst modalRect = this.el.shadowRoot\r\n\t\t\t\t.querySelector(\".modal-body\")\r\n\t\t\t\t.getBoundingClientRect();\r\n\t\t\tconst modalTopPosition = modalRect.top + window.scrollY;\r\n\t\t\tconst offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.\r\n\t\t\twindow.scrollTo({\r\n\t\t\t\ttop: modalTopPosition - offset,\r\n\t\t\t\tbehavior: \"smooth\",\r\n\t\t\t});\r\n\t\t} else {\r\n\t\t\treturn;\r\n\t\t}\r\n\t}\r\n\r\n\tconnectedCallback() {\r\n\t\tdocument.addEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.addEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\tdisconnectedCallback() {\r\n\t\tdocument.removeEventListener(\"keydown\", this.handleKeyPress, true);\r\n\t\tdocument.removeEventListener(\"mousedown\", this.handleMouseDown, true);\r\n\t}\r\n\r\n\tcomponentWillLoad() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tthis.bodyOverflowSetting = {\r\n\t\t\t//overflow: body.style['overflow'],\r\n\t\t\toverflowY: body.style[\"overflowY\"],\r\n\t\t\toverflowX: body.style[\"overflowX\"],\r\n\t\t};\r\n\t}\r\n\r\n\tcomponentWillRender() {\r\n\t\tlet body = document.querySelector(\"body\");\r\n\t\tif (body) {\r\n\t\t\tif (this.show) {\r\n\t\t\t\t//body.style['overflow'] = 'hidden';\r\n\t\t\t\tif (this.fixed) {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"hidden\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t} else {\r\n\t\t\t\t\tbody.style[\"overflowY\"] = \"scroll\";\r\n\t\t\t\t\tbody.style[\"overflowX\"] = \"hidden\";\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\t//body.style['overflow'] = this.bodyOverflowSetting.overflow;\r\n\t\t\t\tbody.style[\"overflowY\"] = this.bodyOverflowSetting.overflowY;\r\n\t\t\t\tbody.style[\"overflowX\"] = this.bodyOverflowSetting.overflowX;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentDidLoad() {\r\n\t\tif (this.show) {\r\n\t\t\tthis.lastFocusElement = document.activeElement as HTMLElement;\r\n\t\t\tthis.fireOnOpened(this);\r\n\t\t}\r\n\t\tif (this.showHeaderFooter) {\r\n\t\t\tthis.handleScroll();\r\n\t\t}\r\n\t}\r\n\r\n\thandleKeyPress = (event: KeyboardEvent) => {\r\n\t\tif (event.key === \"Enter\" \|\| event.key === \" \" \|\| event.key === \"Tab\") {\r\n\t\t\tthis.openedByKeyboard = true;\r\n\t\t}\r\n\t};\r\n\r\n\thandleMouseDown = () => {\r\n\t\tthis.openedByKeyboard = false;\r\n\t};\r\n\r\n\tresizeIframe(e: Event) {\r\n\t\tlet iFrame = e.target as HTMLIFrameElement;\r\n\t\tsetTimeout(() => {\r\n\t\t\ttry {\r\n\t\t\t\tif (iFrame.contentDocument) {\r\n\t\t\t\t\tiFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.log(error);\r\n\t\t\t\tiFrame.height = \"616px\"; //default\r\n\t\t\t\tiFrame.removeAttribute(\"scrolling\");\r\n\t\t\t}\r\n\t\t\tiFrame.classList.add(\"ready\");\r\n\t\t}, 50);\r\n\t}\r\n\r\n\thandleScroll() {\r\n\t\tlet modal = this.el.shadowRoot.querySelector(\".shadow-scroller\");\r\n\r\n\t\tif (modal) {\r\n\t\t\tlet body = modal.querySelector<HTMLElement>(\".modal-body\");\r\n\t\t\tvar height = body.clientHeight;\r\n\t\t\tvar scrollHeight = body.scrollHeight;\r\n\t\t\tvar scrollTop = body.scrollTop;\r\n\t\t\tvar offset = body.offsetHeight;\r\n\r\n\t\t\tif (height < scrollHeight) {\r\n\t\t\t\t//has scrollbar\r\n\t\t\t\tif (scrollTop > 0) {\r\n\t\t\t\t\t//can scroll up\r\n\t\t\t\t\tmodal.classList.add(\"scroll-top\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-top\");\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (offset + scrollTop < scrollHeight) {\r\n\t\t\t\t\t//can scroll down\r\n\t\t\t\t\tmodal.classList.add(\"scroll-bottom\");\r\n\t\t\t\t} else {\r\n\t\t\t\t\tmodal.classList.remove(\"scroll-bottom\");\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tclose() {\r\n\t\tthis.show = false;\r\n\t\tsetTimeout(() => {\r\n\t\t\tif (this.focusBackElement) {\r\n\t\t\t\tthis.focusBackElement?.focus();\r\n\t\t\t\tif (this.focusBackElement.tagName === \"PTC-BUTTON\") {\r\n\t\t\t\t\tthis.focusBackElement.shadowRoot\r\n\t\t\t\t\t\t.querySelector(\"button\")\r\n\t\t\t\t\t\t?.focus();\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}, 100);\r\n\t}\r\n\r\n\trender() {\r\n\t\tlet content;\r\n\t\tlet overlay;\r\n\t\tlet type = this.iframeUrl ? \"frame\" : \"html\";\r\n\t\tlet closebtn = (\r\n\t\t\t<div class=\"close\" id=\"modal-close\">\r\n\t\t\t\t<ptc-close-icon\r\n\t\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\tthis.close();\r\n\t\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t></ptc-close-icon>\r\n\t\t\t</div>\r\n\t\t);\r\n\t\tlet bottomCloseBtnEle = (\r\n\t\t\t<div\r\n\t\t\t\ttabindex=\"0\"\r\n\t\t\t\tclass=\"bottom-close\"\r\n\t\t\t\tid=\"modal-bottom-close\"\r\n\t\t\t\tonClick={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t}}\r\n\t\t\t\tonKeyPress={(e) => {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tthis.close();\r\n\t\t\t\t\tthis.setReturnFocus();\r\n\t\t\t\t\tif (this.trap) {\r\n\t\t\t\t\t\tthis.trap.deactivate();\r\n\t\t\t\t\t}\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t<span>{this.bottomCloseBtn}</span>\r\n\t\t\t</div>\r\n\t\t);\r\n\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tcontent = (\r\n\t\t\t\t<iframe\r\n\t\t\t\t\tsrc={this.iframeUrl}\r\n\t\t\t\t\tframeBorder={0}\r\n\t\t\t\t\tallowFullScreen={false}\r\n\t\t\t\t\theight={\"100%\"}\r\n\t\t\t\t\twidth={\"100%\"}\r\n\t\t\t\t\tscrolling=\"no\"\r\n\t\t\t\t\tonLoad={this.resizeIframe}\r\n\t\t\t\t></iframe>\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tif (this.showHeaderFooter) {\r\n\t\t\t\tcontent = <slot name=\"body\"></slot>;\r\n\t\t\t} else {\r\n\t\t\t\tcontent = <slot></slot>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (this.overlay) {\r\n\t\t\tif (this.closeOnBlur) {\r\n\t\t\t\toverlay = (\r\n\t\t\t\t\t<div class=\"overlay\" onClick={(_) => this.close()}></div>\r\n\t\t\t\t);\r\n\t\t\t} else {\r\n\t\t\t\toverlay = <div class=\"overlay\"></div>;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<Host class={this.getCssClassMap()}>\r\n\t\t\t\t{this.styles && <style>{this.styles}</style>}\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass={`wrapper ${this.show ? \"show\" : \"hide\"} ${this.fixed ? \"fixed\" : \"\"} `}\r\n\t\t\t\t>\r\n\t\t\t\t\t{overlay}\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass={`modal-popup ${this.customClass ? this.customClass : \"\"} ${this.size} ${type} ${this.rounded ? \"rounded\" : \"\"} ${\r\n\t\t\t\t\t\t\tthis.showHeaderFooter ? \"shadow-scroller\" : \"\"\r\n\t\t\t\t\t\t} `}\r\n\t\t\t\t\t\tref={(el) =>\r\n\t\t\t\t\t\t\t(this.modalPopUpRef = el as HTMLDivElement)\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" && this.headerOnlyBg\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t<div class=\"event-list-header\">\r\n\t\t\t\t\t\t\t\t\t\t<ptc-img\r\n\t\t\t\t\t\t\t\t\t\t\timg-url={this.headerOnlyBg}\r\n\t\t\t\t\t\t\t\t\t\t\timage-type=\"smart-img\"\r\n\t\t\t\t\t\t\t\t\t\t\tstyles=\".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}\"\r\n\t\t\t\t\t\t\t\t\t\t></ptc-img>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"text-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText1\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.headerOnlyText2\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"}\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t\t{this.showHeaderFooter\r\n\t\t\t\t\t\t\t? [\r\n\t\t\t\t\t\t\t\t\t!this.hideHeader && (\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"modal-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\r\n\t\t\t\t\t\t\t\t\t\t\t{closebtn}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t),\r\n\t\t\t\t\t\t\t\t\tthis.hideHeader && closebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t\tonScroll={() => this.handleScroll()}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t\t<div class=\"modal-footer\">\r\n\t\t\t\t\t\t\t\t\t\t<slot name=\"footer\"></slot>\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]\r\n\t\t\t\t\t\t\t: [\r\n\t\t\t\t\t\t\t\t\tclosebtn,\r\n\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\tclass={`modal-body ${\r\n\t\t\t\t\t\t\t\t\t\t\tthis.modernScrollbar\r\n\t\t\t\t\t\t\t\t\t\t\t\t? \"modern-scrollbar\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\r\n\t\t\t\t\t\t\t\t\t\t}`}\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t{content}\r\n\t\t\t\t\t\t\t\t\t</div>,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t{this.modalType === \"event-listing\" &&\r\n\t\t\t\t\t\tthis.bottomCloseBtn\r\n\t\t\t\t\t\t\t? [bottomCloseBtnEle]\r\n\t\t\t\t\t\t\t: null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</Host>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate getCssClassMap(): CssClassMap {\r\n\t\treturn {\r\n\t\t\t[\"no-container\"]: this.hideContainer,\r\n\t\t\t[\"bio-modal\"]: this.isBioModal,\r\n\t\t\t[\"enclose-modal\"]: !this.isBioModal && this.keepInViewport,\r\n\t\t\t[this.borderRadius]: true,\r\n\t\t\t[this.modalType]: true,\r\n\t\t\t[\"vh-center\"]: this.vhCenter,\r\n\t\t};\r\n\t}\r\n\r\n\t@Method()\r\n\tasync showModal() {\r\n\t\tthis.show = true;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync hideModal() {\r\n\t\tthis.show = false;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync toggleModal() {\r\n\t\tthis.show = !this.show;\r\n\t}\r\n\r\n\t@Method()\r\n\tasync reloadIframe() {\r\n\t\tif (this.iframeUrl) {\r\n\t\t\tlet iframe = this.el.shadowRoot.querySelector(\"iframe\");\r\n\t\t\tif (iframe) {\r\n\t\t\t\tiframe.src = iframe.src;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}

package/dist/collection/components/atoms/ptc-overlay/ptc-overlay.js CHANGED Viewed

@@ -21,7 +21,7 @@ export class PtcOverlay {
     }
     render() {
         const classMap = this.getCssClassMap();
-        return h(Host, { key: '5f9ef6e6176415c618a07b29fa625806c9c50614', class: classMap });
+        return h(Host, { key: 'd51bc2fabe980b78d83d0282aa21c775f817be4b', class: classMap });
     }
     getCssClassMap() {
         return {