@salesforcedevs/docs-components 1.3.209-lang4-alpha → 1.3.209-lang6-alpha

package/lwc.config.json

@@ -18,7 +18,6 @@
         "doc/overview",
         "doc/phase",
         "doc/xmlContent",
-        "doc/sidebarFooterNav",
         "docUtils/utils"
     ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.209-lang4-alpha",
+    "version": "1.3.209-lang6-alpha",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/sidebarFooterNav/sidebarFooterNav.css

@@ -1,44 +0,0 @@
-@import "dxHelpers/reset";
-
-:host {
-    --button-primary-color: var(--dx-g-blue-vibrant-50);
-    --button-primary-color-hover: var(--dx-g-cloud-blue-vibrant-95);
-}
-
-.footer-display {
-    display: flex;
-}
-
-.footer_lang-dropdown {
-    display: flex;
-    padding: 0 var(--dx-g-spacing-md);
-    margin-left: var(--dx-g-spacing-sm);
-    height: var(--dx-g-spacing-xl);
-    border-radius: var(--dx-g-spacing-xs);
-    align-items: center;
-}
-
-.footer_lang-dropdown > dx-button {
-    --dx-c-button-primary-color: var(--button-primary-color);
-    --dx-c-slot-empty-width: min-content;
-    --border-color: var(--button-primary-color);
-}
-
-.footer_lang-dropdown:hover,
-.footer_lang-dropdown:active,
-.footer_lang-dropdown:focus,
-.pdf_bail-link:hover {
-    background-color: var(--button-primary-color-hover);
-
-    --border-color: var(--button-primary-color-hover);
-}
-
-.pdf_bail-link {
-    --dx-c-button-horizontal-spacing: var(--dx-g-spacing-sm);
-
-    padding: 0 var(--dx-g-spacing-md);
-    border-radius: var(--dx-g-spacing-xs);
-    display: flex;
-    height: var(--dx-g-spacing-xl);
-    align-items: center;
-}

package/src/modules/doc/sidebarFooterNav/sidebarFooterNav.html

@@ -1,59 +0,0 @@
-<template>
-    <div if:false={mobile} class="footer-display">
-        <dx-button
-            if:true={hasBailLink}
-            aria-label={bailLabel}
-            class="pdf_bail-link"
-            href={bailHref}
-            onclick={handleBailClick}
-            variant="inline"
-            icon-size="medium"
-            icon-symbol="new_window"
-            target="_blank"
-        >
-            {bailLabel}
-        </dx-button>
-        <dx-dropdown
-            if:true={hasLanguages}
-            class="footer_lang-dropdown"
-            options={languages}
-            small
-            value-path={langValuePath}
-            value={language}
-            onchange={onLangChange}
-            variant="docoption"
-            lang-picker="true"
-        >
-            <dx-button
-                aria-label="Select Language"
-                variant="inline"
-                icon-size="medium"
-                icon-symbol="world"
-            >
-                {languageLabel}
-            </dx-button>
-        </dx-dropdown>
-    </div>
-    <div if:true={mobile} class="footer-display">
-        <dx-dropdown
-            if:true={hasLanguages}
-            class="footer_lang-dropdown"
-            options={languages}
-            small
-            value-path={langValuePath}
-            value={language}
-            onchange={onLangChange}
-            variant="docoption"
-            lang-picker="true"
-        >
-            <dx-button
-                aria-label="Select Language"
-                variant="inline"
-                icon-size="small"
-                icon-symbol="world"
-            >
-                {languageLabel}
-            </dx-button>
-        </dx-dropdown>
-    </div>
-</template>

package/src/modules/doc/sidebarFooterNav/sidebarFooterNav.ts

@@ -1,109 +0,0 @@
-/* eslint-disable @lwc/lwc/no-document-query */
-import { LightningElement, api } from "lwc";
-import type { OptionWithLink } from "typings/custom";
-import { toJson } from "dxUtils/normalizers";
-import get from "lodash.get";
-import { track } from "dxUtils/analytics";
-
-const MOBILE_SIZE_MATCH = "768px";
-
-export default class SidebarFooterNav extends LightningElement {
-    @api langValuePath: string = "id";
-    @api bailHref?: string | null = null;
-    @api bailLabel?: string | null = null;
-
-    @api
-    get languages() {
-        return this._languages;
-    }
-
-    set languages(value) {
-        this._languages = toJson(value);
-    }
-
-    @api
-    get language() {
-        return this._language;
-    }
-
-    set language(value) {
-        if (this._language !== value) {
-            this._language = value;
-        }
-    }
-
-    private _languages!: OptionWithLink[];
-    private _language: string | null = null;
-    private mobile: boolean = false;
-    private matchMedia!: MediaQueryList;
-
-    private get hasLanguages(): boolean {
-        return !!(this.languages && this.languages.length > 1);
-    }
-
-    private get languageLabel(): string {
-        return (
-            (this.language &&
-                this.languages.find(
-                    (lang) => get(lang, this.langValuePath) === this.language
-                )?.label) ||
-            this.languages[0].label
-        );
-    }
-
-    get hasBailLink(): boolean {
-        return !!(this.bailHref && this.bailLabel);
-    }
-
-    private onLangChange(event: CustomEvent<string>): void {
-        const { detail } = event;
-        this._language = detail;
-
-        this.dispatchEvent(
-            new CustomEvent("langchange", {
-                detail,
-                bubbles: true,
-                composed: true
-            })
-        );
-    }
-
-    private getFilename = function (path: string) {
-        return path.substring(path.lastIndexOf("/") + 1);
-    };
-
-    private handleBailClick(event: Event) {
-        const payload = {
-            click_text: "pdf",
-            click_url: this.bailHref,
-            element_title: "pdf",
-            element_type: "link",
-            content_category: "download"
-        };
-        track(event.target!, "custEv_pdfDownload", {
-            ...payload,
-            file_name: this.getFilename(this.bailHref!),
-            file_extension: "pdf"
-        });
-
-        track(event.target!, "custEv_linkClick", {
-            ...payload
-        });
-    }
-
-    connectedCallback() {
-        this.matchMedia = window.matchMedia(
-            `(max-width: ${MOBILE_SIZE_MATCH})`
-        );
-        this.onMediaChange(this.matchMedia);
-        this.matchMedia.addEventListener("change", this.onMediaChange);
-    }
-
-    disconnectedCallback() {
-        this.matchMedia.removeEventListener("change", this.onMediaChange);
-    }
-
-    private onMediaChange = (event: MediaQueryListEvent | MediaQueryList) => {
-        this.mobile = event.matches;
-    };
-}