@salesforcedevs/arch-components 1.20.17-alpha4 → 1.20.17-alpha6

package/src/{modules/sa → sa}/explorer/explorer.ts

@@ -10,7 +10,7 @@ import { sendInteractionEvent, InteractionEventTypes } from 'shared/helpers';
 export default class Explorer extends LightningElement {
 
     // get the inuts from the calling page
-    _content: any;
+    _content;
 
     // lets get the inputs from the form
     private _keywordFilter: string = '';
@@ -24,8 +24,8 @@ export default class Explorer extends LightningElement {
     private isLoading = true;
     private filterData = '/assets/data/wa_framework.json';
     private feedbackURL = 'https://docs.google.com/forms/d/e/1FAIpQLSf172WosVDuSjMnTS2tGL8024TyBswpWTv4vNjwfbwces0HlQ/viewform';
-    @api private version: string = '';
-    private frameworkArr: any;
+    @api private version: string;
+    private frameworkArr;
     private trustedArr: Behavior[] = [];
     private easyArr: Behavior[] = [];
     private adaptableArr: Behavior[] = [];
@@ -39,7 +39,7 @@ export default class Explorer extends LightningElement {
 
     // vars for pdf export
     private logoURL = '/assets/images/architects_logo_horizontal_bg.png';
-    private logoImageData: any;
+    private logoImageData;
 
 
     // lets set the pattern data (this includes anti-patterns)
@@ -83,8 +83,8 @@ export default class Explorer extends LightningElement {
             this.checkURLParams();
             this.applyFilters();
 
-        } catch (error: any) {
-            console.error("An error occurred fetching the library:", error?.message || String(error));
+        } catch (error) {
+            console.error("An error occurred fetching the library:", error.message);
         }
     }
     private removeEmptyFilterOptions = () => {
@@ -99,20 +99,20 @@ export default class Explorer extends LightningElement {
     private sortPatterns(arr: any[]) {
         return arr.sort((a, b) => {
             // Compare by CapabilityWeight
-            if (a.CapabilityWeight > b.CapabilityWeight) {return -1;}
-            if (a.CapabilityWeight < b.CapabilityWeight) {return 1;}
+            if (a.CapabilityWeight > b.CapabilityWeight) return -1;
+            if (a.CapabilityWeight < b.CapabilityWeight) return 1;
 
             // If CapabilityWeight is equal, compare by BehaviorWeight
-            if (a.BehaviorWeight > b.BehaviorWeight) {return -1;}
-            if (a.BehaviorWeight < b.BehaviorWeight) {return 1;}
+            if (a.BehaviorWeight > b.BehaviorWeight) return -1;
+            if (a.BehaviorWeight < b.BehaviorWeight) return 1;
 
             // If BehaviorWeight is equal, compare by DimensionWeight
-            if (a.DimensionWeight > b.DimensionWeight) {return -1;}
-            if (a.DimensionWeight < b.DimensionWeight) {return 1;}
+            if (a.DimensionWeight > b.DimensionWeight) return -1;
+            if (a.DimensionWeight < b.DimensionWeight) return 1;
 
             // If DimensionWeight is equal, compare by ConsiderationWeight
-            if (a.ConsiderationWeight > b.ConsiderationWeight) {return -1;}
-            if (a.ConsiderationWeight < b.ConsiderationWeight) {return 1;}
+            if (a.ConsiderationWeight > b.ConsiderationWeight) return -1;
+            if (a.ConsiderationWeight < b.ConsiderationWeight) return 1;
 
             // If all properties are equal, consider the elements equal in this sort context
             return 0;
@@ -141,13 +141,13 @@ export default class Explorer extends LightningElement {
                 this.frameworkArr = data.values[0][0].Capabilities;
 
                 //  populate the framework dropdowns
-                this.trustedArr = this.frameworkArr.filter((capability: any) => capability.Name === "Trusted")[0].Behaviors.sort((a: any, b: any) => b.Weight - a.Weight);
-                this.trustedArr.forEach((behavior) => behavior.Dimensions.map((dim: any) => dim.isDisabled = false));
+                this.trustedArr = this.frameworkArr.filter(capability => capability.Name === "Trusted")[0].Behaviors.sort((a, b) => b.Weight - a.Weight);
+                this.trustedArr.forEach((behavior) => behavior.Dimensions.map(dim => dim.isDisabled = false));
 
-                this.easyArr = this.frameworkArr.filter((capability: any) => capability.Name === "Easy")[0].Behaviors.sort((a: any, b: any) => b.Weight - a.Weight);
-                this.easyArr.forEach((behavior) => behavior.Dimensions.map((dim: any) => dim.isDisabled = false));
+                this.easyArr = this.frameworkArr.filter(capability => capability.Name === "Easy")[0].Behaviors.sort((a, b) => b.Weight - a.Weight);
+                this.easyArr.forEach((behavior) => behavior.Dimensions.map(dim => dim.isDisabled = false));
 
-                this.adaptableArr = this.frameworkArr.filter((capability: any) => capability.Name === "Adaptable")[0].Behaviors.sort((a: any, b: any) => b.Weight - a.Weight);
+                this.adaptableArr = this.frameworkArr.filter(capability => capability.Name === "Adaptable")[0].Behaviors.sort((a, b) => b.Weight - a.Weight);
                 this.adaptableArr.forEach((behavior) => behavior.Dimensions.map(dim => dim.isDisabled = false));
 
                 this.locationsArr.push(...data.values[0][0].Locations);
@@ -158,32 +158,32 @@ export default class Explorer extends LightningElement {
 
             });
 
-        } catch (error: any) {
-            console.error("An error occurred getting the filter list:", error?.message || String(error));
+        } catch (error) {
+            console.error("An error occurred getting the filter list:", error.message);
         }
     }
 
-    filterChange(evt: any) {
+    filterChange(evt) {
         if (evt.detail == "-1")
-            {return;}
-        
-            const newFilter: Filter = {
+            return;
+        else {
+            let newFilter: Filter = {
                 Type: evt.target.id,
                 Name: evt.detail
             };
             // Check if the filter already exists in the array
-            const filterExists = this.selectedFilters.some(filter => filter.Type === newFilter.Type && filter.Name === newFilter.Name);
+            let filterExists = this.selectedFilters.some(filter => filter.Type === newFilter.Type && filter.Name === newFilter.Name);
             if (!filterExists) {
                 this.selectedFilters.push(newFilter);
                 this.setDimensionOption(newFilter.Type, newFilter.Name, true);
             }
 
             this.applyFilters();
-        
+        }
     }
 
-    removeFilter(evt: any) {
-        const index = this.selectedFilters.findIndex(filter => filter.Name === evt.target.innerText);
+    removeFilter(evt) {
+        let index = this.selectedFilters.findIndex(filter => filter.Name === evt.target.innerText);
         this.setDimensionOption(this.selectedFilters[index].Type, this.selectedFilters[index].Name, false);
         this.selectedFilters.splice(index, 1);
         this.applyFilters();
@@ -205,9 +205,9 @@ export default class Explorer extends LightningElement {
         try {
             this.filteredPatterns = [...this.allPatterns];
             this.filteredAntiPatterns = [...this.allAntiPatterns];
-            const frameworkFilters = this.selectedFilters.filter(filter => filter.Type !== 'Location' && filter.Type !== 'ProductArea');
-            const locationFilters = this.selectedFilters.filter(filter => filter.Type === 'Location');
-            const productAreaFilters = this.selectedFilters.filter(filter => filter.Type === 'ProductArea');
+            let frameworkFilters = this.selectedFilters.filter(filter => filter.Type !== 'Location' && filter.Type !== 'ProductArea');
+            let locationFilters = this.selectedFilters.filter(filter => filter.Type === 'Location');
+            let productAreaFilters = this.selectedFilters.filter(filter => filter.Type === 'ProductArea');
 
             if (frameworkFilters.length > 0) {
                 this.filteredPatterns = this.filteredPatterns.filter(pattern =>
@@ -258,8 +258,8 @@ export default class Explorer extends LightningElement {
             this.currentPageIndex = 0;
             this.udpateSearchParams();
 
-        } catch (error: any) {
-            console.error("An error occurred applying the filters:", error?.message || String(error));
+        } catch (error) {
+            console.error("An error occurred applying the filters:", error.message);
         }
     }
 
@@ -296,19 +296,19 @@ export default class Explorer extends LightningElement {
             });
 
             if (this._keywordFilter.length > 0 && this._keywordFilter !== '')
-                {params.set('keywords', this._keywordFilter);}
+                params.set('keywords', this._keywordFilter);
 
             const paramsString = params.toString();
             let updatedUrl = window.location.pathname;
 
             if (paramsString)
-                {updatedUrl += `?${paramsString}`;}
+                updatedUrl += `?${paramsString}`;
 
             history.replaceState(history.state, document.title, updatedUrl);
             this.shareUrl = `${window.location.protocol}//${window.location.hostname}${updatedUrl}`;
 
-        } catch (error: any) {
-            console.error("An error occured applying the url params:", error?.message || String(error));
+        } catch (error) {
+            console.error("An error occured applying the url params:", error.message);
         }
     }
 
@@ -423,7 +423,7 @@ export default class Explorer extends LightningElement {
     }
 
     private get totalPages() {
-        const totPages = (this.activeTab == 'pattern') ? Math.ceil(this.filteredPatterns.length / this.pageSize) : Math.ceil(this.filteredAntiPatterns.length / this.pageSize);
+        let totPages = (this.activeTab == 'pattern') ? Math.ceil(this.filteredPatterns.length / this.pageSize) : Math.ceil(this.filteredAntiPatterns.length / this.pageSize);
         return totPages;
     }
 
@@ -437,16 +437,16 @@ export default class Explorer extends LightningElement {
 
     //#region  EXPORT FUNCTIONS
 
-    loadImage(url: string) {
+    loadImage(url) {
         // Function to load an image and convert it to a base64 string
         return new Promise((resolve, reject) => {
             const img = new Image();
             img.crossOrigin = 'Anonymous';
             img.onload = () => {
-                const canvas = document.createElement('canvas');
+                let canvas = document.createElement('canvas');
                 canvas.width = img.width;
                 canvas.height = img.height;
-                const ctx = canvas.getContext('2d');
+                let ctx = canvas.getContext('2d');
                 ctx?.drawImage(img, 0, 0);
                 resolve(canvas.toDataURL('image/png'));
             };
@@ -469,7 +469,7 @@ export default class Explorer extends LightningElement {
 
     async handlePdfClick() {
 
-        const fileMeta = this.getExportFileMetaData();
+        let fileMeta = this.getExportFileMetaData();
 
         const margins = {
             top: 20,
@@ -497,7 +497,7 @@ export default class Explorer extends LightningElement {
         const pageWidth = doc.internal.pageSize.width;
         const expLinkXPosition = pageWidth - expLinkWidth - margins.left;
 
-        const header = (doc: any) => {
+        const header = (doc) => {
             // Add header content, e.g., a title or an image
             if (this.logoImageData) {
                 doc.addImage(this.logoImageData, 'png', margins.top, margins.left, 200, 19);
@@ -511,7 +511,7 @@ export default class Explorer extends LightningElement {
         // get the up footer vars once
         const pageHeight = doc.internal.pageSize.height;
 
-        const footer = (doc: any) => {
+        const footer = (doc) => {
 
             // link to the release page
             doc.setTextColor("0070d2");
@@ -559,18 +559,18 @@ export default class Explorer extends LightningElement {
 
     }
 
-    addHtmlToPdf(doc: any, htmlContent: string, options: any = {}) {
+    addHtmlToPdf(doc, htmlContent, options = {}) {
         return new Promise((resolve) => {
             doc.html(htmlContent, {
                 ...options,
-                callback: function (doc: any) {
+                callback: function (doc) {
                     resolve(doc);
                 }
             });
         });
     }
 
-    makeHTMLTable(tableName: string, tableArr: any[]) {
+    makeHTMLTable(tableName, tableArr) {
         let htmlTable = `
                     <table width="100%" style="font-family:Helvetica; border-collapse: collapse;">
                     <colgroup>
@@ -587,7 +587,7 @@ export default class Explorer extends LightningElement {
                     </thead>
                     <tbody>`;
 
-        tableArr.forEach((pattern: any, index: number) => {
+        tableArr.forEach((pattern, index) => {
             const backgroundColor = (index % 2 === 0) ? '#fafaf9' : '#ffffff'; // Add background color to even rows
             const description = (typeof pattern.Name === 'undefined' || pattern.Name === null || pattern.Name === '') ? pattern.Description : `${pattern.Name}<br/>${pattern.Description}`;
 
@@ -609,7 +609,7 @@ export default class Explorer extends LightningElement {
 
     async handleCsvClick() {
 
-        const fileMeta = this.getExportFileMetaData()
+        let fileMeta = this.getExportFileMetaData()
 
         if (this.activeTab == 'pattern') {
             this.exportToCSV('What Good Looks Like,Where to Look,Learn More','Pattern,Product Area | Location,Dimension | Consideration' , this.filteredPatterns, fileMeta.fileName);
@@ -619,14 +619,14 @@ export default class Explorer extends LightningElement {
 
     }
 
-    exportToCSV(headers: string, subheaders: string, patArray: any[], filename: string) {
+    exportToCSV(headers,subheaders, patArray, filename) {
         // Convert Array to CSV
         const csv: String[] = [];
         csv.push(headers); // Add headers row
         csv.push(subheaders);
         patArray.forEach(pattern => {
 
-            const row: String[] = [];
+            let row: String[] = [];
             const description = (typeof pattern.Name === 'undefined' || pattern.Name === '') ? pattern.Description : `${pattern.Name} ${pattern.Description}`;
             row.push(this.escapeCSVField(description));
             row.push(this.escapeCSVField(`${pattern.ProductArea} | ${pattern.Location}`));
@@ -649,7 +649,7 @@ export default class Explorer extends LightningElement {
 
     }
 
-    escapeCSVField(field: string) {
+    escapeCSVField(field) {
         if (field.includes(',') || field.includes('"') || field.includes('\n')) {
             // Escape double quotes
             field = field.replace(/"/g, '""');

package/src/{modules/sa → sa}/gallery/gallery.ts

@@ -5,13 +5,13 @@ import { sendInteractionEvent, InteractionEventTypes } from 'shared/helpers';
 import { debounce } from 'shared/debounce';
 
 // function to get the cards array from the json payload
-async function getGridCards(data: string, imageHash: string) {
+async function getGridCards(data, imageHash) {
     const parsedData = JSON.parse(data);
     // Sort the data based on the `sort` value
-    parsedData.sort((a: any, b: any) => a.sort - b.sort);
+    parsedData.sort((a, b) => a.sort - b.sort);
     // load the gallery cards
-    return await parsedData.map((item: any) => {
-        const card: any = {
+    return await parsedData.map((item) => {
+        const card: Card = {
             assistiveText: "Click here to go to this resource",
             //ctaTitle: "Read More",
             ctaTarget: null,
@@ -27,7 +27,7 @@ async function getGridCards(data: string, imageHash: string) {
                         card.ctaHref = item[prop];
                         break;
                     default:
-                        (card as any)[prop] = item[prop];
+                        card[prop] = item[prop];
                 }
             }
 
@@ -46,17 +46,17 @@ export default class gallery extends LightningElement {
 
     // get the inputs from the config
     _content: string | null = null;
-    _filterData: any;
-    _filterProperty: any;
-    _filterLabel: any;
-    _searchTitle: any;
+    _filterData;
+    _filterProperty;
+    _filterLabel;
+    _searchTitle;
     _imageHash: string | null = null;
-    @api containerId: string = '';
+    @api containerId: string;
 
     // second filter drop down is optional and pulled from the json data set
     _showMetaFilter = false;
-    _metaFilterProperty: any;
-    _metaFilterLabel: any;
+    _metaFilterProperty;
+    _metaFilterLabel;
 
     // get the inputs from the form
     _selectFilter: string = '';
@@ -90,8 +90,8 @@ export default class gallery extends LightningElement {
             const response = await fetch(this._filterData);
             const data = await response.json();
             this.filterOptions = data as FilterOption[];
-        } catch (error: any) {
-            console.error("An error occurred getting the filter list:", error?.message || String(error));
+        } catch (error) {
+            console.error("An error occurred getting the filter list:", error.message);
         }
     }
 
@@ -121,28 +121,28 @@ export default class gallery extends LightningElement {
 
     // update the gallery based on filtering
     async applyFilters() {
-        this.filteredCards = this.allCards.filter((card: any) => {
-            const isFilterMatch = (this._selectFilter === '' || (card as any)[this._filterProperty]?.toLowerCase().includes(this._selectFilter.toLocaleLowerCase()));
-            const isMetaMatch = ((this._showMetaFilter) ? ((this._selectMetaFilter === '' || (card as any)[this._metaFilterProperty]?.toLowerCase().includes(this._selectMetaFilter.toLocaleLowerCase()))) : true);
-            const isKeywordMatch = (this._keywordFilter === ''
+        this.filteredCards = this.allCards.filter((card) => {
+            let isFilterMatch = (this._selectFilter === '' || card[this._filterProperty]?.toLowerCase().includes(this._selectFilter.toLocaleLowerCase()));
+            let isMetaMatch = ((this._showMetaFilter) ? ((this._selectMetaFilter === '' || card[this._metaFilterProperty]?.toLowerCase().includes(this._selectMetaFilter.toLocaleLowerCase()))) : true);
+            let isKeywordMatch = (this._keywordFilter === ''
                 || (card.pretitle && card.pretitle.toLowerCase().includes(this._keywordFilter.toLowerCase()))
                 || (card.title && card.title.toLowerCase().includes(this._keywordFilter.toLowerCase()))
                 || (card.description && card.description.toLowerCase().includes(this._keywordFilter.toLowerCase()))
             );
 
             if (isFilterMatch && isMetaMatch && isKeywordMatch)
-                {return card;}
+                return card;
         });
 
         // Update page state so that we track filters in URL params
         const params = new URLSearchParams();
 
         if (this._selectFilter !== '')
-            {params.set(this._filterLabel, this._selectFilter);}
+            params.set(this._filterLabel, this._selectFilter);
         if (this._showMetaFilter && this._selectMetaFilter !== '')
-            {params.set(this._metaFilterLabel, this._selectMetaFilter);}
+            params.set(this._metaFilterLabel, this._selectMetaFilter);
         if (this._keywordFilter !== '')
-            {params.set('keywords', this._keywordFilter);}
+            params.set('keywords', this._keywordFilter);
 
         const paramsString = params.toString();
         let updatedUrl = window.location.pathname;
@@ -151,9 +151,9 @@ export default class gallery extends LightningElement {
         const hash = this.containerId ? `#${this.containerId}` : window.location.hash.split('?')[0];
 
         if (hash)
-            {updatedUrl += hash;}
+            updatedUrl += hash;
         if (paramsString)
-            {updatedUrl += `?${paramsString}`;}
+            updatedUrl += `?${paramsString}`;
 
         history.replaceState(history.state, document.title, updatedUrl);
         this.shareUrl = `${window.location.protocol}//${window.location.hostname}${updatedUrl}`;
@@ -208,15 +208,15 @@ export default class gallery extends LightningElement {
                 getGridCards(this._content, this._imageHash).then((res) => {
                     this.allCards = this.filteredCards = res;
                     if (this._showMetaFilter) {
-                        const typesArr = [...new Set(this.allCards.map((item: any) => (item as any).type))];
-                        typesArr.sort((a: string, b: string) => a.localeCompare(b));
-                        this.metaFilterOptions = typesArr.map((type: string) => ({ label: type, value: type })) as FilterOption[];
+                        let typesArr = [...new Set(this.allCards.map(item => item.type))];
+                        typesArr.sort((a, b) => a.localeCompare(b));
+                        this.metaFilterOptions = typesArr.map(type => ({ label: type, value: type })) as FilterOption[];
                     }
                     if (this.checkURLParams())
-                        {this.applyFilters();}
+                        this.applyFilters();
                 });
-            } catch (error: any) {
-                console.error("An error occurred getting the cards:", error?.message || String(error));
+            } catch (error) {
+                console.error("An error occurred getting the cards:", error.message);
             }
         } 
     }

package/src/{modules/sa → sa}/socialShare/socialShare.ts

@@ -2,12 +2,12 @@ import { LightningElement, api } from 'lwc';
 import { sendInteractionEvent, InteractionEventTypes } from 'shared/helpers';
 
 export default class extends LightningElement {
-    @api title: string = '';
+    @api title: string | null = '';
     @api url: string = window.location.href;
 
     private get shareTwitter() {
         return `https://twitter.com/intent/tweet/?text=${encodeURIComponent(
-            this.title || ''
+            this.title
         )}&url=${encodeURIComponent(this.url)}&via=SalesforceArchs`;
     }
 
@@ -22,7 +22,7 @@ export default class extends LightningElement {
             this.url
         )}`;
     }
-    handleClick(e: any){
+    handleClick(e){
         sendInteractionEvent('Social Share Click', InteractionEventTypes.CLICK, e, e.currentTarget);
 
     }

package/src/modules/common/effectAdapter/effectAdapter.ts

@@ -1,24 +0,0 @@
-import { WireAdapter } from 'lwc';
-
-export type EffectAdapterConfig = {};
-
-export class EffectAdapter
-    implements
-        WireAdapter<EffectAdapterConfig, Record<string, any>>
-{
-    constructor(private setValue: (value: EffectAdapterConfig) => void) {
-        // Constructor required for WireAdapter interface
-    }
-
-    connect() {
-        // Required by WireAdapter interface
-    }
-
-    disconnect() {
-        // Required by WireAdapter interface
-    }
-
-    update(config: EffectAdapterConfig) {
-        this.setValue(config);
-    }
-}

package/src/modules/shared/a11y/a11y.ts

@@ -1,25 +0,0 @@
-import { isDisabled, isHidden } from '@a11y/focus-trap';
-
-export function getFocusableElements(node: Element): HTMLElement[] {
-    const focusableTags = new Set(
-        ['a', 'button', 'input', 'select', 'textarea'].map((t) =>
-            t.toUpperCase()
-        )
-    );
-    if (
-        focusableTags.has(node.tagName) &&
-        !isDisabled(node as HTMLElement) &&
-        !isHidden(node as HTMLElement)
-    )
-        {return [node] as HTMLElement[];}
-    if (node.shadowRoot)
-        {return Array.from(node.shadowRoot.children).flatMap(
-            getFocusableElements
-        );}
-    if (node instanceof HTMLSlotElement) {
-        const assignedElements = node.assignedElements();
-        if (assignedElements.length)
-            {return assignedElements.flatMap(getFocusableElements);}
-    }
-    return Array.from(node.children).flatMap(getFocusableElements);
-}

package/src/modules/shared/children/children.ts

@@ -1,29 +0,0 @@
-import { track, LightningElement } from 'lwc';
-
-export abstract class ChildrenElement<T> extends LightningElement {
-    private observer!: MutationObserver;
-
-    @track items: T[] = [];
-    abstract extractor: (element: Element) => T;
-
-    connectedCallback() {
-        this.observer = new MutationObserver(() => {
-            this.setItems();
-        });
-        this.observer.observe(this.template.host, {
-            childList: true,
-            subtree: true
-        });
-        this.setItems();
-    }
-
-    disconnectedCallback() {
-        this.observer.disconnect();
-    }
-
-    setItems() {
-        this.items = Array.from(this.template.host.children).map(
-            this.extractor
-        );
-    }
-}

package/src/modules/shared/color/color.ts

@@ -1,52 +0,0 @@
-export function hexToRGB(h: string) {
-    let r = 0;
-    let g = 0;
-    let b = 0;
-    if (h.length === 4) {
-        r = +('0x' + h[1] + h[1]);
-        g = +('0x' + h[2] + h[2]);
-        b = +('0x' + h[3] + h[3]);
-    } else if (h.length === 7) {
-        r = +('0x' + h[1] + h[2]);
-        g = +('0x' + h[3] + h[4]);
-        b = +('0x' + h[5] + h[6]);
-    }
-    return [r, g, b];
-}
-
-export function RGBToHSL(r: number, g: number, b: number) {
-    r /= 255;
-    g /= 255;
-    b /= 255;
-    const cmin = Math.min(r, g, b);
-    const cmax = Math.max(r, g, b);
-    const delta = cmax - cmin;
-    let h = 0;
-    let s = 0;
-    let l = 0;
-    if (delta === 0) {h = 0;}
-    else if (cmax === r) {h = ((g - b) / delta) % 6;}
-    else if (cmax === g) {h = (b - r) / delta + 2;}
-    else {h = (r - g) / delta + 4;}
-    h = Math.round(h * 60);
-    if (h < 0) {h += 360;}
-    l = (cmax + cmin) / 2;
-    s = delta === 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
-    s = +s.toFixed(1);
-    l = +l.toFixed(1);
-    return [h, s, l];
-}
-
-export function rgb(r: number, g: number, b: number) {
-    return `rgb(${r},${g},${b})`;
-}
-
-export function hsl(h: number, s: number, l: number) {
-    return `hsl(${h},${s * 100}%,${l * 100}%)`;
-}
-
-export function lightenHex(hex: string, by: number) {
-    const [r, g, b] = hexToRGB(hex);
-    const [h, s, l] = RGBToHSL(r, g, b);
-    return hsl(h, s, l + by);
-}

package/src/modules/shared/debounce/debounce.ts

@@ -1,32 +0,0 @@
-type Procedure = (...args: any[]) => void;
-
-type Options = {
-    isImmediate: boolean;
-};
-
-export function debounce<F extends Procedure>(
-    func: F,
-    waitMilliseconds = 50,
-    options: Options = {
-        isImmediate: false
-    }
-): F {
-    let timeoutId: ReturnType<typeof setTimeout> | undefined;
-    return function (this: any, ...args: any[]) {
-        const context = this;
-        const doLater = function () {
-            timeoutId = undefined;
-            if (!options.isImmediate) {
-                func.apply(context, args);
-            }
-        };
-        const shouldCallNow = options.isImmediate && timeoutId === undefined;
-        if (timeoutId !== undefined) {
-            clearTimeout(timeoutId);
-        }
-        timeoutId = setTimeout(doLater, waitMilliseconds);
-        if (shouldCallNow) {
-            func.apply(context, args);
-        }
-    } as any;
-}