@nylas/web-elements 1.0.0-prealpha1

package/dist/collection/stores/mailbox-store.js

@@ -0,0 +1,42 @@
+import { createStore } from "@stencil/store";
+export function CreateNylasMailboxStore(defaultState = {}) {
+    const defaultNylasStoreState = {
+        state: 'ready',
+        messages: [],
+        threads: [],
+        folders: [],
+        selectedThread: null,
+        nextThreadPageToken: null,
+        previousThreadPageTokens: [],
+        searchQuery: '',
+        hasNextThreadPage: false,
+        hasPreviousThreadPage: false,
+        selectedFolder: 'inbox',
+        threadsQueryParams: {
+            in: 'inbox',
+        },
+        messgeQueryParams: {
+            fields: 'include_headers',
+        },
+        ...defaultState,
+    };
+    const store = createStore({ ...defaultNylasStoreState });
+    store.onChange('nextThreadPageToken', nextThreadPageToken => {
+        store.set('hasNextThreadPage', nextThreadPageToken !== null);
+    });
+    store.onChange('previousThreadPageTokens', previousThreadPageTokens => {
+        store.set('hasPreviousThreadPage', previousThreadPageTokens.length > 0);
+    });
+    store.onChange('threadsQueryParams', threadsQueryParams => {
+        store.set('selectedFolder', threadsQueryParams.in || 'inbox');
+        store.set('searchQuery', threadsQueryParams.search_query_native || '');
+    });
+    store.reset = () => {
+        for (const key in defaultNylasStoreState) {
+            const value = defaultNylasStoreState[key];
+            store.set(key, value);
+        }
+    };
+    return store;
+}
+//# sourceMappingURL=mailbox-store.js.map

package/dist/collection/stores/mailbox-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mailbox-store.js","sourceRoot":"","sources":["../../src/stores/mailbox-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAsB7C,MAAM,UAAU,uBAAuB,CAAC,eAAgD,EAAE;IACxF,MAAM,sBAAsB,GAA2B;QACrD,KAAK,EAAE,OAAO;QAEd,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,EAAE;QACX,cAAc,EAAE,IAAI;QACpB,mBAAmB,EAAE,IAAI;QACzB,wBAAwB,EAAE,EAAE;QAC5B,WAAW,EAAE,EAAE;QAEf,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAE5B,cAAc,EAAE,OAAO;QAEvB,kBAAkB,EAAE;YAClB,EAAE,EAAE,OAAO;SACZ;QACD,iBAAiB,EAAE;YACjB,MAAM,EAAE,iBAAiB;SAC1B;QACD,GAAG,YAAY;KAChB,CAAC;IAEF,MAAM,KAAK,GAAG,WAAW,CAAyB,EAAE,GAAG,sBAAsB,EAAE,CAAC,CAAC;IAGjF,KAAK,CAAC,QAAQ,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,EAAE;QAC1D,KAAK,CAAC,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,KAAK,IAAI,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,QAAQ,CAAC,0BAA0B,EAAE,wBAAwB,CAAC,EAAE;QACpE,KAAK,CAAC,GAAG,CAAC,uBAAuB,EAAE,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAGH,KAAK,CAAC,QAAQ,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,EAAE;QAExD,KAAK,CAAC,GAAG,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC;QAE9D,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,kBAAkB,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,MAAM,GAAG,IAAI,sBAAsB,EAAE,CAAC;YACzC,MAAM,KAAK,GAAG,sBAAsB,CAAC,GAA0C,CAAC,CAAC;YACjF,KAAK,CAAC,GAAG,CAAC,GAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import type { Folder, Message, MessageQueryParameters, Thread, ThreadQueryParameters } from '@nylas/core';\nimport { createStore } from '@stencil/store';\nimport { DataState } from '../components';\n\nexport interface NylasMailboxStoreState {\n  state: DataState;\n  messages: Message[];\n  threads: Thread[];\n  folders: Folder[];\n  selectedThread: Thread | null;\n  selectedFolder: string;\n  searchQuery: string;\n\n  nextThreadPageToken: string | null;\n  previousThreadPageTokens: (string | null)[];\n  hasNextThreadPage: boolean;\n  hasPreviousThreadPage: boolean;\n  threadsQueryParams: Partial<ThreadQueryParameters>;\n  messgeQueryParams: Partial<MessageQueryParameters>;\n}\n\nexport type NylasMailboxStoreType = ReturnType<typeof CreateNylasMailboxStore>;\n\nexport function CreateNylasMailboxStore(defaultState: Partial<NylasMailboxStoreState> = {}) {\n  const defaultNylasStoreState: NylasMailboxStoreState = {\n    state: 'ready',\n\n    messages: [],\n    threads: [],\n    folders: [],\n    selectedThread: null,\n    nextThreadPageToken: null,\n    previousThreadPageTokens: [],\n    searchQuery: '',\n\n    hasNextThreadPage: false,\n    hasPreviousThreadPage: false,\n\n    selectedFolder: 'inbox',\n\n    threadsQueryParams: {\n      in: 'inbox',\n    },\n    messgeQueryParams: {\n      fields: 'include_headers',\n    },\n    ...defaultState,\n  };\n\n  const store = createStore<NylasMailboxStoreState>({ ...defaultNylasStoreState });\n\n  // Set our hasNextThreadPage if nextThreadPageToken is not null.\n  store.onChange('nextThreadPageToken', nextThreadPageToken => {\n    store.set('hasNextThreadPage', nextThreadPageToken !== null);\n  });\n  // Set our hasPreviousThreadPage if previousThreadPageTokens is not empty.\n  store.onChange('previousThreadPageTokens', previousThreadPageTokens => {\n    store.set('hasPreviousThreadPage', previousThreadPageTokens.length > 0);\n  });\n\n  // When threadsQueryParams changes...\n  store.onChange('threadsQueryParams', threadsQueryParams => {\n    // set our selectedFolder to the in param.\n    store.set('selectedFolder', threadsQueryParams.in || 'inbox');\n    // set our searchQuery to the search_query_native param.\n    store.set('searchQuery', threadsQueryParams.search_query_native || '');\n  });\n\n  store.reset = () => {\n    for (const key in defaultNylasStoreState) {\n      const value = defaultNylasStoreState[key as keyof typeof defaultNylasStoreState];\n      store.set(key as any, value);\n    }\n  };\n\n  return store;\n}\n"]}

package/dist/collection/stores/scheduler-store.js

@@ -0,0 +1,44 @@
+import { debug } from "../utils/utils";
+import { createStore } from "@stencil/store";
+export function CreateNylasSchedulerStore(defaultState = {}) {
+    const defaultNylasStoreState = {
+        selectedDate: null,
+        selectedLanguage: navigator.language,
+        selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+        selectedTimeslot: null,
+        showBookingForm: false,
+        showThankYouMessage: false,
+        selectableDates: null,
+        availability: [],
+        availabilityTimeslotsError: null,
+        state: 'ready',
+        eventInfo: null,
+        cancelledEvent: null,
+        bookedEventError: null,
+        bookedEventLoading: false,
+        loadingState: null,
+        ...defaultState,
+    };
+    debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);
+    const store = createStore(defaultNylasStoreState);
+    store.onChange('availability', availability => {
+        const selectableDates = availability.map(timeslot => timeslot.start_time);
+        store.set('selectableDates', selectableDates);
+    });
+    store.onChange('rescheduleId', rescheduleId => {
+        if (rescheduleId) {
+            store.set('bookingFlow', 'rescheduling');
+        }
+        else {
+            store.set('bookingFlow', 'booking');
+        }
+    });
+    store.reset = () => {
+        for (const key in defaultNylasStoreState) {
+            const value = defaultNylasStoreState[key];
+            store.set(key, value);
+        }
+    };
+    return store;
+}
+//# sourceMappingURL=scheduler-store.js.map

