@ptcwebops/ptcw-design 6.4.37-beta → 6.5.0-upgrade

package/dist/esm/ptc-checkbox-group.entry.js

@@ -1,46 +0,0 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcCheckboxGroupCss = "h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1.sc-ptc-checkbox-group,h2.sc-ptc-checkbox-group,h3.sc-ptc-checkbox-group,h4.sc-ptc-checkbox-group,h5.sc-ptc-checkbox-group,h6.sc-ptc-checkbox-group,p.sc-ptc-checkbox-group,ul.sc-ptc-checkbox-group,li.sc-ptc-checkbox-group,ptc-subnav.sc-ptc-checkbox-group,ptc-tab-list.sc-ptc-checkbox-group,ptc-link.sc-ptc-checkbox-group,ptc-square-card.sc-ptc-checkbox-group,.hyphenate-text.sc-ptc-checkbox-group,ptc-footer.sc-ptc-checkbox-group{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}.sc-ptc-checkbox-group-h{display:block;margin-bottom:44px}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox],.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{width:24px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--color-gray-07);display:inline-block;box-sizing:border-box;margin:5px 0 0 0;padding:0;min-width:24px;background-size:cover}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]:checked,.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]:checked{background-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"24\" height=\"24\" fill=\"%2300890B\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.4058 7.09948C17.2409 6.93808 17.0404 6.85718 16.8045 6.85718C16.5685 6.85718 16.3675 6.93808 16.2027 7.09948L10.3983 12.7882L7.79739 10.2337C7.63191 10.0723 7.43141 9.99142 7.19548 9.99142C6.95955 9.99142 6.75905 10.0723 6.5937 10.2337L5.39043 11.4111C5.22549 11.573 5.14282 11.7691 5.14282 12.0001C5.14282 12.231 5.22549 12.4276 5.39043 12.589L8.59328 15.7232L9.79697 16.9006C9.9619 17.0625 10.1624 17.1429 10.3983 17.1429C10.6343 17.1429 10.8348 17.0625 11.0001 16.9006L12.2034 15.7232L18.6095 9.45474C18.7744 9.29294 18.8571 9.09674 18.8571 8.86586C18.8571 8.63498 18.7744 8.43878 18.6095 8.27684L17.4058 7.09948Z\" fill=\"white\"/></svg>');border-color:transparent}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title{display:flex;align-items:center;margin-bottom:var(--ptc-element-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title label{margin-left:var(--ptc-element-spacing-03);cursor:pointer}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.group-title input[type=checkbox]{width:14px;min-width:14px;height:14px;margin:4px 8px -1px 0}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card{cursor:pointer;display:flex;align-items:flex-start;background-color:var(--color-white);margin-bottom:var(--ptc-element-spacing-03);padding:var(--ptc-layout-spacing-03)}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-03)}@media only screen and (min-width: 768px){.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card .card-description{padding-left:var(--ptc-element-spacing-07)}}.sc-ptc-checkbox-group-h.sc-ptc-checkbox-group-s>.checkbox-card ptc-form-checkbox .mdc-form-field{width:auto;margin:0}.sc-ptc-checkbox-group-h.pcg-single.sc-ptc-checkbox-group-s>.checkbox-card input[type=checkbox]{margin:0}";
-
-const PtcCheckboxGroup = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.groupName = undefined;
-    this.type = "card";
-  }
-  componentDidLoad() {
-    this.addCheckboxChangeListeners();
-  }
-  addCheckboxChangeListeners() {
-    const productCheckboxes = document.querySelectorAll(`input[name="${this.groupName}"]`);
-    productCheckboxes.forEach((checkbox) => {
-      checkbox.addEventListener("change", () => this.handleCheckboxChange());
-    });
-    const selectAllCheckbox = document.querySelectorAll(`#select-all-${this.groupName}`);
-    selectAllCheckbox.forEach((checkbox) => {
-      checkbox.addEventListener("change", () => this.selectAllProducts());
-    });
-  }
-  handleCheckboxChange() {
-    const productCheckboxes = this.el.querySelectorAll(`input[name="${this.groupName}"]`);
-    const selectAllCheckbox = this.el.querySelector(`#select-all-${this.groupName}`);
-    const allChecked = Array.from(productCheckboxes).every((checkbox) => checkbox.checked);
-    selectAllCheckbox.checked = allChecked;
-  }
-  selectAllProducts() {
-    const productCheckboxes = this.el.querySelectorAll(`input[name="${this.groupName}"]`);
-    const selectAllCheckbox = this.el.querySelector(`#select-all-${this.groupName}`);
-    const allChecked = Array.from(productCheckboxes).every((checkbox) => checkbox.checked);
-    productCheckboxes.forEach((checkbox) => {
-      checkbox.checked = !allChecked;
-    });
-    selectAllCheckbox.checked = !allChecked;
-  }
-  render() {
-    return (h(Host, { class: `pcg-${this.type}` }, h("slot", { name: "title" }), h("slot", null)));
-  }
-  get el() { return getElement(this); }
-};
-PtcCheckboxGroup.style = ptcCheckboxGroupCss;
-
-export { PtcCheckboxGroup as ptc_checkbox_group };

