diff --git a/src/.editorconfig b/src/.editorconfig
index cfb7e4f786..cce712f5f9 100644
--- a/src/.editorconfig
+++ b/src/.editorconfig
@@ -9,6 +9,7 @@ spelling_languages = en-US
spelling_checkable_types = strings,identifiers,comments
spelling_error_severity = information
spelling_exclusion_path = spellcheckerexclusion.dic
+spelling_use_default_exclusion_dictionary = true
# Use CRLF for end of line
[*]
diff --git a/src/Directory.Packages.props b/src/Directory.Packages.props
index 5daad4f971..40bedea1b8 100644
--- a/src/Directory.Packages.props
+++ b/src/Directory.Packages.props
@@ -7,7 +7,6 @@
8.1.07.1.27.0.0
- 2.0.14.7.377.1.1008.0.0-dev.65
@@ -30,7 +29,6 @@
-
diff --git a/src/app/dev/DevToys.Api/Core/ObservableHashSet.cs b/src/app/dev/DevToys.Api/Core/ObservableHashSet.cs
new file mode 100644
index 0000000000..12aa580dff
--- /dev/null
+++ b/src/app/dev/DevToys.Api/Core/ObservableHashSet.cs
@@ -0,0 +1,486 @@
+using System.Collections;
+using System.Collections.Specialized;
+
+namespace DevToys.Api.Core;
+
+///
+/// COPY FROM https://github.com/dotnet/efcore/blob/2d7c4a407e3ae8b1fab38500465e37619786d362/src/EFCore/ChangeTracking/ObservableHashSet.cs
+///
+///
+/// See Local views of tracked entities in EF Core for more information and
+/// examples.
+///
+/// The type of elements in the hash set.
+public class ObservableHashSet
+ : ISet, IReadOnlyCollection, INotifyCollectionChanged, INotifyPropertyChanged, INotifyPropertyChanging
+{
+ private HashSet _set;
+
+ ///
+ /// Initializes a new instance of the class
+ /// that is empty and uses the default equality comparer for the set type.
+ ///
+ public ObservableHashSet()
+ : this(EqualityComparer.Default)
+ {
+ }
+
+ ///
+ /// Initializes a new instance of the class
+ /// that is empty and uses the specified equality comparer for the set type.
+ ///
+ ///
+ /// The implementation to use when
+ /// comparing values in the set, or null to use the default
+ /// implementation for the set type.
+ ///
+ public ObservableHashSet(IEqualityComparer comparer)
+ {
+ _set = new HashSet(comparer);
+ }
+
+ ///
+ /// Initializes a new instance of the class
+ /// that uses the default equality comparer for the set type, contains elements copied
+ /// from the specified collection, and has sufficient capacity to accommodate the
+ /// number of elements copied.
+ ///
+ /// The collection whose elements are copied to the new set.
+ public ObservableHashSet(IEnumerable collection)
+ : this(collection, EqualityComparer.Default)
+ {
+ }
+
+ ///
+ /// Initializes a new instance of the class
+ /// that uses the specified equality comparer for the set type, contains elements
+ /// copied from the specified collection, and has sufficient capacity to accommodate
+ /// the number of elements copied.
+ ///
+ /// The collection whose elements are copied to the new set.
+ ///
+ /// The implementation to use when
+ /// comparing values in the set, or null to use the default
+ /// implementation for the set type.
+ ///
+ public ObservableHashSet(IEnumerable collection, IEqualityComparer comparer)
+ {
+ _set = new HashSet(collection, comparer);
+ }
+
+ ///
+ /// Occurs when a property of this hash set (such as ) changes.
+ ///
+ public event PropertyChangedEventHandler? PropertyChanged;
+
+ ///
+ /// Occurs when a property of this hash set (such as ) is changing.
+ ///
+ public event PropertyChangingEventHandler? PropertyChanging;
+
+ ///
+ /// Occurs when the contents of the hash set changes.
+ ///
+ public event NotifyCollectionChangedEventHandler? CollectionChanged;
+
+ void ICollection.Add(T item)
+ => Add(item);
+
+ ///
+ /// Removes all elements from the hash set.
+ ///
+ public virtual void Clear()
+ {
+ if (_set.Count == 0)
+ {
+ return;
+ }
+
+ OnCountPropertyChanging();
+
+ var removed = this.ToList();
+
+ _set.Clear();
+
+ OnCollectionChanged(ObservableHashSetSingletons.NoItems, removed);
+
+ OnCountPropertyChanged();
+ }
+
+ ///
+ /// Determines whether the hash set object contains the
+ /// specified element.
+ ///
+ /// The element to locate in the hash set.
+ ///
+ /// if the hash set contains the specified element; otherwise, .
+ ///
+ public virtual bool Contains(T item)
+ => _set.Contains(item);
+
+ ///
+ /// Copies the elements of the hash set to an array, starting at the specified array index.
+ ///
+ ///
+ /// The one-dimensional array that is the destination of the elements copied from
+ /// the hash set. The array must have zero-based indexing.
+ ///
+ /// The zero-based index in array at which copying begins.
+ public virtual void CopyTo(T[] array, int arrayIndex)
+ => _set.CopyTo(array, arrayIndex);
+
+ ///
+ /// Removes the specified element from the hash set.
+ ///
+ /// The element to remove.
+ ///
+ /// if the element is successfully found and removed; otherwise, .
+ ///
+ public virtual bool Remove(T item)
+ {
+ if (!_set.Contains(item))
+ {
+ return false;
+ }
+
+ OnCountPropertyChanging();
+
+ _set.Remove(item);
+
+ OnCollectionChanged(NotifyCollectionChangedAction.Remove, item);
+
+ OnCountPropertyChanged();
+
+ return true;
+ }
+
+ ///
+ /// Gets the number of elements that are contained in the hash set.
+ ///
+ public virtual int Count
+ => _set.Count;
+
+ ///
+ /// Gets a value indicating whether the hash set is read-only.
+ ///
+ public virtual bool IsReadOnly
+ => ((ICollection)_set).IsReadOnly;
+
+ ///
+ /// Returns an enumerator that iterates through the hash set.
+ ///
+ ///
+ /// An enumerator for the hash set.
+ ///
+ public virtual HashSet.Enumerator GetEnumerator()
+ => _set.GetEnumerator();
+
+ ///
+ IEnumerator IEnumerable.GetEnumerator()
+ => GetEnumerator();
+
+ ///
+ IEnumerator IEnumerable.GetEnumerator()
+ => GetEnumerator();
+
+ ///
+ /// Adds the specified element to the hash set.
+ ///
+ /// The element to add to the set.
+ ///
+ /// if the element is added to the hash set; if the element is already present.
+ ///
+ public virtual bool Add(T item)
+ {
+ if (_set.Contains(item))
+ {
+ return false;
+ }
+
+ OnCountPropertyChanging();
+
+ _set.Add(item);
+
+ OnCollectionChanged(NotifyCollectionChangedAction.Add, item);
+
+ OnCountPropertyChanged();
+
+ return true;
+ }
+
+ ///
+ /// Modifies the hash set to contain all elements that are present in itself, the specified collection, or both.
+ ///
+ /// The collection to compare to the current hash set.
+ public virtual void UnionWith(IEnumerable other)
+ {
+ var copy = new HashSet(_set, _set.Comparer);
+
+ copy.UnionWith(other);
+
+ if (copy.Count == _set.Count)
+ {
+ return;
+ }
+
+ var added = copy.Where(i => !_set.Contains(i)).ToList();
+
+ OnCountPropertyChanging();
+
+ _set = copy;
+
+ OnCollectionChanged(added, ObservableHashSetSingletons.NoItems);
+
+ OnCountPropertyChanged();
+ }
+
+ ///
+ /// Modifies the current hash set to contain only
+ /// elements that are present in that object and in the specified collection.
+ ///
+ /// The collection to compare to the current hash set.
+ public virtual void IntersectWith(IEnumerable other)
+ {
+ var copy = new HashSet(_set, _set.Comparer);
+
+ copy.IntersectWith(other);
+
+ if (copy.Count == _set.Count)
+ {
+ return;
+ }
+
+ var removed = _set.Where(i => !copy.Contains(i)).ToList();
+
+ OnCountPropertyChanging();
+
+ _set = copy;
+
+ OnCollectionChanged(ObservableHashSetSingletons.NoItems, removed);
+
+ OnCountPropertyChanged();
+ }
+
+ ///
+ /// Removes all elements in the specified collection from the hash set.
+ ///
+ /// The collection of items to remove from the current hash set.
+ public virtual void ExceptWith(IEnumerable other)
+ {
+ var copy = new HashSet(_set, _set.Comparer);
+
+ copy.ExceptWith(other);
+
+ if (copy.Count == _set.Count)
+ {
+ return;
+ }
+
+ var removed = _set.Where(i => !copy.Contains(i)).ToList();
+
+ OnCountPropertyChanging();
+
+ _set = copy;
+
+ OnCollectionChanged(ObservableHashSetSingletons.NoItems, removed);
+
+ OnCountPropertyChanged();
+ }
+
+ ///
+ /// Modifies the current hash set to contain only elements that are present either in that
+ /// object or in the specified collection, but not both.
+ ///
+ /// The collection to compare to the current hash set.
+ public virtual void SymmetricExceptWith(IEnumerable other)
+ {
+ var copy = new HashSet(_set, _set.Comparer);
+
+ copy.SymmetricExceptWith(other);
+
+ var removed = _set.Where(i => !copy.Contains(i)).ToList();
+ var added = copy.Where(i => !_set.Contains(i)).ToList();
+
+ if (removed.Count == 0
+ && added.Count == 0)
+ {
+ return;
+ }
+
+ OnCountPropertyChanging();
+
+ _set = copy;
+
+ OnCollectionChanged(added, removed);
+
+ OnCountPropertyChanged();
+ }
+
+ ///
+ /// Determines whether the hash set is a subset of the specified collection.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set is a subset of other; otherwise, .
+ ///
+ public virtual bool IsSubsetOf(IEnumerable other)
+ => _set.IsSubsetOf(other);
+
+ ///
+ /// Determines whether the hash set is a proper subset of the specified collection.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set is a proper subset of other; otherwise, .
+ ///
+ public virtual bool IsProperSubsetOf(IEnumerable other)
+ => _set.IsProperSubsetOf(other);
+
+ ///
+ /// Determines whether the hash set is a superset of the specified collection.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set is a superset of other; otherwise, .
+ ///
+ public virtual bool IsSupersetOf(IEnumerable other)
+ => _set.IsSupersetOf(other);
+
+ ///
+ /// Determines whether the hash set is a proper superset of the specified collection.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set is a proper superset of other; otherwise, .
+ ///
+ public virtual bool IsProperSupersetOf(IEnumerable other)
+ => _set.IsProperSupersetOf(other);
+
+ ///
+ /// Determines whether the current System.Collections.Generic.HashSet`1 object and a specified collection share common elements.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set and other share at least one common element; otherwise, .
+ ///
+ public virtual bool Overlaps(IEnumerable other)
+ => _set.Overlaps(other);
+
+ ///
+ /// Determines whether the hash set and the specified collection contain the same elements.
+ ///
+ /// The collection to compare to the current hash set.
+ ///
+ /// if the hash set is equal to other; otherwise, .
+ ///
+ public virtual bool SetEquals(IEnumerable other)
+ => _set.SetEquals(other);
+
+ ///
+ /// Copies the elements of the hash set to an array.
+ ///
+ ///
+ /// The one-dimensional array that is the destination of the elements copied from
+ /// the hash set. The array must have zero-based indexing.
+ ///
+ public virtual void CopyTo(T[] array)
+ => _set.CopyTo(array);
+
+ ///
+ /// Copies the specified number of elements of the hash set to an array, starting at the specified array index.
+ ///
+ ///
+ /// The one-dimensional array that is the destination of the elements copied from
+ /// the hash set. The array must have zero-based indexing.
+ ///
+ /// The zero-based index in array at which copying begins.
+ /// The number of elements to copy to array.
+ public virtual void CopyTo(T[] array, int arrayIndex, int count)
+ => _set.CopyTo(array, arrayIndex, count);
+
+ ///
+ /// Removes all elements that match the conditions defined by the specified predicate
+ /// from the hash set.
+ ///
+ ///
+ /// The delegate that defines the conditions of the elements to remove.
+ ///
+ /// The number of elements that were removed from the hash set.
+ public virtual int RemoveWhere(Predicate match)
+ {
+ var copy = new HashSet(_set, _set.Comparer);
+
+ int removedCount = copy.RemoveWhere(match);
+
+ if (removedCount == 0)
+ {
+ return 0;
+ }
+
+ var removed = _set.Where(i => !copy.Contains(i)).ToList();
+
+ OnCountPropertyChanging();
+
+ _set = copy;
+
+ OnCollectionChanged(ObservableHashSetSingletons.NoItems, removed);
+
+ OnCountPropertyChanged();
+
+ return removedCount;
+ }
+
+ ///
+ /// Gets the object that is used to determine equality for the values in the set.
+ ///
+ public virtual IEqualityComparer Comparer
+ => _set.Comparer;
+
+ ///
+ /// Sets the capacity of the hash set to the actual number of elements it contains, rounded up to a nearby,
+ /// implementation-specific value.
+ ///
+ public virtual void TrimExcess()
+ => _set.TrimExcess();
+
+ ///
+ /// Raises the event.
+ ///
+ /// Details of the property that changed.
+ protected virtual void OnPropertyChanged(PropertyChangedEventArgs e)
+ => PropertyChanged?.Invoke(this, e);
+
+ ///
+ /// Raises the event.
+ ///
+ /// Details of the property that is changing.
+ protected virtual void OnPropertyChanging(PropertyChangingEventArgs e)
+ => PropertyChanging?.Invoke(this, e);
+
+ private void OnCountPropertyChanged()
+ => OnPropertyChanged(ObservableHashSetSingletons.CountPropertyChanged);
+
+ private void OnCountPropertyChanging()
+ => OnPropertyChanging(ObservableHashSetSingletons.CountPropertyChanging);
+
+ private void OnCollectionChanged(NotifyCollectionChangedAction action, object? item)
+ => OnCollectionChanged(new NotifyCollectionChangedEventArgs(action, item));
+
+ private void OnCollectionChanged(IList newItems, IList oldItems)
+ => OnCollectionChanged(new NotifyCollectionChangedEventArgs(NotifyCollectionChangedAction.Replace, newItems, oldItems));
+
+ ///
+ /// Raises the event.
+ ///
+ /// Details of the change.
+ protected virtual void OnCollectionChanged(NotifyCollectionChangedEventArgs e)
+ => CollectionChanged?.Invoke(this, e);
+}
+
+internal static class ObservableHashSetSingletons
+{
+ public static readonly PropertyChangedEventArgs CountPropertyChanged = new("Count");
+ public static readonly PropertyChangingEventArgs CountPropertyChanging = new("Count");
+
+ public static readonly object[] NoItems = Array.Empty
diff --git a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/breakpoint.js b/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/breakpoint.js
deleted file mode 100644
index d068c1175b..0000000000
--- a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/breakpoint.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const componentList = [];
-let lastBreakpoint = null;
-
-// Recalculate breakpoint on resize
-if (window.attachEvent) {
- window.attachEvent('load', windowBreakpoint)
- window.attachEvent('onresize', windowBreakpoint);
-}
-else if (window.addEventListener) {
- window.addEventListener('load', windowBreakpoint, true);
- window.addEventListener('resize', windowBreakpoint, true);
-}
-
-function windowBreakpoint() {
- if (componentList && componentList.length > 0) {
- var currentBreakpoint = getBreakpoint();
- if (lastBreakpoint !== currentBreakpoint) {
- lastBreakpoint = currentBreakpoint;
- for (let index = 0; index < componentList.length; ++index) {
- onBreakpoint(componentList[index].dotnetAdapter, currentBreakpoint);
- }
- }
- }
-}
-
-lastBreakpoint = getBreakpoint();
-
-// Get the current breakpoint
-export function getBreakpoint() {
- return window.getComputedStyle(document.body, ':before').content.replace(/\"/g, '');
-}
-
-function onBreakpoint(dotnetAdapter, currentBreakpoint) {
- dotnetAdapter.invokeMethodAsync('OnBreakpoint', currentBreakpoint);
-}
-
-export function registerBreakpointComponent(dotnetAdapter, componentId) {
- if (isBreakpointComponent(componentId) !== true) {
- componentList.push({ elementId: componentId, dotnetAdapter: dotnetAdapter });
- }
-}
-
-export function isBreakpointComponent(elementId) {
- for (let index = 0; index < componentList.length; ++index) {
- if (componentList[index].elementId === elementId)
- return true;
- }
-
- return false;
-}
\ No newline at end of file
diff --git a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/devtoys.js b/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/devtoys.js
index f44787e433..7124aeed0a 100644
--- a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/devtoys.js
+++ b/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/devtoys.js
@@ -1,47 +1,47 @@
-var _dotNetObjRef;
+//var _dotNetObjRef;
-window.blazorExtensions = {
+//window.blazorExtensions = {
- toggleResizeTracking: function (dotNetObjRef) {
- _dotNetObjRef = dotNetObjRef;
+// toggleResizeTracking: function (dotNetObjRef) {
+// _dotNetObjRef = dotNetObjRef;
- dotNetObjRef.invokeMethodAsync('ToggleResizeTracking').then(isResizeTrackingEnabled => {
- if (isResizeTrackingEnabled) {
- blazorExtensions.enableResizeTracking();
- } else {
- blazorExtensions.disableResizeTracking();
- }
- });
- },
- enableResizeTracking: function () {
- console.log('enableResizeTracking invoked');
- blazorExtensions.handleWindowResize();
- window.addEventListener("resize", blazorExtensions.handleWindowResize);
- },
- disableResizeTracking: function () {
- console.log('disableResizeTracking invoked');
- window.removeEventListener("resize", blazorExtensions.handleWindowResize);
- },
- handleWindowResize: function () {
- let currentState = window.getComputedStyle(document.body, ':before').content.replace(/\"/g, '');
- _dotNetObjRef.invokeMethodAsync('OnWindowResize', currentState);
- /*
- _dotNetObjRef.invokeMethodAsync('IsNearWindowBottom', content.scrollTop(), content.height(), container.height())
- .then(isNearWindowBottom => {
- console.log('isNearWindowBottom: ' + isNearWindowBottom);
- if (isNearWindowBottom) {
- alert("You are NEAR the bottom!");
- }
- });
+// dotNetObjRef.invokeMethodAsync('ToggleResizeTracking').then(isResizeTrackingEnabled => {
+// if (isResizeTrackingEnabled) {
+// blazorExtensions.enableResizeTracking();
+// } else {
+// blazorExtensions.disableResizeTracking();
+// }
+// });
+// },
+// enableResizeTracking: function () {
+// console.log('enableResizeTracking invoked');
+// blazorExtensions.handleWindowResize();
+// window.addEventListener("resize", blazorExtensions.handleWindowResize);
+// },
+// disableResizeTracking: function () {
+// console.log('disableResizeTracking invoked');
+// window.removeEventListener("resize", blazorExtensions.handleWindowResize);
+// },
+// handleWindowResize: function () {
+// let currentState = window.getComputedStyle(document.body, ':before').content.replace(/\"/g, '');
+// _dotNetObjRef.invokeMethodAsync('OnWindowResize', currentState);
+// /*
+// _dotNetObjRef.invokeMethodAsync('IsNearWindowBottom', content.scrollTop(), content.height(), container.height())
+// .then(isNearWindowBottom => {
+// console.log('isNearWindowBottom: ' + isNearWindowBottom);
+// if (isNearWindowBottom) {
+// alert("You are NEAR the bottom!");
+// }
+// });
- _dotNetObjRef.invokeMethodAsync('IsAtWindowBottom', content.scrollTop(), content.height(), container.height())
- .then(isAtWindowBottom => {
- console.log('isAtWindowBottom: ' + isAtWindowBottom);
- if (isAtWindowBottom) {
- alert("You are AT the bottom!");
- }
- });
-*/
- }
-};
+// _dotNetObjRef.invokeMethodAsync('IsAtWindowBottom', content.scrollTop(), content.height(), container.height())
+// .then(isAtWindowBottom => {
+// console.log('isAtWindowBottom: ' + isAtWindowBottom);
+// if (isAtWindowBottom) {
+// alert("You are AT the bottom!");
+// }
+// });
+//*/
+// }
+//};
diff --git a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/web-components.min.js b/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/web-components.min.js
deleted file mode 100644
index af137c1f0c..0000000000
--- a/src/app/dev/platforms/desktop/DevToys.MauiBlazor/wwwroot/js/web-components.min.js
+++ /dev/null
@@ -1,261 +0,0 @@
-const t = function () { if ("undefined" != typeof globalThis) return globalThis; if ("undefined" != typeof global) return global; if ("undefined" != typeof self) return self; if ("undefined" != typeof window) return window; try { return new Function("return this")() } catch (t) { return {} } }(); void 0 === t.trustedTypes && (t.trustedTypes = { createPolicy: (t, e) => e }); const e = { configurable: !1, enumerable: !1, writable: !1 }; void 0 === t.FAST && Reflect.defineProperty(t, "FAST", Object.assign({ value: Object.create(null) }, e)); const i = t.FAST; if (void 0 === i.getById) { const t = Object.create(null); Reflect.defineProperty(i, "getById", Object.assign({ value(e, i) { let o = t[e]; return void 0 === o && (o = i ? t[e] = i() : null), o } }, e)) } const o = Object.freeze([]); function s() { const t = new WeakMap; return function (e) { let i = t.get(e); if (void 0 === i) { let o = Reflect.getPrototypeOf(e); for (; void 0 === i && null !== o;)i = t.get(o), o = Reflect.getPrototypeOf(o); i = void 0 === i ? [] : i.slice(0), t.set(e, i) } return i } } const n = t.FAST.getById(1, () => { const e = [], i = []; function o() { if (i.length) throw i.shift() } function s(t) { try { t.call() } catch (t) { i.push(t), setTimeout(o, 0) } } function n() { let t = 0; for (; t < e.length;)if (s(e[t]), t++, t > 1024) { for (let i = 0, o = e.length - t; i < o; i++)e[i] = e[i + t]; e.length -= t, t = 0 } e.length = 0 } return Object.freeze({ enqueue: function (i) { e.length < 1 && t.requestAnimationFrame(n), e.push(i) }, process: n }) }), r = t.trustedTypes.createPolicy("fast-html", { createHTML: t => t }); let a = r; const l = "fast-" + Math.random().toString(36).substring(2, 8), c = l + "{", h = "}" + l, d = Object.freeze({ supportsAdoptedStyleSheets: Array.isArray(document.adoptedStyleSheets) && "replace" in CSSStyleSheet.prototype, setHTMLPolicy(t) { if (a !== r) throw new Error("The HTML policy can only be set once."); a = t }, createHTML: t => a.createHTML(t), isMarker: t => t && 8 === t.nodeType && t.data.startsWith(l), extractDirectiveIndexFromMarker: t => parseInt(t.data.replace(l + ":", "")), createInterpolationPlaceholder: t => `${c}${t}${h}`, createCustomAttributePlaceholder(t, e) { return `${t}="${this.createInterpolationPlaceholder(e)}"` }, createBlockPlaceholder: t => `\x3c!--${l}:${t}--\x3e`, queueUpdate: n.enqueue, processUpdates: n.process, nextUpdate: () => new Promise(n.enqueue), setAttribute(t, e, i) { null == i ? t.removeAttribute(e) : t.setAttribute(e, i) }, setBooleanAttribute(t, e, i) { i ? t.setAttribute(e, "") : t.removeAttribute(e) }, removeChildNodes(t) { for (let e = t.firstChild; null !== e; e = t.firstChild)t.removeChild(e) }, createTemplateWalker: t => document.createTreeWalker(t, 133, null, !1) }); class u { constructor(t, e) { this.sub1 = void 0, this.sub2 = void 0, this.spillover = void 0, this.source = t, this.sub1 = e } has(t) { return void 0 === this.spillover ? this.sub1 === t || this.sub2 === t : -1 !== this.spillover.indexOf(t) } subscribe(t) { const e = this.spillover; if (void 0 === e) { if (this.has(t)) return; if (void 0 === this.sub1) return void (this.sub1 = t); if (void 0 === this.sub2) return void (this.sub2 = t); this.spillover = [this.sub1, this.sub2, t], this.sub1 = void 0, this.sub2 = void 0 } else { -1 === e.indexOf(t) && e.push(t) } } unsubscribe(t) { const e = this.spillover; if (void 0 === e) this.sub1 === t ? this.sub1 = void 0 : this.sub2 === t && (this.sub2 = void 0); else { const i = e.indexOf(t); -1 !== i && e.splice(i, 1) } } notify(t) { const e = this.spillover, i = this.source; if (void 0 === e) { const e = this.sub1, o = this.sub2; void 0 !== e && e.handleChange(i, t), void 0 !== o && o.handleChange(i, t) } else for (let o = 0, s = e.length; o < s; ++o)e[o].handleChange(i, t) } } class p { constructor(t) { this.subscribers = {}, this.sourceSubscribers = null, this.source = t } notify(t) { var e; const i = this.subscribers[t]; void 0 !== i && i.notify(t), null === (e = this.sourceSubscribers) || void 0 === e || e.notify(t) } subscribe(t, e) { var i; if (e) { let i = this.subscribers[e]; void 0 === i && (this.subscribers[e] = i = new u(this.source)), i.subscribe(t) } else this.sourceSubscribers = null !== (i = this.sourceSubscribers) && void 0 !== i ? i : new u(this.source), this.sourceSubscribers.subscribe(t) } unsubscribe(t, e) { var i; if (e) { const i = this.subscribers[e]; void 0 !== i && i.unsubscribe(t) } else null === (i = this.sourceSubscribers) || void 0 === i || i.unsubscribe(t) } } const g = i.getById(2, () => { const t = /(:|&&|\|\||if)/, e = new WeakMap, i = d.queueUpdate; let o = void 0, n = t => { throw new Error("Must call enableArrayObservation before observing arrays.") }; function r(t) { let i = t.$fastController || e.get(t); return void 0 === i && (Array.isArray(t) ? i = n(t) : e.set(t, i = new p(t))), i } const a = s(); class l { constructor(t) { this.name = t, this.field = "_" + t, this.callback = t + "Changed" } getValue(t) { return void 0 !== o && o.watch(t, this.name), t[this.field] } setValue(t, e) { const i = this.field, o = t[i]; if (o !== e) { t[i] = e; const s = t[this.callback]; "function" == typeof s && s.call(t, o, e), r(t).notify(this.name) } } } class c extends u { constructor(t, e, i = !1) { super(t, e), this.binding = t, this.isVolatileBinding = i, this.needsRefresh = !0, this.needsQueue = !0, this.first = this, this.last = null, this.propertySource = void 0, this.propertyName = void 0, this.notifier = void 0, this.next = void 0 } observe(t, e) { this.needsRefresh && null !== this.last && this.disconnect(); const i = o; o = this.needsRefresh ? this : void 0, this.needsRefresh = this.isVolatileBinding; const s = this.binding(t, e); return o = i, s } disconnect() { if (null !== this.last) { let t = this.first; for (; void 0 !== t;)t.notifier.unsubscribe(this, t.propertyName), t = t.next; this.last = null, this.needsRefresh = this.needsQueue = !0 } } watch(t, e) { const i = this.last, s = r(t), n = null === i ? this.first : {}; if (n.propertySource = t, n.propertyName = e, n.notifier = s, s.subscribe(this, e), null !== i) { if (!this.needsRefresh) { let e; o = void 0, e = i.propertySource[i.propertyName], o = this, t === e && (this.needsRefresh = !0) } i.next = n } this.last = n } handleChange() { this.needsQueue && (this.needsQueue = !1, i(this)) } call() { null !== this.last && (this.needsQueue = !0, this.notify(this)) } records() { let t = this.first; return { next: () => { const e = t; return void 0 === e ? { value: void 0, done: !0 } : (t = t.next, { value: e, done: !1 }) }, [Symbol.iterator]: function () { return this } } } } return Object.freeze({ setArrayObserverFactory(t) { n = t }, getNotifier: r, track(t, e) { void 0 !== o && o.watch(t, e) }, trackVolatile() { void 0 !== o && (o.needsRefresh = !0) }, notify(t, e) { r(t).notify(e) }, defineProperty(t, e) { "string" == typeof e && (e = new l(e)), a(t).push(e), Reflect.defineProperty(t, e.name, { enumerable: !0, get: function () { return e.getValue(this) }, set: function (t) { e.setValue(this, t) } }) }, getAccessors: a, binding(t, e, i = this.isVolatileBinding(t)) { return new c(t, e, i) }, isVolatileBinding: e => t.test(e.toString()) }) }); function f(t, e) { g.defineProperty(t, e) } const m = i.getById(3, () => { let t = null; return { get: () => t, set(e) { t = e } } }); class v { constructor() { this.index = 0, this.length = 0, this.parent = null, this.parentContext = null } get event() { return m.get() } get isEven() { return this.index % 2 == 0 } get isOdd() { return this.index % 2 != 0 } get isFirst() { return 0 === this.index } get isInMiddle() { return !this.isFirst && !this.isLast } get isLast() { return this.index === this.length - 1 } static setEvent(t) { m.set(t) } } g.defineProperty(v.prototype, "index"), g.defineProperty(v.prototype, "length"); const b = Object.seal(new v); class y { constructor() { this.targetIndex = 0 } } class x extends y { constructor() { super(...arguments), this.createPlaceholder = d.createInterpolationPlaceholder } } class $ extends y { constructor(t, e, i) { super(), this.name = t, this.behavior = e, this.options = i } createPlaceholder(t) { return d.createCustomAttributePlaceholder(this.name, t) } createBehavior(t) { return new this.behavior(t, this.options) } } function w(t, e) { this.source = t, this.context = e, null === this.bindingObserver && (this.bindingObserver = g.binding(this.binding, this, this.isBindingVolatile)), this.updateTarget(this.bindingObserver.observe(t, e)) } function k(t, e) { this.source = t, this.context = e, this.target.addEventListener(this.targetName, this) } function C() { this.bindingObserver.disconnect(), this.source = null, this.context = null } function I() { this.bindingObserver.disconnect(), this.source = null, this.context = null; const t = this.target.$fastView; void 0 !== t && t.isComposed && (t.unbind(), t.needsBindOnly = !0) } function F() { this.target.removeEventListener(this.targetName, this), this.source = null, this.context = null } function D(t) { d.setAttribute(this.target, this.targetName, t) } function T(t) { d.setBooleanAttribute(this.target, this.targetName, t) } function S(t) { if (null == t && (t = ""), t.create) { this.target.textContent = ""; let e = this.target.$fastView; void 0 === e ? e = t.create() : this.target.$fastTemplate !== t && (e.isComposed && (e.remove(), e.unbind()), e = t.create()), e.isComposed ? e.needsBindOnly && (e.needsBindOnly = !1, e.bind(this.source, this.context)) : (e.isComposed = !0, e.bind(this.source, this.context), e.insertBefore(this.target), this.target.$fastView = e, this.target.$fastTemplate = t) } else { const e = this.target.$fastView; void 0 !== e && e.isComposed && (e.isComposed = !1, e.remove(), e.needsBindOnly ? e.needsBindOnly = !1 : e.unbind()), this.target.textContent = t } } function O(t) { this.target[this.targetName] = t } function E(t) { const e = this.classVersions || Object.create(null), i = this.target; let o = this.version || 0; if (null != t && t.length) { const s = t.split(/\s+/); for (let t = 0, n = s.length; t < n; ++t) { const n = s[t]; "" !== n && (e[n] = o, i.classList.add(n)) } } if (this.classVersions = e, this.version = o + 1, 0 !== o) { o -= 1; for (const t in e) e[t] === o && i.classList.remove(t) } } class V extends x { constructor(t) { super(), this.binding = t, this.bind = w, this.unbind = C, this.updateTarget = D, this.isBindingVolatile = g.isVolatileBinding(this.binding) } get targetName() { return this.originalTargetName } set targetName(t) { if (this.originalTargetName = t, void 0 !== t) switch (t[0]) { case ":": if (this.cleanedTargetName = t.substr(1), this.updateTarget = O, "innerHTML" === this.cleanedTargetName) { const t = this.binding; this.binding = (e, i) => d.createHTML(t(e, i)) } break; case "?": this.cleanedTargetName = t.substr(1), this.updateTarget = T; break; case "@": this.cleanedTargetName = t.substr(1), this.bind = k, this.unbind = F; break; default: this.cleanedTargetName = t, "class" === t && (this.updateTarget = E) } } targetAtContent() { this.updateTarget = S, this.unbind = I } createBehavior(t) { return new R(t, this.binding, this.isBindingVolatile, this.bind, this.unbind, this.updateTarget, this.cleanedTargetName) } } class R { constructor(t, e, i, o, s, n, r) { this.source = null, this.context = null, this.bindingObserver = null, this.target = t, this.binding = e, this.isBindingVolatile = i, this.bind = o, this.unbind = s, this.updateTarget = n, this.targetName = r } handleChange() { this.updateTarget(this.bindingObserver.observe(this.source, this.context)) } handleEvent(t) { v.setEvent(t); const e = this.binding(this.source, this.context); v.setEvent(null), !0 !== e && t.preventDefault() } } let A = null; class L { addFactory(t) { t.targetIndex = this.targetIndex, this.behaviorFactories.push(t) } captureContentBinding(t) { t.targetAtContent(), this.addFactory(t) } reset() { this.behaviorFactories = [], this.targetIndex = -1 } release() { A = this } static borrow(t) { const e = A || new L; return e.directives = t, e.reset(), A = null, e } } function P(t) { if (1 === t.length) return t[0]; let e; const i = t.length, o = t.map(t => "string" == typeof t ? () => t : (e = t.targetName || e, t.binding)), s = new V((t, e) => { let s = ""; for (let n = 0; n < i; ++n)s += o[n](t, e); return s }); return s.targetName = e, s } const z = h.length; function H(t, e) { const i = e.split(c); if (1 === i.length) return null; const o = []; for (let e = 0, s = i.length; e < s; ++e) { const s = i[e], n = s.indexOf(h); let r; if (-1 === n) r = s; else { const e = parseInt(s.substring(0, n)); o.push(t.directives[e]), r = s.substring(n + z) } "" !== r && o.push(r) } return o } function M(t, e, i = !1) { const o = e.attributes; for (let s = 0, n = o.length; s < n; ++s) { const r = o[s], a = r.value, l = H(t, a); let c = null; null === l ? i && (c = new V(() => a), c.targetName = r.name) : c = P(l), null !== c && (e.removeAttributeNode(r), s--, n--, t.addFactory(c)) } } function B(t, e, i) { const o = H(t, e.textContent); if (null !== o) { let s = e; for (let n = 0, r = o.length; n < r; ++n) { const r = o[n], a = 0 === n ? e : s.parentNode.insertBefore(document.createTextNode(""), s.nextSibling); "string" == typeof r ? a.textContent = r : (a.textContent = " ", t.captureContentBinding(r)), s = a, t.targetIndex++, a !== e && i.nextNode() } t.targetIndex-- } } const N = document.createRange(); class j { constructor(t, e) { this.fragment = t, this.behaviors = e, this.source = null, this.context = null, this.firstChild = t.firstChild, this.lastChild = t.lastChild } appendTo(t) { t.appendChild(this.fragment) } insertBefore(t) { if (this.fragment.hasChildNodes()) t.parentNode.insertBefore(this.fragment, t); else { const e = this.lastChild; if (t.previousSibling === e) return; const i = t.parentNode; let o, s = this.firstChild; for (; s !== e;)o = s.nextSibling, i.insertBefore(s, t), s = o; i.insertBefore(e, t) } } remove() { const t = this.fragment, e = this.lastChild; let i, o = this.firstChild; for (; o !== e;)i = o.nextSibling, t.appendChild(o), o = i; t.appendChild(e) } dispose() { const t = this.firstChild.parentNode, e = this.lastChild; let i, o = this.firstChild; for (; o !== e;)i = o.nextSibling, t.removeChild(o), o = i; t.removeChild(e); const s = this.behaviors, n = this.source; for (let t = 0, e = s.length; t < e; ++t)s[t].unbind(n) } bind(t, e) { const i = this.behaviors; if (this.source !== t) if (null !== this.source) { const o = this.source; this.source = t, this.context = e; for (let s = 0, n = i.length; s < n; ++s) { const n = i[s]; n.unbind(o), n.bind(t, e) } } else { this.source = t, this.context = e; for (let o = 0, s = i.length; o < s; ++o)i[o].bind(t, e) } } unbind() { if (null === this.source) return; const t = this.behaviors, e = this.source; for (let i = 0, o = t.length; i < o; ++i)t[i].unbind(e); this.source = null } static disposeContiguousBatch(t) { if (0 !== t.length) { N.setStartBefore(t[0].firstChild), N.setEndAfter(t[t.length - 1].lastChild), N.deleteContents(); for (let e = 0, i = t.length; e < i; ++e) { const i = t[e], o = i.behaviors, s = i.source; for (let t = 0, e = o.length; t < e; ++t)o[t].unbind(s) } } } } class U { constructor(t, e) { this.behaviorCount = 0, this.hasHostBehaviors = !1, this.fragment = null, this.targetOffset = 0, this.viewBehaviorFactories = null, this.hostBehaviorFactories = null, this.html = t, this.directives = e } create(t) { if (null === this.fragment) { let t; const e = this.html; if ("string" == typeof e) { t = document.createElement("template"), t.innerHTML = d.createHTML(e); const i = t.content.firstElementChild; null !== i && "TEMPLATE" === i.tagName && (t = i) } else t = e; const i = function (t, e) { const i = t.content; document.adoptNode(i); const o = L.borrow(e); M(o, t, !0); const s = o.behaviorFactories; o.reset(); const n = d.createTemplateWalker(i); let r; for (; r = n.nextNode();)switch (o.targetIndex++, r.nodeType) { case 1: M(o, r); break; case 3: B(o, r, n); break; case 8: d.isMarker(r) && o.addFactory(e[d.extractDirectiveIndexFromMarker(r)]) }let a = 0; (d.isMarker(i.firstChild) || 1 === i.childNodes.length && e.length) && (i.insertBefore(document.createComment(""), i.firstChild), a = -1); const l = o.behaviorFactories; return o.release(), { fragment: i, viewBehaviorFactories: l, hostBehaviorFactories: s, targetOffset: a } }(t, this.directives); this.fragment = i.fragment, this.viewBehaviorFactories = i.viewBehaviorFactories, this.hostBehaviorFactories = i.hostBehaviorFactories, this.targetOffset = i.targetOffset, this.behaviorCount = this.viewBehaviorFactories.length + this.hostBehaviorFactories.length, this.hasHostBehaviors = this.hostBehaviorFactories.length > 0 } const e = this.fragment.cloneNode(!0), i = this.viewBehaviorFactories, o = new Array(this.behaviorCount), s = d.createTemplateWalker(e); let n = 0, r = this.targetOffset, a = s.nextNode(); for (let t = i.length; n < t; ++n) { const t = i[n], e = t.targetIndex; for (; null !== a;) { if (r === e) { o[n] = t.createBehavior(a); break } a = s.nextNode(), r++ } } if (this.hasHostBehaviors) { const e = this.hostBehaviorFactories; for (let i = 0, s = e.length; i < s; ++i, ++n)o[n] = e[i].createBehavior(t) } return new j(e, o) } render(t, e, i) { "string" == typeof e && (e = document.getElementById(e)), void 0 === i && (i = e); const o = this.create(i); return o.bind(t, b), o.appendTo(e), o } } const q = /([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/; function _(t, ...e) { const i = []; let o = ""; for (let s = 0, n = t.length - 1; s < n; ++s) { const n = t[s]; let r = e[s]; if (o += n, r instanceof U) { const t = r; r = () => t } if ("function" == typeof r && (r = new V(r)), r instanceof x) { const t = q.exec(n); null !== t && (r.targetName = t[2]) } r instanceof y ? (o += r.createPlaceholder(i.length), i.push(r)) : o += r } return o += t[t.length - 1], new U(o, i) } class G { constructor() { this.targets = new WeakSet } addStylesTo(t) { this.targets.add(t) } removeStylesFrom(t) { this.targets.delete(t) } isAttachedTo(t) { return this.targets.has(t) } withBehaviors(...t) { return this.behaviors = null === this.behaviors ? t : this.behaviors.concat(t), this } } function W(t) { return t.map(t => t instanceof G ? W(t.styles) : [t]).reduce((t, e) => t.concat(e), []) } function K(t) { return t.map(t => t instanceof G ? t.behaviors : null).reduce((t, e) => null === e ? t : (null === t && (t = []), t.concat(e)), null) } G.create = (() => { if (d.supportsAdoptedStyleSheets) { const t = new Map; return e => new X(e, t) } return t => new Q(t) })(); class X extends G { constructor(t, e) { super(), this.styles = t, this.styleSheetCache = e, this._styleSheets = void 0, this.behaviors = K(t) } get styleSheets() { if (void 0 === this._styleSheets) { const t = this.styles, e = this.styleSheetCache; this._styleSheets = W(t).map(t => { if (t instanceof CSSStyleSheet) return t; let i = e.get(t); return void 0 === i && (i = new CSSStyleSheet, i.replaceSync(t), e.set(t, i)), i }) } return this._styleSheets } addStylesTo(t) { t.adoptedStyleSheets = [...t.adoptedStyleSheets, ...this.styleSheets], super.addStylesTo(t) } removeStylesFrom(t) { const e = this.styleSheets; t.adoptedStyleSheets = t.adoptedStyleSheets.filter(t => -1 === e.indexOf(t)), super.removeStylesFrom(t) } } let Y = 0; class Q extends G { constructor(t) { super(), this.styles = t, this.behaviors = null, this.behaviors = K(t), this.styleSheets = W(t), this.styleClass = "fast-style-class-" + ++Y } addStylesTo(t) { const e = this.styleSheets, i = this.styleClass; t = this.normalizeTarget(t); for (let o = 0; o < e.length; o++) { const s = document.createElement("style"); s.innerHTML = e[o], s.className = i, t.append(s) } super.addStylesTo(t) } removeStylesFrom(t) { const e = (t = this.normalizeTarget(t)).querySelectorAll("." + this.styleClass); for (let i = 0, o = e.length; i < o; ++i)t.removeChild(e[i]); super.removeStylesFrom(t) } isAttachedTo(t) { return super.isAttachedTo(this.normalizeTarget(t)) } normalizeTarget(t) { return t === document ? document.body : t } } const Z = Object.freeze({ locate: s() }), J = { toView: t => t ? "true" : "false", fromView: t => null != t && "false" !== t && !1 !== t && 0 !== t }, tt = { toView(t) { if (null == t) return null; const e = 1 * t; return isNaN(e) ? null : e.toString() }, fromView(t) { if (null == t) return null; const e = 1 * t; return isNaN(e) ? null : e } }; class et { constructor(t, e, i = e.toLowerCase(), o = "reflect", s) { this.guards = new Set, this.Owner = t, this.name = e, this.attribute = i, this.mode = o, this.converter = s, this.fieldName = "_" + e, this.callbackName = e + "Changed", this.hasCallback = this.callbackName in t.prototype, "boolean" === o && void 0 === s && (this.converter = J) } setValue(t, e) { const i = t[this.fieldName], o = this.converter; void 0 !== o && (e = o.fromView(e)), i !== e && (t[this.fieldName] = e, this.tryReflectToAttribute(t), this.hasCallback && t[this.callbackName](i, e), t.$fastController.notify(this.name)) } getValue(t) { return g.track(t, this.name), t[this.fieldName] } onAttributeChangedCallback(t, e) { this.guards.has(t) || (this.guards.add(t), this.setValue(t, e), this.guards.delete(t)) } tryReflectToAttribute(t) { const e = this.mode, i = this.guards; i.has(t) || "fromView" === e || d.queueUpdate(() => { i.add(t); const o = t[this.fieldName]; switch (e) { case "reflect": const e = this.converter; d.setAttribute(t, this.attribute, void 0 !== e ? e.toView(o) : o); break; case "boolean": d.setBooleanAttribute(t, this.attribute, o) }i.delete(t) }) } static collect(t, ...e) { const i = []; e.push(Z.locate(t)); for (let o = 0, s = e.length; o < s; ++o) { const s = e[o]; if (void 0 !== s) for (let e = 0, o = s.length; e < o; ++e) { const o = s[e]; "string" == typeof o ? i.push(new et(t, o)) : i.push(new et(t, o.property, o.attribute, o.mode, o.converter)) } } return i } } function it(t, e) { let i; function o(t, e) { arguments.length > 1 && (i.property = e), Z.locate(t.constructor).push(i) } return arguments.length > 1 ? (i = {}, void o(t, e)) : (i = void 0 === t ? {} : t, o) } const ot = { mode: "open" }, st = {}, nt = i.getById(4, () => { const t = new Map; return Object.freeze({ register: e => !t.has(e.type) && (t.set(e.type, e), !0), getByType: e => t.get(e) }) }); class rt { constructor(t, e = t.definition) { "string" == typeof e && (e = { name: e }), this.type = t, this.name = e.name, this.template = e.template; const i = et.collect(t, e.attributes), o = new Array(i.length), s = {}, n = {}; for (let t = 0, e = i.length; t < e; ++t) { const e = i[t]; o[t] = e.attribute, s[e.name] = e, n[e.attribute] = e } this.attributes = i, this.observedAttributes = o, this.propertyLookup = s, this.attributeLookup = n, this.shadowOptions = void 0 === e.shadowOptions ? ot : null === e.shadowOptions ? void 0 : Object.assign(Object.assign({}, ot), e.shadowOptions), this.elementOptions = void 0 === e.elementOptions ? st : Object.assign(Object.assign({}, st), e.elementOptions), this.styles = void 0 === e.styles ? void 0 : Array.isArray(e.styles) ? G.create(e.styles) : e.styles instanceof G ? e.styles : G.create([e.styles]) } get isDefined() { return !!nt.getByType(this.type) } define(t = customElements) { const e = this.type; if (nt.register(this)) { const t = this.attributes, i = e.prototype; for (let e = 0, o = t.length; e < o; ++e)g.defineProperty(i, t[e]); Reflect.defineProperty(e, "observedAttributes", { value: this.observedAttributes, enumerable: !0 }) } return t.get(this.name) || t.define(this.name, e, this.elementOptions), this } } rt.forType = nt.getByType; const at = new WeakMap, lt = { bubbles: !0, composed: !0, cancelable: !0 }; function ct(t) { return t.shadowRoot || at.get(t) || null } class ht extends p { constructor(t, e) { super(t), this.boundObservables = null, this.behaviors = null, this.needsInitialization = !0, this._template = null, this._styles = null, this._isConnected = !1, this.$fastController = this, this.view = null, this.element = t, this.definition = e; const i = e.shadowOptions; if (void 0 !== i) { const e = t.attachShadow(i); "closed" === i.mode && at.set(t, e) } const o = g.getAccessors(t); if (o.length > 0) { const e = this.boundObservables = Object.create(null); for (let i = 0, s = o.length; i < s; ++i) { const s = o[i].name, n = t[s]; void 0 !== n && (delete t[s], e[s] = n) } } } get isConnected() { return g.track(this, "isConnected"), this._isConnected } setIsConnected(t) { this._isConnected = t, g.notify(this, "isConnected") } get template() { return this._template } set template(t) { this._template !== t && (this._template = t, this.needsInitialization || this.renderTemplate(t)) } get styles() { return this._styles } set styles(t) { this._styles !== t && (null !== this._styles && this.removeStyles(this._styles), this._styles = t, this.needsInitialization || null === t || this.addStyles(t)) } addStyles(t) { const e = ct(this.element) || this.element.getRootNode(); if (t instanceof HTMLStyleElement) e.append(t); else if (!t.isAttachedTo(e)) { const i = t.behaviors; t.addStylesTo(e), null !== i && this.addBehaviors(i) } } removeStyles(t) { const e = ct(this.element) || this.element.getRootNode(); if (t instanceof HTMLStyleElement) e.removeChild(t); else if (t.isAttachedTo(e)) { const i = t.behaviors; t.removeStylesFrom(e), null !== i && this.removeBehaviors(i) } } addBehaviors(t) { const e = this.behaviors || (this.behaviors = new Map), i = t.length, o = []; for (let s = 0; s < i; ++s) { const i = t[s]; e.has(i) ? e.set(i, e.get(i) + 1) : (e.set(i, 1), o.push(i)) } if (this._isConnected) { const t = this.element; for (let e = 0; e < o.length; ++e)o[e].bind(t, b) } } removeBehaviors(t, e = !1) { const i = this.behaviors; if (null === i) return; const o = t.length, s = []; for (let n = 0; n < o; ++n) { const o = t[n]; if (i.has(o)) { const t = i.get(o) - 1; 0 === t || e ? i.delete(o) && s.push(o) : i.set(o, t) } } if (this._isConnected) { const t = this.element; for (let e = 0; e < s.length; ++e)s[e].unbind(t) } } onConnectedCallback() { if (this._isConnected) return; const t = this.element; this.needsInitialization ? this.finishInitialization() : null !== this.view && this.view.bind(t, b); const e = this.behaviors; if (null !== e) for (const [i] of e) i.bind(t, b); this.setIsConnected(!0) } onDisconnectedCallback() { if (!this._isConnected) return; this.setIsConnected(!1); const t = this.view; null !== t && t.unbind(); const e = this.behaviors; if (null !== e) { const t = this.element; for (const [i] of e) i.unbind(t) } } onAttributeChangedCallback(t, e, i) { const o = this.definition.attributeLookup[t]; void 0 !== o && o.onAttributeChangedCallback(this.element, i) } emit(t, e, i) { return !!this._isConnected && this.element.dispatchEvent(new CustomEvent(t, Object.assign(Object.assign({ detail: e }, lt), i))) } finishInitialization() { const t = this.element, e = this.boundObservables; if (null !== e) { const i = Object.keys(e); for (let o = 0, s = i.length; o < s; ++o) { const s = i[o]; t[s] = e[s] } this.boundObservables = null } const i = this.definition; null === this._template && (this.element.resolveTemplate ? this._template = this.element.resolveTemplate() : i.template && (this._template = i.template || null)), null !== this._template && this.renderTemplate(this._template), null === this._styles && (this.element.resolveStyles ? this._styles = this.element.resolveStyles() : i.styles && (this._styles = i.styles || null)), null !== this._styles && this.addStyles(this._styles), this.needsInitialization = !1 } renderTemplate(t) { const e = this.element, i = ct(e) || e; null !== this.view ? (this.view.dispose(), this.view = null) : this.needsInitialization || d.removeChildNodes(i), t && (this.view = t.render(e, i, e)) } static forCustomElement(t) { const e = t.$fastController; if (void 0 !== e) return e; const i = rt.forType(t.constructor); if (void 0 === i) throw new Error("Missing FASTElement definition."); return t.$fastController = new ht(t, i) } } function dt(t) { return class extends t { constructor() { super(), ht.forCustomElement(this) } $emit(t, e, i) { return this.$fastController.emit(t, e, i) } connectedCallback() { this.$fastController.onConnectedCallback() } disconnectedCallback() { this.$fastController.onDisconnectedCallback() } attributeChangedCallback(t, e, i) { this.$fastController.onAttributeChangedCallback(t, e, i) } } } const ut = Object.assign(dt(HTMLElement), { from: t => dt(t), define: (t, e) => new rt(t, e).define().type }); class pt { createCSS() { return "" } createBehavior() { } } function gt(t, e) { const i = []; let o = ""; const s = []; for (let n = 0, r = t.length - 1; n < r; ++n) { o += t[n]; let r = e[n]; if (r instanceof pt) { const t = r.createBehavior(); r = r.createCSS(), t && s.push(t) } r instanceof G || r instanceof CSSStyleSheet ? ("" !== o.trim() && (i.push(o), o = ""), i.push(r)) : o += r } return o += t[t.length - 1], "" !== o.trim() && i.push(o), { styles: i, behaviors: s } } function ft(t, ...e) { const { styles: i, behaviors: o } = gt(t, e), s = G.create(i); return o.length && s.withBehaviors(...o), s } class mt extends pt { constructor(t, e) { super(), this.behaviors = e, this.css = ""; const i = t.reduce((t, e) => ("string" == typeof e ? this.css += e : t.push(e), t), []); i.length && (this.styles = G.create(i)) } createBehavior() { return this } createCSS() { return this.css } bind(t) { this.styles && t.$fastController.addStyles(this.styles), this.behaviors.length && t.$fastController.addBehaviors(this.behaviors) } unbind(t) { this.styles && t.$fastController.removeStyles(this.styles), this.behaviors.length && t.$fastController.removeBehaviors(this.behaviors) } } function vt(t, ...e) { const { styles: i, behaviors: o } = gt(t, e); return new mt(i, o) } function bt(t, e, i) { return { index: t, removed: e, addedCount: i } } function yt(t, e, i, s, n, r) { let a = 0, l = 0; const c = Math.min(i - e, r - n); if (0 === e && 0 === n && (a = function (t, e, i) { for (let o = 0; o < i; ++o)if (t[o] !== e[o]) return o; return i }(t, s, c)), i === t.length && r === s.length && (l = function (t, e, i) { let o = t.length, s = e.length, n = 0; for (; n < i && t[--o] === e[--s];)n++; return n }(t, s, c - a)), n += a, r -= l, (i -= l) - (e += a) == 0 && r - n == 0) return o; if (e === i) { const t = bt(e, [], 0); for (; n < r;)t.removed.push(s[n++]); return [t] } if (n === r) return [bt(e, [], i - e)]; const h = function (t) { let e = t.length - 1, i = t[0].length - 1, o = t[e][i]; const s = []; for (; e > 0 || i > 0;) { if (0 === e) { s.push(2), i--; continue } if (0 === i) { s.push(3), e--; continue } const n = t[e - 1][i - 1], r = t[e - 1][i], a = t[e][i - 1]; let l; l = r < a ? r < n ? r : n : a < n ? a : n, l === n ? (n === o ? s.push(0) : (s.push(1), o = n), e--, i--) : l === r ? (s.push(3), e--, o = r) : (s.push(2), i--, o = a) } return s.reverse(), s }(function (t, e, i, o, s, n) { const r = n - s + 1, a = i - e + 1, l = new Array(r); let c, h; for (let t = 0; t < r; ++t)l[t] = new Array(a), l[t][0] = t; for (let t = 0; t < a; ++t)l[0][t] = t; for (let i = 1; i < r; ++i)for (let n = 1; n < a; ++n)t[e + n - 1] === o[s + i - 1] ? l[i][n] = l[i - 1][n - 1] : (c = l[i - 1][n] + 1, h = l[i][n - 1] + 1, l[i][n] = c < h ? c : h); return l }(t, e, i, s, n, r)), d = []; let u = void 0, p = e, g = n; for (let t = 0; t < h.length; ++t)switch (h[t]) { case 0: void 0 !== u && (d.push(u), u = void 0), p++, g++; break; case 1: void 0 === u && (u = bt(p, [], 0)), u.addedCount++, p++, u.removed.push(s[g]), g++; break; case 2: void 0 === u && (u = bt(p, [], 0)), u.addedCount++, p++; break; case 3: void 0 === u && (u = bt(p, [], 0)), u.removed.push(s[g]), g++ }return void 0 !== u && d.push(u), d } const xt = Array.prototype.push; function $t(t, e, i, o) { const s = bt(e, i, o); let n = !1, r = 0; for (let e = 0; e < t.length; e++) { const i = t[e]; if (i.index += r, n) continue; const o = (a = s.index, l = s.index + s.removed.length, c = i.index, h = i.index + i.addedCount, l < c || h < a ? -1 : l === c || h === a ? 0 : a < c ? l < h ? l - c : h - c : h < l ? h - a : l - a); if (o >= 0) { t.splice(e, 1), e--, r -= i.addedCount - i.removed.length, s.addedCount += i.addedCount - o; const a = s.removed.length + i.removed.length - o; if (s.addedCount || a) { let t = i.removed; if (s.index < i.index) { const e = s.removed.slice(0, i.index - s.index); xt.apply(e, t), t = e } if (s.index + s.removed.length > i.index + i.addedCount) { const e = s.removed.slice(i.index + i.addedCount - s.index); xt.apply(t, e) } s.removed = t, i.index < s.index && (s.index = i.index) } else n = !0 } else if (s.index < i.index) { n = !0, t.splice(e, 0, s), e++; const o = s.addedCount - s.removed.length; i.index += o, r += o } } var a, l, c, h; n || t.push(s) } function wt(t, e) { let i = []; const o = function (t) { const e = []; for (let i = 0, o = t.length; i < o; i++) { const o = t[i]; $t(e, o.index, o.removed, o.addedCount) } return e }(e); for (let e = 0, s = o.length; e < s; ++e) { const s = o[e]; 1 !== s.addedCount || 1 !== s.removed.length ? i = i.concat(yt(t, s.index, s.index + s.addedCount, s.removed, 0, s.removed.length)) : s.removed[0] !== t[s.index] && i.push(s) } return i } let kt = !1; function Ct(t, e) { let i = t.index; const o = e.length; return i > o ? i = o - t.addedCount : i < 0 && (i = o + t.removed.length + i - t.addedCount), i < 0 && (i = 0), t.index = i, t } class It extends u { constructor(t) { super(t), this.oldCollection = void 0, this.splices = void 0, this.needsQueue = !0, this.call = this.flush, Reflect.defineProperty(t, "$fastController", { value: this, enumerable: !1 }) } subscribe(t) { this.flush(), super.subscribe(t) } addSplice(t) { void 0 === this.splices ? this.splices = [t] : this.splices.push(t), this.needsQueue && (this.needsQueue = !1, d.queueUpdate(this)) } reset(t) { this.oldCollection = t, this.needsQueue && (this.needsQueue = !1, d.queueUpdate(this)) } flush() { const t = this.splices, e = this.oldCollection; if (void 0 === t && void 0 === e) return; this.needsQueue = !0, this.splices = void 0, this.oldCollection = void 0; const i = void 0 === e ? wt(this.source, t) : yt(this.source, 0, this.source.length, e, 0, e.length); this.notify(i) } } class Ft { constructor(t, e) { this.target = t, this.propertyName = e } bind(t) { t[this.propertyName] = this.target } unbind() { } } function Dt(t) { return new $("fast-ref", Ft, t) } function Tt(t, e) { const i = "function" == typeof e ? e : () => e; return (e, o) => t(e, o) ? i(e, o) : null } const St = Object.freeze({ positioning: !1, recycle: !0 }); function Ot(t, e, i, o) { t.bind(e[i], o) } function Et(t, e, i, o) { const s = Object.create(o); s.index = i, s.length = e.length, t.bind(e[i], s) } class Vt { constructor(t, e, i, o, s, n) { this.location = t, this.itemsBinding = e, this.templateBinding = o, this.options = n, this.source = null, this.views = [], this.items = null, this.itemsObserver = null, this.originalContext = void 0, this.childContext = void 0, this.bindView = Ot, this.itemsBindingObserver = g.binding(e, this, i), this.templateBindingObserver = g.binding(o, this, s), n.positioning && (this.bindView = Et) } bind(t, e) { this.source = t, this.originalContext = e, this.childContext = Object.create(e), this.childContext.parent = t, this.childContext.parentContext = this.originalContext, this.items = this.itemsBindingObserver.observe(t, this.originalContext), this.template = this.templateBindingObserver.observe(t, this.originalContext), this.observeItems(!0), this.refreshAllViews() } unbind() { this.source = null, this.items = null, null !== this.itemsObserver && this.itemsObserver.unsubscribe(this), this.unbindAllViews(), this.itemsBindingObserver.disconnect(), this.templateBindingObserver.disconnect() } handleChange(t, e) { t === this.itemsBinding ? (this.items = this.itemsBindingObserver.observe(this.source, this.originalContext), this.observeItems(), this.refreshAllViews()) : t === this.templateBinding ? (this.template = this.templateBindingObserver.observe(this.source, this.originalContext), this.refreshAllViews(!0)) : this.updateViews(e) } observeItems(t = !1) { if (!this.items) return void (this.items = o); const e = this.itemsObserver, i = this.itemsObserver = g.getNotifier(this.items), s = e !== i; s && null !== e && e.unsubscribe(this), (s || t) && i.subscribe(this) } updateViews(t) { const e = this.childContext, i = this.views, o = this.bindView, s = this.items, n = this.template, r = this.options.recycle, a = []; let l = 0, c = 0; for (let h = 0, d = t.length; h < d; ++h) { const d = t[h], u = d.removed; let p = 0, g = d.index; const f = g + d.addedCount, m = i.splice(d.index, u.length), v = c = a.length + m.length; for (; g < f; ++g) { const t = i[g], h = t ? t.firstChild : this.location; let d; r && c > 0 ? (p <= v && m.length > 0 ? (d = m[p], p++) : (d = a[l], l++), c--) : d = n.create(), i.splice(g, 0, d), o(d, s, g, e), d.insertBefore(h) } m[p] && a.push(...m.slice(p)) } for (let t = l, e = a.length; t < e; ++t)a[t].dispose(); if (this.options.positioning) for (let t = 0, e = i.length; t < e; ++t) { const o = i[t].context; o.length = e, o.index = t } } refreshAllViews(t = !1) { const e = this.items, i = this.childContext, o = this.template, s = this.location, n = this.bindView; let r = e.length, a = this.views, l = a.length; if (0 !== r && !t && this.options.recycle || (j.disposeContiguousBatch(a), l = 0), 0 === l) { this.views = a = new Array(r); for (let t = 0; t < r; ++t) { const r = o.create(); n(r, e, t, i), a[t] = r, r.insertBefore(s) } } else { let t = 0; for (; t < r; ++t)if (t < l) { n(a[t], e, t, i) } else { const r = o.create(); n(r, e, t, i), a.push(r), r.insertBefore(s) } const c = a.splice(t, l - t); for (t = 0, r = c.length; t < r; ++t)c[t].dispose() } } unbindAllViews() { const t = this.views; for (let e = 0, i = t.length; e < i; ++e)t[e].unbind() } } class Rt extends y { constructor(t, e, i) { super(), this.itemsBinding = t, this.templateBinding = e, this.options = i, this.createPlaceholder = d.createBlockPlaceholder, function () { if (kt) return; kt = !0, g.setArrayObserverFactory(t => new It(t)); const t = Array.prototype; if (t.$fastPatch) return; Reflect.defineProperty(t, "$fastPatch", { value: 1, enumerable: !1 }); const e = t.pop, i = t.push, o = t.reverse, s = t.shift, n = t.sort, r = t.splice, a = t.unshift; t.pop = function () { const t = this.length > 0, i = e.apply(this, arguments), o = this.$fastController; return void 0 !== o && t && o.addSplice(bt(this.length, [i], 0)), i }, t.push = function () { const t = i.apply(this, arguments), e = this.$fastController; return void 0 !== e && e.addSplice(Ct(bt(this.length - arguments.length, [], arguments.length), this)), t }, t.reverse = function () { let t; const e = this.$fastController; void 0 !== e && (e.flush(), t = this.slice()); const i = o.apply(this, arguments); return void 0 !== e && e.reset(t), i }, t.shift = function () { const t = this.length > 0, e = s.apply(this, arguments), i = this.$fastController; return void 0 !== i && t && i.addSplice(bt(0, [e], 0)), e }, t.sort = function () { let t; const e = this.$fastController; void 0 !== e && (e.flush(), t = this.slice()); const i = n.apply(this, arguments); return void 0 !== e && e.reset(t), i }, t.splice = function () { const t = r.apply(this, arguments), e = this.$fastController; return void 0 !== e && e.addSplice(Ct(bt(+arguments[0], t, arguments.length > 2 ? arguments.length - 2 : 0), this)), t }, t.unshift = function () { const t = a.apply(this, arguments), e = this.$fastController; return void 0 !== e && e.addSplice(Ct(bt(0, [], arguments.length), this)), t } }(), this.isItemsBindingVolatile = g.isVolatileBinding(t), this.isTemplateBindingVolatile = g.isVolatileBinding(e) } createBehavior(t) { return new Vt(t, this.itemsBinding, this.isItemsBindingVolatile, this.templateBinding, this.isTemplateBindingVolatile, this.options) } } function At(t, e, i = St) { return new Rt(t, "function" == typeof e ? e : () => e, Object.assign(Object.assign({}, St), i)) } function Lt(t) { return t ? function (e, i, o) { return 1 === e.nodeType && e.matches(t) } : function (t, e, i) { return 1 === t.nodeType } } class Pt { constructor(t, e) { this.target = t, this.options = e, this.source = null } bind(t) { const e = this.options.property; this.shouldUpdate = g.getAccessors(t).some(t => t.name === e), this.source = t, this.updateTarget(this.computeNodes()), this.shouldUpdate && this.observe() } unbind() { this.updateTarget(o), this.source = null, this.shouldUpdate && this.disconnect() } handleEvent() { this.updateTarget(this.computeNodes()) } computeNodes() { let t = this.getNodes(); return void 0 !== this.options.filter && (t = t.filter(this.options.filter)), t } updateTarget(t) { this.source[this.options.property] = t } } class zt extends Pt { constructor(t, e) { super(t, e) } observe() { this.target.addEventListener("slotchange", this) } disconnect() { this.target.removeEventListener("slotchange", this) } getNodes() { return this.target.assignedNodes(this.options) } } function Ht(t) { return "string" == typeof t && (t = { property: t }), new $("fast-slotted", zt, t) } class Mt extends Pt { constructor(t, e) { super(t, e), this.observer = null, e.childList = !0 } observe() { null === this.observer && (this.observer = new MutationObserver(this.handleEvent.bind(this))), this.observer.observe(this.target, this.options) } disconnect() { this.observer.disconnect() } getNodes() { return "subtree" in this.options ? Array.from(this.target.querySelectorAll(this.options.selector)) : Array.from(this.target.childNodes) } } function Bt(t) { return "string" == typeof t && (t = { property: t }), new $("fast-children", Mt, t) } class Nt { handleStartContentChange() { this.startContainer.classList.toggle("start", this.start.assignedNodes().length > 0) } handleEndContentChange() { this.endContainer.classList.toggle("end", this.end.assignedNodes().length > 0) } } const jt = (t, e) => _`