package/dist/collection/stores/scheduler-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scheduler-store.js","sourceRoot":"","sources":["../../src/stores/scheduler-store.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmC7C,MAAM,UAAU,yBAAyB,CAAC,eAAkD,EAAE;IAC5F,MAAM,sBAAsB,GAA6B;QACvD,YAAY,EAAE,IAAI;QAClB,gBAAgB,EAAE,SAAS,CAAC,QAAQ;QACpC,gBAAgB,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ;QAClE,gBAAgB,EAAE,IAAI;QACtB,eAAe,EAAE,KAAK;QACtB,mBAAmB,EAAE,KAAK;QAC1B,eAAe,EAAE,IAAI;QACrB,YAAY,EAAE,EAAE;QAChB,0BAA0B,EAAE,IAAI;QAChC,KAAK,EAAE,OAAO;QACd,SAAS,EAAE,IAAI;QACf,cAAc,EAAE,IAAI;QACpB,gBAAgB,EAAE,IAAI;QACtB,kBAAkB,EAAE,KAAK;QACzB,YAAY,EAAE,IAAI;QAClB,GAAG,YAAY;KAChB,CAAC;IACF,KAAK,CAAC,4BAA4B,EAAE,sBAAsB,CAAC,CAAC;IAC5D,MAAM,KAAK,GAAG,WAAW,CAA2B,sBAAsB,CAAC,CAAC;IAE5E,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC,EAAE;QAC5C,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;QAC1E,KAAK,CAAC,GAAG,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,KAAK,CAAC,QAAQ,CAAC,cAAc,EAAE,YAAY,CAAC,EAAE;QAC5C,IAAI,YAAY,EAAE,CAAC;YACjB,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;QACtC,CAAC;IACH,CAAC,CAAC,CAAC;IAOH,KAAK,CAAC,KAAK,GAAG,GAAG,EAAE;QACjB,KAAK,MAAM,GAAG,IAAI,sBAAsB,EAAE,CAAC;YACzC,MAAM,KAAK,GAAG,sBAAsB,CAAC,GAA0C,CAAC,CAAC;YACjF,KAAK,CAAC,GAAG,CAAC,GAAU,EAAE,KAAK,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["import { DataState, NylasEvent } from '@/common/types';\nimport { debug } from '@/utils/utils';\nimport { NylasErrorResponse, NylasSchedulerBookingData, Timeslot } from '@nylas/core';\nimport { createStore } from '@stencil/store';\n\nexport type AvailabilityTimeslot = {\n  emails: string[];\n  start_time: Date;\n  end_time: Date;\n};\n\nexport type LoadingState = {\n  api: 'availability' | 'createBooking' | 'cancelBooking' | 'rescheduleBooking';\n};\n\nexport interface NylasSchedulerStoreState {\n  selectedDate: Date | null;\n  selectedLanguage: string;\n  selectedTimezone: string;\n  selectedTimeslot: Timeslot | null;\n  showBookingForm: boolean;\n  showThankYouMessage: boolean;\n  selectableDates: Date[] | null;\n  availability: AvailabilityTimeslot[];\n  availabilityTimeslotsError: NylasErrorResponse | null;\n  state: DataState;\n  eventInfo: NylasEvent | null;\n  cancelledEvent: NylasEvent | null;\n  bookedEventError: NylasErrorResponse | null;\n  bookedEventLoading: boolean;\n  bookingInfo?: NylasSchedulerBookingData;\n  rescheduleId?: string;\n  bookingFlow?: 'booking' | 'rescheduling';\n  loadingState: LoadingState | null;\n}\n\nexport type NylasSchedulerStoreType = ReturnType<typeof CreateNylasSchedulerStore>;\n\nexport function CreateNylasSchedulerStore(defaultState: Partial<NylasSchedulerStoreState> = {}) {\n  const defaultNylasStoreState: NylasSchedulerStoreState = {\n    selectedDate: null,\n    selectedLanguage: navigator.language,\n    selectedTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n    selectedTimeslot: null,\n    showBookingForm: false,\n    showThankYouMessage: false,\n    selectableDates: null,\n    availability: [],\n    availabilityTimeslotsError: null,\n    state: 'ready',\n    eventInfo: null,\n    cancelledEvent: null,\n    bookedEventError: null,\n    bookedEventLoading: false,\n    loadingState: null,\n    ...defaultState,\n  };\n  debug(`[defaultNylasStoreState]: `, defaultNylasStoreState);\n  const store = createStore<NylasSchedulerStoreState>(defaultNylasStoreState);\n\n  store.onChange('availability', availability => {\n    const selectableDates = availability.map(timeslot => timeslot.start_time);\n    store.set('selectableDates', selectableDates);\n  });\n\n  store.onChange('rescheduleId', rescheduleId => {\n    if (rescheduleId) {\n      store.set('bookingFlow', 'rescheduling');\n    } else {\n      store.set('bookingFlow', 'booking');\n    }\n  });\n\n  /**\n   * Reset the Nylas store to its default state.\n   * There is something wrong with the stencil/store reset method,\n   * so we have to do it via this hack.\n   */\n  store.reset = () => {\n    for (const key in defaultNylasStoreState) {\n      const value = defaultNylasStoreState[key as keyof typeof defaultNylasStoreState];\n      store.set(key as any, value);\n    }\n  };\n\n  return store;\n}\n"]}

