@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.982

package/lib/esm/utils/pageProvider.js

@@ -0,0 +1,87 @@
+import { getEnvironment, getWindowMetrics } from 'chayns-api';
+import { PAGE_BREAKPOINTS } from '../constants/pageProvider';
+export const getPagePadding = () => {
+  const {
+    runtimeEnvironment
+  } = getEnvironment();
+  if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {
+    return '0';
+  }
+  if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {
+    return '35px 43px 30px';
+  }
+  return '15px 10px 20px';
+};
+const getPageProviderInformation = () => {
+  const padding = getPagePadding().split(' ');
+  const parseValue = value => {
+    const parsed = parseInt(value.replace('px', ''), 10);
+    return Number.isNaN(parsed) ? 0 : parsed;
+  };
+  if (padding.length === 1) {
+    const value = parseValue(padding[0] ?? '');
+    return {
+      top: value,
+      right: value,
+      bottom: value,
+      left: value
+    };
+  }
+  if (padding.length === 2) {
+    const [vertical, horizontal] = padding.map(parseValue);
+    return {
+      top: vertical ?? 0,
+      right: horizontal ?? 0,
+      bottom: vertical ?? 0,
+      left: horizontal ?? 0
+    };
+  }
+  if (padding.length === 3) {
+    const [top, horizontal, bottom] = padding.map(parseValue);
+    return {
+      top: top ?? 0,
+      right: horizontal ?? 0,
+      bottom: bottom ?? 0,
+      left: horizontal ?? 0
+    };
+  }
+  if (padding.length === 4) {
+    const [top, right, bottom, left] = padding.map(parseValue);
+    return {
+      top: top ?? 0,
+      right: right ?? 0,
+      bottom: bottom ?? 0,
+      left: left ?? 0
+    };
+  }
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+};
+export const getUsableHeight = async shouldRemovePadding => {
+  let usableHeight;
+  const {
+    bottomBarHeight,
+    offsetTop,
+    windowHeight
+  } = await getWindowMetrics();
+  const {
+    bottom,
+    top
+  } = shouldRemovePadding ? {
+    bottom: 0,
+    top: 0
+  } : getPageProviderInformation();
+  usableHeight = windowHeight - bottom - top;
+  if (bottomBarHeight) {
+    usableHeight -= bottomBarHeight;
+  }
+  if (offsetTop) {
+    usableHeight -= offsetTop;
+  }
+  return usableHeight;
+};
+//# sourceMappingURL=pageProvider.js.map

package/lib/esm/utils/pageProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageProvider.js","names":["getEnvironment","getWindowMetrics","PAGE_BREAKPOINTS","getPagePadding","runtimeEnvironment","includes","matchMedia","desktop","matches","getPageProviderInformation","padding","split","parseValue","value","parsed","parseInt","replace","Number","isNaN","length","top","right","bottom","left","vertical","horizontal","map","getUsableHeight","shouldRemovePadding","usableHeight","bottomBarHeight","offsetTop","windowHeight"],"sources":["../../../src/utils/pageProvider.ts"],"sourcesContent":["import { getEnvironment, getWindowMetrics } from 'chayns-api';\nimport { PAGE_BREAKPOINTS } from '../constants/pageProvider';\n\nexport const getPagePadding = () => {\n    const { runtimeEnvironment } = getEnvironment();\n\n    if (typeof runtimeEnvironment === 'number' && [4, 5].includes(runtimeEnvironment)) {\n        return '0';\n    }\n\n    if (matchMedia(PAGE_BREAKPOINTS.desktop).matches) {\n        return '35px 43px 30px';\n    }\n\n    return '15px 10px 20px';\n};\n\ntype PaddingValues = {\n    top: number;\n    right: number;\n    bottom: number;\n    left: number;\n};\n\nconst getPageProviderInformation = (): PaddingValues => {\n    const padding = getPagePadding().split(' ');\n\n    const parseValue = (value: string): number => {\n        const parsed = parseInt(value.replace('px', ''), 10);\n        return Number.isNaN(parsed) ? 0 : parsed;\n    };\n\n    if (padding.length === 1) {\n        const value = parseValue(padding[0] ?? '');\n        return { top: value, right: value, bottom: value, left: value };\n    }\n\n    if (padding.length === 2) {\n        const [vertical, horizontal] = padding.map(parseValue);\n        return {\n            top: vertical ?? 0,\n            right: horizontal ?? 0,\n            bottom: vertical ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 3) {\n        const [top, horizontal, bottom] = padding.map(parseValue);\n        return {\n            top: top ?? 0,\n            right: horizontal ?? 0,\n            bottom: bottom ?? 0,\n            left: horizontal ?? 0,\n        };\n    }\n\n    if (padding.length === 4) {\n        const [top, right, bottom, left] = padding.map(parseValue);\n        return { top: top ?? 0, right: right ?? 0, bottom: bottom ?? 0, left: left ?? 0 };\n    }\n\n    return { top: 0, right: 0, bottom: 0, left: 0 };\n};\n\nexport const getUsableHeight = async (shouldRemovePadding?: boolean) => {\n    let usableHeight;\n\n    const { bottomBarHeight, offsetTop, windowHeight } = await getWindowMetrics();\n\n    const { bottom, top } = shouldRemovePadding\n        ? { bottom: 0, top: 0 }\n        : getPageProviderInformation();\n\n    usableHeight = windowHeight - bottom - top;\n\n    if (bottomBarHeight) {\n        usableHeight -= bottomBarHeight;\n    }\n\n    if (offsetTop) {\n        usableHeight -= offsetTop;\n    }\n\n    return usableHeight;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/radioButton.js

@@ -0,0 +1,16 @@
+import React, { Children } from 'react';
+export const getRadioButtonOrder = children => {
+  const radioButtonIds = [];
+  Children.forEach(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      const {
+        id
+      } = child.props;
+      if (typeof id === 'string') {
+        radioButtonIds.push(id);
+      }
+    }
+  });
+  return radioButtonIds;
+};
+//# sourceMappingURL=radioButton.js.map

