@ptcwebops/ptcw-design 6.3.45-beta → 6.3.47-beta

package/dist/collection/utils/fef-logger.js

@@ -0,0 +1,23 @@
+class PTCLogger {
+  constructor() {
+    this.prefix = '[PTC FEF LOG]';
+  }
+  format(level, message, ...args) {
+    const timestamp = new Date().toISOString();
+    return [`${this.prefix} [${level.toUpperCase()}] ${timestamp}:`, message, ...args];
+  }
+  log(message, ...args) {
+    console.log(...this.format('log', message, ...args));
+  }
+  info(message, ...args) {
+    console.info(...this.format('info', message, ...args));
+  }
+  warn(message, ...args) {
+    console.warn(...this.format('warn', message, ...args));
+  }
+  error(message, ...args) {
+    console.error(...this.format('error', message, ...args));
+  }
+}
+// Singleton
+export const ptcLogger = new PTCLogger();

package/dist/custom-elements/index.js

@@ -1,6 +1,33 @@
 import { HTMLElement as HTMLElement$1, h as h$1, Host, Fragment, createEvent, getAssetPath, proxyCustomElement } from '@stencil/core/internal/client';
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
 
+class PTCLogger {
+  constructor() {
+    this.prefix = '[PTC FEF LOG]';
+  }
+  format(level, message, ...args) {
+    const timestamp = new Date().toISOString();
+    return [`${this.prefix} [${level.toUpperCase()}] ${timestamp}:`, message, ...args];
+  }
+  log(message, ...args) {
+    console.log(...this.format('log', message, ...args));
+  }
+  info(message, ...args) {
+    console.info(...this.format('info', message, ...args));
+  }
+  warn(message, ...args) {
+    console.warn(...this.format('warn', message, ...args));
+  }
+  error(message, ...args) {
+    console.error(...this.format('error', message, ...args));
+  }
+}
+// Singleton
+const ptcLogger = new PTCLogger();
+
+// src/global/global.ts
+globalThis.ptcLogger = ptcLogger;
+
 const academicFormTestCss = "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}.form-wrapper{width:433px;display:flex;border-radius:3px;background:#FFF;box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);flex-direction:column;align-items:center;padding:24px 0px}.form-wrapper>form{max-width:277px}.form-wrapper>ptc-button{align-items:center}.form-wrapper .ptc-label{display:block;font-size:var(--ptc-font-size-x-small);font-weight:var(--ptc-font-weight-bold);line-height:normal;margin-bottom:var(--ptc-element-spacing-04);position:relative;z-index:1;color:var(--color-gray-13)}";
 
 const AcademicForm = class extends HTMLElement$1 {
@@ -20401,8 +20428,16 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
       }));
     }
   }
