lupine.web 1.0.15 → 1.0.17

package/src/lib/simple-storage.ts

@@ -1,40 +0,0 @@
-// This class is used by both BE and FE (cookie for SSR).
-export class SimpleStorage {
-  private settings: { [key: string]: string } = {};
-
-  constructor(settings: { [key: string]: string }) {
-    this.settings = settings;
-  }
-
-  contains(key: string): boolean {
-    return key in this.settings;
-  }
-  set(key: string, value: string) {
-    return (this.settings[key] = value);
-  }
-  get(key: string, defaultValue: string): string {
-    return key in this.settings ? this.settings[key] : defaultValue;
-  }
-  getInt(key: string, defaultValue: number): number {
-    if (key in this.settings) {
-      const i = parseInt(this.settings[key]);
-      if (!isNaN(i)) {
-        return i;
-      }
-    }
-    return defaultValue;
-  }
-  getBoolean(key: string, defaultValue: boolean): boolean {
-    return key in this.settings
-      ? this.settings[key] === '1' || this.settings[key].toLowerCase() === 'true'
-      : defaultValue;
-  }
-  getJson(key: string, defaultValue: object): object {
-    if (key in this.settings) {
-      try {
-        return JSON.parse(this.settings[key]);
-      } catch (error) {}
-    }
-    return defaultValue;
-  }
-}

package/src/lib/stop-propagation.ts

@@ -1,7 +0,0 @@
-export const stopPropagation = (event: any) => {
-  if (!event) return;
-  if (event.stopPropagation) event.stopPropagation();
-  if (event.preventDefault) event.preventDefault();
-  event.cancelBubble = true;
-  event.returnValue = false;
-};

package/src/lib/upload-file.ts

@@ -1,68 +0,0 @@
-const _saveChunkSize = {
-  size: 1024 * 500,
-};
-export const setChunkSize = (chunkSize: number) => {
-  _saveChunkSize.size = chunkSize;
-};
-export const getChunkSize = () => {
-  return _saveChunkSize.size;
-};
-export const checkUploadedFileSize = async (uploadUrl: string) => {
-  const response = await fetch(uploadUrl + '?check-size=1', {
-    method: 'POST',
-  });
-  const json = await response.json();
-  return json && json.size ? json.size : 0;
-};
-
-// should return { chunkNumber: number }
-export const uploadFileChunk = async (
-  chunk: any,
-  chunkNumber: number,
-  totalChunks: number,
-  uploadUrl: string,
-  key: string
-) => {
-  // this must be the FE so we can use fetch
-  let url = uploadUrl + (uploadUrl.indexOf('?') === -1 ? '?' : '');
-  url += `&chunkNumber=${chunkNumber.toString()}`;
-  url += `&totalChunks=${totalChunks.toString()}`;
-  if (key) {
-    url += `&key=${key}`;
-  }
-  const response = await fetch(url, {
-    method: 'POST',
-    body: chunk,
-  });
-  const json = await response.json();
-  return json;
-};
-
-export const uploadFile = async (
-  file: File,
-  uploadUrl: string,
-  progressFn?: (percentage: number, chunkNumber: number, totalChunks: number) => void,
-  chunkSize = _saveChunkSize.size
-) => {
-  // const uploadedSize = await checkUploadedFileSize(uploadUrl);
-  let key = '';
-  if (file.size <= chunkSize) {
-    return await uploadFileChunk(file, 0, 1, uploadUrl, key);
-  }
-
-  const totalChunks = Math.ceil(file.size / chunkSize);
-  for (let i = 0; i < totalChunks; i++) {
-    const start = i * chunkSize;
-    const end = Math.min((i + 1) * chunkSize, file.size);
-    const chunk = file.slice(start, end);
-    const uploaded = await uploadFileChunk(chunk, i, totalChunks, uploadUrl, key);
-    if (!uploaded || uploaded.chunkNumber === i.toString() || !uploaded.key) {
-      return false;
-    }
-    key = uploaded.key;
-    if (progressFn) {
-      progressFn(Math.round(((i + 1) / totalChunks) * 100) / 100, i, totalChunks);
-    }
-  }
-  return true;
-};

package/src/types/css-types.ts

@@ -1,17 +0,0 @@
-export enum ContentPosition {
-  center = 'center',
-  end = 'end',
-  flexEnd = 'flex-end',
-  flexStart = 'flex-start',
-  start = 'start',
-}
-
-export type SelfPosition = 'center' | 'end' | 'flex-end' | 'flex-start' | 'self-end' | 'self-start' | 'start';
-
-export enum Position {
-  absolute = 'absolute',
-  fixed = 'fixed',
-  relative = 'relative',
-  static = 'static',
-  sticky = 'sticky',
-}