package/dist/collection/utils/color-utils.js

@@ -0,0 +1,161 @@
+import { debug } from "./utils";
+export function hexToRgb(hex) {
+    const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+    return result
+        ? {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16),
+        }
+        : null;
+}
+export function rgbToHex(r, g, b) {
+    return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+}
+export function invertColor(color) {
+    if (!window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        return color;
+    }
+    if (!color) {
+        return color;
+    }
+    if (color === 'transparent') {
+        return 'color';
+    }
+    if (color.startsWith('#')) {
+        return invertHexColor(color);
+    }
+    if (color.startsWith('rgb')) {
+        return invertRgbColor(color);
+    }
+    if (color.startsWith('hsl')) {
+        return invertHslColor(color);
+    }
+    if (isNamedColor(color)) {
+        return invertNamedColor(color);
+    }
+    return color;
+}
+function invertHexColor(hex) {
+    if (hex.length < 7) {
+        hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
+    }
+    const r = (255 - parseInt(hex.slice(1, 3), 16)).toString(16).padStart(2, '0');
+    const g = (255 - parseInt(hex.slice(3, 5), 16)).toString(16).padStart(2, '0');
+    const b = (255 - parseInt(hex.slice(5, 7), 16)).toString(16).padStart(2, '0');
+    return `#${r}${g}${b}`;
+}
+function invertRgbColor(rgb) {
+    const match = rgb.match(/\d+/g)?.map(Number);
+    if (!match) {
+        return rgb;
+    }
+    const [r, g, b] = match;
+    return `rgb(${255 - r}, ${255 - g}, ${255 - b})`;
+}
+function invertHslColor(hsl) {
+    const match = hsl.match(/\d+\.?\d*/g)?.map(Number);
+    if (!match) {
+        return hsl;
+    }
+    const [h, s, l] = match;
+    return `hsl(${h}, ${s}%, ${100 - l}%)`;
+}
+function isNamedColor(color) {
+    return /^[a-z]+$/i.test(color);
+}
+function invertNamedColor(color) {
+    return invertRgbColor(namedColorToRgb(color));
+}
+function namedColorToRgb(color) {
+    if (color.toLowerCase() === 'red') {
+        return 'rgb(255, 0, 0)';
+    }
+    return 'rgb(0, 0, 0)';
+}
+export function transformElement(element) {
+    if (element instanceof HTMLStyleElement) {
+        let styleTextContent = element.textContent;
+        if (styleTextContent) {
+            styleTextContent = styleTextContent.replaceAll(/@media\s*\(prefers-color-scheme:\s*(dark|light)\)\s*\{([^}]+)\}/g, '');
+            const borderColor = styleTextContent.matchAll(/border-color:\s*([^;]+)/g);
+            if (borderColor) {
+                for (const match of borderColor) {
+                    const [fullMatch, color] = match;
+                    const escapedFullMatch = fullMatch.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));
+                }
+            }
+            const border = styleTextContent.matchAll(/border:\s*([^;]+)/g);
+            if (border) {
+                for (const match of border) {
+                    const fullMatch = match[0].trim();
+                    const escapedFullMatch = fullMatch.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    const [_width, _style, color] = match[1].split(' ');
+                    styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));
+                }
+            }
+            const backgroundColor = styleTextContent.matchAll(/background-color:\s*([^;]+)/g);
+            if (backgroundColor) {
+                for (const match of backgroundColor) {
+                    const [fullMatch, color] = match;
+                    const escapedFullMatch = fullMatch.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));
+                    debug('backgroundColor', { fullMatch, replace: fullMatch.replace(color, invertColor(color)), color, invertColor: invertColor(color) });
+                }
+            }
+            const background = styleTextContent.matchAll(/background:\s*([^;]+)/g);
+            if (background) {
+                for (const match of background) {
+                    const fullMatch = match[0].trim();
+                    const escapedFullMatch = fullMatch.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    const [_width, _style, color] = match[1].split(' ');
+                    styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));
+                }
+            }
+            const color = styleTextContent.matchAll(/color:\s*([^;]+)/g);
+            if (color) {
+                for (const match of color) {
+                    const [fullMatch, color] = match;
+                    const escapedFullMatch = fullMatch.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));
+                }
+            }
+            element.textContent = styleTextContent;
+        }
+    }
+    if (element instanceof HTMLElement) {
+        const computedStyle = window.getComputedStyle(element);
+        const color = computedStyle.color || element.style.color;
+        const backgroundColor = computedStyle.backgroundColor || element.style.backgroundColor;
+        const borderColor = computedStyle.borderColor || element.style.borderColor;
+        if (color && !backgroundColor) {
+            element.style.color = '';
+        }
+        else if (color && backgroundColor) {
+            element.style.color = invertColor(color);
+            element.style.backgroundColor = invertColor(backgroundColor);
+            debug('element', element);
+            debug('computedStyle.color', color);
+            debug('computedStyle.backgroundColor', backgroundColor);
+            debug('invertColor(color)', invertColor(color));
+            debug('invertColor(backgroundColor)', invertColor(backgroundColor));
+        }
+        else if (!color && backgroundColor) {
+            element.style.backgroundColor = '';
+        }
+        if (borderColor) {
+            debug('borderColor', borderColor);
+            element.style.borderColor = invertColor(borderColor);
+        }
+        if (element.hasAttribute('bgcolor')) {
+            element.removeAttribute('bgcolor');
+        }
+    }
+}
+export function processStyles(root) {
+    transformElement(root);
+    const elements = root.querySelectorAll('*');
+    elements.forEach(element => transformElement(element));
+}
+//# sourceMappingURL=color-utils.js.map

