filepond 5.0.0-alpha.6 → 5.0.0-alpha.7

package/dist/esm/core/entryTree.js

@@ -107,7 +107,7 @@ function createEntryTree(options) {
       const result = findTree(tree.entries, (entry) => {
         return deepOverlap(needle, entry);
       });
-      return result;
+      return result && treeIndexes.get(result.id);
     }
   }
   function updateSingleEntryWithProps(entry, ...propGroups) {

package/dist/esm/elements/FilePondDropArea/index.js

@@ -1,6 +1,6 @@
 import { FilePondSvelteComponentElement } from "../FilePondSvelteComponent/index.svelte.js";
-import FilePondDropArea from "./index.svelte.js";
 import { roundPrecision } from "../../utils/math.js";
+import FilePondDropArea from "./index.svelte.js";
 import styles from "./index.css.js";
 import elementPaneStyles from "../components/ElementPane/index.css.js";
 class FilePondDropAreaElement extends FilePondSvelteComponentElement {

package/dist/esm/elements/FilePondDropArea/index.svelte.js

@@ -13,6 +13,7 @@ import { Spring } from "../../views/svelte/svelte/src/motion/spring.js";
 import { measurable } from "../attachments/measurable.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
 import { rectFromBounds } from "../../utils/rect.js";
+import "../components/ElementPane/index.js";
 import ElementPane from "../components/ElementPane/index.svelte.js";
 var root = from_html(`<div class="root"><!></div>`);
 function FilePondDropArea(_$anchor, _$props) {

package/dist/esm/elements/FilePondDropIndicator/index.svelte.js

@@ -2,7 +2,7 @@ import "../../views/svelte/svelte/src/internal/disclose-version.js";
 import { get } from "../../views/svelte/svelte/src/internal/client/runtime.js";
 import { pop, push } from "../../views/svelte/svelte/src/internal/client/context.js";
 import { child } from "../../views/svelte/svelte/src/internal/client/dom/operations.js";
-import { set, state } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
+import { state, set } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_effect, template_effect } from "../../views/svelte/svelte/src/internal/client/reactivity/effects.js";
 import { from_html, append } from "../../views/svelte/svelte/src/internal/client/dom/template.js";
 import { user_derived } from "../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
@@ -11,12 +11,13 @@ import { attach } from "../../views/svelte/svelte/src/internal/client/dom/elemen
 import { set_style } from "../../views/svelte/svelte/src/internal/client/dom/elements/style.js";
 import { prop, spread_props } from "../../views/svelte/svelte/src/internal/client/reactivity/props.js";
 import { Spring } from "../../views/svelte/svelte/src/motion/spring.js";
-import { rectPad, rectContainsPoint, rectFromBounds, rectCenter } from "../../utils/rect.js";
+import { rectPad, rectContainsPoint, rectCenter, rectFromBounds } from "../../utils/rect.js";
 import { vectorFromRect, vectorElastify, vectorSubtract } from "../../utils/vector.js";
 import { droparea } from "../attachments/droparea.js";
 import { measurable } from "../attachments/measurable.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
 import { sizeFromRect } from "../../utils/size.js";
+import "../components/ElementPane/index.js";
 import ElementPane from "../components/ElementPane/index.svelte.js";
 var root_1 = from_html(`<div><!></div>`);
 var root = from_html(`<div class="root"><!></div>`);

package/dist/esm/elements/FilePondEntryList/components/Entry/index.css.js

@@ -0,0 +1,4 @@
+const styles = ".entry{isolation:isolate;box-sizing:border-box;min-height:var(--entry-min-height);max-height:inherit;height:inherit;clip-path:inset(var(--mask) round var(--entry-border-radius));line-height:1.15;color:var(--entry-color)}.entry[data-selected=true]~.entry-front{--_entry-selected: 2px solid var(--primary-color);--background-color: rgb(from var(--primary-color) r g b / .25)}.entry-info-main,.entry-info-sub{word-break:break-word;font-variant-numeric:tabular-nums}.entry-info-main+.entry-info-sub{margin-top:1px}.entry-info-main{font-size:var(--font-size-m);--skeleton-width: 8em;--skeleton-max-width: 100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--entry-name-max-lines, 1);overflow:hidden}.entry-info-sub{--skeleton-max-width: 50%;font-size:var(--font-size-xs);font-weight:400;color:rgb(from currentColor r g b / .5)}.entry-back,.entry-front,.entry-disabled-overlay{--border-radius: var(--entry-border-radius)}.entry-back{--box-shadow: var(--entry-shadow);--background-color: var(--entry-background-color);--transition: box-shadow var(--_250ms) ease-out}.entry-front{z-index:1;--transition-duration: var(--_100ms);--transition: border var(--transition-duration) ease-out, background-color var(--transition-duration) ease-in-out;--border-top: var(--_entry-selected, var(--entry-border-top));--border-right: var(--_entry-selected, var(--entry-border-right));--border-bottom: var(--_entry-selected, var(--entry-border-bottom));--border-left: var(--_entry-selected, var(--entry-border-left))}.entry-disabled{--background-color: color-mix( in srgb, var(--entry-background-color) calc(var(--disabled-state) * 40%), transparent )}.entry{container-type:inline-size;container-name:entry}.entry .entry-checkable{grid-row:1;grid-column:1;padding:var(--entry-padding)}.entry[data-selected=true] .entry-checkable{--background-color: var(--primary-color)}.entry .entry-info{pointer-events:none}.entry .entry-info>[layout=split]>*:nth-child(2){text-align:right;min-width:fit-content}.entry .entry-media{min-width:0;min-height:0}.entry .entry-media-controls{gap:var(--gap, var(--entry-padding));--opacity: 0}.entry .entry-media-controls[data-media-is-visible]{--opacity: 1}.entry .entry-media-controls .media-control>element-stack,.entry .entry-media-controls .media-control-group>element-stack{--_transition: opacity var(--_250ms) var(--_100ms) ease-in-out}:is(.entry .entry-media-controls .media-control>element-stack,.entry .entry-media-controls .media-control-group>element-stack)>.media-control-pane{--transition: var(--_transition)}:is(.entry .entry-media-controls .media-control>element-stack,.entry .entry-media-controls .media-control-group>element-stack)>*:not(.media-control-pane){opacity:var(--opacity);transition:var(--_transition)}.entry .media-control-pane{--border-radius: var(--panel-border-radius);--backdrop-filter: var(--panel-backdrop-filter);--background-color: var(--panel-background-color)}.entry .media-control-group{flex:1}.entry .media-control-group>element-stack{gap:var(--entry-padding)}.entry .justify-content-start{justify-content:start}.entry .justify-content-end{justify-content:end}.entry .media-scrubber{flex:1}@container entry (width < 200px){.entry .media-time-indicator{display:none}}@container entry (width < 120px){.entry .media-scrubber{display:none}}.entry.entry-data-transfer~.entry-back{--border: none;--box-shadow: none;--background-color: var(--data-transfer-background-color)}.entry.entry-data-transfer~.entry-front{display:none}.entry.entry-data-transfer .entry-info{grid-row:1;grid-column:2/4;padding-right:var(--entry-padding)}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/Entry/index.js

@@ -0,0 +1,6 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../components/ElementPane/index.js";
+import "../../../../utils/test.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/Entry/index.svelte.js

@@ -13,6 +13,7 @@ import { set_style } from "../../../../views/svelte/svelte/src/internal/client/d
 import { bind_this } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/bindings/this.js";
 import { prop, spread_props } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
+import "../../../components/ElementPane/index.js";
 import { getAppContext } from "../../contexts/appContext.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
 import { getSpringElementTreeContext } from "../../contexts/springElementTreeContext.js";

package/dist/esm/elements/FilePondEntryList/components/EntryActivityIndicator/index.css.js

@@ -0,0 +1,4 @@
+const styles = "entry-activity-indicator{display:block}entry-activity-indicator .button{--btn-background-color: transparent;--btn-backdrop-filter: none}entry-activity-indicator .button[data-state=intro]{opacity:0;--btn-icon-transform: scale(.9) var(--indicator-button-intro, translateX(0))}entry-activity-indicator .button[data-state=idle]{--btn-icon-transform: scale(1) var(--indicator-button-idle, translateX(0))}entry-activity-indicator .button[data-state=outro]{opacity:0;--btn-icon-transform: scale(.9) var(--indicator-button-outro, translateX(0))}entry-activity-indicator .button-pile{z-index:1;background-color:var(--btn-background-color);border-radius:var(--btn-border-radius);-webkit-backdrop-filter:var(--btn-backdrop-filter);backdrop-filter:var(--btn-backdrop-filter)}entry-activity-indicator progress-indicator{--progress-color: var(--btn-color, currentColor);--track-size: calc(var(--btn-size, 1.5em) - .25em);--border-radius: calc(var(--btn-border-radius) - .125em);transition:none;pointer-events:none}entry-activity-indicator element-stack{opacity:0;transition:opacity var(--_200ms) ease-out}entry-activity-indicator element-stack>*:not(element-stack){display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}entry-activity-indicator element-stack:not(:empty){opacity:1}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/EntryActivityIndicator/index.js

@@ -0,0 +1,14 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../../utils/test.js";
+import "../../../../utils/file.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js

@@ -21,7 +21,16 @@ import { withResources, getValueByKeyFromData } from "../../../common/string.js"
 import { getAppContext } from "../../contexts/appContext.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
 import { gate } from "../../../common/store.svelte.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
 import SpringElement from "../../../components/SpringElement.svelte.js";
+import "../../../../utils/test.js";
 import Button from "../../../components/Button/index.svelte.js";
 import ProgressIndicator from "../../../components/ProgressIndicator/index.svelte.js";
 var root_2 = from_html(`<element-stack></element-stack>`, 2);

package/dist/esm/elements/FilePondEntryList/components/EntryList/index.css.js

@@ -0,0 +1,4 @@
+const styles = ".entry-list{contain:layout;padding-bottom:var(--_detached-entry-spacing)}.entry-list-item{isolation:isolate}.entry-list-item[data-detach]{position:fixed;width:var(--_detached-entry-width);height:var(--_detached-entry-height)}.entry-list-item[data-render-above]{z-index:1}.entry-list-item[data-render-below]{z-index:-1}.entry-list-item[data-dragging] *{pointer-events:none!important}.entry-list-item[data-dragging]{--entry-shadow: var(--entry-lifted-shadow)}.entry-list-item[data-dragging]>div{z-index:2147483647}.entry-list-item[data-placeholder]{min-height:1em}.entry-list-item:not([data-placeholder]):empty{min-height:var(--entry-min-height);background-color:var(--entry-background-color);border-radius:var(--entry-border-radius)}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/EntryList/index.js

@@ -0,0 +1,13 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../../utils/test.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/EntryList/index.svelte.js

@@ -25,9 +25,17 @@ import { getDropContext } from "../../contexts/dropContext.js";
 import { measurable, VIEWPORT_MARGIN } from "../../../attachments/measurable.js";
 import { isNumber } from "../../../../utils/test.js";
 import { noop } from "../../../../utils/placeholder.js";
-import { sizeFromRect } from "../../../../utils/size.js";
-import { toClassName } from "../../../common/string.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
 import SpringElement from "../../../components/SpringElement.svelte.js";
+import { toClassName } from "../../../common/string.js";
+import { sizeFromRect } from "../../../../utils/size.js";
 var root_6 = from_html(`<li class="entry-list-item" data-placeholder=""></li>`);
 var root_2 = from_html(`<ul class="entry-list"></ul>`);
 function EntryList(_$anchor, _$props) {

package/dist/esm/elements/FilePondEntryList/components/EntryStatus/index.css.js

@@ -0,0 +1,4 @@
+const styles = "entry-status{isolation:isolate;z-index:1;pointer-events:none}.entry-status-message{--ci: color-mix(in hsl, var(--cb) 60%, black);--cf: color-mix(in srgb, var(--cb) 40%, black)}.entry-status-message[data-type=info]{--cb: var(--status-info);--i: var(--status-info-icon, var(--ci));--f: var(--status-info-foreground, var(--cf));--b: var(--status-info-background, var(--cb))}.entry-status-message[data-type=success]{--cb: var(--status-success);--i: var(--status-success-icon, var(--ci));--f: var(--status-success-foreground, var(--cf));--b: var(--status-success-background, var(--cb))}.entry-status-message[data-type=warning]{--cb: var(--status-warning);--i: var(--status-warning-icon, var(--ci));--f: var(--status-warning-foreground, var(--cf));--b: var(--status-warning-background, var(--cb))}.entry-status-message[data-type=error]{--cb: var(--status-error);--i: var(--status-error-icon, var(--ci));--f: var(--status-error-foreground, var(--cf));--b: var(--status-error-background, var(--cb))}.entry-status-message[data-type=system]{--cb: var(--status-system);--i: var(--status-system-icon, var(--ci));--f: var(--status-system-foreground, var(--cf));--b: var(--status-system-background, var(--cb))}.entry-status-message-content{display:flex;align-items:center;line-height:1.25;padding:var(--entry-padding);color:var(--f)}.entry-status-message-content svg{color:var(--i);stroke-width:1.5;flex-shrink:0;width:1.5em;height:1em;margin-right:.5em}.entry-status-message-content span{font-size:var(--font-size-m);pointer-events:auto}.entry-status-message element-pane{background-color:var(--b);--border-radius: unset;--border: unset}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/EntryStatus/index.js

@@ -0,0 +1,14 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
+import "../../../../utils/test.js";
+import "../../../../utils/file.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/EntryStatus/index.svelte.js

@@ -13,12 +13,21 @@ import { set_custom_element_data } from "../../../../views/svelte/svelte/src/int
 import { set_class } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/class.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
 import { prop } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
-import { getExtensionStatusItems } from "../../../../common/entry.js";
-import { statusToLabel, statusToIcon } from "../../../common/string.js";
+import "../../../components/ElementPane/index.js";
+import "../../../components/TextInput/index.js";
+import "../../../components/FilenameInput/index.js";
+import "../../../components/RangeInput/index.js";
+import "../../../components/BooleanInput/index.js";
+import "../../../components/ElementSkeleton/index.js";
+import "../../../components/Button/index.js";
+import "../../../components/ProgressIndicator/index.js";
+import SpringElement from "../../../components/SpringElement.svelte.js";
 import { arrayRemoveFalsy } from "../../../../utils/array.js";
+import "../../../../utils/test.js";
+import { statusToLabel, statusToIcon } from "../../../common/string.js";
 import { getAppContext } from "../../contexts/appContext.js";
+import { getExtensionStatusItems } from "../../../../common/entry.js";
 import { getEntryContext } from "../../contexts/entryContext.js";
-import SpringElement from "../../../components/SpringElement.svelte.js";
 import ElementPane from "../../../components/ElementPane/index.svelte.js";
 var root_3 = from_html(`<!> <span> </span> <!>`, 1);
 var root_1 = from_html(`<entry-status><ul></ul></entry-status>`, 2);

package/dist/esm/elements/FilePondEntryList/components/MediaImage/index.css.js

@@ -0,0 +1,4 @@
+const styles = "media-image{display:block;height:inherit;min-width:0;min-height:0}media-image-item{position:absolute;inset:0;height:inherit}media-image-item[complete]:last-of-type{position:relative}media-image-item:not([active]):not([poster]){transition:opacity var(--_150ms) var(--_500ms) ease-in;opacity:0}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/MediaImage/index.js

@@ -0,0 +1,8 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../MediaPane/index.js";
+import "../../../../utils/test.js";
+import "../../../../utils/file.js";
+import "../../../../utils/poly.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/MediaImage/index.svelte.js

@@ -12,6 +12,7 @@ import { set_custom_element_data } from "../../../../views/svelte/svelte/src/int
 import { set_class } from "../../../../views/svelte/svelte/src/internal/client/dom/elements/class.js";
 import { clsx } from "../../../../views/svelte/svelte/src/internal/shared/attributes.js";
 import { prop } from "../../../../views/svelte/svelte/src/internal/client/reactivity/props.js";
+import "../MediaPane/index.js";
 import { arrayRemoveFalsy } from "../../../../utils/array.js";
 import { isImageFile, isString } from "../../../../utils/test.js";
 import { getAppContext } from "../../contexts/appContext.js";

package/dist/esm/elements/FilePondEntryList/components/MediaPane/index.css.js

@@ -0,0 +1,4 @@
+const styles = "media-pane{position:relative;display:block;pointer-events:none;min-width:0;min-height:0;width:100%;height:100%;aspect-ratio:var(--_aspect-ratio);clip-path:inset(var(--_mask-top) var(--_mask-right) var(--_mask-bottom) var(--_mask-left) round var(--media-border-radius, 0));--_px: calc(var(--_pan-x) * var(--_overflow-amount));--_py: calc(var(--_pan-y) * var(--_overflow-amount));--_s: calc(var(--_scale) + (var(--_scalar) * var(--_overflow-scale)));--_tx: calc(var(--_x) + var(--_px));--_ty: calc(var(--_y) + var(--_py))}media-pane canvas,media-pane video{image-rendering:pixelated;position:absolute;left:0;top:0;max-width:none;width:auto;opacity:var(--_opacity);transform-origin:center center;transform:translate3d(var(--_tx),var(--_ty),0) scale(var(--_s))}.media-pane{--background-color: var(--media-background-color);--border-radius: 0}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/MediaPane/index.js

@@ -0,0 +1,4 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/MediaTimeIndicator/index.css.js

@@ -0,0 +1,4 @@
+const styles = "media-time-indicator{white-space:nowrap;font-variant:tabular-nums;letter-spacing:-.5px}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/MediaTimeIndicator/index.js

@@ -0,0 +1,4 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/MediaVideo/index.css.js

@@ -0,0 +1,4 @@
+const styles = "media-video{display:block;height:inherit;min-width:0;min-height:0}.media-time-indicator{color:currentColor;font-size:var(--font-size-xs);font-weight:600}.media-scrubber>div,.media-time-indicator>div{display:flex;flex-direction:row;align-items:center}:is(.media-scrubber>div,.media-time-indicator>div) range-input{flex:1}";
+export {
+  styles as default
+};

package/dist/esm/elements/FilePondEntryList/components/MediaVideo/index.js

@@ -0,0 +1,6 @@
+import "../../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../../utils/test.js";
+import "../MediaPane/index.js";
+import { extendShadowRootStyles } from "../../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/FilePondEntryList/components/MediaVideo/index.svelte.js

@@ -18,6 +18,7 @@ import { prop } from "../../../../views/svelte/svelte/src/internal/client/reacti
 import { toTime } from "../../../../utils/date.js";
 import { isIOS, isSafari, isNumber } from "../../../../utils/test.js";
 import { videoHasAudioTrack } from "../../../../utils/dom.js";
+import "../MediaPane/index.js";
 import { once } from "../../../common/event.js";
 import { createObjectURL } from "../../../../utils/objectURL.js";
 import { getAppContext } from "../../contexts/appContext.js";

package/dist/esm/elements/FilePondEntryList/index.svelte.js

@@ -15,9 +15,9 @@ import { prop } from "../../views/svelte/svelte/src/internal/client/reactivity/p
 import { dragarea } from "../attachments/dragarea.js";
 import { droparea } from "../attachments/droparea.js";
 import { arrayMove, arrayInsertAtIndex } from "../../utils/array.js";
-import { vectorCreate, ORIGIN, vectorEqual, vectorSubtract, vectorAdd } from "../../utils/vector.js";
+import { ORIGIN, vectorCreate, vectorEqual, vectorSubtract, vectorAdd } from "../../utils/vector.js";
 import { rectPad, rectContainsPoint, rectFromBounds, rectCenter } from "../../utils/rect.js";
-import { passthrough, noop } from "../../utils/placeholder.js";
+import { noop, passthrough } from "../../utils/placeholder.js";
 import { measurable } from "../attachments/measurable.js";
 import { dispatchCustomEvent, setBooleanAttribute } from "../../utils/dom.js";
 import { createAnimationState } from "../common/animationPreference.svelte.js";
@@ -29,9 +29,17 @@ import { getUniqueId } from "../../utils/string.js";
 import { setSpringElementTreeContext } from "./contexts/springElementTreeContext.js";
 import { sizeFromRect } from "../../utils/size.js";
 import { isNumber } from "../../utils/test.js";
+import "../components/ElementPane/index.js";
+import "../components/TextInput/index.js";
+import "../components/FilenameInput/index.js";
+import "../components/RangeInput/index.js";
+import "../components/BooleanInput/index.js";
+import "../components/ElementSkeleton/index.js";
+import "../components/Button/index.js";
+import "../components/ProgressIndicator/index.js";
+import NodeList_1 from "../components/NodeList/index.svelte.js";
 import { hasOwnProp } from "../../utils/object.js";
 import { getDragTargetIndex, getDropTargetIndex } from "../common/dragDrop.js";
-import NodeList_1 from "../components/NodeList/index.svelte.js";
 var root_1 = from_html(`<div class="root"><!></div>`);
 function FilePondEntryList(_$anchor, _$props) {
   push(_$props, true);

package/dist/esm/elements/common/animationPreference.svelte.js

@@ -1,6 +1,6 @@
 import { get } from "../../views/svelte/svelte/src/internal/client/runtime.js";
 import { proxy } from "../../views/svelte/svelte/src/internal/client/proxy.js";
-import { state, set } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
+import { set, state } from "../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_derived } from "../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
 import { createAnimationGuard } from "./animationGuard.js";
 import { isBrowser } from "../../utils/test.js";

package/dist/esm/elements/components/BooleanInput/index.css.js

@@ -0,0 +1,4 @@
+const styles = "boolean-input{--input-size: 1em;--input-padding: .25em;--input-icon-size: var(--icon-size, calc(var(--input-size) * 2 / 3));--input-icon-stroke: var(--icon-stroke, 3.5);--input-icon-color: var(--icon-color, currentColor);--input-focus-color: var(--focus-color, currentColor);--input-focus-width: 2px;--input-font-size: .75em;--input-background-color: var(--background-color, rgb(from currentColor r g b / .15));--input-transition-duration: var(--_100ms);display:inline-grid;align-items:center;justify-items:center;grid-template-columns:auto auto;grid-template-rows:auto;pointer-events:auto;-webkit-user-select:none;user-select:none}boolean-input input,boolean-input label{cursor:pointer;font-size:var(--input-font-size)}boolean-input:has(label:not(.implicit)){gap:.375em}boolean-input .icon,boolean-input input{font-size:1em;display:block;margin:0;padding:0;width:var(--input-size);height:var(--input-size);border:0;grid-row:1;grid-column:1;outline:none}boolean-input input{margin:var(--input-padding);appearance:none;border-radius:.25em;background-color:var(--input-background-color);box-shadow:0 0 0 0 transparent;transition:box-shadow var(--input-transition-duration) ease-in-out,background-color var(--input-transition-duration) ease-in-out}boolean-input input:hover,boolean-input input:focus-visible{box-shadow:0 0 0 var(--input-focus-width) var(--input-focus-color)}boolean-input .icon{pointer-events:none;stroke-width:var(--input-icon-stroke);width:var(--input-icon-size);height:var(--input-icon-size)}boolean-input .icon>svg{display:block;width:100%;height:100%}boolean-input .icon{pointer-events:none;color:transparent;transform:scale(.75);transition:color var(--input-transition-duration) ease-in-out,transform var(--_200ms) ease-in-out}boolean-input input:checked+.icon{color:var(--input-icon-color);transform:scale(1)}";
+export {
+  styles as default
+};

package/dist/esm/elements/components/BooleanInput/index.js

@@ -0,0 +1,4 @@
+import "./index.svelte.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/components/BooleanInput/index.svelte.js

@@ -0,0 +1,4 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import { delegate } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
+import "../../../utils/test.js";
+delegate(["change", "input"]);

package/dist/esm/elements/components/Button/index.css.js

@@ -0,0 +1,4 @@
+const styles = '.button{--spring: ease-out;--btn-opacity: 1;--_btn-size: var(--btn-size, auto);--_btn-font-size: var(--font-size-m, auto);--_btn-border-radius: var(--btn-border-radius, 0);--_btn-color: var(--btn-color, currentColor);--_btn-background-color: var(--btn-background-color, transparent);--_btn-backdrop-filter: var(--btn-backdrop-filter, none);--_btn-shadow: var(--btn-shadow, none);--_btn-hover-color: var(--btn-hover-color, currentColor);--_btn-hover-shadow: var(--btn-hover-shadow, none);--_btn-hover-background-color: var(--btn-hover-background-color, transparent);--_btn-focus-color: var(--btn-focus-color, currentColor);--_btn-focus-shadow: var(--btn-focus-shadow, none);--_btn-focus-background-color: var(--btn-focus-background-color, transparent);--_btn-icon-size: var(--btn-icon-size, 1em);--_btn-icon-stroke: var(--btn-icon-stroke, 1.5);--_btn-icon-color: var(--btn-icon-color, currentColor);--_btn-icon-transform: var(--btn-icon-transform, scale(1));--_btn-icon-transition-duration: var(--btn-icon-transition-duration, var(--_500ms, 0));--_btn-icon-transition-easing: var(--btn-icon-transition-easing, var(--spring, linear));--_btn-transition-duration: var(--btn-transition-duration, var(--_150ms, 0));display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:all;width:var(--_btn-size);height:var(--_btn-size);border-radius:var(--_btn-border-radius);background-color:var(--_btn-background-color);backdrop-filter:var(--_btn-backdrop-filter);-webkit-backdrop-filter:var(--_btn-backdrop-filter);transition:color var(--_btn-transition-duration) ease-in-out,background-color var(--_btn-transition-duration) ease-in-out,box-shadow var(--_btn-transition-duration) ease-in-out,width var(--_btn-transition-duration) ease-in-out,height var(--_btn-transition-duration) ease-in-out,opacity var(--_btn-transition-duration) ease-in-out;opacity:var(--btn-opacity, 1);outline:none;box-shadow:var(--_btn-shadow);color:currentColor}@supports (animation: linear(1,2 3%)){.button{--spring: linear(0,.0066,.105,.268,.452,.635,.8,.936,1.04,1.11,1.14,1.15,1.15,1.13,1.1,1.07,1.04,1.02,1,.989,.981,.978,.977,.979,.983,.987,.991,.995,.998,1,1,1,1,1,1,1,1,1,1,1)}}.button .icon{flex-shrink:0;color:var(--_btn-icon-color);width:var(--_btn-icon-size);height:var(--_btn-icon-size);stroke-width:var(--_btn-icon-stroke);transform:var(--_btn-icon-transform);transition:transform var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing),opacity var(--_btn-icon-transition-duration) var(--_btn-icon-transition-easing);margin:max(0px,calc((var(--_btn-size) - var(--_btn-icon-size)) * .5));pointer-events:none}.button .icon>svg{display:block;width:100%;height:100%}.button .label{flex-shrink:1;overflow:hidden;color:currentColor;font-size:var(--_btn-font-size)}.button[disabled]{pointer-events:none}.button[disabled] .icon,.button[disabled] .label{opacity:calc(var(--btn-opacity, 1) * .3)}@media (pointer: coarse){.button{position:relative}.button:after{--size: 44px;--offset: calc((var(--_btn-size) - var(--size)) * .5);content:"";position:absolute;top:var(--offset);left:var(--offset);width:var(--size);height:var(--size);z-index:1}}';
+export {
+  styles as default
+};

package/dist/esm/elements/components/Button/index.js

@@ -0,0 +1,7 @@
+import { default as default2 } from "./index.svelte.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);
+export {
+  default2 as Button
+};

package/dist/esm/elements/components/ElementPane/index.js

@@ -0,0 +1,5 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../utils/test.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import elementPaneStyles from "./index.css.js";
+extendShadowRootStyles(elementPaneStyles);

package/dist/esm/elements/components/ElementSkeleton/index.js

@@ -1,3 +1,5 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../utils/test.js";
 import { extendShadowRootStyles } from "../../common/extendStyles.js";
 import styles from "./index.css.js";
 let instanceCounter = 0;

package/dist/esm/elements/components/FilenameInput/index.css.js

@@ -0,0 +1,4 @@
+const styles = "filename-input{--input-transition-duration: var(--_150ms);display:inline-flex;width:min(var(--value-width),calc(100% + var(--extension-width)));white-space:nowrap}filename-input input{width:min(var(--value-width),100%);transition:background-color var(--input-transition-duration) ease-out}filename-input input:focus,filename-input input:hover{background-color:rgb(from currentColor r g b / .15)}filename-input:focus-within{width:min(var(--value-width),100%)}filename-input[data-overflow] input{text-overflow:ellipsis}filename-input[data-overflow] span{visibility:hidden}filename-input[data-overflow] input:focus+span{visibility:visible}filename-input span{display:inline-block;color:currentColor;background-color:transparent}filename-input .measure-island{position:absolute;top:0;left:0;width:0;height:0;contain:strict;overflow:hidden}filename-input .measure{box-sizing:border-box;pointer-events:none;position:absolute;white-space:pre}";
+export {
+  styles as default
+};

package/dist/esm/elements/components/FilenameInput/index.js

@@ -0,0 +1,7 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../TextInput/index.js";
+import "../../../utils/test.js";
+import "../../../utils/file.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/components/ProgressIndicator/index.css.js

@@ -0,0 +1,4 @@
+const styles = 'progress-indicator{--progress-color: var(--progress-color, currentColor);--track-color: rgb(from var(--progress-color) r g b / .25);--track-size: var(--size, 1.5em);--track-border-radius: var(--border-radius, 0);--progress-cap: round;--_stroke-width: var(--progress-stroke, 1.75);display:block;background:transparent;pointer-events:none;overflow:hidden;border-radius:var(--track-border-radius)}progress-indicator div,progress-indicator svg{display:block;width:100%;height:100%}progress-indicator progress{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}progress-indicator[shape=line]{width:100%;height:calc(var(--_stroke-width) * 1px)}progress-indicator[shape=line] rect{x:0;y:calc(50% - (var(--_stroke-width) * .5px));width:100%;height:calc(var(--_stroke-width) * 1px);rx:calc(var(--_stroke-width) * .5px);fill:var(--progress-color);transition:width .5s linear}progress-indicator[shape=line] rect:first-of-type{fill:var(--track-color)}progress-indicator[shape=line] progress:not(:indeterminate)~div rect:last-of-type{x:calc(var(--_offset) * 1px);width:calc(var(--_progress) * 100%);transition:none}progress-indicator[shape=line] progress:indeterminate~div{--_f: max(0, var(--_flip));--_from: translateX(calc(75% - (var(--_f) * 75%)));--_to: translateX(calc(var(--_f) * 75%))}progress-indicator[shape=line] progress:indeterminate~div rect:last-of-type{--_flip: 1;animation:progress-indicator-busy .75s infinite alternate ease-in-out;width:25%}progress-indicator[shape=circle],progress-indicator[shape=rectangle]{width:var(--track-size);height:var(--track-size)}:is(progress-indicator[shape=circle],progress-indicator[shape=rectangle]) div{transform-origin:center center}:is(progress-indicator[shape=circle],progress-indicator[shape=rectangle]) g rect,:is(progress-indicator[shape=circle],progress-indicator[shape=rectangle]) g circle{fill:none;stroke:var(--progress-color);stroke-width:var(--_stroke-width);stroke-linecap:var(--progress-cap)}:is(progress-indicator[shape=circle],progress-indicator[shape=rectangle]) g rect:first-of-type,:is(progress-indicator[shape=circle],progress-indicator[shape=rectangle]) g circle:first-of-type{stroke:var(--track-color)}progress-indicator[shape=circle] g circle{--r: calc(var(--_size) * .5);r:calc((var(--r) - var(--_stroke-width) * .5) * 1px);cx:calc(var(--r) * 1px);cy:calc(var(--r) * 1px)}progress-indicator[shape=circle] progress:not(:indeterminate)~div{transform:scaleX(var(--_flip)) rotate(calc(var(--_offset) * 1rad))}progress-indicator[shape=circle] progress:not(:indeterminate)~div g circle:last-of-type{stroke-dashoffset:calc(1 - var(--_progress));stroke-dasharray:1}progress-indicator[shape=circle] progress:indeterminate~div{--_from: rotate(0deg);--_to: rotate(360deg);animation:progress-indicator-busy .5s infinite linear}progress-indicator[shape=circle] progress:indeterminate~div g circle:last-of-type{transition:stroke-dashoffset .5s ease-out,stroke-dasharray .5s ease-out;stroke-dashoffset:-1;stroke-dasharray:.5}progress-indicator[shape=rectangle] div{transform:scaleX(var(--_flip))}progress-indicator[shape=rectangle] mask rect:last-of-type{stroke-width:var(--_stroke-width)}progress-indicator[shape=rectangle] mask rect:last-of-type,progress-indicator[shape=rectangle] g rect{--_o: calc(var(--_stroke-width) * .5px);x:var(--_o);y:var(--_o);--_s: calc((var(--_size) - var(--_stroke-width)) * 1px);width:var(--_s);height:var(--_s);rx:var(--_border-radius)}progress-indicator[shape=rectangle] progress:not(:indeterminate)~div{mask:none!important}progress-indicator[shape=rectangle] progress:not(:indeterminate)~div g rect:last-of-type{stroke-dashoffset:calc(var(--_offset) + var(--_center));stroke-dasharray:var(--_progress) calc(1 - var(--_progress))}progress-indicator[shape=rectangle] progress:indeterminate~div g rect:last-of-type{display:none}progress-indicator[shape=rectangle] progress:indeterminate~div:before{--_from: rotate(-220deg);--_to: rotate(140deg);content:"";position:absolute;inset:-25% 50% -25% -25%;background:var(--progress-color);transform-origin:100% center;animation:progress-indicator-busy .5s infinite linear}@keyframes progress-indicator-busy{0%{transform:scaleX(var(--_flip)) var(--_from)}to{transform:scaleX(var(--_flip)) var(--_to)}}@keyframes progress-indicator-loop{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}';
+export {
+  styles as default
+};

package/dist/esm/elements/components/ProgressIndicator/index.js

@@ -0,0 +1,5 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import "../../../utils/test.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/components/RangeInput/index.css.js

@@ -0,0 +1,4 @@
+const styles = 'range-input{--transition-duration: var(--_150ms);--thumb-size: .5em;--thumb-color: currentColor;--track-color: rgb(from currentColor r g b / .25);--track-size: .1875em;--track-interaction-size: 1.25em;--progress-color: currentColor;display:block;position:relative;opacity:var(--opacity)}range-input input{--br-alignment: calc(var(--track-border-radius) * 1px);appearance:none;pointer-events:all;display:block;width:calc(100% + (var(--thumb-size) * 2) - (var(--br-alignment) * 2));margin-left:calc((var(--thumb-size) * -1) + var(--br-alignment));height:var(--track-interaction-size);cursor:pointer;background:transparent}range-input input::-webkit-slider-thumb{opacity:0}.range-input-bar,.range-input-knob{contain:layout;pointer-events:none}:is(.range-input-bar,.range-input-knob),:is(.range-input-bar,.range-input-knob) div,:is(.range-input-bar,.range-input-knob):before,:is(.range-input-bar,.range-input-knob):after{position:absolute;top:0;left:0;transform-origin:0 0}.range-input-bar{height:var(--track-size);margin-top:calc((var(--track-interaction-size) * .5) - (var(--track-size) * .5))}.range-input-bar element-pane{--background-color: var(--fill);--backdrop-filter: var(--track-backdrop-filter, none);--border-radius: 9999px}.range-input-track{--fill: var(--track-color)}.range-input-progress{--fill: var(--progress-color)}.range-input-hover{transition:opacity var(--transition-duration) ease-out;opacity:0;--fill: var(--progress-color)}.range-input-knob{transform:translate3d(calc((var(--offset) + var(--track-border-radius)) * 1px),0,0);margin-top:calc((var(--track-interaction-size) * .5))}.range-input-knob:after{transform-origin:center center;transition:transform var(--transition-duration) ease-out;content:"";position:absolute;background:var(--thumb-background-color);border-radius:9999px;width:var(--thumb-size);height:var(--thumb-size);top:calc(var(--thumb-size) * -.5);left:calc(var(--thumb-size) * -.5);transform:scale(0)}.range-input-title{position:absolute;left:0;bottom:calc(100% - var(--track-interaction-size) * .25);transform:translate(var(--title-x));transition:opacity var(--transition-duration) ease-out;opacity:var(--title-reveal);pointer-events:none}range-input:hover .range-input-hover{opacity:.5}range-input:hover .range-input-knob:after{transform:scale(1)}range-input input::-moz-range-thumb{opacity:0}';
+export {
+  styles as default
+};

package/dist/esm/elements/components/RangeInput/index.js

@@ -0,0 +1,7 @@
+import { default as default2 } from "./index.svelte.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);
+export {
+  default2 as RangeInput
+};

package/dist/esm/elements/components/RangeInput/index.svelte.js

@@ -4,7 +4,7 @@ import { pop, push } from "../../../views/svelte/svelte/src/internal/client/cont
 import { child, sibling } from "../../../views/svelte/svelte/src/internal/client/dom/operations.js";
 import { set, state } from "../../../views/svelte/svelte/src/internal/client/reactivity/sources.js";
 import { user_effect, template_effect } from "../../../views/svelte/svelte/src/internal/client/reactivity/effects.js";
-import { event, delegate } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
+import { delegate, event } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
 import { from_html, append } from "../../../views/svelte/svelte/src/internal/client/dom/template.js";
 import { snippet } from "../../../views/svelte/svelte/src/internal/client/dom/blocks/snippet.js";
 import { user_derived } from "../../../views/svelte/svelte/src/internal/client/reactivity/deriveds.js";
@@ -21,6 +21,7 @@ import { getStylePropertyAsNumber } from "../../../utils/dom.js";
 import { clamp } from "../../../utils/math.js";
 import { noop } from "../../../utils/placeholder.js";
 import { isNumber } from "../../../utils/test.js";
+import "../ElementPane/index.js";
 import ElementPane from "../ElementPane/index.svelte.js";
 var root = from_html(`<range-input><input type="range"/> <div class="range-input-bar range-input-track"><!></div> <div class="range-input-bar range-input-hover"><!></div> <div class="range-input-bar range-input-progress"><!></div> <div class="range-input-knob"></div> <span class="range-input-title"><!></span></range-input>`, 2);
 function RangeInput(_$anchor, _$props) {

package/dist/esm/elements/components/TextInput/index.css.js

@@ -0,0 +1,4 @@
+const styles = "input{box-sizing:border-box;pointer-events:all;height:1lh;outline:none;background:transparent;color:currentColor;border-radius:.125em}";
+export {
+  styles as default
+};

package/dist/esm/elements/components/TextInput/index.js

@@ -0,0 +1,4 @@
+import "./index.svelte.js";
+import { extendShadowRootStyles } from "../../common/extendStyles.js";
+import styles from "./index.css.js";
+extendShadowRootStyles(styles);

package/dist/esm/elements/components/TextInput/index.svelte.js

@@ -0,0 +1,4 @@
+import "../../../views/svelte/svelte/src/internal/disclose-version.js";
+import { delegate } from "../../../views/svelte/svelte/src/internal/client/dom/elements/events.js";
+import "../../../utils/test.js";
+delegate(["input"]);

package/dist/esm/templates/entry.js

@@ -1,14 +1,31 @@
+import "../elements/FilePondEntryList/components/EntryList/index.js";
+import "../elements/FilePondEntryList/components/Entry/index.js";
+import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
+import "../elements/FilePondEntryList/components/EntryStatus/index.js";
+import "../elements/FilePondEntryList/components/MediaPane/index.js";
+import "../elements/FilePondEntryList/components/MediaVideo/index.js";
+import "../elements/FilePondEntryList/components/MediaImage/index.js";
+import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
+import UseEntryContext from "../elements/FilePondEntryList/components/useEntryContext.svelte.js";
+import "../elements/components/ElementPane/index.js";
+import "../elements/components/TextInput/index.js";
+import "../elements/components/FilenameInput/index.js";
+import "../elements/components/RangeInput/index.js";
+import "../elements/components/BooleanInput/index.js";
+import "../elements/components/ElementSkeleton/index.js";
+import "../elements/components/Button/index.js";
+import "../elements/components/ProgressIndicator/index.js";
+import SpringElement from "../elements/components/SpringElement.svelte.js";
+import "../views/svelte/svelte/src/internal/disclose-version.js";
 import { isFileEntry, isDataTransferEntry, isNumber, isString } from "../utils/test.js";
+import { cache } from "../utils/cache.js";
+import { quadInOut } from "../views/svelte/svelte/src/easing/index.js";
 import { bytesToNaturalFileSize } from "../utils/file.js";
 import { fade } from "../elements/common/transition.js";
-import { quadInOut } from "../views/svelte/svelte/src/easing/index.js";
 import { hasExtensionWithStatusCode, getExtensionStatusWithCode } from "./helpers.js";
-import { cache } from "../utils/cache.js";
-import UseEntryContext from "../elements/FilePondEntryList/components/useEntryContext.svelte.js";
 import EntryList from "../elements/FilePondEntryList/components/EntryList/index.svelte.js";
 import Entry from "../elements/FilePondEntryList/components/Entry/index.svelte.js";
 import EntryActivityIndicator from "../elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js";
-import SpringElement from "../elements/components/SpringElement.svelte.js";
 import EntryStatus from "../elements/FilePondEntryList/components/EntryStatus/index.svelte.js";
 import ElementSkeleton from "../elements/components/ElementSkeleton/index.svelte.js";
 function createFilePondEntry(options) {

package/dist/esm/templates/helpers.js

@@ -1,6 +1,23 @@
 import { nodeTree } from "../elements/common/nodeTree.js";
+import "../elements/components/ElementPane/index.js";
+import "../elements/components/TextInput/index.js";
+import "../elements/components/FilenameInput/index.js";
+import "../elements/components/RangeInput/index.js";
+import "../elements/components/BooleanInput/index.js";
+import "../elements/components/ElementSkeleton/index.js";
+import "../elements/components/Button/index.js";
+import "../elements/components/ProgressIndicator/index.js";
+import "../views/svelte/svelte/src/internal/disclose-version.js";
 import { isFunction, isRegExp, isFileEntry, isBlobOrFile, isString, isArray, isDirectoryEntry } from "../utils/test.js";
 import { arrayWrap } from "../utils/array.js";
+import "../elements/FilePondEntryList/components/EntryList/index.js";
+import "../elements/FilePondEntryList/components/Entry/index.js";
+import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
+import "../elements/FilePondEntryList/components/EntryStatus/index.js";
+import "../elements/FilePondEntryList/components/MediaPane/index.js";
+import "../elements/FilePondEntryList/components/MediaVideo/index.js";
+import "../elements/FilePondEntryList/components/MediaImage/index.js";
+import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
 import ElementPane from "../elements/components/ElementPane/index.svelte.js";
 import Button from "../elements/components/Button/index.svelte.js";
 function getEntryExtensionsAsArray(entry) {

package/dist/esm/templates/media.js

@@ -1,8 +1,26 @@
 import { createSpringPane, hasExtensionWithStatusType, createButton, hasExtensionWithStatusCode, getExtensionByAction } from "./helpers.js";
+import "../elements/FilePondEntryList/components/EntryList/index.js";
+import "../elements/FilePondEntryList/components/Entry/index.js";
+import "../elements/FilePondEntryList/components/EntryActivityIndicator/index.js";
+import "../elements/FilePondEntryList/components/EntryStatus/index.js";
+import "../elements/FilePondEntryList/components/MediaPane/index.js";
+import "../elements/FilePondEntryList/components/MediaVideo/index.js";
+import "../elements/FilePondEntryList/components/MediaImage/index.js";
+import "../elements/FilePondEntryList/components/MediaTimeIndicator/index.js";
+import "../views/svelte/svelte/src/internal/disclose-version.js";
+import "../elements/components/ElementPane/index.js";
+import "../elements/components/TextInput/index.js";
+import "../elements/components/FilenameInput/index.js";
+import "../elements/components/RangeInput/index.js";
+import "../elements/components/BooleanInput/index.js";
+import "../elements/components/ElementSkeleton/index.js";
+import "../elements/components/Button/index.js";
+import "../elements/components/ProgressIndicator/index.js";
+import SpringElement from "../elements/components/SpringElement.svelte.js";
 import { nodeTree } from "../elements/common/nodeTree.js";
+import "../utils/test.js";
 import { boolToAttributeValue } from "../utils/dom.js";
 import MediaImage from "../elements/FilePondEntryList/components/MediaImage/index.svelte.js";
-import SpringElement from "../elements/components/SpringElement.svelte.js";
 import EntryActivityIndicator from "../elements/FilePondEntryList/components/EntryActivityIndicator/index.svelte.js";
 import MediaVideo from "../elements/FilePondEntryList/components/MediaVideo/index.svelte.js";
 import RangeInput from "../elements/components/RangeInput/index.svelte.js";

package/dist/esm/utils/string.js

@@ -1,3 +1,4 @@
+import "./test.js";
 function transformFirstLetter(str, fn) {
   return fn(str.charAt(0)) + str.slice(1);
 }

package/dist/esm/views/svelte/svelte/src/internal/client/dom/elements/bindings/shared.js

@@ -1,5 +1,5 @@
 import { teardown } from "../../../reactivity/effects.js";
-import { set_active_reaction, set_active_effect, active_reaction, active_effect } from "../../../runtime.js";
+import { set_active_reaction, set_active_effect, active_effect, active_reaction } from "../../../runtime.js";
 function listen(target, events, handler, call_handler_immediately = true) {
   if (call_handler_immediately) {
     handler();

package/dist/esm/views/svelte/svelte/src/internal/client/error-handling.js

@@ -1,4 +1,4 @@
-import { BOUNDARY_EFFECT, ERROR_VALUE, EFFECT_RAN } from "./constants.js";
+import { ERROR_VALUE, EFFECT_RAN, BOUNDARY_EFFECT } from "./constants.js";
 import { active_reaction, active_effect } from "./runtime.js";
 function handle_error(error) {
   var effect = active_effect;

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/async.js

@@ -1,7 +1,7 @@
 import { DESTROYED } from "../constants.js";
 import { set_component_context, component_context } from "../context.js";
 import { invoke_error_boundary } from "../error-handling.js";
-import { set_active_effect, set_active_reaction, active_effect, active_reaction } from "../runtime.js";
+import { set_active_effect, active_effect, set_active_reaction, active_reaction } from "../runtime.js";
 import { current_batch } from "./batch.js";
 import { derived, async_derived } from "./deriveds.js";
 function flatten(blockers, sync, async, fn) {

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/batch.js

@@ -1,6 +1,6 @@
-import { CLEAN, INERT, BOUNDARY_EFFECT, EFFECT, BLOCK_EFFECT, DIRTY, ERROR_VALUE, MAYBE_DIRTY, HEAD_EFFECT, ROOT_EFFECT, BRANCH_EFFECT, DESTROYED, DERIVED, ASYNC } from "../constants.js";
+import { CLEAN, INERT, BOUNDARY_EFFECT, EFFECT, BLOCK_EFFECT, DIRTY, ERROR_VALUE, BRANCH_EFFECT, ROOT_EFFECT, MAYBE_DIRTY, DESTROYED, DERIVED, ASYNC, HEAD_EFFECT } from "../constants.js";
 import { deferred } from "../../shared/utils.js";
-import { is_dirty, update_effect, set_signal_status, active_effect, set_is_updating_effect, is_updating_effect } from "../runtime.js";
+import { is_dirty, update_effect, set_signal_status, set_is_updating_effect, active_effect, is_updating_effect } from "../runtime.js";
 import { effect_update_depth_exceeded } from "../errors.js";
 import { queue_micro_task } from "../dom/task.js";
 import DEV from "../../../../../esm-env/false.js";

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/deriveds.js

@@ -1,5 +1,5 @@
-import { DERIVED, EFFECT_PRESERVED, CONNECTED, MAYBE_DIRTY, CLEAN, DIRTY, WAS_MARKED, STALE_REACTION, ERROR_VALUE } from "../constants.js";
-import { active_reaction, active_effect, increment_write_version, set_signal_status, push_reaction_value, set_active_effect, update_reaction, is_destroying_effect } from "../runtime.js";
+import { WAS_MARKED, CONNECTED, MAYBE_DIRTY, CLEAN, DERIVED, EFFECT_PRESERVED, DIRTY, STALE_REACTION, ERROR_VALUE } from "../constants.js";
+import { set_active_effect, update_reaction, increment_write_version, set_signal_status, active_reaction, active_effect, push_reaction_value, is_destroying_effect } from "../runtime.js";
 import { equals, safe_equals } from "./equality.js";
 import { async_derived_orphan } from "../errors.js";
 import { destroy_effect, async_effect, teardown, effect_tracking } from "./effects.js";
@@ -7,7 +7,7 @@ import { source, internal_set } from "./sources.js";
 import { UNINITIALIZED } from "../../../constants.js";
 import { deferred } from "../../shared/utils.js";
 import { component_context } from "../context.js";
-import { current_batch, batch_values } from "./batch.js";
+import { batch_values, current_batch } from "./batch.js";
 import { unset_context } from "./async.js";
 // @__NO_SIDE_EFFECTS__
 function derived(fn) {

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/effects.js

@@ -1,5 +1,5 @@
-import { active_effect, active_reaction, set_signal_status, update_effect, remove_reactions, set_is_destroying_effect, set_active_reaction, untracking, is_destroying_effect, get } from "../runtime.js";
-import { BRANCH_EFFECT, EFFECT_RAN, INERT, EFFECT_PRESERVED, BLOCK_EFFECT, EFFECT_TRANSPARENT, DERIVED, ROOT_EFFECT, RENDER_EFFECT, DIRTY, CONNECTED, HEAD_EFFECT, DESTROYED, STALE_REACTION, ASYNC, CLEAN, EFFECT, USER_EFFECT } from "../constants.js";
+import { set_active_reaction, remove_reactions, set_signal_status, active_reaction, untracking, active_effect, is_destroying_effect, update_effect, get, set_is_destroying_effect } from "../runtime.js";
+import { BRANCH_EFFECT, ROOT_EFFECT, HEAD_EFFECT, DESTROYED, EFFECT_RAN, CLEAN, INERT, EFFECT_PRESERVED, BLOCK_EFFECT, EFFECT_TRANSPARENT, DERIVED, RENDER_EFFECT, DIRTY, CONNECTED, ASYNC, EFFECT, USER_EFFECT, STALE_REACTION } from "../constants.js";
 import { effect_orphan, effect_in_unowned_derived, effect_in_teardown } from "../errors.js";
 import { get_next_sibling } from "../dom/operations.js";
 import { component_context } from "../context.js";

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/props.js

@@ -2,7 +2,7 @@ import { PROPS_IS_UPDATED, PROPS_IS_BINDABLE, PROPS_IS_IMMUTABLE, PROPS_IS_LAZY_
 import { get_descriptor, is_function } from "../../shared/utils.js";
 import { set } from "./sources.js";
 import { derived, derived_safe_equal } from "./deriveds.js";
-import { get, active_effect, untrack, is_destroying_effect } from "../runtime.js";
+import { get, is_destroying_effect, active_effect, untrack } from "../runtime.js";
 import { props_invalid_value } from "../errors.js";
 import { DESTROYED, STATE_SYMBOL, LEGACY_PROPS } from "../constants.js";
 import { proxy } from "../proxy.js";

package/dist/esm/views/svelte/svelte/src/internal/client/reactivity/sources.js

@@ -1,6 +1,6 @@
-import { active_reaction, current_sources, set_signal_status, increment_write_version, active_effect, is_dirty, update_effect, push_reaction_value, untracking, is_destroying_effect, untracked_writes, set_untracked_writes } from "../runtime.js";
+import { set_signal_status, increment_write_version, is_dirty, update_effect, push_reaction_value, active_reaction, untracking, current_sources, is_destroying_effect, active_effect, untracked_writes, set_untracked_writes } from "../runtime.js";
 import { equals, safe_equals } from "./equality.js";
-import { DERIVED, BLOCK_EFFECT, ASYNC, EAGER_EFFECT, DIRTY, CONNECTED, CLEAN, MAYBE_DIRTY, BRANCH_EFFECT, ROOT_EFFECT, WAS_MARKED } from "../constants.js";
+import { DERIVED, DIRTY, CONNECTED, CLEAN, MAYBE_DIRTY, WAS_MARKED, EAGER_EFFECT, BLOCK_EFFECT, ASYNC, BRANCH_EFFECT, ROOT_EFFECT } from "../constants.js";
 import { state_unsafe_mutation } from "../errors.js";
 import { proxy } from "../proxy.js";
 import { Batch, batch_values, schedule_effect, eager_block_effects } from "./batch.js";

package/dist/esm/views/svelte/svelte/src/internal/client/runtime.js

@@ -1,7 +1,7 @@
 import DEV from "../../../../esm-env/false.js";
 import { index_of } from "../shared/utils.js";
 import { destroy_block_effect_children, destroy_effect_children, execute_effect_teardown, effect_tracking } from "./reactivity/effects.js";
-import { DESTROYED, REACTION_IS_UPDATING, ERROR_VALUE, DERIVED, DIRTY, MAYBE_DIRTY, CONNECTED, CLEAN, BLOCK_EFFECT, BRANCH_EFFECT, ROOT_EFFECT, STALE_REACTION, WAS_MARKED } from "./constants.js";
+import { ERROR_VALUE, DERIVED, DIRTY, WAS_MARKED, MAYBE_DIRTY, CONNECTED, CLEAN, DESTROYED, BLOCK_EFFECT, REACTION_IS_UPDATING, BRANCH_EFFECT, ROOT_EFFECT, STALE_REACTION } from "./constants.js";
 import { old_values } from "./reactivity/sources.js";
 import { update_derived, destroy_derived_effects, execute_derived } from "./reactivity/deriveds.js";
 import { tracing_mode_flag } from "../flags/index.js";

package/package.json

@@ -3,12 +3,11 @@
         "tag": "alpha"
     },
     "name": "filepond",
-    "version": "5.0.0-alpha.6",
+    "version": "5.0.0-alpha.7",
     "description": "FilePond, where files go to stretch their bits.",
     "author": "Rik Schennink",
     "license": "MIT",
     "type": "module",
-    "sideEffects": false,
     "scripts": {
         "dev": "vite --host",
         "dev-clean": "NODE_ENV=production vite --host",