-  toggleDropdown() {
+  toggleDropdown(focusInput = false) {
     this.isOpen = !this.isOpen;
+    if (focusInput) {
+      requestAnimationFrame(() => {
+        var _a;
+        const selected = this.hostElement.shadowRoot.querySelector('.filter-list input:checked');
+        const firstInput = this.hostElement.shadowRoot.querySelector('.filter-list input');
+        (_a = (selected || firstInput)) === null || _a === void 0 ? void 0 : _a.focus();
+      });
+    }
   }
   clearFilter() {
     this.selectedOptions = [];
@@ -20446,11 +20481,20 @@ const PtcFilterDropdown$1 = class extends HTMLElement$1 {
   }
   handleKeyDown(e) {
     if (e.key === 'Enter') {
-      this.toggleDropdown();
+      this.toggleDropdown(true); // Focus after Enter
+    }
+    else if (e.key === 'Tab' && this.isOpen) {
+      // Let browser do default tabbing, but also guide focus inside dropdown
+      requestAnimationFrame(() => {
+        var _a;
+        const selected = this.hostElement.shadowRoot.querySelector('.filter-list input:checked');
+        const firstInput = this.hostElement.shadowRoot.querySelector('.filter-list input');
+        (_a = (selected || firstInput)) === null || _a === void 0 ? void 0 : _a.focus();
+      });
     }
   }
   render() {
-    return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: "dropdown" }, h$1("div", { class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDown(e); } }, h$1("span", { class: "dropdown-placeholder" }, h$1("strong", null, "Filter: "), h$1("span", { class: "dropdown-filter-name" }, this.placeholder)), h$1("span", { class: "caret" }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h$1("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h$1("div", { class: "dropdown-menu" }, h$1("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h$1("li", { key: option.tabId }, h$1("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h$1("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h$1("div", { class: "filter-btns" }, h$1("span", { class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
+    return (h$1(Host, null, this.styles && h$1("style", null, this.styles), h$1("div", { class: "dropdown" }, h$1("div", { class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDown(e); } }, h$1("span", { class: "dropdown-placeholder" }, h$1("strong", null, "Filter: "), h$1("span", { class: "dropdown-filter-name" }, this.placeholder)), h$1("span", { class: "caret" }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h$1("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h$1("div", { class: "dropdown-menu" }, h$1("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h$1("li", { key: option.tabId }, h$1("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h$1("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h$1("div", { class: "filter-btns" }, h$1("span", { class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
         if (e.key === 'Enter')
           this.clearFilter();
       } }, "Clear"), h$1("ptc-button", { "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions('applyButton'), styles: ' a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }' }, "Apply"))))), h$1("div", { class: "hidden" }, h$1("slot", null))));
@@ -26829,6 +26873,10 @@ const PtcProductList$1 = class extends HTMLElement$1 {
     });
   }
   componentDidLoad() {
+    // ptcLogger.log('Component loaded!');
+    // ptcLogger.info('Component loaded!');
+    // ptcLogger.warn('Component loaded!');
+    // ptcLogger.error('Component loaded!');
     this.addIds();
     this.noresultSection = this.hostElement.shadowRoot.querySelector('.no-result-wrap');
     this.productList = this.hostElement.shadowRoot.querySelector('.product-list');
@@ -33540,11 +33588,6 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
     this.modalType = undefined;
     this.focusCardElement = undefined;
   }
-  // @Listen('filterCliked', { target: 'document' })
-  // handleFilterClick(event: CustomEvent) {
-  //   const filters = event.detail;
-  //   this.filteredTagName = filters['selected-tag'].trim();
-  // }
   async updateData(data, currentModalIndex, cardElement) {
     // debugger
     this.cards = data;
@@ -33556,6 +33599,24 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
       const closebtn = this.hostEl.querySelector('.vm-close');
       closebtn === null || closebtn === void 0 ? void 0 : closebtn.focus();
     }, 200);
+    setTimeout(() => {
+      this.trap = createFocusTrap(this.modalPopUpRef, {
+        escapeDeactivates: true,
+        clickOutsideDeactivates: true,
+        returnFocusOnDeactivate: true,
+        onActivate: () => {
+          this.trap.pause();
+        },
+        onDeactivate: () => {
+          this.closeCardModal();
+          this.trap.deactivate();
+        },
+        tabbableOptions: {
+          getShadowRoot: true,
+        },
+      });
+      this.trap.activate();
+    }, 200);
   }
   closeCardModal() {
     this.showModal = false;
@@ -33604,10 +33665,10 @@ const PtcTheaterVideoModal$1 = class extends HTMLElement$1 {
   }
   render() {
     return (h$1(Host, null, h$1("slot", null), this.showModal &&
-      (this.modalType != 'only-video' ? (h$1("div", { class: "modal" }, h$1("div", { class: "modal-container ptc-container" }, h$1("div", { class: "vm-close-container" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
+      (this.modalType != 'only-video' ? (h$1("div", { class: "modal", ref: el => (this.modalPopUpRef = el) }, h$1("div", { class: "modal-container ptc-container" }, h$1("div", { class: "vm-close-container" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
           if (e.key === 'Enter')
             this.closeCardModal();
-        } }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" })))))), h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h$1("div", { class: 'is-col is-col-7-lg' }, h$1("div", { class: "v-modal-left" }, h$1("div", { class: 'v-nav' }, h$1("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h$1("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h$1("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` }))), h$1("div", { class: "card-description-content" }, h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h$1("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this.currentCardIndex].cardDescription })))), h$1("div", { class: 'is-col is-col-5-lg' }, h$1("div", { class: "video-modal-description" }, h$1("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h$1("div", { class: "modal modal-only-video" }, h$1("div", { class: "modal-wrapper" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
+        } }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" })))))), h$1("div", { class: "is-grid has-col-gap-xl has-row-gap-lg" }, h$1("div", { class: 'is-col is-col-7-lg' }, h$1("div", { class: "v-modal-left" }, h$1("div", { class: 'v-nav' }, h$1("button", { onClick: () => this.showPrevCard(), disabled: this.currentCardIndex === 0 }, "Previous Video"), h$1("div", { class: 'v-number' }, ' ', this.currentCardIndex + 1, " of ", this.cards.length), h$1("button", { onClick: () => this.showNextCard(), disabled: this.currentCardIndex === this.cards.length - 1 }, "Next Video")), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` }))), h$1("div", { class: "card-description-content" }, h$1("ptc-title", { type: "h3", "title-size": "large", "title-color": "white", upperline: "no-upperline", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", styles: ".is-standard{margin-top:14px !important}" }, this.cards[this.currentCardIndex].title), h$1("ptc-para", { "font-size": "medium", "font-weight": "w-4", "para-color": "white", "para-margin": "margin-3", "para-line-h": "line-height-p", innerHTML: this.cards[this.currentCardIndex].cardDescription })))), h$1("div", { class: 'is-col is-col-5-lg' }, h$1("div", { class: "video-modal-description" }, h$1("div", { innerHTML: this.cards[this.currentCardIndex].descriptionModal }))))))) : (h$1("div", { class: "modal modal-only-video", ref: el => (this.modalPopUpRef = el) }, h$1("div", { class: "modal-wrapper" }, h$1("div", { onClick: () => this.closeCardModal(), class: 'vm-close mf-listen', tabIndex: 0, onKeyDown: (e) => {
           if (e.key === 'Enter')
             this.closeCardModal();
         } }, h$1("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, h$1("g", { "clip-path": "url(#clip0_214_927)" }, h$1("path", { d: "M18 2.8125L15.1875 0L9 6.1875L2.8125 0L0 2.8125L6.1875 9L0 15.1875L2.8125 18L9 11.8125L15.1875 18L18 15.1875L11.8125 9L18 2.8125Z", fill: "white" })), h$1("defs", null, h$1("clipPath", { id: "clip0_214_927" }, h$1("rect", { width: "18", height: "18", fill: "white" }))))), h$1("div", { class: 'aspect-ratio-container ' }, h$1("div", { class: 'video-container' }, h$1("video-js", { id: "bcPlayer", "data-account": "1532789042001", "data-player": "HknUe20R", "data-embed": "default", "data-video-id": this.cards[this.currentCardIndex].videoId, controls: "", "data-application-id": "", class: `dpm-vj-${this.currentCardIndex}   video-js    vjs-fills` })))))))));

package/dist/esm/global-c58db4a9.js

@@ -0,0 +1,26 @@
+class PTCLogger {
+  constructor() {
+    this.prefix = '[PTC FEF LOG]';
+  }
+  format(level, message, ...args) {
+    const timestamp = new Date().toISOString();
+    return [`${this.prefix} [${level.toUpperCase()}] ${timestamp}:`, message, ...args];
+  }
+  log(message, ...args) {
+    console.log(...this.format('log', message, ...args));
+  }
+  info(message, ...args) {
+    console.info(...this.format('info', message, ...args));
+  }
+  warn(message, ...args) {
+    console.warn(...this.format('warn', message, ...args));
+  }
+  error(message, ...args) {
+    console.error(...this.format('error', message, ...args));
+  }
+}
+// Singleton
+const ptcLogger = new PTCLogger();
+
+// src/global/global.ts
+globalThis.ptcLogger = ptcLogger;

package/dist/esm/loader.js

@@ -1,5 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-c83db688.js';
 export { s as setNonce } from './index-c83db688.js';
+import './global-c58db4a9.js';
 
 /*
  Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com

package/dist/esm/ptc-filter-dropdown_4.entry.js

@@ -36,8 +36,16 @@ const PtcFilterDropdown = class {
       }));
     }
   }
-  toggleDropdown() {
+  toggleDropdown(focusInput = false) {
     this.isOpen = !this.isOpen;
+    if (focusInput) {
+      requestAnimationFrame(() => {
+        var _a;
+        const selected = this.hostElement.shadowRoot.querySelector('.filter-list input:checked');
+        const firstInput = this.hostElement.shadowRoot.querySelector('.filter-list input');
+        (_a = (selected || firstInput)) === null || _a === void 0 ? void 0 : _a.focus();
+      });
+    }
   }
   clearFilter() {
     this.selectedOptions = [];
@@ -81,11 +89,20 @@ const PtcFilterDropdown = class {
   }
   handleKeyDown(e) {
     if (e.key === 'Enter') {
-      this.toggleDropdown();
+      this.toggleDropdown(true); // Focus after Enter
+    }
+    else if (e.key === 'Tab' && this.isOpen) {
+      // Let browser do default tabbing, but also guide focus inside dropdown
+      requestAnimationFrame(() => {
+        var _a;
+        const selected = this.hostElement.shadowRoot.querySelector('.filter-list input:checked');
+        const firstInput = this.hostElement.shadowRoot.querySelector('.filter-list input');
+        (_a = (selected || firstInput)) === null || _a === void 0 ? void 0 : _a.focus();
+      });
     }
   }
   render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDown(e); } }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), h("span", { class: "dropdown-filter-name" }, this.placeholder)), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle mf-listen", onClick: () => this.toggleDropdown(true), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDown(e); } }, h("span", { class: "dropdown-placeholder" }, h("strong", null, "Filter: "), h("span", { class: "dropdown-filter-name" }, this.placeholder)), h("span", { class: "caret" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "7", viewBox: "0 0 12 7", fill: "none" }, h("path", { d: "M10.2426 1.24264L6 5.48528L1.75736 1.24264", stroke: "#20262A", "stroke-width": "2", "stroke-linecap": "round" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, h("ul", { class: "filter-list" }, this.internalOptions.map((option) => (h("li", { key: option.tabId }, h("label", { class: "radio-label", htmlFor: option.value.replace(/\s+/g, '') }, h("input", { type: "radio", id: option.value.replace(/\s+/g, ''), name: "theater-filter", value: option.value, checked: this.selectedOptions.some((item) => item.value === option.value), "tab-id": option.tabId, "tag-name": option.tagName }), option.value))))), h("div", { class: "filter-btns" }, h("span", { class: "clear-btn mf-listen", onClick: () => this.clearFilter(), tabIndex: 0, onKeyDown: (e) => {
         if (e.key === 'Enter')
           this.clearFilter();
       } }, "Clear"), h("ptc-button", { "tracker-id": "filter-apply-cta", type: "link", color: "ptc-secondary", onClick: () => this.emitSelectedOptions('applyButton'), styles: ' a span { font-size: 16px !important;  } a{ padding: 10px 16px !important; }' }, "Apply"))))), h("div", { class: "hidden" }, h("slot", null))));

package/dist/esm/ptc-product-list.entry.js

@@ -94,6 +94,10 @@ const PtcProductList = class {
     });
   }
   componentDidLoad() {
+    // ptcLogger.log('Component loaded!');
+    // ptcLogger.info('Component loaded!');
+    // ptcLogger.warn('Component loaded!');
+    // ptcLogger.error('Component loaded!');
     this.addIds();
     this.noresultSection = this.hostElement.shadowRoot.querySelector('.no-result-wrap');
     this.productList = this.hostElement.shadowRoot.querySelector('.product-list');