package/dist/esm/ptc-checkbox.entry.js

@@ -1,70 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-0bf594c4.js';
-
-const ptcCheckboxCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}: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}";
-
-const PtcCheckbox = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.checkedChanged = createEvent(this, "checkedChanged", 7);
-    this.handleClick = (e) => {
-      if (this.disabled) {
-        e.preventDefault();
-      }
-    };
-    this.handleKeyDown = (e) => {
-      var _a, _b;
-      if (e.key === "Enter") {
-        const input = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('input[type="checkbox"]');
-        if (input) {
-          input.click();
-        }
-      }
-    };
-    this.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);
-      }
-    };
-    this.checked = "unchecked";
-    this.value = undefined;
-    this.disabled = undefined;
-    this.inputName = undefined;
-    this.trackerId = "";
-    this.offsetFocusOutline = false;
-  }
-  componentDidLoad() {
-    let input = this.host.shadowRoot.querySelector("input");
-    input.checked = this.checked == "checked";
-  }
-  render() {
-    return (h(Host, null, h("label", { id: this.trackerId, class: this.getCssClassMap(), tabIndex: 0, onKeyDown: this.handleKeyDown }, h("slot", null), h("input", { 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", { class: "check" }, h("span", { class: "mark" }, h("icon-asset", { 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,
-    };
-  }
-  get host() { return getElement(this); }
-};
-PtcCheckbox.style = ptcCheckboxCss;
-
-export { PtcCheckbox as ptc_checkbox };

package/dist/esm/ptc-close-icon_2.entry.js

@@ -1,355 +0,0 @@
-import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-0bf594c4.js';
-import { c as createFocusTrap } from './focus-trap.esm-d205300d.js';
-
-const ptcCloseIconCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:inline-block}:host:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:5px solid transparent;box-sizing:border-box;border-radius:var(--ptc-border-radius-standard);cursor:pointer}:host .close-icon svg{padding:7px;border:1px solid transparent;border-radius:var(--ptc-border-radius-standard);background-color:transparent;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout)}:host .close-icon svg:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}:host .close-icon:hover svg{border-color:var(--color-gray-12)}:host .close-icon:active svg{transition-duration:0ms;background-color:var(--color-gray-02);border:1px solid var(--color-gray-12)}";
-
-const PtcCloseIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "close-icon mf-listen", id: "modal-pop-up-close-icon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", tabindex: 0 }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.00089 8.4151L12.5876 14.0018L14.0018 12.5876L8.4151 7.00089L14.0018 1.41421L12.5876 0L7.00089 5.58667L1.41421 0L0 1.41421L5.58667 7.00089L0 12.5876L1.41421 14.0018L7.00089 8.4151Z", fill: "#20262A" })))));
-  }
-};
-PtcCloseIcon.style = ptcCloseIconCss;
-
-const ptcModalCss = "h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{word-break:break-word;hyphens:manual;-webkit-hyphens:manual;-moz-hyphens:manual;-ms-hyphens:manual}@supports (hyphenate-limit-chars: 12 3 3){h1,h2,h3,h4,h5,h6,p,ul,li,ptc-subnav,ptc-tab-list,ptc-link,ptc-square-card,.hyphenate-text,ptc-footer{hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;hyphenate-limit-chars:12 3 3;hyphenate-limit-lines:2;hyphenate-limit-last:always;hyphenate-limit-zone:6%;-webkit-hyphens:auto;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-chars:12 3 3;-webkit-hyphenate-limit-lines:2;-moz-hyphens:auto;-moz-hyphenate-limit-chars:12 3 3;-moz-hyphenate-limit-lines:2;-ms-hyphens:auto;-ms-hyphenate-limit-chars:12 3 3;-ms-hyphenate-limit-lines:2}}:host{display:block}.wrapper{position:absolute;width:100vw;height:100%;top:0;left:0;z-index:500001;display:none}.wrapper.fixed{position:fixed}.wrapper .modal-popup{margin:7.5rem auto 1rem;background-color:var(--color-white);box-shadow:var(--ptc-shadow-large);max-width:22.5625rem;width:80%;display:flex;flex-direction:column;align-items:flex-end;align-content:flex-end;z-index:50020;transform:translateY(-100%);position:relative}@media only screen and (min-width: 992px){.wrapper .modal-popup{max-width:29.125rem}}.wrapper .modal-popup.md{max-width:44.125rem}.wrapper .modal-popup.lg{max-width:56.25rem}.wrapper .modal-popup.xl{max-width:64.0625rem}.wrapper .modal-popup.fit-content{max-width:-moz-fit-content;max-width:fit-content}.wrapper .modal-popup.max{width:calc(100% - 4rem);max-width:75rem;height:80vh;margin:auto;overflow:hidden}.wrapper .modal-popup.max .close{margin:var(--ptc-element-spacing-02)}.wrapper .modal-popup.max .modal-body iframe{height:100%}.wrapper .modal-popup.sm-modal{width:341px;max-width:341px}@media only screen and (max-width: 360px){.wrapper .modal-popup.sm-modal{max-width:100%;width:100%}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal{max-width:360px;width:360px}}@media only screen and (min-width: 480px){.wrapper .modal-popup.sm-modal.modal-with-content{width:371px;max-width:371px}}@media only screen and (min-width: 360px) and (max-width: 479.55px){.wrapper .modal-popup.sm-modal.modal-with-content{max-width:360px;width:360px}}.wrapper .modal-popup .modal-body{width:100%}.wrapper .modal-popup .modal-body iframe{opacity:0;overflow:hidden;width:100%;border:0;transition:opacity var(--ptc-ease-inout) var(--ptc-transition-medium)}.wrapper .modal-popup .modal-body iframe.ready{opacity:1}.wrapper .modal-popup .modal-body.frame{overflow:hidden;overflow-y:hidden;overflow-x:hidden}.wrapper .modal-popup .modal-body.html{overflow:hidden}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar{width:6px}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-track{border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-thumb{background:var(--color-gray-03);border-radius:var(--ptc-border-radius-pill)}.wrapper .modal-popup.frame .modal-body{display:flex;flex:1;height:100%}.wrapper .modal-popup .close{margin-right:2px;margin-top:2px}.wrapper .modal-popup.shadow-scroller{max-height:calc(100vh - 220px)}@media only screen and (min-width: 992px){.wrapper .modal-popup.shadow-scroller{max-height:756px}}.wrapper .modal-popup.shadow-scroller .modal-header{transition:box-shadow ease-in-out 250ms;position:relative;min-height:57px;border-bottom:1px solid var(--color-gray-02);width:100%}.wrapper .modal-popup.shadow-scroller .modal-header .close{position:absolute;top:8px;right:8px;margin:0}.wrapper .modal-popup.shadow-scroller .modal-body{min-height:200px;overflow-x:hidden}.wrapper .modal-popup.shadow-scroller .modal-footer{transition:box-shadow ease-in-out 250ms;width:100%;min-height:60px;border-top:1px solid var(--color-gray-02);padding-top:1rem}.wrapper .modal-popup.shadow-scroller.scroll-top .modal-header{box-shadow:0px 4px 12px rgba(0, 0, 0, 0.12)}.wrapper .modal-popup.shadow-scroller.scroll-bottom .modal-footer{box-shadow:0px -8px 12px rgba(0, 0, 0, 0.12)}.wrapper.show{display:flex;align-items:flex-start}.wrapper.show .modal-popup{transform:translateY(0)}.wrapper.show .modal-popup.rounded{border-radius:var(--ptc-border-radius-standard)}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:50010;display:block;background-color:rgba(0, 0, 0, 0.6)}:host(.standard) .modal-popup{border-radius:var(--ptc-border-radius-standard)}:host(.large) .modal-popup{border-radius:var(--ptc-border-radius-large)}:host(.pill) .modal-popup{border-radius:var(--ptc-border-radius-pill)}:host(.circle) .modal-popup{border-radius:var(--ptc-border-radius-circle)}:host(.enclose-modal) .modal-popup{max-height:calc(100vh - 180px)}:host(.enclose-modal) .modal-popup:not(.frame) .modal-body{overflow-y:auto}:host(.bio-modal) .wrapper.show{align-items:flex-start}@media only screen and (min-width: 768px){:host(.bio-modal) .wrapper.show{align-items:center}}:host(.bio-modal) .modal-popup{padding:30px 15px 30px 0;max-width:1200px;margin:20px auto 0 auto;max-height:calc(100vh - 180px);width:90%;height:100%}:host(.bio-modal) .modal-popup .modal-body{height:100%}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup .modal-body{height:auto}}@media (max-height: 450px){:host(.bio-modal) .modal-popup .modal-body{height:100%}}@media only screen and (min-width: 768px){:host(.bio-modal) .modal-popup{max-height:none;width:80%;margin-top:0px;height:auto}}@media only screen and (min-width: 1440px){:host(.bio-modal) .modal-popup{max-width:1400px}}@media (max-height: 450px){:host(.bio-modal) .modal-popup{max-height:calc(100vh - 180px);height:100%}}:host(.bio-modal) .close{position:absolute;margin:0;right:8px;top:8px}:host(.bio-modal) .close svg .cls-1,:host(.bio-modal) .close svg .cls-2{fill:none;stroke-width:2px}:host(.bio-modal) .close svg .cls-1{stroke:#1c2439;stroke-linecap:square}:host(.bio-modal) .close svg .cls-2{stroke:#74c34d}:host(.bio-modal) .close svg path{transition:all ease-in-out 250ms}:host(.bio-modal) .close svg .cls-1:nth-child(1){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close svg .cls-1:nth-child(2){transform:translate(175.5px, 174.985px)}:host(.bio-modal) .close svg .cls-1:nth-child(3){transform:translate(215.5px, 141.393px)}:host(.bio-modal) .close svg .cls-1:nth-child(4){transform:translate(175.5px, 135.5px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(1){transform:translate(175.5px, 162px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(2){transform:translate(149px, 174.985px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(3){transform:translate(215.5px, 174px)}:host(.bio-modal) .close:hover svg .cls-1:nth-child(4){transform:translate(152.5px, 135.5px)}:host(.no-container) .wrapper .modal-popup.xl{max-width:80rem !important;background:transparent;box-shadow:none}:host(.no-container) .wrapper .modal-popup .close{display:none}:host(.video-modal) .modal-popup{margin:auto}@media (max-height: 768px){:host(.video-modal) .modal-popup.xl{max-width:56rem}}@media (max-height: 600px){:host(.video-modal) .modal-popup.xl{max-width:44rem}}@media (max-height: 500px){:host(.video-modal) .modal-popup.xl{max-width:35rem}}@media (max-height: 400px){:host(.video-modal) .modal-popup.xl{max-width:26rem}}:host(.event-listing) .wrapper .modal-popup{max-width:unset;width:calc(100% - 48px);top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px;position:absolute}:host(.vh-center) .wrapper .modal-popup{top:50%;left:50%;transform:translate(-50%, -50%) !important;margin:0px auto;position:absolute}:host(.thank-you) .wrapper .modal-popup{max-width:calc(100% - 48px);width:100%}@media only screen and (min-width: 480px){:host(.thank-you) .wrapper .modal-popup{max-width:640px;width:80%}}:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 24px 48px 24px;box-sizing:border-box}@media only screen and (min-width: 992px){:host(.thank-you) .wrapper .modal-popup .modal-body{padding:2px 48px 48px 48px}}:host .wrapper .event-list-header{display:flex;position:absolute;width:100%;height:118px;left:0;transform:translateY(-100%);border-radius:var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;align-items:center;padding:var(--ptc-element-spacing-06);box-sizing:border-box}:host .wrapper .event-list-header::before{content:\"\";position:absolute;left:0;width:100%;height:100%;border-radius:4px 4px 0px 0px;background:linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:1}:host .wrapper .event-list-header+.close{margin-top:0px;margin-right:0px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}:host .wrapper .event-list-header .text-wrapper{display:flex;flex-wrap:wrap;-moz-column-gap:0.5em;column-gap:0.5em}:host .wrapper .event-list-header .text-wrapper span{display:inline-block;color:var(--color-white);font-family:var(--ptc-font-latin);font-size:var(--ptc-font-size-x-large);font-weight:var(--ptc-font-weight-medium);line-height:var(--ptc-line-height-densest);position:relative;z-index:2}:host .wrapper .event-list-header .text-wrapper span:first-of-type{font-weight:var(--ptc-font-weight-extrabold)}:host .wrapper .event-mobile-modal{border-top-left-radius:0px;border-top-right-radius:0px}:host .wrapper .bottom-close{text-align:center;margin:0 auto 40px auto}:host .wrapper .bottom-close span{cursor:pointer;color:var(--color-hyperlink);font-size:var(--ptc-font-size-small);font-weight:var(--ptc-font-weight-bold);text-decoration-line:underline;line-height:var(--ptc-line-height-densest)}:host .wrapper .bottom-close span:hover{color:var(--color-blue-08)}:host .wrapper .bottom-close:focus-visible{border-radius:var(--ptc-border-radius-standard);outline:5px solid var(--keyboard-nav-outline)}";
-
-const PtcModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.closed = createEvent(this, "closed", 7);
-    this.opened = createEvent(this, "opened", 7);
-    this.setReturnFocus = () => {
-      if (this.lastFocusElement instanceof HTMLElement) {
-        this.lastFocusElement.focus();
-      }
-    };
-    this.handleKeyPress = (event) => {
-      if (event.key === "Enter" || event.key === " " || event.key === "Tab") {
-        this.openedByKeyboard = true;
-        // if (event.key === 'Enter') {
-        //   if (!this.show) {
-        //     const id= (event.target as HTMLElement).getAttribute('id');
-        //     localStorage.setItem('modalId', id);
-        //   }
-        // }
-      }
-    };
-    this.handleMouseDown = () => {
-      this.openedByKeyboard = false;
-    };
-    this.iframeUrl = undefined;
-    this.size = "sm";
-    this.customClass = undefined;
-    this.show = false;
-    this.overlay = true;
-    this.fixed = false;
-    this.keepInViewport = false;
-    this.closeOnBlur = false;
-    this.rounded = false;
-    this.hideContainer = false;
-    this.showHeaderFooter = false;
-    this.hideHeader = false;
-    this.modernScrollbar = false;
-    this.overlayHeight = undefined;
-    this.borderRadius = "standard";
-    this.isBioModal = false;
-    this.styles = undefined;
-    this.modalType = "default-modal";
-    this.vhCenter = false;
-    this.headerOnlyBg = undefined;
-    this.headerOnlyText1 = undefined;
-    this.headerOnlyText2 = undefined;
-    this.bottomCloseBtn = undefined;
-    this.openedByKeyboard = false;
-    this.focusBackElement = undefined;
-    this.bodyOverflowSetting = undefined;
-  }
-  onShowChange(newValue) {
-    if (newValue) {
-      // this.lastFocusElement = document.activeElement as HTMLElement;
-      this.fireOnOpened(this);
-    }
-    else {
-      this.fireOnClosed(this);
-    }
-  }
-  fireOnClosed(modal) {
-    this.closed.emit(modal);
-    document.activeElement.blur();
-  }
-  fireOnOpened(modal) {
-    this.opened.emit(modal);
-    setTimeout(() => {
-      const wrapperEle = this.el.shadowRoot.querySelector(".wrapper");
-      wrapperEle && wrapperEle.focus();
-      this.scrollToTopIfNeeded();
-    }, 100);
-    setTimeout(() => {
-      this.trap = createFocusTrap(this.modalPopUpRef, {
-        escapeDeactivates: true,
-        clickOutsideDeactivates: true,
-        returnFocusOnDeactivate: true,
-        onActivate: () => {
-          if (!this.openedByKeyboard) {
-            this.trap.pause(); // If opened by mouse, prevent immediate focus trapping
-          }
-        },
-        onDeactivate: () => {
-          this.close();
-          this.trap.deactivate();
-          this.setReturnFocus();
-        },
-        tabbableOptions: {
-          getShadowRoot: true,
-        },
-      });
-      if (this.openedByKeyboard) {
-        this.trap.activate();
-      }
-    }, 200);
-  }
-  scrollToTopIfNeeded() {
-    if (this.el && this.modalType === "event-listing") {
-      const modalRect = this.el.shadowRoot
-        .querySelector(".modal-body")
-        .getBoundingClientRect();
-      const modalTopPosition = modalRect.top + window.scrollY;
-      const offset = 160; // Adjust the offset if necessary to account for fixed headers, etc.
-      window.scrollTo({
-        top: modalTopPosition - offset,
-        behavior: "smooth",
-      });
-    }
-    else {
-      return;
-    }
-  }
-  connectedCallback() {
-    document.addEventListener("keydown", this.handleKeyPress, true);
-    document.addEventListener("mousedown", this.handleMouseDown, true);
-  }
-  disconnectedCallback() {
-    document.removeEventListener("keydown", this.handleKeyPress, true);
-    document.removeEventListener("mousedown", this.handleMouseDown, true);
-  }
-  componentWillLoad() {
-    let body = document.querySelector("body");
-    this.bodyOverflowSetting = {
-      //overflow: body.style['overflow'],
-      overflowY: body.style["overflowY"],
-      overflowX: body.style["overflowX"],
-    };
-  }
-  componentWillRender() {
-    let body = document.querySelector("body");
-    if (body) {
-      if (this.show) {
-        //body.style['overflow'] = 'hidden';
-        if (this.fixed) {
-          body.style["overflowY"] = "hidden";
-          body.style["overflowX"] = "hidden";
-        }
-        else {
-          body.style["overflowY"] = "scroll";
-          body.style["overflowX"] = "hidden";
-        }
-      }
-      else {
-        //body.style['overflow'] = this.bodyOverflowSetting.overflow;
-        body.style["overflowY"] = this.bodyOverflowSetting.overflowY;
-        body.style["overflowX"] = this.bodyOverflowSetting.overflowX;
-      }
-    }
-  }
-  componentDidLoad() {
-    if (this.show) {
-      // this.lastFocusElement = document.activeElement as HTMLElement;
-      this.fireOnOpened(this);
-    }
-    if (this.showHeaderFooter) {
-      this.handleScroll();
-    }
-  }
-  resizeIframe(e) {
-    let iFrame = e.target;
-    setTimeout(() => {
-      try {
-        if (iFrame.contentDocument) {
-          iFrame.height = `${iFrame.contentDocument.body.scrollHeight}px`;
-        }
-        else {
-          iFrame.height = "616px"; //default
-          iFrame.removeAttribute("scrolling");
-        }
-      }
-      catch (error) {
-        console.log(error);
-        iFrame.height = "616px"; //default
-        iFrame.removeAttribute("scrolling");
-      }
-      iFrame.classList.add("ready");
-    }, 50);
-  }
-  handleScroll() {
-    let modal = this.el.shadowRoot.querySelector(".shadow-scroller");
-    if (modal) {
-      let body = modal.querySelector(".modal-body");
-      var height = body.clientHeight;
-      var scrollHeight = body.scrollHeight;
-      var scrollTop = body.scrollTop;
-      var offset = body.offsetHeight;
-      if (height < scrollHeight) {
-        //has scrollbar
-        if (scrollTop > 0) {
-          //can scroll up
-          modal.classList.add("scroll-top");
-        }
-        else {
-          modal.classList.remove("scroll-top");
-        }
-        if (offset + scrollTop < scrollHeight) {
-          //can scroll down
-          modal.classList.add("scroll-bottom");
-        }
-        else {
-          modal.classList.remove("scroll-bottom");
-        }
-      }
-    }
-  }
-  close() {
-    this.show = false;
-    setTimeout(() => {
-      var _a, _b;
-      if (this.focusBackElement) {
-        (_a = this.focusBackElement) === null || _a === void 0 ? void 0 : _a.focus();
-        if (this.focusBackElement.tagName === "PTC-BUTTON") {
-          (_b = this.focusBackElement.shadowRoot
-            .querySelector("button")) === null || _b === void 0 ? void 0 : _b.focus();
-        }
-      }
-    }, 100);
-  }
-  render() {
-    let content;
-    let overlay;
-    let type = this.iframeUrl ? "frame" : "html";
-    let closebtn = (h("div", { class: "close", id: "modal-close" }, h("ptc-close-icon", { onClick: (e) => {
-        e.preventDefault();
-        this.close();
-      }, onKeyPress: (e) => {
-        e.preventDefault();
-        this.close();
-        this.setReturnFocus();
-        if (this.trap) {
-          this.trap.deactivate();
-        }
-        // // Code for returning the focus to the element which opened the modal
-        // const modalId = localStorage.getItem('modalId');
-        // if (!modalId) return;
-        // const focusItem = document.querySelector<HTMLElement>(`#${modalId}`);
-        // if (!focusItem || focusItem.id !== modalId) return;
-        // // Focus the host element
-        // focusItem.focus();
-        // // If it's a PTC-BUTTON, try focusing the internal native <button>
-        // if (focusItem.tagName === 'PTC-BUTTON' && focusItem.shadowRoot) {
-        //   const innerButton = focusItem.shadowRoot.querySelector<HTMLElement>('button');
-        //   innerButton?.focus();
-        // }
-        // // Clean up localStorage
-        // localStorage.removeItem('modalId');
-      } })));
-    let bottomCloseBtnEle = (h("div", { tabindex: "0", class: "bottom-close", id: "modal-bottom-close", onClick: (e) => {
-        e.preventDefault();
-        this.close();
-      }, onKeyPress: (e) => {
-        e.preventDefault();
-        this.close();
-        this.setReturnFocus();
-        if (this.trap) {
-          this.trap.deactivate();
-        }
-      } }, h("span", null, this.bottomCloseBtn)));
-    if (this.iframeUrl) {
-      content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
-    }
-    else {
-      if (this.showHeaderFooter) {
-        content = h("slot", { name: "body" });
-      }
-      else {
-        content = h("slot", null);
-      }
-    }
-    if (this.overlay) {
-      if (this.closeOnBlur) {
-        overlay = (h("div", { class: "overlay", onClick: (_) => this.close() }));
-      }
-      else {
-        overlay = h("div", { class: "overlay" });
-      }
-    }
-    return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? "fixed" : ""} ` }, overlay, h("div", { 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
-          : ""), h("span", null, this.headerOnlyText2
-          ? this.headerOnlyText2
-          : ""))),
-      ]
-      : null, this.showHeaderFooter
-      ? [
-        !this.hideHeader && (h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn)),
-        this.hideHeader && closebtn,
-        h("div", { class: `modal-body ${this.modernScrollbar
-            ? "modern-scrollbar"
-            : ""}`, onScroll: () => this.handleScroll() }, content),
-        h("div", { class: "modal-footer" }, h("slot", { name: "footer" })),
-      ]
-      : [
-        closebtn,
-        h("div", { class: `modal-body ${this.modernScrollbar
-            ? "modern-scrollbar"
-            : ""}` }, content),
-      ], this.modalType === "event-listing" &&
-      this.bottomCloseBtn
-      ? [bottomCloseBtnEle]
-      : null))));
-  }
-  getCssClassMap() {
-    return {
-      ["no-container"]: this.hideContainer,
-      ["bio-modal"]: this.isBioModal,
-      ["enclose-modal"]: !this.isBioModal && this.keepInViewport,
-      [this.borderRadius]: true,
-      [this.modalType]: true,
-      ["vh-center"]: this.vhCenter,
-    };
-  }
-  async showModal() {
-    this.show = true;
-  }
-  async hideModal() {
-    this.show = false;
-  }
-  async toggleModal() {
-    this.show = !this.show;
-  }
-  async reloadIframe() {
-    if (this.iframeUrl) {
-      let iframe = this.el.shadowRoot.querySelector("iframe");
-      if (iframe) {
-        iframe.src = iframe.src;
-      }
-    }
-  }
-  get el() { return getElement(this); }
-  static get watchers() { return {
-    "show": ["onShowChange"]
-  }; }
-};
-PtcModal.style = ptcModalCss;
-
-export { PtcCloseIcon as ptc_close_icon, PtcModal as ptc_modal };