elements-kit 0.16.0 → 0.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{benchmark.CX_oY03V-CSLAXL5f.mjs → benchmark.CX_oY03V-CsUg-gW0.mjs} +32 -1
- package/dist/{element-D6xVuWdX.mjs → element-DGuUvJM4.mjs} +1 -1
- package/dist/for.mjs +2 -2
- package/dist/integrations/react.mjs +2 -2
- package/dist/jsx-runtime/index.d.mts +1 -1
- package/dist/jsx-runtime/index.mjs +1 -1
- package/dist/{lib-Dkc7cV5F.mjs → lib-Cg8fI7K5.mjs} +0 -31
- package/dist/render.mjs +1 -1
- package/dist/{scope-CnEvL9Nd.mjs → scope-De6rSJvq.mjs} +1 -1
- package/dist/signals/index.mjs +1 -1
- package/dist/{test.BmQO5GaM-Ddz9cDxc.mjs → test.BmQO5GaM-ZC2MPXQb.mjs} +1 -100
- package/dist/ui/styles/base/neutral.css +30 -0
- package/dist/ui/styles/palette/neutral.css +127 -0
- package/dist/utilities/_observe.mjs +1 -1
- package/dist/utilities/active-element.mjs +1 -1
- package/dist/utilities/active-element.test.mjs +2 -2
- package/dist/utilities/async.mjs +1 -1
- package/dist/utilities/async.test.mjs +3 -3
- package/dist/utilities/context.mjs +1 -1
- package/dist/utilities/context.test.mjs +3 -3
- package/dist/utilities/debounced.mjs +1 -1
- package/dist/utilities/debounced.test.mjs +3 -3
- package/dist/utilities/dom-lifecycle.bench.mjs +1 -1
- package/dist/utilities/dom-lifecycle.mjs +1 -1
- package/dist/utilities/dom-lifecycle.test.mjs +2 -2
- package/dist/utilities/element-rect.mjs +1 -1
- package/dist/utilities/element-rect.test.mjs +3 -3
- package/dist/utilities/element-scroll.test.mjs +3 -3
- package/dist/utilities/event-driven.mjs +1 -1
- package/dist/utilities/event-listener.mjs +1 -1
- package/dist/utilities/event-listener.test.mjs +3 -3
- package/dist/utilities/focus-within.mjs +1 -1
- package/dist/utilities/focus-within.test.mjs +3 -3
- package/dist/utilities/hover.mjs +1 -1
- package/dist/utilities/hover.test.mjs +3 -3
- package/dist/utilities/intersection-observer.test.mjs +3 -3
- package/dist/utilities/interval.mjs +1 -1
- package/dist/utilities/interval.test.mjs +3 -3
- package/dist/utilities/location.mjs +1 -1
- package/dist/utilities/location.test.mjs +2 -2
- package/dist/utilities/long-press.test.mjs +3 -3
- package/dist/utilities/media-devices.mjs +1 -1
- package/dist/utilities/media-devices.test.mjs +3 -3
- package/dist/utilities/media-player.test.mjs +3 -3
- package/dist/utilities/media-query.mjs +1 -1
- package/dist/utilities/mutation-observer.test.mjs +3 -3
- package/dist/utilities/network.mjs +1 -1
- package/dist/utilities/network.test.mjs +2 -2
- package/dist/utilities/on-click-outside.test.mjs +3 -3
- package/dist/utilities/orientation.mjs +1 -1
- package/dist/utilities/previous.mjs +1 -1
- package/dist/utilities/previous.test.mjs +3 -3
- package/dist/utilities/promise.mjs +1 -1
- package/dist/utilities/promise.test.mjs +3 -3
- package/dist/utilities/retry.mjs +1 -1
- package/dist/utilities/retry.test.mjs +3 -3
- package/dist/utilities/routing.mjs +1 -1
- package/dist/utilities/routing.test.mjs +2 -2
- package/dist/utilities/search-params.test.mjs +3 -3
- package/dist/utilities/ssr.test.mjs +2 -2
- package/dist/utilities/storage.test.mjs +3 -3
- package/dist/utilities/throttled.mjs +1 -1
- package/dist/utilities/throttled.test.mjs +3 -3
- package/dist/utilities/timeout.mjs +1 -1
- package/dist/utilities/timeout.test.mjs +3 -3
- package/dist/utilities/window-focus.mjs +1 -1
- package/dist/utilities/window-size.mjs +1 -1
- package/dist/utilities/window-size.test.mjs +2 -2
- package/package.json +1 -1
- package/dist/ui/styles/base/gray.css +0 -30
- package/dist/ui/styles/palette/gray.css +0 -127
|
@@ -4099,6 +4099,14 @@ function afterEach(fn, timeout) {
|
|
|
4099
4099
|
};
|
|
4100
4100
|
return getCurrentSuite().on("afterEach", withTimeout(wrapper, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
|
|
4101
4101
|
}
|
|
4102
|
+
createTestHook("onTestFailed", (test, handler, timeout) => {
|
|
4103
|
+
test.onFailed ||= [];
|
|
4104
|
+
test.onFailed.push(withTimeout(handler, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
|
|
4105
|
+
});
|
|
4106
|
+
createTestHook("onTestFinished", (test, handler, timeout) => {
|
|
4107
|
+
test.onFinished ||= [];
|
|
4108
|
+
test.onFinished.push(withTimeout(handler, timeout ?? getDefaultHookTimeout(), true, /* @__PURE__ */ new Error("STACK_TRACE_ERROR"), abortIfTimeout));
|
|
4109
|
+
});
|
|
4102
4110
|
/**
|
|
4103
4111
|
* Registers a callback function that wraps around all tests within the current suite.
|
|
4104
4112
|
* The callback receives a `runSuite` function that must be called to run the suite's tests.
|
|
@@ -4198,6 +4206,14 @@ function withSuiteFixtures(suiteHook, fn, context, stackTraceError, contextIndex
|
|
|
4198
4206
|
})();
|
|
4199
4207
|
};
|
|
4200
4208
|
}
|
|
4209
|
+
function createTestHook(name, handler) {
|
|
4210
|
+
return (fn, timeout) => {
|
|
4211
|
+
assertTypes(fn, `"${name}" callback`, ["function"]);
|
|
4212
|
+
const current = getCurrentTest();
|
|
4213
|
+
if (!current) throw new Error(`Hook ${name}() can only be called inside a test`);
|
|
4214
|
+
return handler(current, fn, timeout);
|
|
4215
|
+
};
|
|
4216
|
+
}
|
|
4201
4217
|
function findTestFileStackTrace(testFilePath, error) {
|
|
4202
4218
|
const lines = error.split("\n").slice(1);
|
|
4203
4219
|
for (const line of lines) {
|
|
@@ -4926,7 +4942,7 @@ function makeTimeoutError(isHook, timeout, stackTraceError) {
|
|
|
4926
4942
|
}
|
|
4927
4943
|
globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
|
|
4928
4944
|
globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
|
|
4929
|
-
Date.now;
|
|
4945
|
+
const unixNow = Date.now;
|
|
4930
4946
|
const { clearTimeout, setTimeout: setTimeout$1 } = getSafeTimers();
|
|
4931
4947
|
const packs = /* @__PURE__ */ new Map();
|
|
4932
4948
|
const eventsPacks = [];
|
|
@@ -4953,6 +4969,21 @@ async function finishSendTasksUpdate(runner) {
|
|
|
4953
4969
|
sendTasksUpdate(runner);
|
|
4954
4970
|
await Promise.all(pendingTasksUpdates);
|
|
4955
4971
|
}
|
|
4972
|
+
function throttle(fn, ms) {
|
|
4973
|
+
let last = 0;
|
|
4974
|
+
let pendingCall;
|
|
4975
|
+
return function call(...args) {
|
|
4976
|
+
const now = unixNow();
|
|
4977
|
+
if (now - last > ms) {
|
|
4978
|
+
last = now;
|
|
4979
|
+
clearTimeout(pendingCall);
|
|
4980
|
+
pendingCall = void 0;
|
|
4981
|
+
return fn.apply(this, args);
|
|
4982
|
+
}
|
|
4983
|
+
pendingCall ??= setTimeout$1(() => call.bind(this)(...args), ms);
|
|
4984
|
+
};
|
|
4985
|
+
}
|
|
4986
|
+
throttle(sendTasksUpdate, 100);
|
|
4956
4987
|
/**
|
|
4957
4988
|
* @experimental
|
|
4958
4989
|
* @advanced
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-
|
|
1
|
+
import { c as effectScope, g as untracked, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "./polyfill-CdZVCxdo.mjs";
|
|
3
3
|
import { isReactive, resolveProps } from "./signals/index.mjs";
|
|
4
4
|
import { on } from "./utilities/event-listener.mjs";
|
package/dist/for.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-
|
|
1
|
+
import { c as effectScope, g as untracked, h as trigger, m as signal, p as onCleanup, s as effect } from "./lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "./signals/index.mjs";
|
|
3
|
-
import { n as disposeElement } from "./element-
|
|
3
|
+
import { n as disposeElement } from "./element-DGuUvJM4.mjs";
|
|
4
4
|
//#region src/for.ts
|
|
5
5
|
/**
|
|
6
6
|
* Keyed list renderer. See {@link ForProps} for prop details.
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { m as signal, s as effect } from "../lib-
|
|
1
|
+
import { m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { t as scope } from "../scope-
|
|
3
|
+
import { t as scope } from "../scope-De6rSJvq.mjs";
|
|
4
4
|
import { useEffect, useMemo, useRef, useSyncExternalStore } from "react";
|
|
5
5
|
//#region src/integrations/react.ts
|
|
6
6
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { U as createElement, _ as SlotProps, a as RawProps, b as MaybeReactive, c as ResolveProps, d as ComponentClass, f as ComponentFn, g as JSX, h as Attrs, i as Props, l as Child, m as PropsTarget, n as ElementProps, o as ReactiveProps, p as ComponentInstance, r as MaybeReactiveProps, s as Require, t as ComponentProps, u as Component, v as Fragment } from "../infer-DGtBn6Nm.mjs";
|
|
2
|
-
export { Attrs,
|
|
2
|
+
export { Attrs, Child, Component, ComponentClass, ComponentFn, ComponentInstance, ComponentProps, ElementProps, Fragment, JSX, MaybeReactive, MaybeReactiveProps, Props, PropsTarget, RawProps, ReactiveProps, Require, ResolveProps, SlotProps, createElement as h, createElement as jsx, createElement as jsxDEV, createElement as jsxs };
|
|
@@ -295,27 +295,12 @@ const COMPUTED = Symbol("computed");
|
|
|
295
295
|
const EFFECT = Symbol("effect");
|
|
296
296
|
const EFFECT_SCOPE = Symbol("effectScope");
|
|
297
297
|
const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactiveSystem({
|
|
298
|
-
/**
|
|
299
|
-
* Called by the graph engine when a Mutable+Dirty node needs to recompute.
|
|
300
|
-
* Dispatches by tagged property:
|
|
301
|
-
*
|
|
302
|
-
* - `'getter' in node` → computed: delegate to `updateComputed`.
|
|
303
|
-
* - `'currentValue' in node` → signal: delegate to `updateSignal`.
|
|
304
|
-
* - else → effectScope: mark `Mutable` and report
|
|
305
|
-
* "changed", so any parent effect re-evaluates as if the scope itself
|
|
306
|
-
* propagated.
|
|
307
|
-
*/
|
|
308
298
|
update(node) {
|
|
309
299
|
if ("getter" in node) return updateComputed(node);
|
|
310
300
|
if ("currentValue" in node) return updateSignal(node);
|
|
311
301
|
node.flags = 1;
|
|
312
302
|
return true;
|
|
313
303
|
},
|
|
314
|
-
/**
|
|
315
|
-
* Called when an effect node is notified that one of its deps is dirty.
|
|
316
|
-
* Inserts the effect into the flush queue in dependency order (parents
|
|
317
|
-
* before children) so that effects always run in topological order.
|
|
318
|
-
*/
|
|
319
304
|
notify(effect) {
|
|
320
305
|
let insertIndex = queuedLength;
|
|
321
306
|
let firstInsertedIndex = insertIndex;
|
|
@@ -332,22 +317,6 @@ const { link, unlink, propagate, checkDirty, shallowPropagate } = createReactive
|
|
|
332
317
|
queued[insertIndex] = left;
|
|
333
318
|
}
|
|
334
319
|
},
|
|
335
|
-
/**
|
|
336
|
-
* Called when a dep node loses its last subscriber.
|
|
337
|
-
*
|
|
338
|
-
* Dispatch by tagged property:
|
|
339
|
-
*
|
|
340
|
-
* - **computed** (`'getter' in node`): if it had deps, reset to Dirty so
|
|
341
|
-
* it recomputes lazily if a new subscriber appears later. Cleanups
|
|
342
|
-
* registered via {@link onCleanup} during the previous run are flushed
|
|
343
|
-
* (outside any tracking context). Child effects/scopes created in the
|
|
344
|
-
* getter are released in LIFO order via {@link disposeAllDepsInReverse}.
|
|
345
|
-
* - **signal** (`'currentValue' in node`): no-op. Signals stay live so a
|
|
346
|
-
* future subscriber can read the latest value.
|
|
347
|
-
* - **effect** (`'fn' in node`): cascade-dispose via `effectOper`
|
|
348
|
-
* (children first, then own cleanup).
|
|
349
|
-
* - **effectScope** (else): cascade-dispose via `effectScopeOper`.
|
|
350
|
-
*/
|
|
351
320
|
unwatched(node) {
|
|
352
321
|
if ("getter" in node) {
|
|
353
322
|
const c = node;
|
package/dist/render.mjs
CHANGED
package/dist/signals/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-
|
|
1
|
+
import { a as batch, c as effectScope, d as isEffectScope, f as isSignal, g as untracked, h as trigger, i as SIGNAL, l as isComputed, m as signal, n as EFFECT, o as computed, p as onCleanup, r as EFFECT_SCOPE, s as effect, t as COMPUTED, u as isEffect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../polyfill-CdZVCxdo.mjs";
|
|
3
3
|
//#region src/signals/index.ts
|
|
4
4
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as plugins, C as getCallLastIndex, D as ordinal, E as noop, O as stringify, S as createSimpleStackTrace, T as isObject, _ as getSafeTimers, a as waitForImportsToResolve, b as printDiffOrStringify, d as getNames, g as delay, h as parseSingleStack, i as resetModules, j as y, k as format, m as parseErrorStacktrace, n as getWorkerState, r as isChildProcess, u as getCurrentTest, v as processError, w as getType, x as assertTypes, y as diff } from "./benchmark.CX_oY03V-
|
|
1
|
+
import { A as plugins, C as getCallLastIndex, D as ordinal, E as noop, O as stringify, S as createSimpleStackTrace, T as isObject, _ as getSafeTimers, a as waitForImportsToResolve, b as printDiffOrStringify, d as getNames, g as delay, h as parseSingleStack, i as resetModules, j as y, k as format, m as parseErrorStacktrace, n as getWorkerState, r as isChildProcess, u as getCurrentTest, v as processError, w as getType, x as assertTypes, y as diff } from "./benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
2
|
//#region node_modules/.pnpm/@vitest+spy@4.1.3/node_modules/@vitest/spy/dist/index.js
|
|
3
3
|
function isMockFunction(fn) {
|
|
4
4
|
return typeof fn === "function" && "_isMockFunction" in fn && fn._isMockFunction === true;
|
|
@@ -997,115 +997,16 @@ function inspect(value, opts = {}) {
|
|
|
997
997
|
}
|
|
998
998
|
__name(inspect, "inspect");
|
|
999
999
|
var config = {
|
|
1000
|
-
/**
|
|
1001
|
-
* ### config.includeStack
|
|
1002
|
-
*
|
|
1003
|
-
* User configurable property, influences whether stack trace
|
|
1004
|
-
* is included in Assertion error message. Default of false
|
|
1005
|
-
* suppresses stack trace in the error message.
|
|
1006
|
-
*
|
|
1007
|
-
* chai.config.includeStack = true; // enable stack on error
|
|
1008
|
-
*
|
|
1009
|
-
* @param {boolean}
|
|
1010
|
-
* @public
|
|
1011
|
-
*/
|
|
1012
1000
|
includeStack: false,
|
|
1013
|
-
/**
|
|
1014
|
-
* ### config.showDiff
|
|
1015
|
-
*
|
|
1016
|
-
* User configurable property, influences whether or not
|
|
1017
|
-
* the `showDiff` flag should be included in the thrown
|
|
1018
|
-
* AssertionErrors. `false` will always be `false`; `true`
|
|
1019
|
-
* will be true when the assertion has requested a diff
|
|
1020
|
-
* be shown.
|
|
1021
|
-
*
|
|
1022
|
-
* @param {boolean}
|
|
1023
|
-
* @public
|
|
1024
|
-
*/
|
|
1025
1001
|
showDiff: true,
|
|
1026
|
-
/**
|
|
1027
|
-
* ### config.truncateThreshold
|
|
1028
|
-
*
|
|
1029
|
-
* User configurable property, sets length threshold for actual and
|
|
1030
|
-
* expected values in assertion errors. If this threshold is exceeded, for
|
|
1031
|
-
* example for large data structures, the value is replaced with something
|
|
1032
|
-
* like `[ Array(3) ]` or `{ Object (prop1, prop2) }`.
|
|
1033
|
-
*
|
|
1034
|
-
* Set it to zero if you want to disable truncating altogether.
|
|
1035
|
-
*
|
|
1036
|
-
* This is especially userful when doing assertions on arrays: having this
|
|
1037
|
-
* set to a reasonable large value makes the failure messages readily
|
|
1038
|
-
* inspectable.
|
|
1039
|
-
*
|
|
1040
|
-
* chai.config.truncateThreshold = 0; // disable truncating
|
|
1041
|
-
*
|
|
1042
|
-
* @param {number}
|
|
1043
|
-
* @public
|
|
1044
|
-
*/
|
|
1045
1002
|
truncateThreshold: 40,
|
|
1046
|
-
/**
|
|
1047
|
-
* ### config.useProxy
|
|
1048
|
-
*
|
|
1049
|
-
* User configurable property, defines if chai will use a Proxy to throw
|
|
1050
|
-
* an error when a non-existent property is read, which protects users
|
|
1051
|
-
* from typos when using property-based assertions.
|
|
1052
|
-
*
|
|
1053
|
-
* Set it to false if you want to disable this feature.
|
|
1054
|
-
*
|
|
1055
|
-
* chai.config.useProxy = false; // disable use of Proxy
|
|
1056
|
-
*
|
|
1057
|
-
* This feature is automatically disabled regardless of this config value
|
|
1058
|
-
* in environments that don't support proxies.
|
|
1059
|
-
*
|
|
1060
|
-
* @param {boolean}
|
|
1061
|
-
* @public
|
|
1062
|
-
*/
|
|
1063
1003
|
useProxy: true,
|
|
1064
|
-
/**
|
|
1065
|
-
* ### config.proxyExcludedKeys
|
|
1066
|
-
*
|
|
1067
|
-
* User configurable property, defines which properties should be ignored
|
|
1068
|
-
* instead of throwing an error if they do not exist on the assertion.
|
|
1069
|
-
* This is only applied if the environment Chai is running in supports proxies and
|
|
1070
|
-
* if the `useProxy` configuration setting is enabled.
|
|
1071
|
-
* By default, `then` and `inspect` will not throw an error if they do not exist on the
|
|
1072
|
-
* assertion object because the `.inspect` property is read by `util.inspect` (for example, when
|
|
1073
|
-
* using `console.log` on the assertion object) and `.then` is necessary for promise type-checking.
|
|
1074
|
-
*
|
|
1075
|
-
* // By default these keys will not throw an error if they do not exist on the assertion object
|
|
1076
|
-
* chai.config.proxyExcludedKeys = ['then', 'inspect'];
|
|
1077
|
-
*
|
|
1078
|
-
* @param {Array}
|
|
1079
|
-
* @public
|
|
1080
|
-
*/
|
|
1081
1004
|
proxyExcludedKeys: [
|
|
1082
1005
|
"then",
|
|
1083
1006
|
"catch",
|
|
1084
1007
|
"inspect",
|
|
1085
1008
|
"toJSON"
|
|
1086
1009
|
],
|
|
1087
|
-
/**
|
|
1088
|
-
* ### config.deepEqual
|
|
1089
|
-
*
|
|
1090
|
-
* User configurable property, defines which a custom function to use for deepEqual
|
|
1091
|
-
* comparisons.
|
|
1092
|
-
* By default, the function used is the one from the `deep-eql` package without custom comparator.
|
|
1093
|
-
*
|
|
1094
|
-
* // use a custom comparator
|
|
1095
|
-
* chai.config.deepEqual = (expected, actual) => {
|
|
1096
|
-
* return chai.util.eql(expected, actual, {
|
|
1097
|
-
* comparator: (expected, actual) => {
|
|
1098
|
-
* // for non number comparison, use the default behavior
|
|
1099
|
-
* if(typeof expected !== 'number') return null;
|
|
1100
|
-
* // allow a difference of 10 between compared numbers
|
|
1101
|
-
* return typeof actual === 'number' && Math.abs(actual - expected) < 10
|
|
1102
|
-
* }
|
|
1103
|
-
* })
|
|
1104
|
-
* };
|
|
1105
|
-
*
|
|
1106
|
-
* @param {Function}
|
|
1107
|
-
* @public
|
|
1108
|
-
*/
|
|
1109
1010
|
deepEqual: null
|
|
1110
1011
|
};
|
|
1111
1012
|
function inspect2(obj, showHidden, depth, colors) {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
[data-base-color="neutral"] {
|
|
2
|
+
--base-color-1: var(--neutral-1);
|
|
3
|
+
--base-color-2: var(--neutral-2);
|
|
4
|
+
--base-color-3: var(--neutral-3);
|
|
5
|
+
--base-color-4: var(--neutral-4);
|
|
6
|
+
--base-color-5: var(--neutral-5);
|
|
7
|
+
--base-color-6: var(--neutral-6);
|
|
8
|
+
--base-color-7: var(--neutral-7);
|
|
9
|
+
--base-color-8: var(--neutral-8);
|
|
10
|
+
--base-color-9: var(--neutral-9);
|
|
11
|
+
--base-color-10: var(--neutral-10);
|
|
12
|
+
--base-color-11: var(--neutral-11);
|
|
13
|
+
--base-color-12: var(--neutral-12);
|
|
14
|
+
--base-color-a1: var(--neutral-a1);
|
|
15
|
+
--base-color-a2: var(--neutral-a2);
|
|
16
|
+
--base-color-a3: var(--neutral-a3);
|
|
17
|
+
--base-color-a4: var(--neutral-a4);
|
|
18
|
+
--base-color-a5: var(--neutral-a5);
|
|
19
|
+
--base-color-a6: var(--neutral-a6);
|
|
20
|
+
--base-color-a7: var(--neutral-a7);
|
|
21
|
+
--base-color-a8: var(--neutral-a8);
|
|
22
|
+
--base-color-a9: var(--neutral-a9);
|
|
23
|
+
--base-color-a10: var(--neutral-a10);
|
|
24
|
+
--base-color-a11: var(--neutral-a11);
|
|
25
|
+
--base-color-a12: var(--neutral-a12);
|
|
26
|
+
--base-color-surface: var(--neutral-surface);
|
|
27
|
+
--base-color-indicator: var(--neutral-indicator);
|
|
28
|
+
--base-color-track: var(--neutral-track);
|
|
29
|
+
--base-color-contrast: var(--neutral-contrast);
|
|
30
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
:root, .light, .light-theme {
|
|
2
|
+
--neutral-1: #fcfcfc;
|
|
3
|
+
--neutral-2: #f9f9f9;
|
|
4
|
+
--neutral-3: #f0f0f0;
|
|
5
|
+
--neutral-4: #e8e8e8;
|
|
6
|
+
--neutral-5: #e0e0e0;
|
|
7
|
+
--neutral-6: #d9d9d9;
|
|
8
|
+
--neutral-7: #cecece;
|
|
9
|
+
--neutral-8: #bbb;
|
|
10
|
+
--neutral-9: #8d8d8d;
|
|
11
|
+
--neutral-10: #838383;
|
|
12
|
+
--neutral-11: #646464;
|
|
13
|
+
--neutral-12: #202020;
|
|
14
|
+
--neutral-a1: #00000003;
|
|
15
|
+
--neutral-a2: #00000006;
|
|
16
|
+
--neutral-a3: #0000000f;
|
|
17
|
+
--neutral-a4: #00000017;
|
|
18
|
+
--neutral-a5: #0000001f;
|
|
19
|
+
--neutral-a6: #00000026;
|
|
20
|
+
--neutral-a7: #00000031;
|
|
21
|
+
--neutral-a8: #0004;
|
|
22
|
+
--neutral-a9: #00000072;
|
|
23
|
+
--neutral-a10: #0000007c;
|
|
24
|
+
--neutral-a11: #0000009b;
|
|
25
|
+
--neutral-a12: #000000df;
|
|
26
|
+
--neutral-surface: #fffc;
|
|
27
|
+
--neutral-indicator: var(--neutral-9);
|
|
28
|
+
--neutral-track: var(--neutral-9);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
32
|
+
@media (color-gamut: p3) {
|
|
33
|
+
:root, .light, .light-theme {
|
|
34
|
+
--neutral-1: color(display-p3 .988 .988 .988);
|
|
35
|
+
--neutral-2: color(display-p3 .975 .975 .975);
|
|
36
|
+
--neutral-3: color(display-p3 .939 .939 .939);
|
|
37
|
+
--neutral-4: color(display-p3 .908 .908 .908);
|
|
38
|
+
--neutral-5: color(display-p3 .88 .88 .88);
|
|
39
|
+
--neutral-6: color(display-p3 .849 .849 .849);
|
|
40
|
+
--neutral-7: color(display-p3 .807 .807 .807);
|
|
41
|
+
--neutral-8: color(display-p3 .732 .732 .732);
|
|
42
|
+
--neutral-9: color(display-p3 .553 .553 .553);
|
|
43
|
+
--neutral-10: color(display-p3 .512 .512 .512);
|
|
44
|
+
--neutral-11: color(display-p3 .392 .392 .392);
|
|
45
|
+
--neutral-12: color(display-p3 .125 .125 .125);
|
|
46
|
+
--neutral-a1: color(display-p3 0 0 0 / .012);
|
|
47
|
+
--neutral-a2: color(display-p3 0 0 0 / .024);
|
|
48
|
+
--neutral-a3: color(display-p3 0 0 0 / .063);
|
|
49
|
+
--neutral-a4: color(display-p3 0 0 0 / .09);
|
|
50
|
+
--neutral-a5: color(display-p3 0 0 0 / .122);
|
|
51
|
+
--neutral-a6: color(display-p3 0 0 0 / .153);
|
|
52
|
+
--neutral-a7: color(display-p3 0 0 0 / .192);
|
|
53
|
+
--neutral-a8: color(display-p3 0 0 0 / .267);
|
|
54
|
+
--neutral-a9: color(display-p3 0 0 0 / .447);
|
|
55
|
+
--neutral-a10: color(display-p3 0 0 0 / .486);
|
|
56
|
+
--neutral-a11: color(display-p3 0 0 0 / .608);
|
|
57
|
+
--neutral-a12: color(display-p3 0 0 0 / .875);
|
|
58
|
+
--neutral-surface: color(display-p3 1 1 1 / .8);
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.dark, .dark-theme {
|
|
64
|
+
--neutral-1: #111;
|
|
65
|
+
--neutral-2: #191919;
|
|
66
|
+
--neutral-3: #222;
|
|
67
|
+
--neutral-4: #2a2a2a;
|
|
68
|
+
--neutral-5: #313131;
|
|
69
|
+
--neutral-6: #3a3a3a;
|
|
70
|
+
--neutral-7: #484848;
|
|
71
|
+
--neutral-8: #606060;
|
|
72
|
+
--neutral-9: #6e6e6e;
|
|
73
|
+
--neutral-10: #7b7b7b;
|
|
74
|
+
--neutral-11: #b4b4b4;
|
|
75
|
+
--neutral-12: #eee;
|
|
76
|
+
--neutral-a1: #0000;
|
|
77
|
+
--neutral-a2: #ffffff09;
|
|
78
|
+
--neutral-a3: #ffffff12;
|
|
79
|
+
--neutral-a4: #ffffff1b;
|
|
80
|
+
--neutral-a5: #fff2;
|
|
81
|
+
--neutral-a6: #ffffff2c;
|
|
82
|
+
--neutral-a7: #ffffff3b;
|
|
83
|
+
--neutral-a8: #fff5;
|
|
84
|
+
--neutral-a9: #ffffff64;
|
|
85
|
+
--neutral-a10: #ffffff72;
|
|
86
|
+
--neutral-a11: #ffffffaf;
|
|
87
|
+
--neutral-a12: #ffffffed;
|
|
88
|
+
--neutral-surface: #21212180;
|
|
89
|
+
--neutral-indicator: var(--neutral-9);
|
|
90
|
+
--neutral-track: var(--neutral-9);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@supports (color: color(display-p3 1 1 1)) {
|
|
94
|
+
@media (color-gamut: p3) {
|
|
95
|
+
.dark, .dark-theme {
|
|
96
|
+
--neutral-1: color(display-p3 .067 .067 .067);
|
|
97
|
+
--neutral-2: color(display-p3 .098 .098 .098);
|
|
98
|
+
--neutral-3: color(display-p3 .135 .135 .135);
|
|
99
|
+
--neutral-4: color(display-p3 .163 .163 .163);
|
|
100
|
+
--neutral-5: color(display-p3 .192 .192 .192);
|
|
101
|
+
--neutral-6: color(display-p3 .228 .228 .228);
|
|
102
|
+
--neutral-7: color(display-p3 .283 .283 .283);
|
|
103
|
+
--neutral-8: color(display-p3 .375 .375 .375);
|
|
104
|
+
--neutral-9: color(display-p3 .431 .431 .431);
|
|
105
|
+
--neutral-10: color(display-p3 .484 .484 .484);
|
|
106
|
+
--neutral-11: color(display-p3 .706 .706 .706);
|
|
107
|
+
--neutral-12: color(display-p3 .933 .933 .933);
|
|
108
|
+
--neutral-a1: color(display-p3 0 0 0 / 0);
|
|
109
|
+
--neutral-a2: color(display-p3 1 1 1 / .034);
|
|
110
|
+
--neutral-a3: color(display-p3 1 1 1 / .071);
|
|
111
|
+
--neutral-a4: color(display-p3 1 1 1 / .105);
|
|
112
|
+
--neutral-a5: color(display-p3 1 1 1 / .134);
|
|
113
|
+
--neutral-a6: color(display-p3 1 1 1 / .172);
|
|
114
|
+
--neutral-a7: color(display-p3 1 1 1 / .231);
|
|
115
|
+
--neutral-a8: color(display-p3 1 1 1 / .332);
|
|
116
|
+
--neutral-a9: color(display-p3 1 1 1 / .391);
|
|
117
|
+
--neutral-a10: color(display-p3 1 1 1 / .445);
|
|
118
|
+
--neutral-a11: color(display-p3 1 1 1 / .685);
|
|
119
|
+
--neutral-a12: color(display-p3 1 1 1 / .929);
|
|
120
|
+
--neutral-surface: color(display-p3 .1255 .1255 .1255 / .5);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
:root {
|
|
126
|
+
--neutral-contrast: white;
|
|
127
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { activeElement } from "./active-element.mjs";
|
|
4
4
|
//#region src/utilities/active-element.test.ts
|
|
5
5
|
describe("activeElement (singleton)", () => {
|
package/dist/utilities/async.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { g as untracked, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { g as untracked, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import { resolve } from "../signals/index.mjs";
|
|
3
3
|
import { promise } from "./promise.mjs";
|
|
4
4
|
//#region src/utilities/async.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { m as signal, p as onCleanup, s as effect } from "../lib-
|
|
1
|
+
import { m as signal, p as onCleanup, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { Async, async } from "./async.mjs";
|
|
6
6
|
import { createInterval } from "./interval.mjs";
|
|
7
7
|
//#region src/utilities/async.test.ts
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { getContext, setContext } from "./context.mjs";
|
|
6
6
|
//#region src/utilities/context.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createDebounced } from "./debounced.mjs";
|
|
6
6
|
//#region src/utilities/debounced.test.ts
|
|
7
7
|
beforeEach(() => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as describe, t as bench } from "../benchmark.CX_oY03V-
|
|
1
|
+
import { l as describe, t as bench } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
2
|
//#region src/utilities/dom-lifecycle.bench.ts
|
|
3
3
|
describe("dom-lifecycle — registration cost", () => {
|
|
4
4
|
bench("register 100 entries on already-connected elements", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { DomLifecycleElement } from "./dom-lifecycle.mjs";
|
|
4
4
|
//#region src/utilities/dom-lifecycle.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createElementRect } from "./element-rect.mjs";
|
|
6
6
|
//#region src/utilities/element-rect.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createElementScroll } from "./element-scroll.mjs";
|
|
6
6
|
//#region src/utilities/element-scroll.test.ts
|
|
7
7
|
describe("createElementScroll", () => {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-
|
|
1
|
+
import { h as trigger, i as SIGNAL, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
//#region src/utilities/event-driven.ts
|
|
4
4
|
/**
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { c as effectScope, m as signal, s as effect } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal, s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
import { on } from "./event-listener.mjs";
|
|
4
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
5
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
4
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
5
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
6
6
|
//#region src/utilities/event-listener.test.ts
|
|
7
7
|
afterEach(() => {
|
|
8
8
|
document.body.innerHTML = "";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createFocusWithin } from "./focus-within.mjs";
|
|
6
6
|
//#region src/utilities/focus-within.test.ts
|
|
7
7
|
afterEach(() => {
|
package/dist/utilities/hover.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createHover } from "./hover.mjs";
|
|
6
6
|
//#region src/utilities/hover.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createIntersectionObserver } from "./intersection-observer.mjs";
|
|
6
6
|
//#region src/utilities/intersection-observer.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { async } from "./async.mjs";
|
|
6
6
|
import { createInterval } from "./interval.mjs";
|
|
7
7
|
//#region src/utilities/interval.test.ts
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-
|
|
1
|
+
import { h as trigger, m as signal, o as computed, p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
3
|
import { fromEvent } from "./event-driven.mjs";
|
|
4
4
|
import { isBrowser } from "./environment.mjs";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { currentLocation } from "./location.mjs";
|
|
4
4
|
//#region src/utilities/location.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createLongPress } from "./long-press.mjs";
|
|
6
6
|
//#region src/utilities/long-press.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMediaDevices } from "./media-devices.mjs";
|
|
6
6
|
//#region src/utilities/media-devices.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMediaPlayer } from "./media-player.mjs";
|
|
6
6
|
//#region src/utilities/media-player.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createMutationObserver } from "./mutation-observer.mjs";
|
|
6
6
|
//#region src/utilities/mutation-observer.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { online } from "./network.mjs";
|
|
4
4
|
//#region src/utilities/network.test.ts
|
|
5
5
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { onClickOutside } from "./on-click-outside.mjs";
|
|
6
6
|
//#region src/utilities/on-click-outside.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createPrevious } from "./previous.mjs";
|
|
6
6
|
//#region src/utilities/previous.test.ts
|
|
7
7
|
describe("createPrevious", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { s as effect } from "../lib-
|
|
1
|
+
import { s as effect } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { ReactivePromise, promise } from "./promise.mjs";
|
|
6
6
|
//#region src/utilities/promise.test.ts
|
|
7
7
|
describe("ReactivePromise", () => {
|
package/dist/utilities/retry.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { p as onCleanup } from "../lib-
|
|
1
|
+
import { p as onCleanup } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { retry } from "./retry.mjs";
|
|
6
6
|
//#region src/utilities/retry.test.ts
|
|
7
7
|
describe("retry", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe, o as afterEach, s as beforeAll } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { isLocalNavigationEvent, match, matches, navigate, patchHistory } from "./routing.mjs";
|
|
4
4
|
//#region src/utilities/routing.test.ts
|
|
5
5
|
beforeAll(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createSearchParam } from "./search-params.mjs";
|
|
6
6
|
//#region src/utilities/search-params.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { p as test } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { p as test } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
//#region src/utilities/ssr.test.ts
|
|
4
4
|
// @vitest-environment node
|
|
5
5
|
test.each([
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createLocalStorage, createSessionStorage } from "./storage.mjs";
|
|
6
6
|
//#region src/utilities/storage.test.ts
|
|
7
7
|
describe("createLocalStorage", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope, m as signal } from "../lib-
|
|
1
|
+
import { c as effectScope, m as signal } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { c as beforeEach, f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createThrottled } from "./throttled.mjs";
|
|
6
6
|
//#region src/utilities/throttled.test.ts
|
|
7
7
|
beforeEach(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as effectScope } from "../lib-
|
|
1
|
+
import { c as effectScope } from "../lib-Cg8fI7K5.mjs";
|
|
2
2
|
import "../signals/index.mjs";
|
|
3
|
-
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-
|
|
4
|
-
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-
|
|
3
|
+
import { f as it, l as describe, o as afterEach } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
4
|
+
import { n as vi, t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
5
5
|
import { createTimeout } from "./timeout.mjs";
|
|
6
6
|
//#region src/utilities/timeout.test.ts
|
|
7
7
|
afterEach(() => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { f as it, l as describe } from "../benchmark.CX_oY03V-
|
|
2
|
-
import { t as globalExpect } from "../test.BmQO5GaM-
|
|
1
|
+
import { f as it, l as describe } from "../benchmark.CX_oY03V-CsUg-gW0.mjs";
|
|
2
|
+
import { t as globalExpect } from "../test.BmQO5GaM-ZC2MPXQb.mjs";
|
|
3
3
|
import { windowSize } from "./window-size.mjs";
|
|
4
4
|
//#region src/utilities/window-size.test.ts
|
|
5
5
|
describe("windowSize (singleton)", () => {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "elements-kit",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.17.0",
|
|
5
5
|
"description": "A lightweight reactive UI library that transforms native HTMLElements into reactive components with signals. Ideal for framework-agnostic applications and web components.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"webcomponents",
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
[data-base-color="gray"] {
|
|
2
|
-
--base-color-1: var(--gray-1);
|
|
3
|
-
--base-color-2: var(--gray-2);
|
|
4
|
-
--base-color-3: var(--gray-3);
|
|
5
|
-
--base-color-4: var(--gray-4);
|
|
6
|
-
--base-color-5: var(--gray-5);
|
|
7
|
-
--base-color-6: var(--gray-6);
|
|
8
|
-
--base-color-7: var(--gray-7);
|
|
9
|
-
--base-color-8: var(--gray-8);
|
|
10
|
-
--base-color-9: var(--gray-9);
|
|
11
|
-
--base-color-10: var(--gray-10);
|
|
12
|
-
--base-color-11: var(--gray-11);
|
|
13
|
-
--base-color-12: var(--gray-12);
|
|
14
|
-
--base-color-a1: var(--gray-a1);
|
|
15
|
-
--base-color-a2: var(--gray-a2);
|
|
16
|
-
--base-color-a3: var(--gray-a3);
|
|
17
|
-
--base-color-a4: var(--gray-a4);
|
|
18
|
-
--base-color-a5: var(--gray-a5);
|
|
19
|
-
--base-color-a6: var(--gray-a6);
|
|
20
|
-
--base-color-a7: var(--gray-a7);
|
|
21
|
-
--base-color-a8: var(--gray-a8);
|
|
22
|
-
--base-color-a9: var(--gray-a9);
|
|
23
|
-
--base-color-a10: var(--gray-a10);
|
|
24
|
-
--base-color-a11: var(--gray-a11);
|
|
25
|
-
--base-color-a12: var(--gray-a12);
|
|
26
|
-
--base-color-surface: var(--gray-surface);
|
|
27
|
-
--base-color-indicator: var(--gray-indicator);
|
|
28
|
-
--base-color-track: var(--gray-track);
|
|
29
|
-
--base-color-contrast: var(--gray-contrast);
|
|
30
|
-
}
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
:root, .light, .light-theme {
|
|
2
|
-
--gray-1: #fcfcfc;
|
|
3
|
-
--gray-2: #f9f9f9;
|
|
4
|
-
--gray-3: #f0f0f0;
|
|
5
|
-
--gray-4: #e8e8e8;
|
|
6
|
-
--gray-5: #e0e0e0;
|
|
7
|
-
--gray-6: #d9d9d9;
|
|
8
|
-
--gray-7: #cecece;
|
|
9
|
-
--gray-8: #bbb;
|
|
10
|
-
--gray-9: #8d8d8d;
|
|
11
|
-
--gray-10: #838383;
|
|
12
|
-
--gray-11: #646464;
|
|
13
|
-
--gray-12: #202020;
|
|
14
|
-
--gray-a1: #00000003;
|
|
15
|
-
--gray-a2: #00000006;
|
|
16
|
-
--gray-a3: #0000000f;
|
|
17
|
-
--gray-a4: #00000017;
|
|
18
|
-
--gray-a5: #0000001f;
|
|
19
|
-
--gray-a6: #00000026;
|
|
20
|
-
--gray-a7: #00000031;
|
|
21
|
-
--gray-a8: #0004;
|
|
22
|
-
--gray-a9: #00000072;
|
|
23
|
-
--gray-a10: #0000007c;
|
|
24
|
-
--gray-a11: #0000009b;
|
|
25
|
-
--gray-a12: #000000df;
|
|
26
|
-
--gray-surface: #fffc;
|
|
27
|
-
--gray-indicator: var(--gray-9);
|
|
28
|
-
--gray-track: var(--gray-9);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@supports (color: color(display-p3 1 1 1)) {
|
|
32
|
-
@media (color-gamut: p3) {
|
|
33
|
-
:root, .light, .light-theme {
|
|
34
|
-
--gray-1: color(display-p3 .988 .988 .988);
|
|
35
|
-
--gray-2: color(display-p3 .975 .975 .975);
|
|
36
|
-
--gray-3: color(display-p3 .939 .939 .939);
|
|
37
|
-
--gray-4: color(display-p3 .908 .908 .908);
|
|
38
|
-
--gray-5: color(display-p3 .88 .88 .88);
|
|
39
|
-
--gray-6: color(display-p3 .849 .849 .849);
|
|
40
|
-
--gray-7: color(display-p3 .807 .807 .807);
|
|
41
|
-
--gray-8: color(display-p3 .732 .732 .732);
|
|
42
|
-
--gray-9: color(display-p3 .553 .553 .553);
|
|
43
|
-
--gray-10: color(display-p3 .512 .512 .512);
|
|
44
|
-
--gray-11: color(display-p3 .392 .392 .392);
|
|
45
|
-
--gray-12: color(display-p3 .125 .125 .125);
|
|
46
|
-
--gray-a1: color(display-p3 0 0 0 / .012);
|
|
47
|
-
--gray-a2: color(display-p3 0 0 0 / .024);
|
|
48
|
-
--gray-a3: color(display-p3 0 0 0 / .063);
|
|
49
|
-
--gray-a4: color(display-p3 0 0 0 / .09);
|
|
50
|
-
--gray-a5: color(display-p3 0 0 0 / .122);
|
|
51
|
-
--gray-a6: color(display-p3 0 0 0 / .153);
|
|
52
|
-
--gray-a7: color(display-p3 0 0 0 / .192);
|
|
53
|
-
--gray-a8: color(display-p3 0 0 0 / .267);
|
|
54
|
-
--gray-a9: color(display-p3 0 0 0 / .447);
|
|
55
|
-
--gray-a10: color(display-p3 0 0 0 / .486);
|
|
56
|
-
--gray-a11: color(display-p3 0 0 0 / .608);
|
|
57
|
-
--gray-a12: color(display-p3 0 0 0 / .875);
|
|
58
|
-
--gray-surface: color(display-p3 1 1 1 / .8);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.dark, .dark-theme {
|
|
64
|
-
--gray-1: #111;
|
|
65
|
-
--gray-2: #191919;
|
|
66
|
-
--gray-3: #222;
|
|
67
|
-
--gray-4: #2a2a2a;
|
|
68
|
-
--gray-5: #313131;
|
|
69
|
-
--gray-6: #3a3a3a;
|
|
70
|
-
--gray-7: #484848;
|
|
71
|
-
--gray-8: #606060;
|
|
72
|
-
--gray-9: #6e6e6e;
|
|
73
|
-
--gray-10: #7b7b7b;
|
|
74
|
-
--gray-11: #b4b4b4;
|
|
75
|
-
--gray-12: #eee;
|
|
76
|
-
--gray-a1: #0000;
|
|
77
|
-
--gray-a2: #ffffff09;
|
|
78
|
-
--gray-a3: #ffffff12;
|
|
79
|
-
--gray-a4: #ffffff1b;
|
|
80
|
-
--gray-a5: #fff2;
|
|
81
|
-
--gray-a6: #ffffff2c;
|
|
82
|
-
--gray-a7: #ffffff3b;
|
|
83
|
-
--gray-a8: #fff5;
|
|
84
|
-
--gray-a9: #ffffff64;
|
|
85
|
-
--gray-a10: #ffffff72;
|
|
86
|
-
--gray-a11: #ffffffaf;
|
|
87
|
-
--gray-a12: #ffffffed;
|
|
88
|
-
--gray-surface: #21212180;
|
|
89
|
-
--gray-indicator: var(--gray-9);
|
|
90
|
-
--gray-track: var(--gray-9);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
@supports (color: color(display-p3 1 1 1)) {
|
|
94
|
-
@media (color-gamut: p3) {
|
|
95
|
-
.dark, .dark-theme {
|
|
96
|
-
--gray-1: color(display-p3 .067 .067 .067);
|
|
97
|
-
--gray-2: color(display-p3 .098 .098 .098);
|
|
98
|
-
--gray-3: color(display-p3 .135 .135 .135);
|
|
99
|
-
--gray-4: color(display-p3 .163 .163 .163);
|
|
100
|
-
--gray-5: color(display-p3 .192 .192 .192);
|
|
101
|
-
--gray-6: color(display-p3 .228 .228 .228);
|
|
102
|
-
--gray-7: color(display-p3 .283 .283 .283);
|
|
103
|
-
--gray-8: color(display-p3 .375 .375 .375);
|
|
104
|
-
--gray-9: color(display-p3 .431 .431 .431);
|
|
105
|
-
--gray-10: color(display-p3 .484 .484 .484);
|
|
106
|
-
--gray-11: color(display-p3 .706 .706 .706);
|
|
107
|
-
--gray-12: color(display-p3 .933 .933 .933);
|
|
108
|
-
--gray-a1: color(display-p3 0 0 0 / 0);
|
|
109
|
-
--gray-a2: color(display-p3 1 1 1 / .034);
|
|
110
|
-
--gray-a3: color(display-p3 1 1 1 / .071);
|
|
111
|
-
--gray-a4: color(display-p3 1 1 1 / .105);
|
|
112
|
-
--gray-a5: color(display-p3 1 1 1 / .134);
|
|
113
|
-
--gray-a6: color(display-p3 1 1 1 / .172);
|
|
114
|
-
--gray-a7: color(display-p3 1 1 1 / .231);
|
|
115
|
-
--gray-a8: color(display-p3 1 1 1 / .332);
|
|
116
|
-
--gray-a9: color(display-p3 1 1 1 / .391);
|
|
117
|
-
--gray-a10: color(display-p3 1 1 1 / .445);
|
|
118
|
-
--gray-a11: color(display-p3 1 1 1 / .685);
|
|
119
|
-
--gray-a12: color(display-p3 1 1 1 / .929);
|
|
120
|
-
--gray-surface: color(display-p3 .1255 .1255 .1255 / .5);
|
|
121
|
-
}
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
:root {
|
|
126
|
-
--gray-contrast: white;
|
|
127
|
-
}
|