package/lib/esm/utils/radioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radioButton.js","names":["React","Children","getRadioButtonOrder","children","radioButtonIds","forEach","child","isValidElement","id","props","push"],"sources":["../../../src/utils/radioButton.ts"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\n\nexport const getRadioButtonOrder = (children: ReactNode): string[] => {\n    const radioButtonIds: string[] = [];\n\n    Children.forEach(children, (child) => {\n        if (React.isValidElement<{ id?: string }>(child)) {\n            const { id } = child.props;\n\n            if (typeof id === 'string') {\n                radioButtonIds.push(id);\n            }\n        }\n    });\n\n    return radioButtonIds;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAmB,OAAO;AAElD,OAAO,MAAMC,mBAAmB,GAAIC,QAAmB,IAAe;EAClE,MAAMC,cAAwB,GAAG,EAAE;EAEnCH,QAAQ,CAACI,OAAO,CAACF,QAAQ,EAAGG,KAAK,IAAK;IAClC,iBAAIN,KAAK,CAACO,cAAc,CAAkBD,KAAK,CAAC,EAAE;MAC9C,MAAM;QAAEE;MAAG,CAAC,GAAGF,KAAK,CAACG,KAAK;MAE1B,IAAI,OAAOD,EAAE,KAAK,QAAQ,EAAE;QACxBJ,cAAc,CAACM,IAAI,CAACF,EAAE,CAAC;MAC3B;IACJ;EACJ,CAAC,CAAC;EAEF,OAAOJ,cAAc;AACzB,CAAC","ignoreList":[]}

package/lib/esm/utils/searchBox.js

@@ -0,0 +1,75 @@
+const surroundWithBTag = (text, startIndex, length) => {
+  const before = text.substring(0, startIndex);
+  const highlighted = text.substring(startIndex, startIndex + length);
+  const after = text.substring(startIndex + length);
+  return `${before}<b>${highlighted}</b>${after}`;
+};
+export const getCurrentGroupName = element => {
+  let hasChildrenFound = false;
+  let currentGroupName = '';
+  const {
+    top: parentTop
+  } = element.getBoundingClientRect();
+  const {
+    children
+  } = element;
+  Array.from(children).forEach(child => {
+    if (hasChildrenFound) {
+      return;
+    }
+    const {
+      y: childrenY,
+      height: childrenHeight
+    } = child.getBoundingClientRect();
+    const {
+      id
+    } = child;
+    const sum = childrenY + childrenHeight - parentTop;
+    if (sum >= 0) {
+      hasChildrenFound = true;
+      let currentGroup = id;
+      if (id.startsWith('search-box-item__')) {
+        const nummer = id.split('__')[1];
+        currentGroup = nummer?.split('_').pop() ?? '';
+      }
+      currentGroupName = currentGroup;
+    }
+  });
+  return currentGroupName;
+};
+export const searchList = _ref => {
+  let {
+    searchString,
+    items
+  } = _ref;
+  const matchingItems = [];
+  const lowercaseSearchString = searchString.toLowerCase();
+  items.forEach(item => {
+    const lowercaseText = item.text.toLowerCase();
+    if (lowercaseText.includes(lowercaseSearchString)) {
+      if (searchString === '') {
+        matchingItems.push(item);
+      } else {
+        const startIndex = lowercaseText.indexOf(lowercaseSearchString);
+        const highlightedText = surroundWithBTag(item.text, startIndex, searchString.length);
+        matchingItems.push({
+          ...item,
+          text: highlightedText
+        });
+      }
+    }
+  });
+  matchingItems.sort((a, b) => {
+    const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);
+    const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);
+    if (aStartsWithSearchString && !bStartsWithSearchString) {
+      return -1;
+    }
+    if (!aStartsWithSearchString && bStartsWithSearchString) {
+      return 1;
+    }
+    return a.text.localeCompare(b.text);
+  });
+  return matchingItems;
+};
+//# sourceMappingURL=searchBox.js.map