package/src/types/media-query.ts

@@ -1,93 +0,0 @@
-// export enum MediaQuery {
-//   ExtraSmall = "@media only screen and (max-width: 480px)",
-//   Mobile = "@media only screen and (min-width: 481px) and (max-width: 767px)",
-//   Tablet = "@media only screen and (min-width: 768px) and (max-width: 991px)",
-//   Desktop = "@media only screen and (min-width: 992px) and (max-width: 1399px)",
-//   ExtraLarge = "@media only screen and (min-width: 1400px)",
-// }
-
-/*
---> Bootstrap – 576px, 768px, 992px, 1200px, 1400px
-Tailwind - 640px, 768px, 1024px, 1280px, 1536px
-Foundation: <640px, ≥640px, ≥1200px
-Bulma: <769px, ≥769px, ≥1024px, ≥1216px, and ≥1408px
-Semantic UI: <768px, ≥768px, ≥992px, ≥1400px, ≥1920px
-Primer: <544px, ≥544px, ≥768px, ≥1012px, ≥1280px
-UIKit: <479px, ≥480px, ≥768px, ≥960px, ≥1200px
-*/
-
-export class MediaQueryMaxWidth {
-  private static _ExtraSmall = '480px';
-  private static _Mobile = '767px'; // Grid: col-1, 12
-  private static _Tablet = '991px'; // Grid: col-1-md, 12-md
-  private static _Desktop = '1399px'; // Grid: col-1-lg, 12-lg
-  public static get ExtraSmallMax() {
-    return MediaQueryMaxWidth._ExtraSmall;
-  }
-  public static get MobileMax() {
-    return MediaQueryMaxWidth._Mobile;
-  }
-  public static get TabletMax() {
-    return MediaQueryMaxWidth._Tablet;
-  }
-  public static get DesktopMax() {
-    return MediaQueryMaxWidth._Desktop;
-  }
-
-  public static set ExtraSmallMax(value: string) {
-    MediaQueryMaxWidth._ExtraSmall = value;
-  }
-  public static set MobileMax(value: string) {
-    MediaQueryMaxWidth._Mobile = value;
-  }
-  public static set TabletMax(value: string) {
-    MediaQueryMaxWidth._Tablet = value;
-  }
-  public static set DesktopMax(value: string) {
-    MediaQueryMaxWidth._Desktop = value;
-  }
-}
-export class MediaQueryRange {
-  public static get ExtraSmallBelow() {
-    return `@media only screen and (max-width: ${MediaQueryMaxWidth.ExtraSmallMax})`;
-  }
-  public static get ExtraSmallAbove() {
-    return `@media only screen and (min-width: ${MediaQueryMaxWidth.ExtraSmallMax})`;
-  }
-  public static get MobileBelow() {
-    return `@media only screen and (max-width: ${MediaQueryMaxWidth.MobileMax})`;
-  }
-  public static get MobileAbove() {
-    return `@media only screen and (min-width: ${MediaQueryMaxWidth.MobileMax})`;
-  }
-  public static get TabletBelow() {
-    return `@media only screen and (max-width: ${MediaQueryMaxWidth.TabletMax})`;
-  }
-  public static get TabletAbove() {
-    return `@media only screen and (min-width: ${MediaQueryMaxWidth.TabletMax})`;
-  }
-  public static get DesktopBelow() {
-    return `@media only screen and (max-width: ${MediaQueryMaxWidth.DesktopMax})`;
-  }
-  public static get DesktopAbove() {
-    return `@media only screen and (min-width: ${MediaQueryMaxWidth.DesktopMax})`;
-  }
-}
-
-export enum MediaQueryDirection {
-  Below,
-  Above,
-}
-export function adjustedMediaQueryRange(
-  direction: MediaQueryDirection,
-  mediaQueryWidth: string,
-  adjustWidth: number
-): string {
-  const adjustedWidth = Number.parseInt(mediaQueryWidth) + adjustWidth;
-  if (direction === MediaQueryDirection.Below) {
-    return `@media only screen and (max-width: ${adjustedWidth}px)`;
-  } else {
-    // if (direction === MediaQueryRangeDirection.Above) {
-    return `@media only screen and (min-width: ${adjustedWidth}px)`;
-  }
-}