@salesforcedevs/dx-components 1.3.171 → 1.3.174

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.171",
+    "version": "1.3.174",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -41,5 +41,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "949dbf90a356a61047657e2e15dd723f04063759"
+    "gitHead": "4a3d0298cddcc57274c4d01158fe0696037b9cfa"
 }

package/src/modules/dx/banner/banner.ts

@@ -7,6 +7,6 @@ export default class Banner extends LightningElement {
 
     renderedCallback() {
         const container = this.template.querySelector(".info-container");
-        setContainerInnerHtml(container, this.bannerMarkup);
+        setContainerInnerHtml(container!, this.bannerMarkup);
     }
 }

package/src/modules/dx/brandThemeProvider/brandThemeProvider.ts

@@ -33,7 +33,7 @@ export default class BrandThemeProvider extends LightningElement {
         let style = this.template.querySelector("style");
         if (!style) {
             style = document.createElement("style");
-            this.template.appendChild(style);
+            (this.template as any).appendChild(style);
         }
 
         if (style.firstChild) {

package/src/modules/dx/button/button.ts

@@ -7,8 +7,7 @@ import {
     ButtonSize,
     IconSprite,
     IconSize,
-    IconSymbol,
-    LightningSlotElement
+    IconSymbol
 } from "typings/custom";
 
 export default class Button extends LightningElement {
@@ -63,7 +62,7 @@ export default class Button extends LightningElement {
         );
     }
 
-    private onSlotChange(e: LightningSlotElement) {
+    private onSlotChange(e: any) {
         const slot = e.target;
         this.isSlotEmpty = slot.assignedElements().length !== 0;
     }

package/src/modules/dx/cardContent/cardContent.ts

@@ -4,7 +4,7 @@ import { LightningSlotElement } from "typings/custom";
 import { isSlotEmpty } from "dxUtils/slot";
 import { toDxColor } from "dxUtils/css";
 import { toJson } from "dxUtils/normalizers";
-import { ImageAndLabel } from "../imageAndLabel";
+import ImageAndLabel from "dx/imageAndLabel";
 
 export default class CardContent extends LightningElement {
     @api backgroundColor?: string | null = null;
@@ -26,8 +26,10 @@ export default class CardContent extends LightningElement {
             return this._authors!.map((author, index) => ({
                 ...{
                     ...author,
+                    // @ts-ignore we're doing some hacky stuff to get at LWC internals here
                     href: author.href || this.getAuthorLink(author.name)
                 },
+                // @ts-ignore we're doing some hacky stuff to get at LWC internals here
                 imgSrc: author.image_src,
                 key: index
             }));

package/src/modules/dx/cardExpanded/cardExpanded.ts

@@ -1,8 +1,8 @@
 import { api } from "lwc";
 import { ArchiveCard } from "dxBaseElements/archiveCard";
 import cx from "classnames";
-import ImageAndLabel from "../imageAndLabel";
 import { toJson } from "dxUtils/normalizers";
+import ImageAndLabel from "dx/imageAndLabel";
 
 export default class ExpandedCard extends ArchiveCard {
     @api body!: string;
@@ -12,11 +12,14 @@ export default class ExpandedCard extends ArchiveCard {
     @api
     get authors() {
         if (this._authors && this._authors.length) {
-            return this._authors!.map((author, index) => ({
-                ...author,
-                imgSrc: !this.mobile ? author.image_src : "",
-                key: index
-            }));
+            return this._authors!.map(
+                (author: ImageAndLabel, index: number) => ({
+                    ...author,
+                    // @ts-ignore we're doing some hacky stuff to get at LWC internals here
+                    imgSrc: !this.mobile ? author.image_src : "",
+                    key: index
+                })
+            );
         }
         return undefined;
     }
@@ -28,7 +31,7 @@ export default class ExpandedCard extends ArchiveCard {
             );
         }
     }
-    private _authors?: Array<ImageAndLabel>;
+    private _authors?: any;
 
     private get isBlog(): boolean {
         return this.contentType === "blog";

package/src/modules/dx/cardNews/cardNews.ts

@@ -12,12 +12,12 @@ import {
 import { track } from "dxUtils/analytics";
 
 export default class CardNews extends LightningElement {
-    @api backgroundColor?: string = "indigo-vibrant-40";
+    @api backgroundColor: string = "indigo-vibrant-40";
     @api title!: string;
     @api body!: string;
     @api buttonText?: string = "";
     @api buttonType!: CardNewsButtonType;
-    @api color?: string = "white";
+    @api color: string = "white";
     @api buttonColor?: ButtonTextColor = "dark";
     @api dark?: boolean = false;
     @api size?: CardNewsSize = "normal";

package/src/modules/dx/cardSmall/cardSmall.css

@@ -15,10 +15,6 @@
     flex-direction: row;
 }
 
-.dx-text-body-2 {
-    flex: 1;
-}
-
 /* mobile responsiveness */
 @media screen and (max-width: 1024px) {
     :host {

package/src/modules/dx/checkboxNative/checkboxNative.ts

@@ -20,7 +20,7 @@ export default class CheckboxNative extends LightningElement {
         return this._indeterminate;
     }
     set indeterminate(value: boolean) {
-        this.template.querySelector("input").indeterminate = value;
+        (this.template.querySelector("input")! as any).indeterminate = value;
         this._indeterminate = value;
     }
 

package/src/modules/dx/codeBlock/codeBlock.ts

@@ -1,12 +1,12 @@
 import { LightningElement, api, wire, track } from "lwc";
 import { CodeBlockTheme, CodeBlockLanguage } from "typings/custom";
 import cx from "classnames";
-import Prism from "dxUtils/prismjs";
 import {
     getLocalStorageData,
     setLocalStorageData
 } from "@sfdocs-internal/wires";
 import { track as gtmTrack } from "dxUtils/analytics";
+import prism from "dxUtils/prismjs";
 
 // Used por remove enclosing <pre> tag's (if occurs)
 const preTagRegexp: RegExp = /^<pre.*?>(.*)<\/pre>$/is;
@@ -68,9 +68,10 @@ export default class CodeBlock extends LightningElement {
     set codeBlock(value: string) {
         this._codeBlockRendered = false;
         let match;
-        this._codeBlock = ((match = preTagRegexp.exec(value.trim())) === null
-            ? value.trim()
-            : match[1]
+        this._codeBlock = (
+            (match = preTagRegexp.exec(value.trim())) === null
+                ? value.trim()
+                : match[1]
         ).trim();
     }
 
@@ -158,7 +159,7 @@ export default class CodeBlock extends LightningElement {
             // eslint-disable-next-line
             codeBlockEl.innerHTML = "";
             codeBlockEl.appendChild(codeEl);
-            Prism.highlightAllUnder(codeBlockEl);
+            prism.highlightAllUnder(codeBlockEl);
             // Italicize anything marked as a "variable" by the docs team
             // eslint-disable-next-line
             codeBlockEl.innerHTML = codeBlockEl.innerHTML.replace(
@@ -217,9 +218,8 @@ export default class CodeBlock extends LightningElement {
         });
 
         try {
-            const snippetContainer: HTMLElement | null = this.template.querySelector(
-                ".code-block-content"
-            );
+            const snippetContainer: HTMLElement | null =
+                this.template.querySelector(".code-block-content");
             if (snippetContainer && snippetContainer.textContent) {
                 await navigator.clipboard.writeText(
                     snippetContainer.textContent

package/src/modules/dx/dropdown/dropdown.ts

@@ -7,8 +7,8 @@ import {
 import { LightningElement, api, track } from "lwc";
 import cx from "classnames";
 import get from "lodash.get";
-import { deepmapOptions } from "dxUtils/options";
 import { toJson } from "dxUtils/normalizers";
+import { deepmapOptions } from "dxUtils/options";
 
 interface DropdownOption extends OptionWithNested {
     // link that gets shown as a highlighted link at end of option group
@@ -19,6 +19,7 @@ interface DropdownOption extends OptionWithNested {
     };
 }
 
+// @ts-ignore Dark Magic (TM) we are adding a custom getter to the 'role' property and tsc doesn't like that
 export default class Dropdown extends LightningElement {
     @api value: string | null = null; // "active option" id
     @api valuePath: string = "id"; // path to match for the active value (useful for url matching)
@@ -121,7 +122,7 @@ export default class Dropdown extends LightningElement {
             this.dispatchEvent(new CustomEvent("change", { detail: e.detail }));
         }
         if (!this.stayOpenAfterChange && this.popoverEl) {
-            this.popoverEl.closePopover();
+            (this.popoverEl as any).closePopover();
         }
     }
 
@@ -172,9 +173,8 @@ export default class Dropdown extends LightningElement {
             ? this.findOptionElementIndex(this.value)
             : 0;
 
-        const optionToFocus: any = this.optionsElements[
-            defaultIndex < 0 ? 0 : defaultIndex
-        ];
+        const optionToFocus: any =
+            this.optionsElements[defaultIndex < 0 ? 0 : defaultIndex];
         if (optionToFocus) {
             optionToFocus.focus();
             this._focusedValue = optionToFocus.option.id;

package/src/modules/dx/featuredContentHeader/featuredContentHeader.ts

@@ -1,11 +1,10 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
-import { LightningSlotElement } from "typings/custom";
 import { isSlotEmpty } from "dxUtils/slot";
 import { toJson } from "dxUtils/normalizers";
-import { ImageAndLabel } from "../imageAndLabel";
 import { track } from "dxUtils/analytics";
 import svgs from "./svgs";
+import ImageAndLabel from "dx/imageAndLabel";
 
 export default class FeaturedContentHeader extends LightningElement {
     @api label?: string | null = null;
@@ -27,7 +26,7 @@ export default class FeaturedContentHeader extends LightningElement {
     @api target?: string | null = null;
     @api title!: string;
     @api backgroundImg?: string;
-    @api backgroundImgId?:
+    @api backgroundImgId:
         | "trees"
         | "codey"
         | "blog"
@@ -53,6 +52,7 @@ export default class FeaturedContentHeader extends LightningElement {
         if (this._authors && this._authors.length) {
             return this._authors!.map((author, index) => ({
                 ...author,
+                // @ts-ignore we're doing some hacky stuff to get at LWC internals here
                 imgSrc: author.image_src,
                 key: index
             }));
@@ -119,7 +119,7 @@ export default class FeaturedContentHeader extends LightningElement {
         this.isLinkHovered = false;
     }
 
-    private onSlotChange(e: LightningSlotElement): void {
+    private onSlotChange(e: any): void {
         this.isSlotEmpty = isSlotEmpty(e);
         const slot = e.target;
         const slotElements = slot.assignedElements();
@@ -177,13 +177,13 @@ export default class FeaturedContentHeader extends LightningElement {
     renderedCallback(): void {
         // Setting the svgs with innerHTML prevents their IDs from being rewritten
         // which is necessary to preserve the svg masking and other effects
-        if (this.backgroundImgId && svgs[this.backgroundImgId]) {
+        if (this.backgroundImgId && this.backgroundImgId in svgs) {
             const bgSvg = this.template.querySelector(".bg-image-container");
             if (bgSvg) {
                 // eslint-disable-next-line @lwc/lwc/no-inner-html
                 bgSvg.innerHTML = `
-                    ${svgs[this.backgroundImgId].desktop}
-                    ${svgs[this.backgroundImgId].mobile}
+                    ${svgs[this.backgroundImgId as keyof typeof svgs].desktop}
+                    ${svgs[this.backgroundImgId as keyof typeof svgs].mobile}
                 `;
             }
         }

package/src/modules/dx/footer/footer.ts

@@ -16,7 +16,7 @@ export default class Footer extends LightningElement {
     get locales() {
         return this._locales;
     }
-    set locales(value) {
+    set locales(value: OptionWithLink[] | string | null) {
         this._locales = toJson(value);
     }
 
@@ -31,7 +31,7 @@ export default class Footer extends LightningElement {
     }
 
     private _generalLinks = defaultGeneralLinks;
-    private _locales?: OptionWithLink[] | null = null;
+    private _locales: OptionWithLink[] | null = null;
     private _variant: FooterVariant = "small-signup";
     private intellectualHref = intellectualHref;
     private socialLinks = socialLinks;
@@ -71,7 +71,9 @@ export default class Footer extends LightningElement {
     get localeLabel(): string | null {
         let label = null;
         if (this.locale && this.locales) {
-            const locale = this.locales.find((l) => l.id === this.locale);
+            const locale = (this.locales as OptionWithLink[]).find(
+                (l) => l.id === this.locale
+            );
             label = locale ? locale.label : null;
         }
         return label;
@@ -107,7 +109,7 @@ export default class Footer extends LightningElement {
         ].includes(value);
     }
 
-    private handleSignup(e: Event) {
+    private handleSignup(e: any) {
         track(e.currentTarget, "custEv_ctaButtonClick", {
             click_text: this.signupLabel,
             click_url: `${window.location.origin}${this.signupPath}`,

package/src/modules/dx/footer/links.ts

@@ -142,8 +142,11 @@ export const intellectualHref =
     "https://www.salesforce.com/company/legal/intellectual/";
 
 const openOneTrustInfoDisplay = () => {
-    if (window.OneTrust && window.OneTrust.ToggleInfoDisplay) {
-        window.OneTrust.ToggleInfoDisplay();
+    if (
+        (window as any).OneTrust &&
+        (window as any).OneTrust.ToggleInfoDisplay
+    ) {
+        (window as any).OneTrust.ToggleInfoDisplay();
     }
 };
 

package/src/modules/dx/footerOption/footerOption.ts

@@ -8,7 +8,7 @@ export default class FooterOption extends LightningElement {
     @api iconSymbol: string | null = null;
     @api target: string | null = null;
 
-    sendGtm(e: PointerEvent) {
+    sendGtm(e: any) {
         track(e.currentTarget, "custEv_bottomNavLinkClick", {
             click_text: this.label || undefined,
             click_url:

package/src/modules/dx/formattedDateTime/formattedDateTime.ts

@@ -37,7 +37,10 @@ export default class FormattedDateTime extends LightningElement {
     }
     get value() {
         const options = this.getOptions();
-        this._formattedDate = this.formatDate(this._unformattedDate, options);
+        this._formattedDate = this.formatDate(
+            this._unformattedDate,
+            options as any
+        );
         return this._formattedDate;
     }
 
@@ -46,14 +49,15 @@ export default class FormattedDateTime extends LightningElement {
 
     formatDate(unformattedDate: Date, options: formattedDateOptions) {
         const locale = navigator.language;
-        let formattedDateTime = Intl.DateTimeFormat(locale, options).format(
-            unformattedDate
-        ) as String;
+        let formattedDateTime = Intl.DateTimeFormat(
+            locale,
+            options as any
+        ).format(unformattedDate) as string;
         formattedDateTime = this.updateDayPeriodFormatting(formattedDateTime);
         return formattedDateTime;
     }
 
-    updateDayPeriodFormatting(formattedDateTime: String) {
+    updateDayPeriodFormatting(formattedDateTime: string) {
         if (formattedDateTime.includes("AM")) {
             formattedDateTime = formattedDateTime.replace(" AM", "am");
         } else if (formattedDateTime.includes("PM")) {

package/src/modules/dx/groupText/groupText.ts

@@ -83,7 +83,7 @@ export default class GroupText extends LightningElement {
         this.isSlotEmpty = isSlotEmpty(e);
     }
 
-    private trackClick(event: Event) {
+    private trackClick(event: any) {
         track(event.target!, "custEv_ctaButtonClick", {
             click_text: event.currentTarget.innerText,
             item_title: event.currentTarget.innerText,

package/src/modules/dx/headerMobileNavMenuOption/headerMobileNavMenuOption.ts

@@ -9,7 +9,7 @@ export default class HeaderMobileNavMenuOption extends LightningElement {
     @api menuLabel: string | null = null;
     @api itemLabel: string | null = null;
 
-    private sendGtm(e: PointerEvent) {
+    private sendGtm(e: any) {
         track(e.currentTarget, "custEv_topNavLinkClick", {
             navHeading: this.menuLabel || undefined,
             navSubHeading: this.itemLabel || undefined,

package/src/modules/dx/input/input.ts

@@ -18,6 +18,8 @@ const typeValidatorMap: ValidatorMap = {
         errorMessage: "Enter valid email"
     }
 };
+
+// @ts-ignore Dark Magic (TM): we have custom getters on aria-keyshortcuts that cause problems for typescript
 export default class Input extends LightningElement {
     @api ariaLabel!: string;
     @api autocomplete: string | null = null;
@@ -173,7 +175,7 @@ export default class Input extends LightningElement {
             this.input = <HTMLInputElement>this.template.querySelector("input");
         }
         const container = this.template.querySelector(".description");
-        setContainerInnerHtml(container, this.descriptionMarkup);
+        setContainerInnerHtml(container!, this.descriptionMarkup!);
     }
 
     onClick() {

package/src/modules/dx/modal/modal.ts

@@ -43,11 +43,11 @@ export default class Modal extends LightningElement {
         }
     };
 
-    private connectedCallback(): void {
+    connectedCallback(): void {
         document.addEventListener("keydown", this.handleKeyDown.bind(this));
     }
 
-    private disconnectedCallback(): void {
+    disconnectedCallback(): void {
         window.removeEventListener("keydown", this.handleKeyDown.bind(this));
         this.modal?.remove();
         this.overlay?.remove();
@@ -74,7 +74,7 @@ export default class Modal extends LightningElement {
         }
     };
 
-    private onClickModal(e) {
+    private onClickModal(e: any) {
         if (e?.target?.className === OVERLAY_CLASS) {
             this.closeModal();
         }

package/src/modules/dx/relativeDateTime/relativeDateTime.ts

@@ -17,9 +17,11 @@ export default class RelativeDateTime extends LightningElement {
         this._selectedDateTime = new Date(value);
     }
     get value() {
-        const relativeDateTimeInHours = this.formatDate(this._selectedDateTime);
+        const relativeDateTimeInHours = this.formatDate(
+            this._selectedDateTime!
+        );
         this._relativeDateTime = this.getRelativeDateTimeAsString(
-            this._selectedDateTime,
+            this._selectedDateTime!,
             relativeDateTimeInHours
         );
         return this._relativeDateTime;
@@ -28,8 +30,8 @@ export default class RelativeDateTime extends LightningElement {
         return this._selectedDateTime;
     }
 
-    private _relativeDateTime: String;
-    private _selectedDateTime: Date;
+    private _relativeDateTime?: string;
+    private _selectedDateTime?: Date;
 
     formatDate(selectedDateTime: Date) {
         const currentDateTime = new Date();
@@ -48,7 +50,7 @@ export default class RelativeDateTime extends LightningElement {
 
     getRelativeDateTimeAsString(
         selectedDateTime: Date,
-        relativeDateTimeInHours: Number
+        relativeDateTimeInHours: number
     ) {
         const daysPast = Math.floor(+relativeDateTimeInHours / 24);
         const weeksPast = Math.floor(+daysPast / 7);

package/src/modules/dx/searchResults/searchResults.ts

@@ -18,6 +18,7 @@ interface CoveoSearch {
     UnderscoreTemplate: typeof CoveoSDK.UnderscoreTemplate;
     init: typeof CoveoSDK.init;
     IQuerySuccessEventArgs: CoveoSDK.IQuerySuccessEventArgs;
+    TemplateHelpers: any;
 }
 
 declare const Coveo: CoveoSearch;
@@ -68,7 +69,7 @@ const resultsTemplatesInnerHtml = `
     </script>
 `;
 
-const buildTemplateHelperBadge = (value: string) => {
+const buildTemplateHelperBadge = (value: keyof typeof CONTENT_TYPE_LABELS) => {
     const style = getContentTypeColorVariables(value);
     const label = CONTENT_TYPE_LABELS[value];
     const { iconSprite, iconSymbol } = CONTENT_TYPE_ICONS[value];
@@ -87,6 +88,7 @@ const buildTemplateHelperBadge = (value: string) => {
         `;
 };
 
+// @ts-ignore Dark Magic (TM) we are overriding the 'title' field with a custom getter. We should really stop doing this.
 export default class SearchResults extends LightningElement {
     @api coveoOrganizationId!: string;
     @api coveoPublicAccessToken!: string;

package/src/modules/dx/section/section.ts

@@ -11,7 +11,7 @@ export default class Section extends LightningElement {
     @api subtitle?: string;
     @api subtitleLevel?: "1" | "2" | "3" | "4" = "1";
     @api textAlign: "center" | "left" = "left";
-    @api title?: string;
+    @api title!: string;
     @api ctaLabel?: string;
     @api ctaHref?: string;
     @api ctaBtnVariant?: string;

package/src/modules/dx/sidebar/sidebar.ts

@@ -252,8 +252,8 @@ export default class Sidebar extends SidebarBase {
     }
 
     private onItemsFocused(): void {
-        this.template
-            .querySelector("dx-sidebar-search")
-            ?.requestOpenDropdown(false);
+        (
+            this.template.querySelector("dx-sidebar-search") as any
+        )?.requestOpenDropdown(false);
     }
 }

package/src/modules/dx/sidebarSearchResult/sidebarSearchResult.ts

@@ -13,6 +13,7 @@ const toChunks = (value: string, highlights: CoveoHighlights) => {
     }
 
     let endIndex = 0;
+    // @ts-ignore Dark Magic (TM)
     return highlights.reduce((acc, { length, offset }, i) => {
         const plainValue = value.slice(endIndex, offset);
         const plainChunk = {

package/src/modules/dx/tabPanelItem/tabPanelItem.ts

@@ -3,7 +3,7 @@ import cx from "classnames";
 export default class TabPanelItem extends LightningElement {
     @api groupId!: string;
     @api index!: number;
-    @api active: boolean;
+    @api active!: boolean;
     @api role: "button" | "tab" = "tab";
 
     @api focus() {

package/src/modules/dx/tabPanelList/tabPanelList.ts

@@ -70,8 +70,8 @@ export default class TabPanelList extends LightningElement {
         this.activeIndex = e.detail;
     }
 
-    private onDropdownItemClick(e: CustomEvent) {
-        this.onTabClick({ detail: +e.currentTarget!.dataset.value });
+    private onDropdownItemClick(e: any) {
+        this.onTabClick({ detail: +e.currentTarget.dataset.value });
     }
 
     private onSlotChange(e: Event) {
@@ -81,13 +81,15 @@ export default class TabPanelList extends LightningElement {
 
     private updateTabs() {
         if (this.tabSlotPanels) {
-            this.tabSlotPanels.assignedElements().forEach((tabPanel, index) => {
-                tabPanel.index = index;
-                tabPanel.groupId = this.groupId;
-                tabPanel.active = this.activeIndex === index;
-            });
+            this.tabSlotPanels
+                .assignedElements()
+                .forEach((tabPanel: any, index) => {
+                    tabPanel.index = index;
+                    tabPanel.groupId = this.groupId;
+                    tabPanel.active = this.activeIndex === index;
+                });
         }
-        this.tabElements.forEach((tab, index) => {
+        this.tabElements.forEach((tab: any, index) => {
             tab.active = this.activeIndex === index;
         });
     }
@@ -123,8 +125,8 @@ export default class TabPanelList extends LightningElement {
             "dx-tab-panel-item:not(.more-btn-container)"
         );
         const moreBtn = this.template.querySelector(".more-btn-container")!;
-        const containerWidth = this.template.querySelector(".tablist")!
-            .offsetWidth;
+        const containerWidth =
+            this.template.querySelector(".tablist")!.offsetWidth;
         let stopWidth = this.template.querySelector(
             "dx-tab-panel-item.more-btn-container"
         )!.offsetWidth;
@@ -153,12 +155,12 @@ export default class TabPanelList extends LightningElement {
     };
 
     private addListeners() {
-        this.template.addEventListener("keydown", this.onKeydown);
+        this.template.addEventListener("keydown", this.onKeydown as any);
         window.addEventListener("resize", this.onResize.bind(this));
     }
 
     private removeListeners() {
-        this.template.removeEventListener("keydown", this.onKeydown);
+        this.template.removeEventListener("keydown", this.onKeydown as any);
         window.removeEventListener("resize", this.onResize.bind(this));
     }
 }

package/src/modules/dx/treeItem/treeItem.ts

@@ -50,9 +50,9 @@ export default class TreeItem extends LightningElement {
     }
 
     private get treeLabels(): string {
-        let parentEl = this.template
-            .querySelector("dx-tree-tile")
-            ?.getRootNode().host;
+        let parentEl = (
+            this.template.querySelector("dx-tree-tile")?.getRootNode() as any
+        ).host;
 
         if (!parentEl) {
             return "";