package/lib/esm/utils/searchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBox.js","names":["surroundWithBTag","text","startIndex","length","before","substring","highlighted","after","getCurrentGroupName","element","hasChildrenFound","currentGroupName","top","parentTop","getBoundingClientRect","children","Array","from","forEach","child","y","childrenY","height","childrenHeight","id","sum","currentGroup","startsWith","nummer","split","pop","searchList","_ref","searchString","items","matchingItems","lowercaseSearchString","toLowerCase","item","lowercaseText","includes","push","indexOf","highlightedText","sort","a","b","aStartsWithSearchString","bStartsWithSearchString","localeCompare"],"sources":["../../../src/utils/searchBox.ts"],"sourcesContent":["import type { ISearchBoxItem } from '../types/searchBox';\n\nconst surroundWithBTag = (text: string, startIndex: number, length: number) => {\n    const before = text.substring(0, startIndex);\n    const highlighted = text.substring(startIndex, startIndex + length);\n    const after = text.substring(startIndex + length);\n\n    return `${before}<b>${highlighted}</b>${after}`;\n};\n\nexport const getCurrentGroupName = (element: HTMLElement) => {\n    let hasChildrenFound = false;\n    let currentGroupName = '';\n\n    const { top: parentTop } = element.getBoundingClientRect();\n    const { children } = element;\n\n    Array.from(children).forEach((child) => {\n        if (hasChildrenFound) {\n            return;\n        }\n\n        const { y: childrenY, height: childrenHeight } = child.getBoundingClientRect();\n        const { id } = child;\n\n        const sum = childrenY + childrenHeight - parentTop;\n\n        if (sum >= 0) {\n            hasChildrenFound = true;\n            let currentGroup = id;\n\n            if (id.startsWith('search-box-item__')) {\n                const nummer = id.split('__')[1];\n                currentGroup = nummer?.split('_').pop() ?? '';\n            }\n\n            currentGroupName = currentGroup;\n        }\n    });\n\n    return currentGroupName;\n};\n\ninterface SearchListOptions {\n    items: ISearchBoxItem[];\n    searchString: string;\n}\n\nexport const searchList = ({ searchString, items }: SearchListOptions) => {\n    const matchingItems: ISearchBoxItem[] = [];\n\n    const lowercaseSearchString = searchString.toLowerCase();\n\n    items.forEach((item) => {\n        const lowercaseText = item.text.toLowerCase();\n\n        if (lowercaseText.includes(lowercaseSearchString)) {\n            if (searchString === '') {\n                matchingItems.push(item);\n            } else {\n                const startIndex = lowercaseText.indexOf(lowercaseSearchString);\n                const highlightedText = surroundWithBTag(\n                    item.text,\n                    startIndex,\n                    searchString.length,\n                );\n                matchingItems.push({ ...item, text: highlightedText });\n            }\n        }\n    });\n\n    matchingItems.sort((a, b) => {\n        const aStartsWithSearchString = a.text.toLowerCase().startsWith(lowercaseSearchString);\n        const bStartsWithSearchString = b.text.toLowerCase().startsWith(lowercaseSearchString);\n\n        if (aStartsWithSearchString && !bStartsWithSearchString) {\n            return -1;\n        }\n        if (!aStartsWithSearchString && bStartsWithSearchString) {\n            return 1;\n        }\n        return a.text.localeCompare(b.text);\n    });\n\n    return matchingItems;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/sharingBar.js

@@ -0,0 +1,43 @@
+import { createDialog, DialogType, openImage } from 'chayns-api';
+export const copyToClipboard = link => {
+  const aux = document.createElement('input');
+  const range = document.createRange();
+  aux.setAttribute('value', link);
+  aux.setAttribute('contenteditable', 'true');
+  aux.setAttribute('readonly', 'true');
+  document.body.appendChild(aux);
+  aux.select();
+  range.selectNodeContents(aux);
+  const s = window.getSelection();
+  if (!s) {
+    return;
+  }
+  s.removeAllRanges();
+  s.addRange(range);
+  aux.setSelectionRange(0, 999999);
+  document.execCommand('copy');
+  document.body.removeChild(aux);
+  void createDialog({
+    type: DialogType.TOAST,
+    showCloseIcon: true,
+    toastType: 1,
+    text: 'kopiert'
+  }).open();
+};
+export const shareWithApp = link => {
+  window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;
+};
+export const shareWithUrl = link => {
+  if (link.startsWith('mailto')) {
+    window.open(link);
+  } else if (link.indexOf('chaynsqrcodegenerator') > 0) {
+    void openImage({
+      items: [{
+        url: link
+      }]
+    });
+  } else {
+    window.open(link, '_blank');
+  }
+};
+//# sourceMappingURL=sharingBar.js.map

package/lib/esm/utils/sharingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharingBar.js","names":["createDialog","DialogType","openImage","copyToClipboard","link","aux","document","createElement","range","createRange","setAttribute","body","appendChild","select","selectNodeContents","s","window","getSelection","removeAllRanges","addRange","setSelectionRange","execCommand","removeChild","type","TOAST","showCloseIcon","toastType","text","open","shareWithApp","location","href","encodeURIComponent","shareWithUrl","startsWith","indexOf","items","url"],"sources":["../../../src/utils/sharingBar.ts"],"sourcesContent":["import { createDialog, DialogType, openImage } from 'chayns-api';\n\nexport const copyToClipboard = (link: string) => {\n    const aux = document.createElement('input');\n\n    const range = document.createRange();\n\n    aux.setAttribute('value', link);\n    aux.setAttribute('contenteditable', 'true');\n    aux.setAttribute('readonly', 'true');\n\n    document.body.appendChild(aux);\n\n    aux.select();\n\n    range.selectNodeContents(aux);\n\n    const s = window.getSelection();\n\n    if (!s) {\n        return;\n    }\n\n    s.removeAllRanges();\n    s.addRange(range);\n\n    aux.setSelectionRange(0, 999999);\n\n    document.execCommand('copy');\n\n    document.body.removeChild(aux);\n\n    void createDialog({\n        type: DialogType.TOAST,\n        showCloseIcon: true,\n        toastType: 1,\n        text: 'kopiert',\n    }).open();\n};\n\nexport const shareWithApp = (link: string) => {\n    window.location.href = `mailto:?subject=&body=${encodeURIComponent(link)}`;\n};\n\nexport const shareWithUrl = (link: string) => {\n    if (link.startsWith('mailto')) {\n        window.open(link);\n    } else if (link.indexOf('chaynsqrcodegenerator') > 0) {\n        void openImage({ items: [{ url: link }] });\n    } else {\n        window.open(link, '_blank');\n    }\n};\n"],"mappings":"AAAA,SAASA,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,YAAY;AAEhE,OAAO,MAAMC,eAAe,GAAIC,IAAY,IAAK;EAC7C,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAE3C,MAAMC,KAAK,GAAGF,QAAQ,CAACG,WAAW,CAAC,CAAC;EAEpCJ,GAAG,CAACK,YAAY,CAAC,OAAO,EAAEN,IAAI,CAAC;EAC/BC,GAAG,CAACK,YAAY,CAAC,iBAAiB,EAAE,MAAM,CAAC;EAC3CL,GAAG,CAACK,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC;EAEpCJ,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,GAAG,CAAC;EAE9BA,GAAG,CAACQ,MAAM,CAAC,CAAC;EAEZL,KAAK,CAACM,kBAAkB,CAACT,GAAG,CAAC;EAE7B,MAAMU,CAAC,GAAGC,MAAM,CAACC,YAAY,CAAC,CAAC;EAE/B,IAAI,CAACF,CAAC,EAAE;IACJ;EACJ;EAEAA,CAAC,CAACG,eAAe,CAAC,CAAC;EACnBH,CAAC,CAACI,QAAQ,CAACX,KAAK,CAAC;EAEjBH,GAAG,CAACe,iBAAiB,CAAC,CAAC,EAAE,MAAM,CAAC;EAEhCd,QAAQ,CAACe,WAAW,CAAC,MAAM,CAAC;EAE5Bf,QAAQ,CAACK,IAAI,CAACW,WAAW,CAACjB,GAAG,CAAC;EAE9B,KAAKL,YAAY,CAAC;IACduB,IAAI,EAAEtB,UAAU,CAACuB,KAAK;IACtBC,aAAa,EAAE,IAAI;IACnBC,SAAS,EAAE,CAAC;IACZC,IAAI,EAAE;EACV,CAAC,CAAC,CAACC,IAAI,CAAC,CAAC;AACb,CAAC;AAED,OAAO,MAAMC,YAAY,GAAIzB,IAAY,IAAK;EAC1CY,MAAM,CAACc,QAAQ,CAACC,IAAI,GAAG,yBAAyBC,kBAAkB,CAAC5B,IAAI,CAAC,EAAE;AAC9E,CAAC;AAED,OAAO,MAAM6B,YAAY,GAAI7B,IAAY,IAAK;EAC1C,IAAIA,IAAI,CAAC8B,UAAU,CAAC,QAAQ,CAAC,EAAE;IAC3BlB,MAAM,CAACY,IAAI,CAACxB,IAAI,CAAC;EACrB,CAAC,MAAM,IAAIA,IAAI,CAAC+B,OAAO,CAAC,uBAAuB,CAAC,GAAG,CAAC,EAAE;IAClD,KAAKjC,SAAS,CAAC;MAAEkC,KAAK,EAAE,CAAC;QAAEC,GAAG,EAAEjC;MAAK,CAAC;IAAE,CAAC,CAAC;EAC9C,CAAC,MAAM;IACHY,MAAM,CAACY,IAAI,CAACxB,IAAI,EAAE,QAAQ,CAAC;EAC/B;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/slider.js

@@ -0,0 +1,80 @@
+export const fillSlider = _ref => {
+  let {
+    fromSlider,
+    toSlider,
+    theme,
+    fromValue,
+    toValue
+  } = _ref;
+  const rangeDistance = Number(toSlider.max) - Number(toSlider.min);
+  const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);
+  const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);
+  const backgroundColor = theme['403'];
+  const trackColor = theme['409'];
+  if (!backgroundColor || !trackColor) {
+    return;
+  }
+  const gradient = `linear-gradient(
+      to right,
+      ${backgroundColor} 0%,
+      ${backgroundColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${fromPosition / rangeDistance * 100}%,
+      ${trackColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} ${toPosition / rangeDistance * 100}%,
+      ${backgroundColor} 100%)`;
+
+  // Apply the gradient to the appropriate slider
+  // eslint-disable-next-line no-param-reassign
+  toSlider.style.background = gradient;
+  // eslint-disable-next-line no-param-reassign
+  fromSlider.style.background = gradient;
+};
+export const calculateGradientOffset = _ref2 => {
+  let {
+    value,
+    min,
+    max,
+    thumbWidth,
+    containerWidth
+  } = _ref2;
+  const percentage = (value - min) / (max - min);
+  const adjustedWidth = containerWidth - thumbWidth / 2;
+  return percentage * adjustedWidth + thumbWidth / 2 + 5;
+};
+export const calculatePopupPosition = _ref3 => {
+  let {
+    sliderValue,
+    min,
+    max,
+    popupWidth
+  } = _ref3;
+  // Berechnung des Prozentwerts des Sliders zwischen min und max
+  const percentage = (sliderValue - min) / (max - min);
+
+  // Berechnung des linken Versatzes bei 0% (-10px) und bei 100% (-popupWidth + 20px)
+  const leftAtMin = -10;
+  const leftAtMax = -popupWidth + 25;
+
+  // Berechnung des dynamischen Left-Werts basierend auf dem Slider-Prozentwert
+  return leftAtMin + percentage * (leftAtMax - leftAtMin);
+};
+export const getThumbMaxWidth = _ref4 => {
+  let {
+    maxNumber,
+    thumbLabelFormatter
+  } = _ref4;
+  const element = document.createElement('span');
+  element.style.height = '20px';
+  element.style.display = 'flex';
+  element.style.padding = '16px';
+  element.style.whiteSpace = 'nowrap';
+  element.style.minWidth = '20px';
+  element.style.opacity = '0';
+  element.style.position = 'absolute';
+  element.textContent = typeof thumbLabelFormatter === 'function' ? thumbLabelFormatter(maxNumber) : String(maxNumber);
+  document.body.appendChild(element);
+  const width = element.offsetWidth;
+  document.body.removeChild(element);
+  return width;
+};
+//# sourceMappingURL=slider.js.map

