grainjs 1.0.2 → 1.1.0

package/dist/cjs/lib/observable.js

@@ -28,10 +28,11 @@ const dispose_1 = require("./dispose");
 const emit_1 = require("./emit");
 var _computed_queue_2 = require("./_computed_queue");
 Object.defineProperty(exports, "bundleChanges", { enumerable: true, get: function () { return _computed_queue_2.bundleChanges; } });
+/**
+ * Base class for several variants of observable values.
+ */
 class BaseObservable {
-    /**
-     * Internal constructor for an Observable. You should use observable() function instead.
-     */
+    // Internal constructor for an Observable. You should use observable() function instead.
     constructor(value) {
         this._onChange = new emit_1.Emitter();
         this._value = value;
@@ -39,13 +40,13 @@ class BaseObservable {
     /**
      * Returns the value of the observable. It is fast and does not create a subscription.
      * (It is similar to knockout's peek()).
-     * @returns {Object} The current value of the observable.
+     * @returns The current value of the observable.
      */
     get() { return this._value; }
     /**
      * Sets the value of the observable. If the value differs from the previously set one, then
      * listeners to this observable will get called with (newValue, oldValue) as arguments.
-     * @param {Object} value: The new value to set.
+     * @param value - The new value to set.
      */
     set(value) {
         if (value !== this._value) {
@@ -60,13 +61,13 @@ class BaseObservable {
         this._value = value;
         this._onChange.emit(value, prev);
         this._disposeOwned();
-        _computed_queue_1.compute();
+        (0, _computed_queue_1.compute)();
     }
     /**
      * Adds a callback to listen to changes in the observable.
-     * @param {Function} callback: Function, called on changes with (newValue, oldValue) arguments.
-     * @param {Object} optContext: Context for the function.
-     * @returns {Listener} Listener object. Its dispose() method removes the callback.
+     * @param callback - Function, called on changes with (newValue, oldValue) arguments.
+     * @param optContext - Context for the function.
+     * @returns Listener object. Its dispose() method removes the callback.
      */
     addListener(callback, optContext) {
         return this._onChange.addListener(callback, optContext);
@@ -80,7 +81,7 @@ class BaseObservable {
     /**
      * Sets a single callback to be called when a listener is added or removed. It overwrites any
      * previously-set such callback.
-     * @param {Function} changeCB(hasListeners): Function to call after a listener is added or
+     * @param changeCB - Function to call after a listener is added or
      *    removed. It's called with a boolean indicating whether this observable has any listeners.
      *    Pass in `null` to unset the callback. Note that it can be called multiple times in a row
      *    with hasListeners `true`.
@@ -91,6 +92,7 @@ class BaseObservable {
     /**
      * Used by subscriptions to keep track of dependencies. An observable that has dependnecies,
      * such as a computed observable, would override this method.
+     * @internal
      */
     _getDepItem() {
         return null;
@@ -109,25 +111,31 @@ class BaseObservable {
     isDisposed() {
         return this._onChange.isDisposed();
     }
+    /** @internal */
     _disposeOwned(arg) { }
     /**
      * Allow derived classes to emit change events with an additional third argument describing the
      * change. It always emits the event without checking for value equality.
+     * @internal
      */
     _setWithArg(value, arg) {
         const prev = this._value;
         this._value = value;
         this._onChange.emit(value, prev, arg);
         this._disposeOwned(arg);
-        _computed_queue_1.compute();
+        (0, _computed_queue_1.compute)();
     }
 }
 exports.BaseObservable = BaseObservable;
+/**
+ * An Observable holds a value and allows subscribing to changes.
+ */
 class Observable extends BaseObservable {
     constructor() {
         super(...arguments);
         this._owned = undefined;
     }
+    /** @internal */
     // See module-level holder() function below for documentation.
     static holder(value) {
         const obs = new Observable(value);
@@ -138,7 +146,7 @@ class Observable extends BaseObservable {
      * Creates a new Observable with the given initial value, and owned by owner.
      */
     static create(owner, value) {
-        return dispose_1.setDisposeOwner(owner, new Observable(value));
+        return (0, dispose_1.setDisposeOwner)(owner, new Observable(value));
     }
     /**
      * The use an observable for a disposable object, use it a DisposableOwner:
@@ -154,6 +162,7 @@ class Observable extends BaseObservable {
         this._owned = value;
         return value;
     }
+    /** @internal */
     _disposeOwned() {
         if (this._owned) {
             this._owned.dispose();
@@ -164,8 +173,8 @@ class Observable extends BaseObservable {
 exports.Observable = Observable;
 /**
  * Creates a new Observable with the initial value of optValue if given or undefined if omitted.
- * @param {Object} optValue: The initial value to set.
- * @returns {Observable} The newly created observable.
+ * @param optValue - The initial value to set.
+ * @returns The newly created observable.
  */
 function observable(value) {
     return new Observable(value);
@@ -173,16 +182,18 @@ function observable(value) {
 exports.observable = observable;
 /**
  * Creates a new Observable with an initial disposable value owned by this observable, e.g.
- *
+ * ```
  *    const obs = obsHolder<D>(D.create(null, ...args));
+ * ```
  *
- * This is needed because using simply observable<D>(value) would not cause the observable to take
+ * This is needed because using simply `observable<D>(value)` would not cause the observable to take
  * ownership of value (i.e. to dispose it later). This function is a less hacky equivalent to:
- *
+ * ```
  *    const obs = observable<D>(null as any);
  *    D.create(obs, ...args);
+ * ```
  *
- * To allow nulls, use observable<D|null>(null); then the obsHolder() constructor is not needed.
+ * To allow nulls, use `observable<D|null>(null)`; then the obsHolder() constructor is not needed.
  */
 function obsHolder(value) {
     return Observable.holder(value);

package/dist/cjs/lib/observable.js.map

@@ -1 +1 @@
-{"version":3,"file":"observable.js","sourceRoot":"","sources":["../../../lib/observable.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"observable.js","sourceRoot":"","sources":["../../../lib/observable.ts"],"names":[],"mappings":"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"}

package/dist/cjs/lib/pureComputed.d.ts

@@ -1,33 +1,32 @@
+import { DepItem } from './_computed_queue';
+import { Observable } from './observable';
+import { ISubscribable, UseCB } from './subscribe';
 /**
- * pureComputed.js implements a variant of computed() suitable for use with a pure read function
- * (free of side-effects). A pureComputed is only subscribed to its dependencies when something is
+ * `PureComputed` is a variant of `Computed` suitable for use with a pure read function
+ * (free of side-effects). A `PureComputed` is only subscribed to its dependencies when something is
  * subscribed to it. At other times, it is not subscribed to anything, and calls to `get()` will
- * recompute its value each time by calling its read() function.
+ * recompute its value each time by calling its `read()` function.
  *
- * Its syntax and usage are otherwise exactly as for a computed.
+ * Its syntax and usage are otherwise exactly as for a `Computed`.
  *
- * In addition to being cheaper when unused, a pureComputed() also avoids leaking memory when
+ * In addition to being cheaper when unused, a `PureComputed` also avoids leaking memory when
  * unused (since it's not registered with dependencies), so it is not necessary to dispose it.
  */
-import { DepItem } from './_computed_queue';
-import { Observable } from './observable';
-import { ISubscribable, UseCB } from './subscribe';
 export declare class PureComputed<T> extends Observable<T> {
     private _callback;
     private _write;
     private _sub;
     private readonly _dependencies;
     private _inCall;
-    /**
-     * Internal constructor for a PureComputed. You should use pureComputed() function instead.
-     */
     constructor(callback: (use: UseCB, ...args: any[]) => T, dependencies: ReadonlyArray<ISubscribable>);
+    /** @internal */
     _getDepItem(): DepItem;
+    /** @override */
     get(): T;
     /**
      * "Sets" the value of the pure computed by calling the write() callback if one was provided in
      * the constructor. Throws an error if there was no such callback (not a "writable" computed).
-     * @param {Object} value: The value to pass to the write() callback.
+     * @param value - The value to pass to the write() callback.
      */
     set(value: T): void;
     /**
@@ -44,9 +43,7 @@ export declare class PureComputed<T> extends Observable<T> {
     private _read;
 }
 /**
- * This is the type-checking interface for pureComputed(), which allows TypeScript to do helpful
- * type-checking when using it. We can only support a fixed number of argumnets (explicit
- * dependencies), but 5 should almost always be enough.
+ * Creates and returns a new PureComputed. The interface is identical to that of a Computed.
  */
 export declare function pureComputed<T>(cb: (use: UseCB) => T): PureComputed<T>;
 export declare function pureComputed<A, T>(a: Observable<A>, cb: (use: UseCB, a: A) => T): PureComputed<T>;

package/dist/cjs/lib/pureComputed.js

@@ -1,15 +1,4 @@
 "use strict";
-/**
- * pureComputed.js implements a variant of computed() suitable for use with a pure read function
- * (free of side-effects). A pureComputed is only subscribed to its dependencies when something is
- * subscribed to it. At other times, it is not subscribed to anything, and calls to `get()` will
- * recompute its value each time by calling its read() function.
- *
- * Its syntax and usage are otherwise exactly as for a computed.
- *
- * In addition to being cheaper when unused, a pureComputed() also avoids leaking memory when
- * unused (since it's not registered with dependencies), so it is not necessary to dispose it.
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pureComputed = exports.PureComputed = void 0;
 const observable_1 = require("./observable");
@@ -22,10 +11,19 @@ function _useFunc(obs) {
 }
 // Constant empty array, which we use to avoid allocating new read-only empty arrays.
 const emptyArray = [];
+/**
+ * `PureComputed` is a variant of `Computed` suitable for use with a pure read function
+ * (free of side-effects). A `PureComputed` is only subscribed to its dependencies when something is
+ * subscribed to it. At other times, it is not subscribed to anything, and calls to `get()` will
+ * recompute its value each time by calling its `read()` function.
+ *
+ * Its syntax and usage are otherwise exactly as for a `Computed`.
+ *
+ * In addition to being cheaper when unused, a `PureComputed` also avoids leaking memory when
+ * unused (since it's not registered with dependencies), so it is not necessary to dispose it.
+ */
 class PureComputed extends observable_1.Observable {
-    /**
-     * Internal constructor for a PureComputed. You should use pureComputed() function instead.
-     */
+    // Internal constructor for a PureComputed. You should use pureComputed() function instead.
     constructor(callback, dependencies) {
         // At initialization we force an undefined value even though it's not of type T: it's not
         // actually used as get() is overridden.
@@ -37,10 +35,12 @@ class PureComputed extends observable_1.Observable {
         this._inCall = false;
         this.setListenerChangeCB(this._onListenerChange, this);
     }
+    /** @internal */
     _getDepItem() {
         this._activate();
         return this._sub._getDepItem();
     }
+    /** @override */
     get() {
         if (!this._sub && !this._inCall) {
             // _inCall member prevents infinite recursion.
@@ -62,7 +62,7 @@ class PureComputed extends observable_1.Observable {
     /**
      * "Sets" the value of the pure computed by calling the write() callback if one was provided in
      * the constructor. Throws an error if there was no such callback (not a "writable" computed).
-     * @param {Object} value: The value to pass to the write() callback.
+     * @param value - The value to pass to the write() callback.
      */
     set(value) { this._write(value); }
     /**
@@ -104,9 +104,6 @@ class PureComputed extends observable_1.Observable {
     }
 }
 exports.PureComputed = PureComputed;
-/**
- * Creates and returns a new PureComputed. The interface is identical to that of a Computed.
- */
 function pureComputed(...args) {
     const readCb = args.pop();
     // The cast helps ensure that Observable is compatible with ISubscribable abstraction that we use.

package/dist/cjs/lib/pureComputed.js.map

@@ -1 +1 @@
-{"version":3,"file":"pureComputed.js","sourceRoot":"","sources":["../../../lib/pureComputed.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"pureComputed.js","sourceRoot":"","sources":["../../../lib/pureComputed.ts"],"names":[],"mappings":"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"}

package/dist/cjs/lib/styled.d.ts

@@ -1,79 +1,96 @@
+import { IDomArgs, TagElem, TagName } from './domImpl';
+import { cls } from './domMethods';
+export interface IClsName {
+    className: string;
+    cls: typeof cls;
+}
+export type DomCreateFunc<R, Args extends IDomArgs<R> = IDomArgs<R>> = (...args: Args) => R;
 /**
  * In-code styling for DOM components, inspired by Reacts Styled Components.
  *
  * Usage:
- *    const title = styled('h1', `
- *      font-size: 1.5em;
- *      text-align: center;
- *      color: palevioletred;
- *    `);
- *
- *    const wrapper = styled('section', `
- *      padding: 4em;
- *      background: papayawhip;
- *    `);
- *
- *    wrapper(title('Hello world'))
- *
- * This generates class names for title and wrapper, adds the styles to the document on first use,
- * and the result is equivalent to:
- *
- *    dom(`section.${wrapper.className}`, dom(`h1.${title.className}`, 'Hello world'));
- *
- * Calls to styled() should happen at the top level, at import time, in order to register all
+ * ```ts
+ * const cssTitle = styled('h1', `
+ *   font-size: 1.5em;
+ *   text-align: center;
+ *   color: palevioletred;
+ * `);
+ *
+ * const cssWrapper = styled('section', `
+ *   padding: 4em;
+ *   background: papayawhip;
+ * `);
+ *
+ * cssWrapper(cssTitle('Hello world'))
+ * ```
+ *
+ * This generates class names for `cssTitle` and `cssWrapper`, adds the styles to the document on
+ * first use, and the result is equivalent to:
+ * ```ts
+ * dom(`section.${cssWrapper.className}`, dom(`h1.${cssTitle.className}`, 'Hello world'));
+ * ```
+ *
+ * What `styled(tag)` returns is a function that takes the same arguments `...args` as
+ * `dom(tag, ...args)`. In particular, you may call it with all the arguments that
+ * [`dom()`](#dom) takes: content, DOM methods, event handlers, etc.
+ *
+ * Calls to `styled()` should happen at the top level, at import time, in order to register all
  * styles upfront. Actual work happens the first time a style is needed to create an element.
- * Calling styled() elsewhere than at top level is wasteful and bad for performance.
- *
- * You may create a style that modifies an existing styled() or other component, e.g.
+ * Calling `styled()` elsewhere than at top level is wasteful and bad for performance.
  *
- *    const title2 = styled(title, `font-size: 1rem; color: red;`);
+ * You may create a style that modifies an existing `styled()` or other component, e.g.
+ * ```ts
+ * const cssTitle2 = styled(cssTitle, `font-size: 1rem; color: red;`);
+ * ```
  *
- * Calling title2('Foo') becomes equivalent to dom(`h1.${title.className}.${title2.className}`).
+ * Now calling `cssTitle2('Foo')` becomes equivalent to
+ * `dom('h1', {className: cssTitle.className + ' ' + cssTitle2.className})`.
  *
  * Styles may incorporate other related styles by nesting them under the main one as follows:
- *
- *     const myButton = styled('button', `
- *       border-radius: 0.5rem;
- *       border: 1px solid grey;
- *       font-size: 1rem;
- *
- *       &:active {
- *         background: lightblue;
- *       }
- *       &-small {
- *         font-size: 0.6rem;
- *       }
- *     `);
+ * ```ts
+ * const myButton = styled('button', `
+ *   border-radius: 0.5rem;
+ *   border: 1px solid grey;
+ *   font-size: 1rem;
+ *
+ *   &:active {
+ *     background: lightblue;
+ *   }
+ *   &-small {
+ *     font-size: 0.6rem;
+ *   }
+ * `);
+ * ```
  *
  * In nested styles, ampersand (&) gets replaced with the generated .className of the main element.
  *
- * The resulting styled component provides a .cls() helper to simplify using prefixed classes. It
- * behaves as dom.cls(), but prefixes the class names with the generated className of the main
+ * The resulting styled component provides a `.cls()` helper to simplify using prefixed classes. It
+ * behaves as `dom.cls()`, but prefixes the class names with the generated className of the main
  * element. E.g. for the example above,
+ * ```ts
+ * myButton(myButton.cls('-small'), 'Test')
+ * ```
  *
- *      myButton(myButton.cls('-small'), 'Test')
- *
- * creates a button with both the myButton style above, and the style specified under "&-small".
- *
- * Animations with @keyframes may be created with a unique name by using the keyframes() helper:
- *
- *    const rotate360 = keyframes(`
- *      from { transform: rotate(0deg); }
- *      to { transform: rotate(360deg); }
- *    `);
- *
- *    const Rotate = styled('div', `
- *      display: inline-block;
- *      animation: ${rotate360} 2s linear infinite;
- *    `);
+ * creates a button with both the `myButton` style above, and the style specified under "&-small".
  */
-import { IDomArgs, TagElem, TagName } from './domImpl';
-import { cls } from './domMethods';
-export interface IClsName {
-    className: string;
-    cls: typeof cls;
-}
-export declare type DomCreateFunc<R, Args extends IDomArgs<R> = IDomArgs<R>> = (...args: Args) => R;
 export declare function styled<Tag extends TagName>(tag: Tag, styles: string): DomCreateFunc<TagElem<Tag>> & IClsName;
 export declare function styled<Args extends any[], R extends Element>(creator: (...args: Args) => R, styles: string): typeof creator & IClsName;
+/**
+ * Animations with `@keyframes` may be created with a unique name by using the keyframes() helper:
+ * ```ts
+ * const rotate360 = keyframes(`
+ *   from { transform: rotate(0deg); }
+ *   to { transform: rotate(360deg); }
+ * `);
+ *
+ * const Rotate = styled('div', `
+ *   display: inline-block;
+ *   animation: ${rotate360} 2s linear infinite;
+ * `);
+ * ```
+ *
+ * This function returns simply a string with the generated name. Note that keyframes do not
+ * support nesting or ampersand (&) handling, like `styled()` does, since these would be difficult
+ * and are entirely unneeded.
+ */
 export declare function keyframes(styles: string): string;

package/dist/cjs/lib/styled.js

@@ -1,73 +1,4 @@
 "use strict";
-/**
- * In-code styling for DOM components, inspired by Reacts Styled Components.
- *
- * Usage:
- *    const title = styled('h1', `
- *      font-size: 1.5em;
- *      text-align: center;
- *      color: palevioletred;
- *    `);
- *
- *    const wrapper = styled('section', `
- *      padding: 4em;
- *      background: papayawhip;
- *    `);
- *
- *    wrapper(title('Hello world'))
- *
- * This generates class names for title and wrapper, adds the styles to the document on first use,
- * and the result is equivalent to:
- *
- *    dom(`section.${wrapper.className}`, dom(`h1.${title.className}`, 'Hello world'));
- *
- * Calls to styled() should happen at the top level, at import time, in order to register all
- * styles upfront. Actual work happens the first time a style is needed to create an element.
- * Calling styled() elsewhere than at top level is wasteful and bad for performance.
- *
- * You may create a style that modifies an existing styled() or other component, e.g.
- *
- *    const title2 = styled(title, `font-size: 1rem; color: red;`);
- *
- * Calling title2('Foo') becomes equivalent to dom(`h1.${title.className}.${title2.className}`).
- *
- * Styles may incorporate other related styles by nesting them under the main one as follows:
- *
- *     const myButton = styled('button', `
- *       border-radius: 0.5rem;
- *       border: 1px solid grey;
- *       font-size: 1rem;
- *
- *       &:active {
- *         background: lightblue;
- *       }
- *       &-small {
- *         font-size: 0.6rem;
- *       }
- *     `);
- *
- * In nested styles, ampersand (&) gets replaced with the generated .className of the main element.
- *
- * The resulting styled component provides a .cls() helper to simplify using prefixed classes. It
- * behaves as dom.cls(), but prefixes the class names with the generated className of the main
- * element. E.g. for the example above,
- *
- *      myButton(myButton.cls('-small'), 'Test')
- *
- * creates a button with both the myButton style above, and the style specified under "&-small".
- *
- * Animations with @keyframes may be created with a unique name by using the keyframes() helper:
- *
- *    const rotate360 = keyframes(`
- *      from { transform: rotate(0deg); }
- *      to { transform: rotate(360deg); }
- *    `);
- *
- *    const Rotate = styled('div', `
- *      display: inline-block;
- *      animation: ${rotate360} 2s linear infinite;
- *    `);
- */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.keyframes = exports.styled = void 0;
 // Use the browser globals in a way that allows replacing them with mocks in tests.
@@ -81,7 +12,7 @@ function styled(creator, styles) {
     // Creator function reflects the input, with only the addition of style.use() at the end. Note
     // that it needs to be at the end because creator() might take special initial arguments.
     const newCreator = (typeof creator === 'string') ?
-        (...args) => style.addToElem(domImpl_1.dom(creator, ...args)) :
+        (...args) => style.addToElem((0, domImpl_1.dom)(creator, ...args)) :
         (...args) => style.addToElem(creator(...args));
     return Object.assign(newCreator, {
         className: style.className,
@@ -89,8 +20,24 @@ function styled(creator, styles) {
     });
 }
 exports.styled = styled;
-// Keyframes produces simply a string with the generated name. Note that these does not support
-// nesting or ampersand (&) handling, since these would be difficult and are entirely unneeded.
+/**
+ * Animations with `@keyframes` may be created with a unique name by using the keyframes() helper:
+ * ```ts
+ * const rotate360 = keyframes(`
+ *   from { transform: rotate(0deg); }
+ *   to { transform: rotate(360deg); }
+ * `);
+ *
+ * const Rotate = styled('div', `
+ *   display: inline-block;
+ *   animation: ${rotate360} 2s linear infinite;
+ * `);
+ * ```
+ *
+ * This function returns simply a string with the generated name. Note that keyframes do not
+ * support nesting or ampersand (&) handling, like `styled()` does, since these would be difficult
+ * and are entirely unneeded.
+ */
 function keyframes(styles) {
     return (new KeyframePiece(styles)).className;
 }
@@ -114,23 +61,23 @@ function getNextStyleNum() {
     return g._grainNextStyleNum = (g._grainNextStyleNum || 0) + 1;
 }
 class StylePiece {
-    constructor(_styles) {
-        this._styles = _styles;
-        this._mounted = false;
-        this.className = StylePiece._nextClassName();
-        StylePiece._unmounted.add(this);
-    }
     // Generate a new css class name. The suffix ensures that names like "&2" can't cause a conflict.
     static _nextClassName() { return `_grain${getNextStyleNum()}_`; }
     // Mount all unmounted StylePieces, and clear the _unmounted map.
     static _mountAll() {
         const sheet = Array.from(this._unmounted, (p) => p._createRules()).join("\n\n");
-        browserGlobals_1.G.document.head.appendChild(domImpl_1.dom('style', sheet));
+        browserGlobals_1.G.document.head.appendChild((0, domImpl_1.dom)('style', sheet));
         for (const piece of this._unmounted) {
             piece._mounted = true;
         }
         this._unmounted.clear();
     }
+    constructor(_styles) {
+        this._styles = _styles;
+        this._mounted = false;
+        this.className = StylePiece._nextClassName();
+        StylePiece._unmounted.add(this);
+    }
     addToElem(elem) {
         if (!this._mounted) {
             StylePiece._mountAll();

package/dist/cjs/lib/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../lib/styled.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoEG;;;AAEH,mFAAmF;AACnF,qDAAmC;AACnC,uCAA0D;AAC1D,6CAA4C;AAe5C,SAAgB,MAAM,CAAC,OAAY,EAAE,MAAc;IACjD,+FAA+F;IAC/F,kFAAkF;IAClF,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;IAErC,8FAA8F;IAC9F,yFAAyF;IACzF,MAAM,UAAU,GAAG,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC;QAChD,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,aAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC5D,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IACxD,OAAO,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;QAC/B,SAAS,EAAE,KAAK,CAAC,SAAS;QAC1B,GAAG,EAAE,sBAAS,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3C,CAAC,CAAC;AACL,CAAC;AAdD,wBAcC;AAED,+FAA+F;AAC/F,+FAA+F;AAC/F,SAAgB,SAAS,CAAC,MAAc;IACtC,OAAO,CAAC,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAC/C,CAAC;AAFD,8BAEC;AAED,SAAS,cAAc,CAAC,SAAiB,EAAE,MAAc;IACvD,4FAA4F;IAC5F,2BAA2B;IAC3B,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;IAC1E,MAAM,WAAW,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAErE,8DAA8D;IAC9D,OAAO,MAAM,SAAS,QAAQ,WAAW,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AACvE,CAAC;AAED,uFAAuF;AACvF,MAAM,OAAO,GAAG,EAAE,CAAC;AAEnB,gGAAgG;AAChG,+FAA+F;AAC/F,oFAAoF;AACpF,SAAS,eAAe;IACtB,MAAM,CAAC,GAAQ,kBAAC,CAAC,MAAM,IAAI,OAAO,CAAC;IACnC,OAAO,CAAC,CAAC,kBAAkB,GAAG,CAAC,CAAC,CAAC,kBAAkB,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;AAChE,CAAC;AAED,MAAM,UAAU;IAqBd,YAAsB,OAAe;QAAf,YAAO,GAAP,OAAO,CAAQ;QAF7B,aAAQ,GAAY,KAAK,CAAC;QAGhC,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC,cAAc,EAAE,CAAC;QAC7C,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;IApBD,iGAAiG;IACzF,MAAM,CAAC,cAAc,KAAK,OAAO,SAAS,eAAe,EAAE,GAAG,CAAC,CAAC,CAAC;IAEzE,iEAAiE;IACzD,MAAM,CAAC,SAAS;QACtB,MAAM,KAAK,GAAW,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAExF,kBAAC,CAAC,QAAQ,CAAC,IAAK,CAAC,WAAW,CAAC,aAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;QAClD,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;YACnC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC;SACvB;QACD,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC;IAUM,SAAS,CAAoB,IAAO;QACzC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAAE,UAAU,CAAC,SAAS,EAAE,CAAC;SAAE;QAC/C,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAES,YAAY;QACpB,OAAO,cAAc,CAAC,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;;AAjCD,sDAAsD;AACvC,qBAAU,GAAG,IAAI,GAAG,EAAc,CAAC;AAmCpD,MAAM,aAAc,SAAQ,UAAU;IAC1B,YAAY;QACpB,OAAO,cAAc,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,OAAO,GAAG,CAAC;IAC1D,CAAC;CACF"}
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../lib/styled.ts"],"names":[],"mappings":"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"}