@streamscloud/embeddable 3.2.1 → 3.2.3

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte

@@ -1,125 +0,0 @@
-<script lang="ts">import { Icon } from '../icon';
-import { SwipeIndicatorLocalization } from './swipe-indicator-localization';
-import IconArrowUp from '@fluentui/svg-icons/icons/arrow_up_20_regular.svg?raw';
-let { fadeTimeout = 2000, localization: localizationInit } = $props();
-const localization = $derived(new SwipeIndicatorLocalization(localizationInit));
-let isFaded = $state(false);
-const indicatorMounted = (_) => {
-    if (fadeTimeout) {
-        const timeout = setTimeout(() => {
-            isFaded = true;
-        }, 3000);
-        return {
-            destroy() {
-                clearTimeout(timeout);
-            }
-        };
-    }
-};
-</script>
-
-<div class="swipe-indicator" class:swipe-indicator--faded={isFaded} use:indicatorMounted>
-  <div class="swipe-indicator__icon">
-    <Icon src={IconArrowUp} />
-  </div>
-  <div class="swipe-indicator__text">
-    {localization.swipe}
-  </div>
-</div>
-
-<style>@charset "UTF-8";
-@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.swipe-indicator {
-  --_swipe-indicator--color: var(--swipe-indicator--color, #ffffff);
-  --_swipe-indicator--font-size: var(--swipe-indicator--font-size, 1rem);
-  --_swipe-indicator--icon-size: var(--swipe-indicator--icon-size, var(--_swipe-indicator--font-size));
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  bottom: 1.25rem;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 10;
-  color: var(--_swipe-indicator--color);
-  opacity: 1;
-  transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.swipe-indicator--faded {
-  opacity: 0;
-  pointer-events: none;
-}
-.swipe-indicator:before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-  border-radius: 50%;
-  background: #000;
-  filter: blur(12px);
-  transform: scale(3);
-}
-.swipe-indicator__icon {
-  font-size: var(--_swipe-indicator--icon-size);
-  animation: bounce 2.7s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
-  will-change: transform;
-  z-index: 1;
-}
-.swipe-indicator__text {
-  font-size: var(--_swipe-indicator--font-size);
-  z-index: 1;
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(0);
-  }
-  10% {
-    transform: translateY(-24px); /* основной прыжок */
-  }
-  18% {
-    transform: translateY(0);
-  }
-  26% {
-    transform: translateY(-12px); /* первый малый отскок */
-  }
-  34% {
-    transform: translateY(0);
-  }
-  41% {
-    transform: translateY(-8px); /* второй малый отскок */
-  }
-  48% {
-    transform: translateY(0);
-  }
-  54% {
-    transform: translateY(-4px); /* третий малый отскок */
-  }
-  60% {
-    transform: translateY(0);
-  }
-  65% {
-    transform: translateY(-2px); /* почти затух */
-  }
-  70% {
-    transform: translateY(0);
-  }
-  75% {
-    transform: translateY(-1px); /* совсем маленький */
-  }
-  80% {
-    transform: translateY(0);
-  }
-}</style>

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Locale } from '../../core/locale';
-import { type ISwipeIndicatorLocalization } from './swipe-indicator-localization';
-type Props = {
-    fadeTimeout?: number;
-    localization: ISwipeIndicatorLocalization | Locale;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/swipe-indicator/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SwipeIndicator } from './cmp.swipe-indicator.svelte';
-export type { ISwipeIndicatorLocalization } from './swipe-indicator-localization';

package/dist/ui/swipe-indicator/index.js

@@ -1 +0,0 @@
-export { default as SwipeIndicator } from './cmp.swipe-indicator.svelte';

package/dist/ui/swipe-indicator/swipe-indicator-localization.d.ts

@@ -1,8 +0,0 @@
-import { type Locale } from '../../core/locale';
-export interface ISwipeIndicatorLocalization {
-    swipe?: string;
-}
-export declare class SwipeIndicatorLocalization {
-    swipe: string;
-    constructor(init: ISwipeIndicatorLocalization | Locale);
-}

package/dist/ui/swipe-indicator/swipe-indicator-localization.js

@@ -1,13 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class SwipeIndicatorLocalization {
-    swipe;
-    constructor(init) {
-        this.swipe = isLocale(init) ? loc.swipe[init] : init.swipe || loc.swipe.en;
-    }
-}
-const loc = {
-    swipe: {
-        en: 'Swipe',
-        no: 'Sveip'
-    }
-};

package/dist/ui/time-ago/time-ago-localization.js

@@ -1,55 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class TimeAgoLocalization {
-    locale;
-    aMinuteAgo;
-    anHourAgo;
-    justNow;
-    at;
-    hoursAgo;
-    minutesAgo;
-    yesterday;
-    constructor(init) {
-        this.locale = isLocale(init) ? loc.locale[init] : init.locale || loc.locale.en;
-        this.aMinuteAgo = isLocale(init) ? loc.aMinuteAgo[init] : init.aMinuteAgo || loc.aMinuteAgo.en;
-        this.anHourAgo = isLocale(init) ? loc.anHourAgo[init] : init.anHourAgo || loc.anHourAgo.en;
-        this.justNow = isLocale(init) ? loc.justNow[init] : init.justNow || loc.justNow.en;
-        this.at = isLocale(init) ? loc.at[init] : init.at || loc.at.en;
-        this.hoursAgo = isLocale(init) ? loc.hoursAgo[init] : init.hoursAgo || loc.hoursAgo.en;
-        this.minutesAgo = isLocale(init) ? loc.minutesAgo[init] : init.minutesAgo || loc.minutesAgo.en;
-        this.yesterday = isLocale(init) ? loc.yesterday[init] : init.yesterday || loc.yesterday.en;
-    }
-}
-const loc = {
-    locale: {
-        en: 'en-US',
-        no: 'no-NO'
-    },
-    aMinuteAgo: {
-        en: 'a minute ago',
-        no: 'ett minutt siden'
-    },
-    anHourAgo: {
-        en: 'an hour ago',
-        no: 'en time siden'
-    },
-    justNow: {
-        en: 'just now',
-        no: 'nettopp nå'
-    },
-    at: {
-        en: (date, time) => `${date} at ${time}`,
-        no: (date, time) => `${date} kl. ${time}`
-    },
-    hoursAgo: {
-        en: (hours) => `${hours} hours ago`,
-        no: (hours) => `${hours} timer siden`
-    },
-    minutesAgo: {
-        en: (minutes) => `${minutes} minutes ago`,
-        no: (minutes) => `${minutes} minutter siden`
-    },
-    yesterday: {
-        en: (time) => `Yesterday at ${time}`,
-        no: (time) => `I går kl. ${time}`
-    }
-};