package/lib/esm/utils/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","names":["fillSlider","_ref","fromSlider","toSlider","theme","fromValue","toValue","rangeDistance","Number","max","min","fromPosition","value","toPosition","backgroundColor","trackColor","gradient","style","background","calculateGradientOffset","_ref2","thumbWidth","containerWidth","percentage","adjustedWidth","calculatePopupPosition","_ref3","sliderValue","popupWidth","leftAtMin","leftAtMax","getThumbMaxWidth","_ref4","maxNumber","thumbLabelFormatter","element","document","createElement","height","display","padding","whiteSpace","minWidth","opacity","position","textContent","String","body","appendChild","width","offsetWidth","removeChild"],"sources":["../../../src/utils/slider.ts"],"sourcesContent":["import type { Theme } from '../components/color-scheme-provider/ColorSchemeProvider';\n\nexport interface FillSlider {\n    fromSlider: HTMLInputElement;\n    toSlider: HTMLInputElement;\n    fromValue?: number;\n    toValue?: number;\n    theme: Theme;\n}\n\nexport const fillSlider = ({ fromSlider, toSlider, theme, fromValue, toValue }: FillSlider) => {\n    const rangeDistance = Number(toSlider.max) - Number(toSlider.min);\n    const fromPosition = Number(fromValue ?? fromSlider.value) - Number(toSlider.min);\n    const toPosition = Number(toValue ?? toSlider.value) - Number(toSlider.min);\n\n    const backgroundColor = theme['403'];\n    const trackColor = theme['409'];\n\n    if (!backgroundColor || !trackColor) {\n        return;\n    }\n\n    const gradient = `linear-gradient(\n      to right,\n      ${backgroundColor} 0%,\n      ${backgroundColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(fromPosition / rangeDistance) * 100}%,\n      ${trackColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} ${(toPosition / rangeDistance) * 100}%,\n      ${backgroundColor} 100%)`;\n\n    // Apply the gradient to the appropriate slider\n    // eslint-disable-next-line no-param-reassign\n    toSlider.style.background = gradient;\n    // eslint-disable-next-line no-param-reassign\n    fromSlider.style.background = gradient;\n};\n\ninterface CalculateGradientOffset {\n    value: number;\n    min: number;\n    max: number;\n    thumbWidth: number;\n    containerWidth: number;\n}\n\nexport const calculateGradientOffset = ({\n    value,\n    min,\n    max,\n    thumbWidth,\n    containerWidth,\n}: CalculateGradientOffset): number => {\n    const percentage = (value - min) / (max - min);\n\n    const adjustedWidth = containerWidth - thumbWidth / 2;\n\n    return percentage * adjustedWidth + thumbWidth / 2 + 5;\n};\n\ninterface GetThumbMaxWidthOptions {\n    maxNumber: number;\n    thumbLabelFormatter?: (value: number) => string;\n}\n\ninterface CalculatePopupPositionOptions {\n    sliderValue: number;\n    min: number;\n    max: number;\n    popupWidth: number;\n}\n\nexport const calculatePopupPosition = ({\n    sliderValue,\n    min,\n    max,\n    popupWidth,\n}: CalculatePopupPositionOptions) => {\n    // Berechnung des Prozentwerts des Sliders zwischen min und max\n    const percentage = (sliderValue - min) / (max - min);\n\n    // Berechnung des linken Versatzes bei 0% (-10px) und bei 100% (-popupWidth + 20px)\n    const leftAtMin = -10;\n    const leftAtMax = -popupWidth + 25;\n\n    // Berechnung des dynamischen Left-Werts basierend auf dem Slider-Prozentwert\n    return leftAtMin + percentage * (leftAtMax - leftAtMin);\n};\n\nexport const getThumbMaxWidth = ({ maxNumber, thumbLabelFormatter }: GetThumbMaxWidthOptions) => {\n    const element = document.createElement('span');\n\n    element.style.height = '20px';\n    element.style.display = 'flex';\n    element.style.padding = '16px';\n    element.style.whiteSpace = 'nowrap';\n    element.style.minWidth = '20px';\n    element.style.opacity = '0';\n    element.style.position = 'absolute';\n\n    element.textContent =\n        typeof thumbLabelFormatter === 'function'\n            ? thumbLabelFormatter(maxNumber)\n            : String(maxNumber);\n\n    document.body.appendChild(element);\n\n    const width = element.offsetWidth;\n\n    document.body.removeChild(element);\n\n    return width;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/utils/sliderButton.js

@@ -0,0 +1,52 @@
+export const getNearestPoint = _ref => {
+  let {
+    snapPoints,
+    position,
+    scrollLeft
+  } = _ref;
+  let nearestIndex = -1;
+  let nearestPoint = -Infinity;
+  for (let i = 0; i < snapPoints.length; i++) {
+    const index = snapPoints[i];
+    if (index && index < position + scrollLeft && index > nearestPoint) {
+      nearestPoint = index;
+      nearestIndex = i;
+    }
+  }
+  nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;
+  nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;
+  return {
+    nearestIndex,
+    nearestPoint
+  };
+};
+export const getThumbPosition = _ref2 => {
+  let {
+    itemWidth,
+    scope
+  } = _ref2;
+  if (!scope.current) {
+    return undefined;
+  }
+  const {
+    transform
+  } = scope.current.style;
+  let position;
+  if (transform === 'none') {
+    position = 0;
+  } else {
+    const match = transform.match(/translateX\(([-\d.]+)px\)/);
+    if (match && match[1]) {
+      position = parseFloat(match[1]);
+    }
+  }
+  if (typeof position !== 'number' && !position) {
+    return undefined;
+  }
+  return {
+    left: position,
+    right: position + itemWidth,
+    middle: position + itemWidth / 2
+  };
+};
+//# sourceMappingURL=sliderButton.js.map

package/lib/esm/utils/sliderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sliderButton.js","names":["getNearestPoint","_ref","snapPoints","position","scrollLeft","nearestIndex","nearestPoint","Infinity","i","length","index","getThumbPosition","_ref2","itemWidth","scope","current","undefined","transform","style","match","parseFloat","left","right","middle"],"sources":["../../../src/utils/sliderButton.ts"],"sourcesContent":["import type { AnimationScope } from 'framer-motion';\n\ninterface GetNearestPointProps {\n    position: number;\n    snapPoints: number[];\n    scrollLeft: number;\n}\nexport const getNearestPoint = ({ snapPoints, position, scrollLeft }: GetNearestPointProps) => {\n    let nearestIndex = -1;\n    let nearestPoint = -Infinity;\n\n    for (let i = 0; i < snapPoints.length; i++) {\n        const index = snapPoints[i];\n\n        if (index && index < position + scrollLeft && index > nearestPoint) {\n            nearestPoint = index;\n            nearestIndex = i;\n        }\n    }\n\n    nearestIndex = nearestIndex === -1 ? 0 : nearestIndex;\n    nearestPoint = nearestPoint === -Infinity ? 0 : nearestPoint;\n\n    return { nearestIndex, nearestPoint };\n};\n\ninterface GetThumbPositionProps {\n    scope: AnimationScope;\n    itemWidth: number;\n}\n\nexport const getThumbPosition = ({ itemWidth, scope }: GetThumbPositionProps) => {\n    if (!scope.current) {\n        return undefined;\n    }\n\n    const { transform } = (scope.current as HTMLElement).style;\n    let position;\n\n    if (transform === 'none') {\n        position = 0;\n    } else {\n        const match = transform.match(/translateX\\(([-\\d.]+)px\\)/);\n\n        if (match && match[1]) {\n            position = parseFloat(match[1]);\n        }\n    }\n\n    if (typeof position !== 'number' && !position) {\n        return undefined;\n    }\n\n    return { left: position, right: position + itemWidth, middle: position + itemWidth / 2 };\n};\n"],"mappings":"AAOA,OAAO,MAAMA,eAAe,GAAGC,IAAA,IAAgE;EAAA,IAA/D;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;EAAiC,CAAC,GAAAH,IAAA;EACtF,IAAII,YAAY,GAAG,CAAC,CAAC;EACrB,IAAIC,YAAY,GAAG,CAACC,QAAQ;EAE5B,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGN,UAAU,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;IACxC,MAAME,KAAK,GAAGR,UAAU,CAACM,CAAC,CAAC;IAE3B,IAAIE,KAAK,IAAIA,KAAK,GAAGP,QAAQ,GAAGC,UAAU,IAAIM,KAAK,GAAGJ,YAAY,EAAE;MAChEA,YAAY,GAAGI,KAAK;MACpBL,YAAY,GAAGG,CAAC;IACpB;EACJ;EAEAH,YAAY,GAAGA,YAAY,KAAK,CAAC,CAAC,GAAG,CAAC,GAAGA,YAAY;EACrDC,YAAY,GAAGA,YAAY,KAAK,CAACC,QAAQ,GAAG,CAAC,GAAGD,YAAY;EAE5D,OAAO;IAAED,YAAY;IAAEC;EAAa,CAAC;AACzC,CAAC;AAOD,OAAO,MAAMK,gBAAgB,GAAGC,KAAA,IAAiD;EAAA,IAAhD;IAAEC,SAAS;IAAEC;EAA6B,CAAC,GAAAF,KAAA;EACxE,IAAI,CAACE,KAAK,CAACC,OAAO,EAAE;IAChB,OAAOC,SAAS;EACpB;EAEA,MAAM;IAAEC;EAAU,CAAC,GAAIH,KAAK,CAACC,OAAO,CAAiBG,KAAK;EAC1D,IAAIf,QAAQ;EAEZ,IAAIc,SAAS,KAAK,MAAM,EAAE;IACtBd,QAAQ,GAAG,CAAC;EAChB,CAAC,MAAM;IACH,MAAMgB,KAAK,GAAGF,SAAS,CAACE,KAAK,CAAC,2BAA2B,CAAC;IAE1D,IAAIA,KAAK,IAAIA,KAAK,CAAC,CAAC,CAAC,EAAE;MACnBhB,QAAQ,GAAGiB,UAAU,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC;IACnC;EACJ;EAEA,IAAI,OAAOhB,QAAQ,KAAK,QAAQ,IAAI,CAACA,QAAQ,EAAE;IAC3C,OAAOa,SAAS;EACpB;EAEA,OAAO;IAAEK,IAAI,EAAElB,QAAQ;IAAEmB,KAAK,EAAEnB,QAAQ,GAAGU,SAAS;IAAEU,MAAM,EAAEpB,QAAQ,GAAGU,SAAS,GAAG;EAAE,CAAC;AAC5F,CAAC","ignoreList":[]}

package/lib/esm/utils/tooltip.js

@@ -0,0 +1,18 @@
+import { isValidElement } from 'react';
+export const isTextOnlyElement = element => {
+  if (typeof element === 'string') {
+    return true;
+  }
+  if (! /*#__PURE__*/isValidElement(element)) {
+    return false;
+  }
+  const validTags = ['p', 'span', 'div'];
+  if (!validTags.includes(element.type)) {
+    return false;
+  }
+  const {
+    children
+  } = element.props;
+  return typeof children === 'string';
+};
+//# sourceMappingURL=tooltip.js.map

package/lib/esm/utils/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["isValidElement","isTextOnlyElement","element","validTags","includes","type","children","props"],"sources":["../../../src/utils/tooltip.ts"],"sourcesContent":["import { isValidElement, ReactNode, type ReactElement } from 'react';\n\nexport const isTextOnlyElement = (element: ReactNode): boolean => {\n    if (typeof element === 'string') {\n        return true;\n    }\n\n    if (!isValidElement(element)) {\n        return false;\n    }\n\n    const validTags = ['p', 'span', 'div'];\n    if (!validTags.includes(element.type as string)) {\n        return false;\n    }\n\n    const { children } = (element as ReactElement).props;\n\n    return typeof children === 'string';\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAsC,OAAO;AAEpE,OAAO,MAAMC,iBAAiB,GAAIC,OAAkB,IAAc;EAC9D,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;IAC7B,OAAO,IAAI;EACf;EAEA,IAAI,eAACF,cAAc,CAACE,OAAO,CAAC,EAAE;IAC1B,OAAO,KAAK;EAChB;EAEA,MAAMC,SAAS,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC;EACtC,IAAI,CAACA,SAAS,CAACC,QAAQ,CAACF,OAAO,CAACG,IAAc,CAAC,EAAE;IAC7C,OAAO,KAAK;EAChB;EAEA,MAAM;IAAEC;EAAS,CAAC,GAAIJ,OAAO,CAAkBK,KAAK;EAEpD,OAAO,OAAOD,QAAQ,KAAK,QAAQ;AACvC,CAAC","ignoreList":[]}

package/lib/esm/utils/truncation.js

@@ -0,0 +1,35 @@
+const doesElementOverflow = (element, referenceHeight) => element.scrollHeight > referenceHeight;
+const doesElementHasOnlyText = element => {
+  // Check if element has no child elements.
+  if (element.children.length === 0) {
+    // If element has text (not empty), it is only text.
+    return element.textContent !== '';
+  }
+
+  // Element has child elements or no text, so it's not only text.
+  return false;
+};
+const removeLastLeafElement = element => {
+  // remove last element of html element where the last element is a leaf element and its content is a string
+  const {
+    lastElementChild,
+    lastChild
+  } = element;
+  if (lastElementChild && !doesElementHasOnlyText(lastElementChild) && lastElementChild.hasChildNodes()) {
+    removeLastLeafElement(lastElementChild);
+  } else if (lastChild && lastChild.nodeType === Node.TEXT_NODE && lastChild.textContent && lastChild.textContent.length > 25) {
+    lastChild.textContent = `${lastChild.textContent.substring(0, lastChild.textContent.length - 25)} ...`;
+  } else if (lastElementChild && doesElementHasOnlyText(lastElementChild) && lastElementChild.textContent && lastElementChild.textContent.length > 25) {
+    lastElementChild.textContent = `${lastElementChild.textContent.substring(0, lastElementChild.textContent.length - 25)} ...`;
+  } else if (lastChild) {
+    element.removeChild(lastChild);
+  } else if (lastElementChild) {
+    element.removeChild(lastElementChild);
+  }
+};
+export const truncateElement = (element, referenceHeight) => {
+  while (doesElementOverflow(element, referenceHeight)) {
+    removeLastLeafElement(element);
+  }
+};
+//# sourceMappingURL=truncation.js.map

package/lib/esm/utils/truncation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncation.js","names":["doesElementOverflow","element","referenceHeight","scrollHeight","doesElementHasOnlyText","children","length","textContent","removeLastLeafElement","lastElementChild","lastChild","hasChildNodes","nodeType","Node","TEXT_NODE","substring","removeChild","truncateElement"],"sources":["../../../src/utils/truncation.ts"],"sourcesContent":["const doesElementOverflow = (element: HTMLElement, referenceHeight: number): boolean =>\n    element.scrollHeight > referenceHeight;\n\nconst doesElementHasOnlyText = (element: HTMLElement): boolean => {\n    // Check if element has no child elements.\n    if (element.children.length === 0) {\n        // If element has text (not empty), it is only text.\n        return element.textContent !== '';\n    }\n\n    // Element has child elements or no text, so it's not only text.\n    return false;\n};\n\nconst removeLastLeafElement = (element: HTMLElement) => {\n    // remove last element of html element where the last element is a leaf element and its content is a string\n    const { lastElementChild, lastChild } = element;\n\n    if (\n        lastElementChild &&\n        !doesElementHasOnlyText(lastElementChild as HTMLElement) &&\n        lastElementChild.hasChildNodes()\n    ) {\n        removeLastLeafElement(lastElementChild as HTMLElement);\n    } else if (\n        lastChild &&\n        lastChild.nodeType === Node.TEXT_NODE &&\n        lastChild.textContent &&\n        lastChild.textContent.length > 25\n    ) {\n        lastChild.textContent = `${lastChild.textContent.substring(0, lastChild.textContent.length - 25)} ...`;\n    } else if (\n        lastElementChild &&\n        doesElementHasOnlyText(lastElementChild as HTMLElement) &&\n        lastElementChild.textContent &&\n        lastElementChild.textContent.length > 25\n    ) {\n        lastElementChild.textContent = `${lastElementChild.textContent.substring(\n            0,\n            lastElementChild.textContent.length - 25,\n        )} ...`;\n    } else if (lastChild) {\n        element.removeChild(lastChild);\n    } else if (lastElementChild) {\n        element.removeChild(lastElementChild);\n    }\n};\nexport const truncateElement = (element: HTMLElement, referenceHeight: number) => {\n    while (doesElementOverflow(element, referenceHeight)) {\n        removeLastLeafElement(element);\n    }\n};\n"],"mappings":"AAAA,MAAMA,mBAAmB,GAAGA,CAACC,OAAoB,EAAEC,eAAuB,KACtED,OAAO,CAACE,YAAY,GAAGD,eAAe;AAE1C,MAAME,sBAAsB,GAAIH,OAAoB,IAAc;EAC9D;EACA,IAAIA,OAAO,CAACI,QAAQ,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/B;IACA,OAAOL,OAAO,CAACM,WAAW,KAAK,EAAE;EACrC;;EAEA;EACA,OAAO,KAAK;AAChB,CAAC;AAED,MAAMC,qBAAqB,GAAIP,OAAoB,IAAK;EACpD;EACA,MAAM;IAAEQ,gBAAgB;IAAEC;EAAU,CAAC,GAAGT,OAAO;EAE/C,IACIQ,gBAAgB,IAChB,CAACL,sBAAsB,CAACK,gBAA+B,CAAC,IACxDA,gBAAgB,CAACE,aAAa,CAAC,CAAC,EAClC;IACEH,qBAAqB,CAACC,gBAA+B,CAAC;EAC1D,CAAC,MAAM,IACHC,SAAS,IACTA,SAAS,CAACE,QAAQ,KAAKC,IAAI,CAACC,SAAS,IACrCJ,SAAS,CAACH,WAAW,IACrBG,SAAS,CAACH,WAAW,CAACD,MAAM,GAAG,EAAE,EACnC;IACEI,SAAS,CAACH,WAAW,GAAG,GAAGG,SAAS,CAACH,WAAW,CAACQ,SAAS,CAAC,CAAC,EAAEL,SAAS,CAACH,WAAW,CAACD,MAAM,GAAG,EAAE,CAAC,MAAM;EAC1G,CAAC,MAAM,IACHG,gBAAgB,IAChBL,sBAAsB,CAACK,gBAA+B,CAAC,IACvDA,gBAAgB,CAACF,WAAW,IAC5BE,gBAAgB,CAACF,WAAW,CAACD,MAAM,GAAG,EAAE,EAC1C;IACEG,gBAAgB,CAACF,WAAW,GAAG,GAAGE,gBAAgB,CAACF,WAAW,CAACQ,SAAS,CACpE,CAAC,EACDN,gBAAgB,CAACF,WAAW,CAACD,MAAM,GAAG,EAC1C,CAAC,MAAM;EACX,CAAC,MAAM,IAAII,SAAS,EAAE;IAClBT,OAAO,CAACe,WAAW,CAACN,SAAS,CAAC;EAClC,CAAC,MAAM,IAAID,gBAAgB,EAAE;IACzBR,OAAO,CAACe,WAAW,CAACP,gBAAgB,CAAC;EACzC;AACJ,CAAC;AACD,OAAO,MAAMQ,eAAe,GAAGA,CAAChB,OAAoB,EAAEC,eAAuB,KAAK;EAC9E,OAAOF,mBAAmB,CAACC,OAAO,EAAEC,eAAe,CAAC,EAAE;IAClDM,qBAAqB,CAACP,OAAO,CAAC;EAClC;AACJ,CAAC","ignoreList":[]}

package/lib/esm/utils/uploadFile.js

@@ -0,0 +1,37 @@
+import { postImage } from '../api/image/post';
+import { postVideo } from '../api/video/post';
+export const uploadFile = async _ref => {
+  let {
+    fileToUpload,
+    callback,
+    shouldUploadImageToSite
+  } = _ref;
+  if (!fileToUpload || fileToUpload.state !== 'none') {
+    return;
+  }
+  if (fileToUpload.file?.type.includes('video/')) {
+    const uploadedVideo = await postVideo({
+      file: fileToUpload.file
+    });
+    if (uploadedVideo) {
+      callback({
+        ...uploadedVideo,
+        id: uploadedVideo.id.toString()
+      });
+    }
+  }
+  if (fileToUpload.file?.type.includes('image/')) {
+    const uploadedImage = await postImage({
+      file: fileToUpload.file,
+      shouldUploadImageToSite
+    });
+    if (uploadedImage) {
+      callback({
+        url: `${uploadedImage.base}/${uploadedImage.key}`,
+        id: uploadedImage.key,
+        meta: uploadedImage.meta
+      });
+    }
+  }
+};
+//# sourceMappingURL=uploadFile.js.map

package/lib/esm/utils/uploadFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploadFile.js","names":["postImage","postVideo","uploadFile","_ref","fileToUpload","callback","shouldUploadImageToSite","state","file","type","includes","uploadedVideo","id","toString","uploadedImage","url","base","key","meta"],"sources":["../../../src/utils/uploadFile.ts"],"sourcesContent":["import { postImage } from '../api/image/post';\nimport { postVideo } from '../api/video/post';\nimport type { Image, InternalFileItem, Video } from '../types/file';\n\ninterface UploadFilesOptions {\n    fileToUpload: InternalFileItem;\n    callback: (UploadedFile: Video | Image) => void;\n    shouldUploadImageToSite?: boolean;\n}\n\nexport const uploadFile = async ({\n    fileToUpload,\n    callback,\n    shouldUploadImageToSite,\n}: UploadFilesOptions): Promise<void> => {\n    if (!fileToUpload || fileToUpload.state !== 'none') {\n        return;\n    }\n\n    if (fileToUpload.file?.type.includes('video/')) {\n        const uploadedVideo = await postVideo({ file: fileToUpload.file });\n\n        if (uploadedVideo) {\n            callback({\n                ...uploadedVideo,\n                id: uploadedVideo.id.toString(),\n            });\n        }\n    }\n\n    if (fileToUpload.file?.type.includes('image/')) {\n        const uploadedImage = await postImage({ file: fileToUpload.file, shouldUploadImageToSite });\n\n        if (uploadedImage) {\n            callback({\n                url: `${uploadedImage.base}/${uploadedImage.key}`,\n                id: uploadedImage.key,\n                meta: uploadedImage.meta,\n            });\n        }\n    }\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,SAAS,QAAQ,mBAAmB;AAS7C,OAAO,MAAMC,UAAU,GAAG,MAAAC,IAAA,IAIe;EAAA,IAJR;IAC7BC,YAAY;IACZC,QAAQ;IACRC;EACgB,CAAC,GAAAH,IAAA;EACjB,IAAI,CAACC,YAAY,IAAIA,YAAY,CAACG,KAAK,KAAK,MAAM,EAAE;IAChD;EACJ;EAEA,IAAIH,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMC,aAAa,GAAG,MAAMV,SAAS,CAAC;MAAEO,IAAI,EAAEJ,YAAY,CAACI;IAAK,CAAC,CAAC;IAElE,IAAIG,aAAa,EAAE;MACfN,QAAQ,CAAC;QACL,GAAGM,aAAa;QAChBC,EAAE,EAAED,aAAa,CAACC,EAAE,CAACC,QAAQ,CAAC;MAClC,CAAC,CAAC;IACN;EACJ;EAEA,IAAIT,YAAY,CAACI,IAAI,EAAEC,IAAI,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAE;IAC5C,MAAMI,aAAa,GAAG,MAAMd,SAAS,CAAC;MAAEQ,IAAI,EAAEJ,YAAY,CAACI,IAAI;MAAEF;IAAwB,CAAC,CAAC;IAE3F,IAAIQ,aAAa,EAAE;MACfT,QAAQ,CAAC;QACLU,GAAG,EAAE,GAAGD,aAAa,CAACE,IAAI,IAAIF,aAAa,CAACG,GAAG,EAAE;QACjDL,EAAE,EAAEE,aAAa,CAACG,GAAG;QACrBC,IAAI,EAAEJ,aAAa,CAACI;MACxB,CAAC,CAAC;IACN;EACJ;AACJ,CAAC","ignoreList":[]}

package/lib/types/api/image/post.d.ts

@@ -0,0 +1,31 @@
+import type { Meta } from '../../types/file';
+export interface PostImageResult {
+    key: string;
+    base: string;
+    meta?: Meta;
+}
+export interface Image {
+    path: string;
+    width: number;
+    height: number;
+    size: number;
+    hash: string;
+    preview: string;
+    isSecured: boolean;
+    format: string;
+    fileExtension: string;
+}
+export interface Signature {
+    verify: string;
+    signature: string;
+    expires: Date;
+}
+interface PostImageOptions {
+    file: File;
+    shouldUploadImageToSite?: boolean;
+}
+/**
+ * Uploads an image to the tsimg cloud service
+ */
+export declare const postImage: ({ file, shouldUploadImageToSite, }: PostImageOptions) => Promise<PostImageResult | undefined>;
+export {};

package/lib/types/api/signature/delete.d.ts

@@ -0,0 +1 @@
+export declare const deleteUserSignature: () => Promise<boolean>;

package/lib/types/api/signature/get.d.ts

@@ -0,0 +1 @@
+export declare const getUserSignature: () => Promise<string | undefined>;

package/lib/types/api/signature/put.d.ts

@@ -0,0 +1 @@
+export declare const putUserSignature: (dataURL: string) => Promise<boolean>;

package/lib/types/api/theme/get.d.ts

@@ -0,0 +1,3 @@
+import type { DesignSettings, ParagraphFormat } from '../../types/colorSchemeProvider';
+export declare const getDesignSettings: (siteId?: string) => Promise<DesignSettings | undefined>;
+export declare const getParagraphFormat: (siteId?: string) => Promise<ParagraphFormat[] | undefined>;

package/lib/types/api/video/post.d.ts

@@ -0,0 +1,15 @@
+export interface PostVideoResult {
+    id: string;
+    originalVideoQuality: string;
+    thumbnailUrl: string;
+    url: string;
+    urlMP4: string;
+}
+interface PostVideoOptions {
+    file: File | Blob;
+}
+/**
+ * Uploads a video to the streaming service
+ */
+export declare const postVideo: ({ file, }: PostVideoOptions) => Promise<PostVideoResult | undefined>;
+export {};