@streamscloud/embeddable 15.1.0 → 16.0.0

package/dist/ui/seek-bar/cmp.seek-bar.svelte

@@ -1,167 +0,0 @@
-<script lang="ts">let { value, listenParentClicks = false, on } = $props();
-let seekBarRef;
-let scrubberRef;
-let progressRef;
-let isDragging = $state(false);
-const cssValue = $derived(`${100 * (value <= 1 ? value : 1)}%`);
-const handleSeek = (e) => {
-    if (!progressRef) {
-        return;
-    }
-    e.stopPropagation();
-    const { left, width } = progressRef.getBoundingClientRect();
-    const x = e.clientX - left;
-    const percent = Math.max(0, Math.min(1, x / width));
-    on?.seek(percent);
-};
-const handleParentClick = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (!progressRef || !seekBarRef || isDragging) {
-        return;
-    }
-    const seekBarRect = progressRef.getBoundingClientRect();
-    if (e.clientX >= seekBarRect.left && e.clientX <= seekBarRect.right) {
-        const x = e.clientX - seekBarRect.left;
-        const percent = Math.max(0, Math.min(1, x / seekBarRect.width));
-        on?.seek(percent);
-    }
-};
-const onMouseMove = (e) => {
-    if (isDragging) {
-        handleSeek(e);
-    }
-};
-const onMouseUp = () => {
-    isDragging = false;
-    window.removeEventListener('mousemove', onMouseMove);
-    window.removeEventListener('mouseup', onMouseUp);
-    scrubberRef?.blur();
-    on?.dragEnd?.();
-};
-const onMouseDown = (e) => {
-    isDragging = true;
-    on?.dragStart?.();
-    handleSeek(e);
-    window.addEventListener('mousemove', onMouseMove);
-    window.addEventListener('mouseup', onMouseUp);
-    scrubberRef?.blur();
-};
-const handleScrubberKeyDown = (event) => {
-    const step = 0.05;
-    let newValue;
-    if (event.key === 'ArrowLeft') {
-        newValue = Math.max(0, value - step);
-    }
-    else if (event.key === 'ArrowRight') {
-        newValue = Math.min(1, value + step);
-    }
-    else if (event.key === 'Home') {
-        newValue = 0;
-    }
-    else if (event.key === 'End') {
-        newValue = 1;
-    }
-    if (newValue !== undefined) {
-        event.preventDefault();
-        on?.seek(newValue);
-    }
-};
-$effect(() => {
-    let parent = null;
-    if (listenParentClicks && seekBarRef) {
-        parent = seekBarRef.parentElement;
-        if (parent) {
-            parent.addEventListener('click', handleParentClick);
-        }
-    }
-    return () => {
-        if (parent) {
-            parent.removeEventListener('click', handleParentClick);
-        }
-    };
-});
-$effect(() => {
-    return () => {
-        window.removeEventListener('mousemove', onMouseMove);
-        window.removeEventListener('mouseup', onMouseUp);
-    };
-});
-</script>
-
-<div class="seek-bar" onmousedown={onMouseDown} onkeydown={() => ({})} role="none" bind:this={seekBarRef}>
-  <div class="seek-bar__container" bind:this={progressRef}>
-    <span class="seek-bar__value" style="width: {cssValue}"> &nbsp; </span>
-    <div
-      class="seek-bar__scrubber"
-      bind:this={scrubberRef}
-      class:is-dragging={isDragging}
-      style="left: {cssValue}"
-      role="slider"
-      tabindex="0"
-      aria-valuemin="0"
-      aria-valuemax="1"
-      aria-valuenow={value}
-      aria-label="Media position slider"
-      onkeydown={handleScrubberKeyDown}>
-    </div>
-  </div>
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.seek-bar {
-  cursor: pointer;
-  position: relative;
-  padding: 0.3125rem 0;
-  --_seek-bar--container-color: var(--seek-bar--container-color, #b0b0b0);
-  --_seek-bar--value-color: var(--seek-bar--value-color, #ffffff);
-  --_seek-bar--scrubber-color: var(--seek-bar--scrubber-color, #ffffff);
-  --_seek-bar--scrubber-border-color: var(--seek-bar--scrubber-border-color, #b0b0b0);
-  --_seek-bar--scrubber-opacity: 0;
-}
-.seek-bar:hover {
-  --_seek-bar--scrubber-opacity: 1;
-}
-.seek-bar__container {
-  width: 100%;
-  background: var(--_seek-bar--container-color);
-  height: 0.3125rem;
-  position: relative;
-}
-.seek-bar__value {
-  background: var(--_seek-bar--value-color);
-  border-color: var(--_seek-bar--container-color);
-  border-width: 0.0625rem;
-  display: inline-block;
-  height: 100%;
-}
-.seek-bar__scrubber {
-  position: absolute;
-  top: 50%;
-  width: 0.75rem;
-  height: 0.75rem;
-  background: var(--_seek-bar--scrubber-color);
-  border-color: var(--_seek-bar--scrubber-border-color);
-  border-width: 0.0625rem;
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-  opacity: var(--_seek-bar--scrubber-opacity);
-  transition: opacity 0.2s ease-in-out;
-}
-.seek-bar__scrubber.is-dragging, .seek-bar__scrubber:focus {
-  --_seek-bar--scrubber-opacity: 1;
-}
-.seek-bar__scrubber:focus-visible {
-  outline: none;
-}</style>

package/dist/ui/seek-bar/cmp.seek-bar.svelte.d.ts

@@ -1,15 +0,0 @@
-type Props = {
-    /**
-     * 0-1
-     * */
-    value: number;
-    listenParentClicks?: boolean;
-    on: {
-        seek: (e: number) => void;
-        dragStart?: () => void;
-        dragEnd?: () => void;
-    };
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/seek-bar/index.d.ts

@@ -1 +0,0 @@
-export { default as SeekBar } from './cmp.seek-bar.svelte';

package/dist/ui/seek-bar/index.js

@@ -1 +0,0 @@
-export { default as SeekBar } from './cmp.seek-bar.svelte';

package/dist/ui/shadow-dom/normalize-shadow.css

@@ -1,350 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
-
-/* Document
-   ========================================================================== */
-
-/**
- * 1. Correct the line height in all browsers.
- * 2. Prevent adjustments of font size after orientation changes in iOS.
- */
-
-html {
-  line-height: 1.15; /* 1 */
-  -webkit-text-size-adjust: 100%; /* 2 */
-}
-
-/* Sections
-   ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-
-body {
-  margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-
-main {
-  display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-/* Grouping content
-   ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-
-hr {
-  box-sizing: content-box; /* 1 */
-  height: 0; /* 1 */
-  overflow: visible; /* 2 */
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-pre {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/* Text-level semantics
-   ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-
-a {
-  background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-
-abbr[title] {
-  border-bottom: none; /* 1 */
-  text-decoration: underline dotted; /* 2 */
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace; /* 1 */
-  font-size: 1em; /* 2 */
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-
-small {
-  font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-/* Embedded content
-   ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-
-img {
-  border-style: none;
-}
-
-/* Forms
-   ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  line-height: 1.15; /* 1 */
-  margin: 0; /* 2 */
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-
-button,
-input {
-  /* 1 */
-  overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-
-button,
-select {
-  /* 1 */
-  text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-
-button:-moz-focusring,
-[type='button']:-moz-focusring,
-[type='reset']:-moz-focusring,
-[type='submit']:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-
-fieldset {
-  padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- *    `fieldset` elements in all browsers.
- */
-
-legend {
-  box-sizing: border-box; /* 1 */
-  color: inherit; /* 2 */
-  display: table; /* 1 */
-  max-width: 100%; /* 1 */
-  padding: 0; /* 3 */
-  white-space: normal; /* 1 */
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-
-progress {
-  vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-
-textarea {
-  overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-
-[type='checkbox'],
-[type='radio'] {
-  box-sizing: border-box; /* 1 */
-  padding: 0; /* 2 */
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
-/* Interactive
-   ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-
-details {
-  display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-
-summary {
-  display: list-item;
-}
-
-/* Misc
-   ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-
-template {
-  display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-
-[hidden] {
-  display: none;
-}

package/dist/ui/shadow-dom/reset-shadow.css

@@ -1,176 +0,0 @@
-/*Default margins and paddings are removed*/
-a,
-article,
-aside,
-blockquote,
-body,
-dd,
-div,
-dl,
-dt,
-figcaption,
-figure,
-footer,
-form,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-header,
-html,
-img,
-li,
-nav,
-ol,
-p,
-section,
-table,
-td,
-ul {
-  margin: 0;
-  padding: 0;
-}
-
-header,
-section,
-footer,
-aside,
-nav,
-article,
-figure,
-figcaption {
-  display: block;
-}
-/*Images are block-level*/
-img,
-svg,
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: block;
-  vertical-align: middle;
-  max-width: 100%;
-}
-
-table {
-  border-collapse: collapse;
-}
-
-img {
-  border: none;
-  height: auto;
-}
-
-video {
-  outline: none;
-}
-
-/*Lists are unstyled*/
-ul,
-ol {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-li {
-  list-style: inherit;
-}
-
-input {
-  vertical-align: middle;
-  min-width: 0;
-}
-
-input::placeholder {
-  color: #c1c1c1 !important;
-}
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus {
-  -webkit-background-clip: text;
-}
-/* Chrome, Safari, Edge, Opera */
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
-}
-input[type='number'] {
-  -moz-appearance: textfield;
-}
-
-textarea {
-  vertical-align: top;
-  resize: vertical;
-  scrollbar-color: #7d7d7d transparent;
-  scrollbar-width: thin;
-}
-
-textarea::-webkit-scrollbar {
-  width: 3px;
-  height: 3px;
-
-  background: transparent;
-}
-textarea::-webkit-scrollbar-thumb {
-  background: #7d7d7d;
-}
-textarea::placeholder {
-  color: #c1c1c1 !important;
-}
-
-input:focus,
-textarea:focus {
-  outline: none;
-}
-
-button,
-input[type='submit'] {
-  cursor: pointer;
-  -webkit-appearance: none;
-  background-color: transparent;
-  padding: 0;
-  text-align: left;
-  font: inherit;
-  color: inherit;
-  box-sizing: border-box;
-  &:disabled {
-    cursor: default;
-  }
-}
-
-details {
-  summary {
-    list-style: none;
-    &::-webkit-details-marker {
-      display: none;
-    }
-  }
-  > * {
-    box-sizing: border-box;
-  }
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-  transition: color linear 0.2s;
-}
-
-html {
-  box-sizing: border-box;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-  border-width: 0;
-  border-style: solid;
-}