package/dist/collection/utils/color-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-utils.js","sourceRoot":"","sources":["../../src/utils/color-utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { debug } from './utils';\n\nexport function hexToRgb(hex: string): { r: number; g: number; b: number } | null {\n  const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex);\n  return result\n    ? {\n        r: parseInt(result[1], 16),\n        g: parseInt(result[2], 16),\n        b: parseInt(result[3], 16),\n      }\n    : null;\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;\n}\n\nexport function invertColor(color: string): string {\n  if (!window.matchMedia('(prefers-color-scheme: dark)').matches) {\n    return color;\n  }\n\n  if (!color) {\n    return color;\n  }\n\n  // Skip transparent colors\n  if (color === 'transparent') {\n    return 'color';\n  }\n\n  // Check for Hexadecimal colors (including short hex like #fff) or #f6f7f8\n  if (color.startsWith('#')) {\n    return invertHexColor(color);\n  }\n\n  // Check for RGB and RGBA colors\n  if (color.startsWith('rgb')) {\n    return invertRgbColor(color);\n  }\n\n  // Check for HSL and HSLA colors\n  if (color.startsWith('hsl')) {\n    return invertHslColor(color);\n  }\n\n  // Check for named colors\n  if (isNamedColor(color)) {\n    return invertNamedColor(color);\n  }\n\n  return color;\n}\n\nfunction invertHexColor(hex: string): string {\n  if (hex.length < 7) {\n    hex = '#' + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3]; // Convert #abc to #aabbcc\n  }\n  const r = (255 - parseInt(hex.slice(1, 3), 16)).toString(16).padStart(2, '0');\n  const g = (255 - parseInt(hex.slice(3, 5), 16)).toString(16).padStart(2, '0');\n  const b = (255 - parseInt(hex.slice(5, 7), 16)).toString(16).padStart(2, '0');\n  return `#${r}${g}${b}`;\n}\n\nfunction invertRgbColor(rgb: string): string {\n  const match = rgb.match(/\\d+/g)?.map(Number);\n  if (!match) {\n    return rgb;\n  }\n  const [r, g, b] = match;\n  return `rgb(${255 - r}, ${255 - g}, ${255 - b})`;\n}\n\nfunction invertHslColor(hsl: string): string {\n  const match = hsl.match(/\\d+\\.?\\d*/g)?.map(Number);\n  if (!match) {\n    return hsl;\n  }\n  const [h, s, l] = match;\n  return `hsl(${h}, ${s}%, ${100 - l}%)`;\n}\n\nfunction isNamedColor(color: string): boolean {\n  // This function needs to check against a list of named colors.\n  // For simplicity, let's assume it's a known named color.\n  return /^[a-z]+$/i.test(color);\n}\n\nfunction invertNamedColor(color: string): string {\n  // This requires converting the named color to RGB, inverting it, and converting back.\n  // This is a placeholder and would need a full mapping of color names to RGB values.\n  // Assuming the function `namedColorToRgb` exists to convert named colors to RGB:\n  return invertRgbColor(namedColorToRgb(color));\n}\n\nfunction namedColorToRgb(color: string): string {\n  // Convert named colors to their RGB representation.\n  // This is a placeholder. A full implementation would need a mapping from color names to RGB.\n  // Assuming 'red' is passed, it returns its RGB representation:\n  if (color.toLowerCase() === 'red') {\n    return 'rgb(255, 0, 0)';\n  }\n  return 'rgb(0, 0, 0)'; // Default for unknown colors\n}\n\nexport function transformElement(element: Element) {\n  if (element instanceof HTMLStyleElement) {\n    // Check if the border color is set via any valid css property\n    let styleTextContent = element.textContent;\n\n    if (styleTextContent) {\n      // Remove any prefer-color-scheme media queries\n      styleTextContent = styleTextContent.replaceAll(/@media\\s*\\(prefers-color-scheme:\\s*(dark|light)\\)\\s*\\{([^}]+)\\}/g, '');\n\n      // Match border-color: #000000; or border-color: #000000 !important;\n      const borderColor = styleTextContent.matchAll(/border-color:\\s*([^;]+)/g);\n      if (borderColor) {\n        for (const match of borderColor) {\n          // Split border-color into it's part\n          const [fullMatch, color] = match;\n\n          // Regex escaped fullMatch\n          const escapedFullMatch = fullMatch.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n          // Replace the colour in the fullMatch\n          styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));\n        }\n      }\n\n      // Match border: 1px solid #000000; or border: 1px solid #000000 !important;\n      const border = styleTextContent.matchAll(/border:\\s*([^;]+)/g);\n      if (border) {\n        for (const match of border) {\n          // Get the full match\n          const fullMatch = match[0].trim();\n\n          // Regex escaped fullMatch\n          const escapedFullMatch = fullMatch.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n          // Split the border property into its parts deconstructing the array\n          const [_width, _style, color] = match[1].split(' ');\n\n          // Replace the colour in the fullMatch\n          styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));\n        }\n      }\n\n      // Match background-color: #000000; or background-color: #000000 !important; but nothing after the ; or ;\n      const backgroundColor = styleTextContent.matchAll(/background-color:\\s*([^;]+)/g);\n      if (backgroundColor) {\n        for (const match of backgroundColor) {\n          // Split border-color into it's part\n          const [fullMatch, color] = match;\n\n          // Regex escaped fullMatch\n          const escapedFullMatch = fullMatch.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n          // Replace the colour in the fullMatch\n          styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));\n\n          debug('backgroundColor', { fullMatch, replace: fullMatch.replace(color, invertColor(color)), color, invertColor: invertColor(color) });\n        }\n      }\n\n      // Match background: #000000; or background: #000000 !important;\n      const background = styleTextContent.matchAll(/background:\\s*([^;]+)/g);\n      if (background) {\n        for (const match of background) {\n          // Get the full match\n          const fullMatch = match[0].trim();\n\n          // Regex escaped fullMatch\n          const escapedFullMatch = fullMatch.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n          // Split the border property into its parts deconstructing the array\n          const [_width, _style, color] = match[1].split(' ');\n\n          // Replace the colour in the fullMatch\n          styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));\n        }\n      }\n\n      // Match color: #000000; or color: #000000 !important;\n      const color = styleTextContent.matchAll(/color:\\s*([^;]+)/g);\n      if (color) {\n        for (const match of color) {\n          // Split border-color into it's part\n          const [fullMatch, color] = match;\n\n          // Regex escaped fullMatch\n          const escapedFullMatch = fullMatch.replace(/[-/\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\n\n          // Replace the colour in the fullMatch\n          styleTextContent = styleTextContent.replaceAll(escapedFullMatch, fullMatch.replace(color, invertColor(color)));\n        }\n      }\n\n      element.textContent = styleTextContent;\n    }\n  }\n\n  if (element instanceof HTMLElement) {\n    const computedStyle = window.getComputedStyle(element);\n    const color = computedStyle.color || element.style.color;\n    const backgroundColor = computedStyle.backgroundColor || element.style.backgroundColor;\n    const borderColor = computedStyle.borderColor || element.style.borderColor;\n\n    if (color && !backgroundColor) {\n      element.style.color = '';\n    } else if (color && backgroundColor) {\n      element.style.color = invertColor(color);\n      element.style.backgroundColor = invertColor(backgroundColor);\n      debug('element', element);\n      debug('computedStyle.color', color);\n      debug('computedStyle.backgroundColor', backgroundColor);\n      debug('invertColor(color)', invertColor(color));\n      debug('invertColor(backgroundColor)', invertColor(backgroundColor));\n    } else if (!color && backgroundColor) {\n      // Remove the background color if there is no text color\n      element.style.backgroundColor = '';\n    }\n\n    if (borderColor) {\n      debug('borderColor', borderColor);\n      element.style.borderColor = invertColor(borderColor);\n    }\n\n    if (element.hasAttribute('bgcolor')) {\n      element.removeAttribute('bgcolor');\n    }\n  }\n}\n\nexport function processStyles(root: HTMLElement): void {\n  // Transform the root element\n  transformElement(root);\n\n  const elements = root.querySelectorAll('*');\n  elements.forEach(element => transformElement(element));\n}\n"]}

package/dist/collection/utils/utils.js

@@ -0,0 +1,157 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export function removeUndefined(obj) {
+    return Object.keys(obj).reduce((acc, key) => {
+        if (obj[key] !== undefined) {
+            acc[key] = obj[key];
+        }
+        return acc;
+    }, {});
+}
+export function debug(...args) {
+    if (window && window.localStorage && window.localStorage.getItem('debug')) {
+        console.debug(...args);
+    }
+}
+export function error(...args) {
+    console.error(...args);
+}
+export function uniqueID() {
+    return Math.random().toString(36).substr(2, 9);
+}
+export function formatEventName(propKey) {
+    return propKey.toString().replace(/^on/, '');
+}
+export function formatDateTime(dateTimestamp) {
+    const date = new Date(dateTimestamp * 1000);
+    const now = new Date();
+    const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+    if (date >= today) {
+        const formatter = new Intl.DateTimeFormat('default', {
+            hour: 'numeric',
+            minute: 'numeric',
+            hour12: true,
+        });
+        return formatter.format(date);
+    }
+    else {
+        const formatter = new Intl.DateTimeFormat('default', {
+            month: 'short',
+            day: 'numeric',
+        });
+        return formatter.format(date);
+    }
+}
+export function formatRecipient(recipient) {
+    return recipient.name ? `${recipient.name} - ${recipient.email}` : recipient.email;
+}
+export function formatParticipants(participants, meEmail = '', messageCount = 1, max = 3) {
+    const me = participants.find(p => p.email?.toLowerCase() === meEmail.toLowerCase());
+    const others = participants.filter(p => p.email?.toLowerCase() !== meEmail.toLowerCase());
+    const othersCount = others.length;
+    const othersString = others
+        .slice(0, max)
+        .map(r => r.name || r.email)
+        .join(', ');
+    if (othersCount === 0) {
+        return me ? 'me' : '';
+    }
+    else if (othersCount === 1) {
+        return me && messageCount > 1 ? `me, ${othersString}` : othersString;
+    }
+    else if (othersCount === 2) {
+        return me ? `me, ${othersString}` : `${othersString}`;
+    }
+    else {
+        return me ? `me, ${othersString}, +${othersCount - max}` : `${othersString}, +${othersCount - max}`;
+    }
+}
+const DIVISIONS = [
+    { amount: 60, name: 'seconds' },
+    { amount: 60, name: 'minutes' },
+    { amount: 24, name: 'hours' },
+    { amount: 7, name: 'days' },
+    { amount: 4.34524, name: 'weeks' },
+    { amount: 12, name: 'months' },
+    { amount: Number.POSITIVE_INFINITY, name: 'years' },
+];
+export const formatTimeAgo = (date) => {
+    const formatter = new Intl.RelativeTimeFormat(undefined, {
+        numeric: 'auto',
+    });
+    const now = new Date();
+    let duration = (date.getTime() - now.getTime()) / 1000;
+    for (let i = 0; i <= DIVISIONS.length; i++) {
+        const division = DIVISIONS[i];
+        if (Math.abs(duration) < division.amount) {
+            return formatter.format(Math.round(duration), division.name);
+        }
+        duration /= division.amount;
+    }
+};
+export function getLastDayOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth() + 1, 0);
+}
+export function getFirstDayOfMonth(date) {
+    return new Date(date.getFullYear(), date.getMonth(), 1);
+}
+export function getFirstHourOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);
+}
+export function isSameDay(date1, date2) {
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();
+}
+export function isSameMonth(date1, date2) {
+    return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
+}
+export function toTitleCase(str) {
+    return str.replace(/\w\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
+}
+export function formatFolderName(folderName) {
+    return folderName.replace('CATEGORY_', '').replace(/_/g, ' ');
+}
+export function detectHTMLOrPlainText(html) {
+    const regex = /<[^>]*>/g;
+    return regex.test(html) ? 'html' : 'plain';
+}
+export function detectIfMessageIsHTML(message) {
+    const headers = message.headers;
+    const contentType = (headers && headers.find(h => h.name === 'Content-Type')?.value) || '';
+    const contentDisposition = (headers && headers.find(h => h.name === 'Content-Disposition')?.value) || '';
+    if (contentType.includes('text/html')) {
+        return true;
+    }
+    if (contentDisposition.includes('inline')) {
+        return true;
+    }
+    if (message.body && detectHTMLOrPlainText(message.body) === 'html') {
+        return true;
+    }
+    return false;
+}
+export function parsePlainTextToHTML(text) {
+    const paragraphs = text.split('\n').filter(line => line.trim().length > 0);
+    const wrappedParagraphs = paragraphs.map(paragraph => `<p>${paragraph}</p>`);
+    let body = wrappedParagraphs.join('');
+    const regex = /((?:https?|ftp):\/\/[^\s]+)/g;
+    body = body.replace(regex, '<a href="$1">$1</a>');
+    return body;
+}
+export function htmlToPlainText(html) {
+    const doc = new DOMParser().parseFromString(html, 'text/html');
+    return doc.body.textContent || '';
+}
+export function getStartHourOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);
+}
+export function getEndHourOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23);
+}
+export function get24HourTime(date) {
+    return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
+}
+export function getUserTimezone() {
+    return Intl.DateTimeFormat().resolvedOptions().timeZone;
+}
+//# sourceMappingURL=utils.js.map

