@streamscloud/embeddable 10.1.2 → 12.0.0

package/dist/media-center/media-center/media-center-context.svelte.js

@@ -0,0 +1,134 @@
+import { DiscoverViewHandler } from './discover';
+import { FeedHandler } from './feed';
+import { CategoriesHandler, MediaCenterSettingsHandler } from './handlers';
+import { PopularStreamsPanelHandler } from './menu';
+import { StreamsInCategoryPanelHandler } from './streams-in-category';
+export class MediaCenterContext {
+    initializing = $state(true);
+    initialized = $state(false);
+    mediaCenterMode = $derived.by(() => {
+        if (this.discoverHandler.activated) {
+            return 'discover';
+        }
+        return 'feed';
+    });
+    menuActive = $state(false);
+    categoriesHandler = new CategoriesHandler();
+    feedHandler;
+    discoverHandler;
+    popularStreamsHandler;
+    streamsInCategoryHandler;
+    categoryFollowingHandler = $state.raw(null);
+    settingsHandler;
+    closeOrchestrator;
+    _mediaCenterConfig = $state.raw(null);
+    constructor(data) {
+        const { config, closeOrchestrator, settings, on } = data;
+        this.closeOrchestrator = closeOrchestrator;
+        this.closeOrchestrator.setCloseTriggerAttached(true);
+        this.settingsHandler = new MediaCenterSettingsHandler(settings);
+        this.feedHandler = new FeedHandler({ config, mediaCenterSettingsHandler: this.settingsHandler, closeOrchestrator });
+        this.discoverHandler = new DiscoverViewHandler(config);
+        this.popularStreamsHandler = new PopularStreamsPanelHandler(config);
+        this.streamsInCategoryHandler = new StreamsInCategoryPanelHandler(config);
+        this.categoryFollowingHandler = config.handlers?.categoriesFollowingHandler ?? null;
+        this.init(config, on);
+    }
+    get targetData() {
+        return this._mediaCenterConfig?.targetData || null;
+    }
+    get playerColors() {
+        return this._mediaCenterConfig?.playerColors || null;
+    }
+    get loading() {
+        return this.discoverHandler.loading || this.streamsInCategoryHandler.loading;
+    }
+    get overlayIsActive() {
+        return this.streamsInCategoryHandler.activated;
+    }
+    get backgroundWrapperProps() {
+        return this.settingsHandler.backgroundWrapperProps;
+    }
+    get feedPlayerProps() {
+        return this.feedHandler.feedPlayerProps;
+    }
+    toggleMenu = () => {
+        if (this.menuActive) {
+            this.hideMenu();
+        }
+        else {
+            this.showMenu();
+        }
+    };
+    showMenu = () => {
+        this.menuActive = true;
+        this.popularStreamsHandler.init();
+    };
+    hideMenu = () => {
+        this.menuActive = false;
+    };
+    activateDiscover = async (options) => {
+        this.settingsHandler.updateBackgroundImageUrl('not-applicable');
+        this.hideMenu();
+        this.feedHandler.deactivate();
+        this.streamsInCategoryHandler.deactivate();
+        this.categoriesHandler.selectedCategoryId = options.categoryId;
+        const childCategories = this.categoriesHandler.allCategories.filter((c) => c.parentId === this.categoriesHandler.selectedCategoryId);
+        await this.discoverHandler.activate({
+            activeCategoryId: this.categoriesHandler.selectedCategoryId,
+            childCategories: childCategories.map((c) => ({ id: c.id, name: c.name }))
+        });
+    };
+    playPostsFeed = async (options) => {
+        this.deactivateOtherThanFeed();
+        this.categoriesHandler.selectedCategoryId = options.filter?.categoryId ?? null;
+        this.feedHandler.activatePostsFeed(options);
+    };
+    playStreamsFeed = async (options) => {
+        this.deactivateOtherThanFeed();
+        this.categoriesHandler.selectedCategoryId = options.filter?.categoryId ?? null;
+        this.feedHandler.activateStreamsFeed(options);
+    };
+    playRootFeed = async () => {
+        this.deactivateOtherThanFeed();
+        this.categoriesHandler.selectedCategoryId = null;
+        if (this.feedPlayerProps?.type === 'streams') {
+            this.feedHandler.activateStreamsFeed({});
+        }
+        else {
+            this.feedHandler.activatePostsFeed({});
+        }
+    };
+    tryActivateStreamsInCategory = async (categoryId) => {
+        const selectedCategoryData = this.categoriesHandler.getCategoryData(categoryId);
+        await this.streamsInCategoryHandler.activate(selectedCategoryData);
+        this.hideMenu();
+        this.feedHandler.deactivate();
+        this.discoverHandler.deactivate();
+        this.categoriesHandler.selectedCategoryId = categoryId;
+    };
+    deactivateOtherThanFeed = () => {
+        this.hideMenu();
+        this.discoverHandler.deactivate();
+        this.streamsInCategoryHandler.deactivate();
+    };
+    init = async (config, on) => {
+        try {
+            this._mediaCenterConfig = await config.getConfig();
+            if (!this._mediaCenterConfig) {
+                on.failed();
+                return;
+            }
+            this.categoriesHandler.init(this._mediaCenterConfig.contentCategories);
+            this.settingsHandler.updatePlayerColors(this._mediaCenterConfig.playerColors);
+            on.initialized(this);
+            this.initialized = true;
+        }
+        catch {
+            on.failed();
+        }
+        finally {
+            this.initializing = false;
+        }
+    };
+}

package/dist/media-center/media-center/{category-following-wrapper.svelte → menu/category-following-wrapper.svelte}

@@ -7,7 +7,7 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Icon } from '../../ui/icon';
+import { Icon } from '../../../ui/icon';
 import IconStarFilled from '@fluentui/svg-icons/icons/star_20_filled.svg?raw';
 import IconStar from '@fluentui/svg-icons/icons/star_20_regular.svg?raw';
 import { onMount } from 'svelte';
@@ -32,7 +32,8 @@ const handleToggleFollow = (e) => __awaiter(void 0, void 0, void 0, function* ()
 });
 </script>
 
-{#if !followingHandler}
+<!--Disabled following logic. for future references-->
+{#if !followingHandler || true}
   {@render children()}
 {:else}
   <div class="desktop-category-following-wrapper" class:desktop-category-following-wrapper--inverted-orientation={invertedOrientation}>

package/dist/media-center/media-center/{category-following-wrapper.svelte.d.ts → menu/category-following-wrapper.svelte.d.ts}

@@ -1,8 +1,8 @@
-import type { IContentCategoryFollowingHandler } from '..';
+import type { MediaCenterContext } from '../media-center-context.svelte';
 import { type Snippet } from 'svelte';
 type Props = {
     categoryId: string;
-    followingHandler?: IContentCategoryFollowingHandler;
+    followingHandler?: MediaCenterContext['categoryFollowingHandler'];
     children: Snippet;
     invertedOrientation?: boolean;
 };

package/dist/media-center/media-center/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './menu.svelte';
+export { PopularStreamsPanelHandler } from './popular-streams-panel-handler.svelte';

package/dist/media-center/media-center/menu/index.js

@@ -0,0 +1,2 @@
+export { default as Menu } from './menu.svelte';
+export { PopularStreamsPanelHandler } from './popular-streams-panel-handler.svelte';

package/dist/media-center/media-center/menu/menu-localization.d.ts

@@ -0,0 +1,10 @@
+import { type Locale } from '../../../core/locale';
+export declare class MenuLocalization {
+    interestsSectionTitle: string;
+    popularStreamsSectionTitle: string;
+    discoverLabel: string;
+    feedLabel: string;
+    membersLabel: (count: number) => string;
+    locale: Locale;
+    constructor(locale: Locale);
+}

package/dist/media-center/media-center/menu/menu-localization.js

@@ -0,0 +1,39 @@
+import {} from '../../../core/locale';
+export class MenuLocalization {
+    interestsSectionTitle;
+    popularStreamsSectionTitle;
+    discoverLabel;
+    feedLabel;
+    membersLabel;
+    locale;
+    constructor(locale) {
+        this.interestsSectionTitle = loc.interestsSectionTitle[locale];
+        this.popularStreamsSectionTitle = loc.popularStreamsSectionTitle[locale];
+        this.discoverLabel = loc.discoverLabel[locale];
+        this.feedLabel = loc.feedLabel[locale];
+        this.membersLabel = loc.membersLabel[locale];
+        this.locale = locale;
+    }
+}
+const loc = {
+    popularStreamsSectionTitle: {
+        en: 'Popular Streams',
+        no: 'Populære Streams'
+    },
+    interestsSectionTitle: {
+        en: 'Interest Channels',
+        no: 'Interessekanaler'
+    },
+    discoverLabel: {
+        en: 'Discover',
+        no: 'Oppdag'
+    },
+    feedLabel: {
+        en: 'Feed',
+        no: 'Feed'
+    },
+    membersLabel: {
+        en: (count) => (count === 1 ? `Member` : `Members`),
+        no: (count) => (count === 1 ? `Medlem` : `Medlemmer`)
+    }
+};

package/dist/media-center/media-center/menu/menu.svelte

@@ -0,0 +1,353 @@
+<script lang="ts">import { slideHorizontally } from '../../../core/transitions';
+import { compactNumber } from '../../../core/utils/compact-number';
+import { StreamCard } from '../../../streams/stream-card';
+import { Icon } from '../../../ui/icon';
+import { ImageRound } from '../../../ui/image';
+import { LineClamp } from '../../../ui/line-clamp';
+import { MomentsCircle } from '../moments';
+import { default as ButtonWrapper } from './category-following-wrapper.svelte';
+import { MenuLocalization } from './menu-localization';
+import IconChevronDownFilled from '@fluentui/svg-icons/icons/chevron_down_20_filled.svg?raw';
+import IconChevronRightFilled from '@fluentui/svg-icons/icons/chevron_right_20_filled.svg?raw';
+import { slide } from 'svelte/transition';
+let { context, locale = 'en', on } = $props();
+const localization = $derived(new MenuLocalization(locale));
+const target = $derived.by(() => context.targetData);
+const generateCategoriesMap = () => {
+    const expanded = {};
+    context.categoriesHandler.categoriesGrouped.forEach((c) => {
+        const isSelfSelected = context.categoriesHandler.selectedCategoryId === c.id;
+        const hasSelectedChild = c.children.some((ch) => ch.id === context.categoriesHandler.selectedCategoryId);
+        expanded[c.id] = isSelfSelected || hasSelectedChild;
+    });
+    return expanded;
+};
+const categoriesExpandedMap = $state(generateCategoriesMap());
+const handleCategoryExpaned = (e, categoryId) => {
+    e.stopPropagation();
+    categoriesExpandedMap[categoryId] = !categoriesExpandedMap[categoryId];
+};
+const styles = $derived.by(() => {
+    var _a;
+    const values = [];
+    if ((_a = context.playerColors) === null || _a === void 0 ? void 0 : _a.menuBackground) {
+        values.push(`--media-center-menu--background-color: ${context.playerColors.menuBackground}`);
+    }
+    return values.join(';');
+});
+</script>
+
+<div class="media-center-menu" transition:slideHorizontally|local style={styles} onclick={(e) => e.stopPropagation()} onkeydown={() => {}} role="none">
+  {#if target}
+    <div class="media-center-target">
+      <div class="media-center-target__image">
+        <MomentsCircle context={context} />
+      </div>
+      <div class="media-center-target__info">
+        <div class="media-center-target__name">
+          <LineClamp maxLines={1} locale={locale}>
+            {target.name}
+          </LineClamp>
+        </div>
+        {#if target.membersCount}
+          <LineClamp maxLines={1} locale={locale}>
+            <div class="media-center-target__members">
+              <span class="media-center-target__members-count">
+                {compactNumber(target.membersCount, { locale: localization.locale })}
+              </span>
+              <span class="media-center-target__members-label">
+                {localization.membersLabel(target.membersCount)}
+              </span>
+            </div>
+          </LineClamp>
+        {/if}
+      </div>
+    </div>
+  {/if}
+  <div class="media-center-menu__content">
+    <div class="media-center-menu__section-title">
+      {localization.interestsSectionTitle}
+    </div>
+    <div class="media-center-menu__tree">
+      <div class="media-center-menu__tree-item">
+        <div class="selector-item">
+          <div class="selector-item__value">
+            <div
+              class="selector-item__text"
+              class:selector-item__text--active={!context.categoriesHandler.selectedCategoryId}
+              onclick={() => context.playRootFeed()}
+              onkeydown={() => {}}
+              role="button"
+              tabindex="0">
+              {context.mediaCenterMode === 'discover' ? localization.discoverLabel : localization.feedLabel}
+            </div>
+          </div>
+        </div>
+      </div>
+      {#each context.categoriesHandler.categoriesGrouped as category (category.id)}
+        <div class="media-center-menu__tree-item">
+          <div class="selector-item">
+            <div class="selector-item__value">
+              <div class="selector-item__image">
+                <ImageRound src={category.image} noBorders={true} />
+              </div>
+              <div
+                class="selector-item__text"
+                class:selector-item__text--active={context.categoriesHandler.selectedCategoryId === category.id}
+                onclick={() => on.categorySelected(category.id)}
+                onkeydown={() => {}}
+                role="button"
+                tabindex="0">
+                {category.name}
+              </div>
+            </div>
+            <ButtonWrapper categoryId={category.id} followingHandler={context.categoryFollowingHandler} invertedOrientation={true}>
+              <button
+                type="button"
+                class="selector-item__collapser"
+                class:selector-item__collapser--hidden={!category.children.length}
+                onclick={(e) => handleCategoryExpaned(e, category.id)}>
+                {#if categoriesExpandedMap[category.id]}
+                  <Icon src={IconChevronDownFilled} />
+                {:else}
+                  <Icon src={IconChevronRightFilled} />
+                {/if}
+              </button>
+            </ButtonWrapper>
+          </div>
+          {#if categoriesExpandedMap[category.id]}
+            <div class="media-center-menu__tree-item" transition:slide|local>
+              {#each category.children as subcategory (subcategory.id)}
+                <div class="selector-item selector-item--child">
+                  <div class="selector-item__value">
+                    <div class="selector-item__image">
+                      <ImageRound src={subcategory.image} noBorders={true} />
+                    </div>
+                    <div
+                      class="selector-item__text"
+                      class:selector-item__text--active={context.categoriesHandler.selectedCategoryId === subcategory.id}
+                      onclick={() => on.categorySelected(subcategory.id)}
+                      onkeydown={() => {}}
+                      role="button"
+                      tabindex="0">
+                      {subcategory.name}
+                    </div>
+                  </div>
+                  <ButtonWrapper categoryId={subcategory.id} followingHandler={context.categoryFollowingHandler} invertedOrientation={true}>
+                    <button type="button" class="selector-item__collapser selector-item__collapser--hidden">
+                      <Icon src={IconChevronRightFilled} />
+                    </button>
+                  </ButtonWrapper>
+                </div>
+              {/each}
+            </div>
+          {/if}
+        </div>
+      {/each}
+    </div>
+
+    {#if context.popularStreamsHandler.streamSectionItems.length > 0}
+      <div class="media-center-menu__popular-streams-section">
+        <div class="media-center-menu__section-title">
+          {localization.popularStreamsSectionTitle}
+        </div>
+        <div class="media-center-menu__popular-streams">
+          {#each context.popularStreamsHandler.streamSectionItems as item (item.id)}
+            <StreamCard stream={item} on={{ click: () => on.streamSelected(item) }}></StreamCard>
+          {/each}
+        </div>
+      </div>
+    {/if}
+  </div>
+</div>
+
+<style>@keyframes fadeIn {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.media-center-menu {
+  --_media-center-menu--background-color: var(--media-center-menu--background-color, rgb(from #000000 r g b / 95%));
+  background: var(--_media-center-menu--background-color);
+  height: 100%;
+  min-height: 100%;
+  max-height: 100%;
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  display: flex;
+  gap: 1.25rem;
+  flex-direction: column;
+  min-height: 0;
+  padding: 0.9375rem 1.25rem;
+  padding-right: 0.75rem;
+  border-radius: 0 1rem 1rem 0;
+}
+.media-center-menu__content {
+  display: flex;
+  flex: 1;
+  gap: 1rem;
+  flex-direction: column;
+  overflow: hidden;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  --_cross-browser-scrollbar--thumb-color: transparent;
+  --_cross-browser-scrollbar--track-color: transparent;
+}
+.media-center-menu__content:hover {
+  --_cross-browser-scrollbar--thumb-color: var(--scrollbar--thumb-color, #7d7d7d);
+  --_cross-browser-scrollbar--track-color: var(--scrollbar--track-color, transparent);
+}
+.media-center-menu__content::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+.media-center-menu__content::-webkit-scrollbar-track {
+  background: var(--_cross-browser-scrollbar--track-color);
+  border-radius: 100vw;
+}
+.media-center-menu__content::-webkit-scrollbar-thumb {
+  background: var(--_cross-browser-scrollbar--thumb-color);
+  border-radius: 100vw;
+}
+@supports (scrollbar-color: transparent transparent) {
+  .media-center-menu__content {
+    scrollbar-color: var(--_cross-browser-scrollbar--thumb-color) var(--_cross-browser-scrollbar--track-color);
+    scrollbar-width: thin;
+  }
+}
+.media-center-menu__section-title {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 500;
+  color: #ffffff;
+}
+.media-center-menu__tree {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  gap: 0.5rem;
+}
+.media-center-menu__tree-item {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+.media-center-menu__popular-streams-section {
+  display: flex;
+  margin-top: auto;
+  flex-direction: column;
+  gap: 1rem;
+  padding-top: 1.25rem;
+  padding-right: 0.5rem;
+}
+.media-center-menu__popular-streams {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+}
+
+.selector-item {
+  display: flex;
+  -webkit-user-drag: none;
+  user-select: none;
+  height: 2.25rem;
+  --_selector-item--text--font-size: 0.9375rem;
+  --_selector-item--image--size: 1.5rem;
+}
+.selector-item :global([contenteditable]) {
+  user-select: text;
+}
+.selector-item--child {
+  height: 2.125rem;
+  padding-left: 1.25rem;
+  --_selector-item--text--font-size: 0.875rem;
+  --_selector-item--image--size: 1.375rem;
+}
+.selector-item__value {
+  display: flex;
+  align-items: center;
+  flex: 1;
+  gap: 0.75rem;
+  min-width: 0;
+  cursor: pointer;
+}
+.selector-item__image {
+  width: var(--_selector-item--image--size);
+  min-width: var(--_selector-item--image--size);
+  max-width: var(--_selector-item--image--size);
+  height: var(--_selector-item--image--size);
+  min-height: var(--_selector-item--image--size);
+  max-height: var(--_selector-item--image--size);
+}
+.selector-item__text {
+  flex: 1;
+  max-width: 100%;
+  color: #ffffff;
+  font-size: var(--_selector-item--text--font-size);
+  font-weight: 400;
+  text-align: left;
+  text-overflow: ellipsis;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  transition: text-shadow 120ms ease;
+}
+.selector-item__text:hover, .selector-item__text--active {
+  font-weight: 600;
+  letter-spacing: -0.5px;
+}
+.selector-item__collapser {
+  --icon--color: #ffffff;
+  --icon--size: 1rem;
+  padding: 0.5rem;
+}
+.selector-item__collapser--hidden {
+  visibility: hidden;
+}
+
+.media-center-target {
+  display: flex;
+  align-items: center;
+  gap: 0.9375rem;
+}
+.media-center-target__image {
+  width: 3.5rem;
+  min-width: 3.5rem;
+  max-width: 3.5rem;
+  height: 3.5rem;
+  min-height: 3.5rem;
+  max-height: 3.5rem;
+}
+.media-center-target__info {
+  display: flex;
+  flex-direction: column;
+  color: #ffffff;
+}
+.media-center-target__name {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+}
+.media-center-target__members {
+  display: flex;
+  align-items: flex-end;
+  gap: 0.5rem;
+}
+.media-center-target__members-count {
+  font-size: 0.9375rem;
+  line-height: 1;
+  font-weight: 500;
+}
+.media-center-target__members-label {
+  font-size: 0.75rem;
+  line-height: 1;
+  font-weight: 400;
+  color: #d1d5db;
+}</style>

package/dist/media-center/media-center/menu/menu.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { Locale } from '../../../core/locale';
+import type { StreamPlayerModel } from '../../../streams/streams-player';
+import type { MediaCenterContext } from '../media-center-context.svelte';
+type Props = {
+    context: MediaCenterContext;
+    locale?: Locale;
+    on: {
+        categorySelected: (categoryId: string) => void;
+        streamSelected: (stream: StreamPlayerModel) => void;
+    };
+};
+declare const Menu: import("svelte").Component<Props, {}, "">;
+type Menu = ReturnType<typeof Menu>;
+export default Menu;

package/dist/media-center/media-center/menu/popular-streams-panel-handler.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { IMediaCenterConfig } from '../..';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
+export declare class PopularStreamsPanelHandler {
+    private readonly config;
+    private _state;
+    private _streams;
+    constructor(config: IMediaCenterConfig);
+    get streamSectionItems(): StreamPlayerModel[];
+    init: () => Promise<void>;
+}

package/dist/media-center/media-center/menu/popular-streams-panel-handler.svelte.js

@@ -0,0 +1,23 @@
+export class PopularStreamsPanelHandler {
+    config;
+    _state = $state('not-initialized');
+    _streams = $state.raw([]);
+    constructor(config) {
+        this.config = config;
+    }
+    get streamSectionItems() {
+        return this._streams;
+    }
+    init = async () => {
+        if (this._state === 'not-initialized') {
+            this._state = 'loading';
+            try {
+                const streamsResponse = await this.config.streamPlayer.getStreamsCursor({ filter: {}, limit: 2 });
+                this._streams = streamsResponse.items;
+            }
+            finally {
+                this._state = 'ready';
+            }
+        }
+    };
+}

package/dist/media-center/media-center/moments/cmp.moments-circle.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">import { ImageRound } from '../../../ui/image';
+let { context } = $props();
+const styles = $derived.by(() => {
+    var _a;
+    const values = [];
+    if ((_a = context.playerColors) === null || _a === void 0 ? void 0 : _a.brand) {
+        values.push(`--moments-circle--brand-color: ${context.playerColors.brand}`);
+    }
+    return values.join(';');
+});
+</script>
+
+<div class="moments-circle" style={styles}>
+  {#if context.targetData}
+    <ImageRound src={context.targetData.image} />
+  {/if}
+</div>
+
+<style>@keyframes fadeIn {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.moments-circle {
+  --_moments-circle--brand-color: var(--moments-circle--brand-color, #00b8d8);
+  width: 6.25%rem;
+  min-width: 6.25%rem;
+  max-width: 6.25%rem;
+  height: 6.25%rem;
+  min-height: 6.25%rem;
+  max-height: 6.25%rem;
+  --image--rounded--inner--border-width: 1px;
+  --image--rounded--outer--border-color: var(--_moments-circle--brand-color);
+  --image--rounded--outer--border-width: 2px;
+}</style>

package/dist/media-center/media-center/moments/cmp.moments-circle.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { MediaCenterContext } from '../media-center-context.svelte';
+type Props = {
+    context: MediaCenterContext;
+};
+declare const Cmp: import("svelte").Component<Props, {}, "">;
+type Cmp = ReturnType<typeof Cmp>;
+export default Cmp;

package/dist/media-center/media-center/moments/index.d.ts

@@ -0,0 +1 @@
+export { default as MomentsCircle } from './cmp.moments-circle.svelte';

package/dist/media-center/media-center/moments/index.js

@@ -0,0 +1 @@
+export { default as MomentsCircle } from './cmp.moments-circle.svelte';