package/dist/collection/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { EmailName, Message } from '@nylas/core';\n\nexport function format(first: string, middle: string, last: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n\n// Utility function to remove undefined values from an object\nexport function removeUndefined(obj: any) {\n  return Object.keys(obj).reduce((acc: { [key: string]: any }, key) => {\n    if (obj[key] !== undefined) {\n      acc[key] = obj[key];\n    }\n    return acc;\n  }, {});\n}\n\nexport function debug(...args: any[]) {\n  if (window && window.localStorage && window.localStorage.getItem('debug')) {\n    console.debug(...args);\n  }\n}\n\nexport function error(...args: any[]) {\n  console.error(...args);\n}\n\nexport function uniqueID() {\n  return Math.random().toString(36).substr(2, 9);\n}\n\nexport function formatEventName(propKey: string) {\n  return propKey.toString().replace(/^on/, '');\n}\n\n// Utility function to format a date as a time if it is today, or a short\n// date format if it is not toda, using the new Intl API. For example:\n// If the date is today, it will return \"12:00 PM\"\n// If the date is not today, it will return \"Jan 4, 23\"\nexport function formatDateTime(dateTimestamp: number) {\n  const date = new Date(dateTimestamp * 1000);\n  const now = new Date();\n  const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  if (date >= today) {\n    // If the day is not today, we return the month and day (e.g. Jan 4)\n    const formatter = new Intl.DateTimeFormat('default', {\n      hour: 'numeric',\n      minute: 'numeric',\n      hour12: true,\n    });\n    return formatter.format(date);\n  } else {\n    // If the day is today, we only return the time (e.g. 12:00 PM) without\n    // the month and day\n    const formatter = new Intl.DateTimeFormat('default', {\n      month: 'short',\n      day: 'numeric',\n    });\n    return formatter.format(date);\n  }\n}\n\nexport function formatRecipient(recipient: EmailName) {\n  return recipient.name ? `${recipient.name} - ${recipient.email}` : recipient.email;\n}\n\n// Formats the particpants of a thread into a string\nexport function formatParticipants(participants: EmailName[], meEmail: string = '', messageCount: number = 1, max: number = 3) {\n  const me = participants.find(p => p.email?.toLowerCase() === meEmail.toLowerCase());\n  const others = participants.filter(p => p.email?.toLowerCase() !== meEmail.toLowerCase());\n  const othersCount = others.length;\n  const othersString = others\n    .slice(0, max)\n    .map(r => r.name || r.email)\n    .join(', ');\n  if (othersCount === 0) {\n    return me ? 'me' : '';\n  } else if (othersCount === 1) {\n    return me && messageCount > 1 ? `me, ${othersString}` : othersString;\n  } else if (othersCount === 2) {\n    return me ? `me, ${othersString}` : `${othersString}`;\n  } else {\n    return me ? `me, ${othersString}, +${othersCount - max}` : `${othersString}, +${othersCount - max}`;\n  }\n}\n\n// https://blog.webdevsimplified.com/2020-07/relative-time-format/\nconst DIVISIONS: Array<{\n  amount: number;\n  name: Intl.RelativeTimeFormatUnit;\n}> = [\n  { amount: 60, name: 'seconds' },\n  { amount: 60, name: 'minutes' },\n  { amount: 24, name: 'hours' },\n  { amount: 7, name: 'days' },\n  { amount: 4.34524, name: 'weeks' },\n  { amount: 12, name: 'months' },\n  { amount: Number.POSITIVE_INFINITY, name: 'years' },\n];\n\nexport const formatTimeAgo = (date: Date) => {\n  const formatter = new Intl.RelativeTimeFormat(undefined, {\n    numeric: 'auto',\n  });\n  const now = new Date();\n  let duration = (date.getTime() - now.getTime()) / 1000;\n\n  for (let i = 0; i <= DIVISIONS.length; i++) {\n    const division = DIVISIONS[i];\n    if (Math.abs(duration) < division.amount) {\n      return formatter.format(Math.round(duration), division.name);\n    }\n    duration /= division.amount;\n  }\n};\n\nexport function getLastDayOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth() + 1, 0);\n}\n\nexport function getFirstDayOfMonth(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), 1);\n}\n\nexport function getFirstHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);\n}\n\nexport function isSameDay(date1: Date, date2: Date) {\n  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth() && date1.getDate() === date2.getDate();\n}\n\nexport function isSameMonth(date1: Date, date2: Date) {\n  return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();\n}\n\nexport function toTitleCase(str: string) {\n  return str.replace(/\\w\\S*/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());\n}\n\nexport function formatFolderName(folderName: string) {\n  return folderName.replace('CATEGORY_', '').replace(/_/g, ' ');\n}\n\nexport function detectHTMLOrPlainText(html: string) {\n  const regex = /<[^>]*>/g;\n  return regex.test(html) ? 'html' : 'plain';\n}\n\nexport function detectIfMessageIsHTML(message: Message) {\n  const headers = message.headers;\n  const contentType = (headers && headers.find(h => h.name === 'Content-Type')?.value) || '';\n  const contentDisposition = (headers && headers.find(h => h.name === 'Content-Disposition')?.value) || '';\n\n  // If the content type is HTML, then we know it's HTML\n  if (contentType.includes('text/html')) {\n    return true;\n  }\n\n  // If the content disposition is inline, then we know it's HTML\n  if (contentDisposition.includes('inline')) {\n    return true;\n  }\n\n  // If the body is HTML, then we know it's HTML\n  if (message.body && detectHTMLOrPlainText(message.body) === 'html') {\n    return true;\n  }\n\n  // Otherwise, we assume it's plain text\n  return false;\n}\n\nexport function parsePlainTextToHTML(text: string) {\n  const paragraphs = text.split('\\n').filter(line => line.trim().length > 0);\n  const wrappedParagraphs = paragraphs.map(paragraph => `<p>${paragraph}</p>`);\n  let body = wrappedParagraphs.join('');\n\n  // Replace links with anchor tags\n  const regex = /((?:https?|ftp):\\/\\/[^\\s]+)/g;\n  body = body.replace(regex, '<a href=\"$1\">$1</a>');\n\n  return body;\n}\n\nexport function htmlToPlainText(html: string) {\n  const doc = new DOMParser().parseFromString(html, 'text/html');\n  return doc.body.textContent || '';\n}\n\nexport function getStartHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);\n}\n\nexport function getEndHourOfDay(date: Date) {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23);\n}\n\n// Zero pad a number to two digits\nexport function get24HourTime(date: Date) {\n  return `${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;\n}\n\nexport function getUserTimezone() {\n  return Intl.DateTimeFormat().resolvedOptions().timeZone;\n}\n"]}

package/dist/collection/utils/utils.spec.js

@@ -0,0 +1,16 @@
+import { format } from "./utils";
+describe('format', () => {
+    it('returns empty string for no names defined', () => {
+        expect(format('', '', '')).toEqual('');
+    });
+    it('formats just first names', () => {
+        expect(format('Joseph', '', '')).toEqual('Joseph');
+    });
+    it('formats first and last names', () => {
+        expect(format('Joseph', '', 'Publique')).toEqual('Joseph Publique');
+    });
+    it('formats first, middle and last names', () => {
+        expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');
+    });
+});
+//# sourceMappingURL=utils.spec.js.map

package/dist/collection/utils/utils.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.spec.js","sourceRoot":"","sources":["../../src/utils/utils.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEjC,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { format } from './utils';\n\ndescribe('format', () => {\n  it('returns empty string for no names defined', () => {\n    expect(format('', '', '')).toEqual('');\n  });\n\n  it('formats just first names', () => {\n    expect(format('Joseph', '', '')).toEqual('Joseph');\n  });\n\n  it('formats first and last names', () => {\n    expect(format('Joseph', '', 'Publique')).toEqual('Joseph Publique');\n  });\n\n  it('formats first, middle and last names', () => {\n    expect(format('Joseph', 'Quincy', 'Publique')).toEqual('Joseph Quincy Publique');\n  });\n});\n"]}

package/dist/components/_commonjsHelpers.js

@@ -0,0 +1,20 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getAugmentedNamespace(n) {
+	if (n.__esModule) return n;
+	var a = Object.defineProperty({}, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal as c, getAugmentedNamespace as g };
+
+//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/components/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"file":"_commonjsHelpers.js","mappings":";;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/archive-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArchiveIcon extends Components.ArchiveIcon, HTMLElement {}
+export const ArchiveIcon: {
+    prototype: ArchiveIcon;
+    new (): ArchiveIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/archive-icon.js

@@ -0,0 +1,8 @@
+import { A as ArchiveIcon$1, d as defineCustomElement$1 } from './archive.js';
+
+const ArchiveIcon = ArchiveIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArchiveIcon, defineCustomElement };
+
+//# sourceMappingURL=archive-icon.js.map

package/dist/components/archive-icon.js.map

@@ -0,0 +1 @@
+{"file":"archive-icon.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/archive.js

@@ -0,0 +1,37 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const iconCss = ".sc-archive-icon-h{display:flex}";
+const ArchiveIconStyle0 = iconCss;
+
+const ArchiveIcon = proxyCustomElement(class ArchiveIcon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.width = '15';
+        this.height = '15';
+    }
+    render() {
+        return (h("svg", { key: '0329bd3ce631ac955a329c082153db1221ca1237', width: this.width, height: this.height, viewBox: "0 0 24 24", fill: "auto", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd1e0976f40a05045ee782b1ba061d6c1e1dbf9f0', d: "M3 6H5H21", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: 'aee7f407210afd75d8e30c340695a6324d7f9e9a', d: "M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '3f0f86b34ebd7ea3648f21dc858dd5b81a33335f', d: "M10 11V17", stroke: "auto", "stroke-width": "1.5" }), h("path", { key: '482a3c137b13722870b1b36cfa111ad7ccafc48e', d: "M14 11V17", stroke: "auto", "stroke-width": "1.5" })));
+    }
+    static get style() { return ArchiveIconStyle0; }
+}, [2, "archive-icon", {
+        "width": [1],
+        "height": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["archive-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "archive-icon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ArchiveIcon);
+            }
+            break;
+    } });
+}
+
+export { ArchiveIcon as A, defineCustomElement as d };
+
+//# sourceMappingURL=archive.js.map

package/dist/components/archive.js.map

@@ -0,0 +1 @@
+{"file":"archive.js","mappings":";;AAAA,MAAM,OAAO,GAAG,kCAAkC,CAAC;AACnD,0BAAe,OAAO;;MCMT,WAAW;;;;qBACE,IAAI;sBACH,IAAI;;IAE7B,MAAM;QAEJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC7G,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACvD,6DACE,CAAC,EAAC,sUAAsU,EACxU,MAAM,EAAC,MAAM,kBACA,KAAK,GAClB,EACF,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,EACvD,6DAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,KAAK,GAAG,CACnD,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/common/icons/icon.css?tag=archive-icon&encapsulation=scoped","src/common/icons/archive.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'archive-icon',\n  styleUrl: 'icon.css',\n  scoped: true,\n})\nexport class ArchiveIcon {\n  @Prop() width: string = '15';\n  @Prop() height: string = '15';\n\n  render() {\n    // Archive icon svg\n    return (\n      <svg width={this.width} height={this.height} viewBox=\"0 0 24 24\" fill=\"auto\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M3 6H5H21\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path\n          d=\"M8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6M19 6V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V6H19Z\"\n          stroke=\"auto\"\n          stroke-width=\"1.5\"\n        />\n        <path d=\"M10 11V17\" stroke=\"auto\" stroke-width=\"1.5\" />\n        <path d=\"M14 11V17\" stroke=\"auto\" stroke-width=\"1.5\" />\n      </svg>\n    );\n  }\n}\n"],"version":3}

package/dist/components/arrow-icon.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ArrowIcon extends Components.ArrowIcon, HTMLElement {}
+export const ArrowIcon: {
+    prototype: ArrowIcon;
+    new (): ArrowIcon;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/arrow-icon.js

@@ -0,0 +1,8 @@
+import { A as ArrowIcon$1, d as defineCustomElement$1 } from './arrow.js';
+
+const ArrowIcon = ArrowIcon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ArrowIcon, defineCustomElement };
+
+//# sourceMappingURL=arrow-icon.js.map