@furystack/shades 8.0.0 → 8.0.1

package/esm/components/index.js

@@ -0,0 +1,4 @@
+export * from './lazy-load';
+export * from './router';
+export * from './route-link';
+//# sourceMappingURL=index.js.map

package/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA"}

package/esm/components/lazy-load.js

@@ -0,0 +1,42 @@
+import { Shade } from '../shade';
+export const LazyLoad = Shade({
+    shadowDomName: 'lazy-load',
+    constructed: async ({ props, useState, element }) => {
+        const [_component, setComponent] = useState('component', undefined);
+        const [_errorState, setErrorState] = useState('error', undefined);
+        try {
+            const loaded = await props.component();
+            element.isConnected && setComponent(loaded);
+        }
+        catch (error) {
+            if (props.error) {
+                element.isConnected && setErrorState(error);
+            }
+            else {
+                throw error;
+            }
+        }
+    },
+    render: ({ props, useState }) => {
+        const [error, setError] = useState('error', undefined);
+        const [component, setComponent] = useState('component', undefined);
+        if (error && props.error) {
+            return props.error(error, async () => {
+                try {
+                    setError(undefined);
+                    setComponent(undefined);
+                    const loaded = await props.component();
+                    setComponent(loaded);
+                }
+                catch (e) {
+                    setError(e);
+                }
+            });
+        }
+        if (component) {
+            return component;
+        }
+        return props.loader;
+    },
+});
+//# sourceMappingURL=lazy-load.js.map

package/esm/components/lazy-load.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-load.js","sourceRoot":"","sources":["../../src/components/lazy-load.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAahC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAgB;IAC3C,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAClD,MAAM,CAAC,UAAU,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,WAAW,EAAE,SAAS,CAAC,CAAA;QAC5F,MAAM,CAAC,WAAW,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,OAAO,EAAE,SAAS,CAAC,CAAA;QACtF,IAAI;YACF,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,CAAA;YACtC,OAAO,CAAC,WAAW,IAAI,YAAY,CAAC,MAAM,CAAC,CAAA;SAC5C;QAAC,OAAO,KAAK,EAAE;YACd,IAAI,KAAK,CAAC,KAAK,EAAE;gBACf,OAAO,CAAC,WAAW,IAAI,aAAa,CAAC,KAAK,CAAC,CAAA;aAC5C;iBAAM;gBACL,MAAM,KAAK,CAAA;aACZ;SACF;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,OAAO,EAAE,SAAS,CAAC,CAAA;QAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA0B,WAAW,EAAE,SAAS,CAAC,CAAA;QAE3F,IAAI,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE;YACxB,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE;gBACnC,IAAI;oBACF,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,YAAY,CAAC,SAAS,CAAC,CAAA;oBACvB,MAAM,MAAM,GAAG,MAAM,KAAK,CAAC,SAAS,EAAE,CAAA;oBACtC,YAAY,CAAC,MAAM,CAAC,CAAA;iBACrB;gBAAC,OAAO,CAAC,EAAE;oBACV,QAAQ,CAAC,CAAC,CAAC,CAAA;iBACZ;YACH,CAAC,CAAC,CAAA;SACH;QACD,IAAI,SAAS,EAAE;YACb,OAAO,SAAS,CAAA;SACjB;QACD,OAAO,KAAK,CAAC,MAAM,CAAA;IACrB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/route-link.js

@@ -0,0 +1,25 @@
+import { Shade } from '../shade';
+import { LocationService } from '../services';
+import { attachProps, createComponent } from '..';
+export const RouteLink = Shade({
+    shadowDomName: 'route-link',
+    elementBase: HTMLAnchorElement,
+    elementBaseName: 'a',
+    render: ({ children, props, injector, element }) => {
+        attachProps(element, {
+            ...props,
+            style: {
+                color: 'inherit',
+                textDecoration: 'inherit',
+                ...props.style,
+            },
+            onclick: (ev) => {
+                ev.preventDefault();
+                history.pushState('', props.title || '', props.href);
+                injector.getInstance(LocationService).updateState();
+            },
+        });
+        return createComponent(createComponent, null, children);
+    },
+});
+//# sourceMappingURL=route-link.js.map

package/esm/components/route-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route-link.js","sourceRoot":"","sources":["../../src/components/route-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,IAAI,CAAA;AAIjD,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAiB;IAC7C,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,GAAG;IACpB,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,WAAW,CAAC,OAAO,EAAE;YACnB,GAAG,KAAK;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;gBAChB,cAAc,EAAE,SAAS;gBACzB,GAAG,KAAK,CAAC,KAAK;aACf;YACD,OAAO,EAAE,CAAC,EAAc,EAAE,EAAE;gBAC1B,EAAE,CAAC,cAAc,EAAE,CAAA;gBACnB,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;gBACpD,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,WAAW,EAAE,CAAA;YACrD,CAAC;SACF,CAAC,CAAA;QACF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/esm/components/router.js

@@ -0,0 +1,56 @@
+import { Shade } from '../shade';
+import { createComponent } from '../shade-component';
+import { LocationService } from '../services';
+import { match } from 'path-to-regexp';
+import { Lock } from 'semaphore-async-await';
+import { ObservableAlreadyDisposedError } from '@furystack/utils';
+export const Router = Shade({
+    shadowDomName: 'shade-router',
+    render: (options) => {
+        const { useState, useObservable, injector } = options;
+        const [lock] = useState('lock', new Lock());
+        const [state, setState] = useState('routerState', {
+            jsx: createComponent("div", null),
+        });
+        const updateUrl = async (currentUrl) => {
+            const [lastState] = useState('routerState', state);
+            const { activeRoute: lastRoute, activeRouteParams: lastRouteParams, jsx: lastJsx } = lastState;
+            try {
+                await lock.acquire();
+                for (const route of options.props.routes) {
+                    const matchFn = match(route.url, route.routingOptions);
+                    const matchResult = matchFn(currentUrl);
+                    if (matchResult) {
+                        if (route !== lastRoute || JSON.stringify(lastRouteParams) !== JSON.stringify(matchResult.params)) {
+                            await lastRoute?.onLeave?.({ ...options, element: lastState.jsx });
+                            const newJsx = route.component({ currentUrl, match: matchResult });
+                            setState({ jsx: newJsx, activeRoute: route, activeRouteParams: matchResult.params });
+                            await route.onVisit?.({ ...options, element: newJsx });
+                        }
+                        return;
+                    }
+                }
+                if (lastRoute?.onLeave) {
+                    await lastRoute.onLeave({ ...options, element: lastJsx });
+                }
+                setState({
+                    jsx: options.props.notFound || createComponent("div", null),
+                    activeRoute: null,
+                    activeRouteParams: null,
+                });
+            }
+            catch (e) {
+                // path updates can be async, this can be ignored
+                if (!(e instanceof ObservableAlreadyDisposedError)) {
+                    throw e;
+                }
+            }
+            finally {
+                lock?.release();
+            }
+        };
+        useObservable('locationPathChanged', injector.getInstance(LocationService).onLocationPathChanged, updateUrl, true);
+        return state.jsx;
+    },
+});
+//# sourceMappingURL=router.js.map

package/esm/components/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/components/router.tsx"],"names":[],"mappings":"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"}

package/esm/index.js

@@ -0,0 +1,8 @@
+export * from './services';
+import './jsx';
+export * from './shade-component';
+export * from './shade';
+export * from './models';
+export * from './components';
+export * from './initialize';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,OAAO,OAAO,CAAA;AACd,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA"}

package/esm/initialize.js

@@ -0,0 +1,5 @@
+export const initializeShadeRoot = (options) => {
+    options.jsxElement.injector = options.injector;
+    options.rootElement.appendChild(options.jsxElement);
+};
+//# sourceMappingURL=initialize.js.map

package/esm/initialize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialize.js","sourceRoot":"","sources":["../src/initialize.ts"],"names":[],"mappings":"AAOA,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAA0B,EAAE,EAAE;IAChE,OAAO,CAAC,UAAU,CAAC,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAA;IAC9C,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAA;AACrD,CAAC,CAAA"}

package/esm/jsx.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=jsx.js.map

package/esm/jsx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsx.js","sourceRoot":"","sources":["../src/jsx.ts"],"names":[],"mappings":""}

package/esm/models/children-list.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=children-list.js.map

package/esm/models/children-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"children-list.js","sourceRoot":"","sources":["../../src/models/children-list.ts"],"names":[],"mappings":""}

package/esm/models/index.js

@@ -0,0 +1,6 @@
+export * from './children-list';
+export * from './partial-element';
+export * from './render-options';
+export * from './selection-state';
+export * from './shade-component';
+//# sourceMappingURL=index.js.map

package/esm/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/esm/models/partial-element.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=partial-element.js.map

package/esm/models/partial-element.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"partial-element.js","sourceRoot":"","sources":["../../src/models/partial-element.ts"],"names":[],"mappings":""}

package/esm/models/render-options.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=render-options.js.map

package/esm/models/render-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-options.js","sourceRoot":"","sources":["../../src/models/render-options.ts"],"names":[],"mappings":""}

package/esm/models/selection-state.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=selection-state.js.map

package/esm/models/selection-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-state.js","sourceRoot":"","sources":["../../src/models/selection-state.ts"],"names":[],"mappings":""}

package/esm/models/shade-component.js

@@ -0,0 +1,9 @@
+/**
+ * Type guard that checks if an object is a stateless component
+ * @param obj The object to check
+ * @returns a value that indicates if the object is a Shade component
+ */
+export const isShadeComponent = (obj) => {
+    return typeof obj === 'function';
+};
+//# sourceMappingURL=shade-component.js.map

package/esm/models/shade-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shade-component.js","sourceRoot":"","sources":["../../src/models/shade-component.ts"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,GAAQ,EAA8B,EAAE;IACvE,OAAO,OAAO,GAAG,KAAK,UAAU,CAAA;AAClC,CAAC,CAAA"}

package/esm/services/index.js

@@ -0,0 +1,3 @@
+export * from './location-service';
+export * from './screen-service';
+//# sourceMappingURL=index.js.map

package/esm/services/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}

package/esm/services/location-service.js

@@ -0,0 +1,90 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { ObservableValue, Trace } from '@furystack/utils';
+import { Injectable } from '@furystack/inject';
+import { deserializeQueryString, serializeToQueryString } from '@furystack/rest';
+let LocationService = class LocationService {
+    dispose() {
+        window.removeEventListener('popstate', this.updateState);
+        window.removeEventListener('hashchange', this.updateState);
+        this.pushStateTracer.dispose();
+        this.replaceStateTracer.dispose();
+        this.onLocationPathChanged.dispose();
+        this.onLocationSearchChanged.dispose();
+        this.onDeserializedLocationSearchChanged.dispose();
+        this.locationDeserializerObserver.dispose();
+    }
+    updateState() {
+        this.onLocationPathChanged.setValue(location.pathname);
+        this.onLocationHashChanged.setValue(location.hash);
+        this.onLocationSearchChanged.setValue(location.search);
+    }
+    /**
+     *
+     * @param key The search param key (e.g. ?search=1 -> search)
+     * @param defaultValue The default value if not provided
+     * @returns An observable with the current value (or default value) of the search param
+     */
+    useSearchParam(key, defaultValue) {
+        const actualValue = this.onDeserializedLocationSearchChanged.getValue()[key] ?? defaultValue;
+        if (!this.searchParamObservables.has(key)) {
+            const newObservable = new ObservableValue(actualValue);
+            this.searchParamObservables.set(key, newObservable);
+            newObservable.subscribe((value) => {
+                const params = serializeToQueryString({ ...deserializeQueryString(location.search), [key]: value });
+                history.pushState({}, '', `${location.pathname}?${params}`);
+            });
+            this.onDeserializedLocationSearchChanged.subscribe((search) => {
+                const value = search[key] ?? defaultValue;
+                this.searchParamObservables.get(key)?.setValue(value);
+            });
+        }
+        return this.searchParamObservables.get(key);
+    }
+    constructor() {
+        /**
+         * Observable value that will be updated when the location pathname (e.g. /page/1) changes
+         */
+        this.onLocationPathChanged = new ObservableValue(new URL(location.href).pathname);
+        /**
+         * Observable value that will be updated when the location hash (e.g. #hash) changes
+         */
+        this.onLocationHashChanged = new ObservableValue(location.hash);
+        /**
+         * Observable value that will be updated when the location search (e.g. ?search=1) changes
+         */
+        this.onLocationSearchChanged = new ObservableValue(location.search);
+        this.onDeserializedLocationSearchChanged = new ObservableValue(deserializeQueryString(this.onLocationSearchChanged.getValue()));
+        this.locationDeserializerObserver = this.onLocationSearchChanged.subscribe((search) => {
+            this.onDeserializedLocationSearchChanged.setValue(deserializeQueryString(search));
+        });
+        this.searchParamObservables = new Map();
+        window.addEventListener('popstate', () => this.updateState());
+        window.addEventListener('hashchange', () => this.updateState());
+        this.pushStateTracer = Trace.method({
+            object: history,
+            method: history.pushState,
+            isAsync: false,
+            onFinished: () => this.updateState(),
+        });
+        this.replaceStateTracer = Trace.method({
+            object: history,
+            method: history.replaceState,
+            isAsync: false,
+            onFinished: () => this.updateState(),
+        });
+    }
+};
+LocationService = __decorate([
+    Injectable({ lifetime: 'singleton' }),
+    __metadata("design:paramtypes", [])
+], LocationService);
+export { LocationService };
+//# sourceMappingURL=location-service.js.map

package/esm/services/location-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"location-service.js","sourceRoot":"","sources":["../../src/services/location-service.tsx"],"names":[],"mappings":";;;;;;;;;AACA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAChF,IACa,eAAe,GAD5B,MACa,eAAe;IACnB,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QACxD,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,WAAW,CAAC,CAAA;QAC1D,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAA;QAC9B,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAA;QACjC,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAA;QACpC,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE,CAAA;QACtC,IAAI,CAAC,mCAAmC,CAAC,OAAO,EAAE,CAAA;QAClD,IAAI,CAAC,4BAA4B,CAAC,OAAO,EAAE,CAAA;IAC7C,CAAC;IAyBM,WAAW;QAChB,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QACtD,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAClD,IAAI,CAAC,uBAAuB,CAAC,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IACxD,CAAC;IAID;;;;;OAKG;IACI,cAAc,CAAI,GAAW,EAAE,YAAe;QACnD,MAAM,WAAW,GAAI,IAAI,CAAC,mCAAmC,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAO,IAAI,YAAY,CAAA;QACnG,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACzC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAC,WAAW,CAAC,CAAA;YACtD,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,EAAE,aAAa,CAAC,CAAA;YAEnD,aAAa,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;gBAChC,MAAM,MAAM,GAAG,sBAAsB,CAAC,EAAE,GAAG,sBAAsB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAA;gBACnG,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,QAAQ,CAAC,QAAQ,IAAI,MAAM,EAAE,CAAC,CAAA;YAC7D,CAAC,CAAC,CAAA;YAEF,IAAI,CAAC,mCAAmC,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;gBAC5D,MAAM,KAAK,GAAI,MAAM,CAAC,GAAG,CAAO,IAAI,YAAY,CAAA;gBAChD,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,KAAU,CAAC,CAAA;YAC5D,CAAC,CAAC,CAAA;SACH;QACD,OAAO,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,GAAG,CAAuB,CAAA;IACnE,CAAC;IAKD;QA3DA;;WAEG;QACI,0BAAqB,GAAG,IAAI,eAAe,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAA;QAEnF;;WAEG;QACI,0BAAqB,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAEjE;;WAEG;QACI,4BAAuB,GAAG,IAAI,eAAe,CAAS,QAAQ,CAAC,MAAM,CAAC,CAAA;QAEtE,wCAAmC,GAAG,IAAI,eAAe,CAC9D,sBAAsB,CAAC,IAAI,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,CAChE,CAAA;QAEM,iCAA4B,GAAG,IAAI,CAAC,uBAAuB,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YACtF,IAAI,CAAC,mCAAmC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAA;QACnF,CAAC,CAAC,CAAA;QAQc,2BAAsB,GAAG,IAAI,GAAG,EAAgC,CAAA;QA+B9E,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QAC7D,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;QAE/D,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC;YAClC,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,OAAO,CAAC,SAAS;YACzB,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;SACrC,CAAC,CAAA;QAEF,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC;YACrC,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,OAAO,CAAC,YAAY;YAC5B,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE;SACrC,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAzFY,eAAe;IAD3B,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;GACzB,eAAe,CAyF3B;SAzFY,eAAe"}

package/esm/services/resource-manager.js

@@ -0,0 +1,44 @@
+import { ObservableValue } from '@furystack/utils';
+/**
+ * Class for managing observables and disposables for components, based on key-value maps
+ */
+export class ResourceManager {
+    constructor() {
+        this.disposables = new Map();
+        this.observers = new Map();
+        this.useObservable = (key, observable, callback, getLast) => {
+            const alreadyUsed = this.observers.get(key);
+            if (alreadyUsed) {
+                return [alreadyUsed.observable.getValue(), alreadyUsed.observable.setValue.bind(alreadyUsed.observable)];
+            }
+            const observer = observable.subscribe(callback, getLast);
+            this.observers.set(key, observer);
+            return [observable.getValue(), observable.setValue.bind(observable)];
+        };
+        this.stateObservers = new Map();
+        this.useState = (key, initialValue, callback) => {
+            if (!this.stateObservers.has(key)) {
+                const newObservable = new ObservableValue(initialValue);
+                this.stateObservers.set(key, newObservable);
+                newObservable.subscribe(callback);
+            }
+            const observable = this.stateObservers.get(key);
+            return [observable.getValue(), observable.setValue.bind(observable)];
+        };
+    }
+    useDisposable(key, factory) {
+        if (!this.disposables.has(key)) {
+            this.disposables.set(key, factory());
+        }
+        return this.disposables.get(key);
+    }
+    dispose() {
+        this.disposables.forEach((r) => r.dispose());
+        this.disposables.clear();
+        this.observers.forEach((r) => r.dispose());
+        this.observers.clear();
+        this.stateObservers.forEach((r) => r.dispose());
+        this.stateObservers.clear();
+    }
+}
+//# sourceMappingURL=resource-manager.js.map

package/esm/services/resource-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-manager.js","sourceRoot":"","sources":["../../src/services/resource-manager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAIlD;;GAEG;AACH,MAAM,OAAO,eAAe;IAA5B;QACmB,gBAAW,GAAG,IAAI,GAAG,EAAsB,CAAA;QAS5C,cAAS,GAAG,IAAI,GAAG,EAA8B,CAAA;QAE1D,kBAAa,GAAG,CACrB,GAAW,EACX,UAA8B,EAC9B,QAAgC,EAChC,OAAiB,EAC4B,EAAE;YAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAiC,CAAA;YAC3E,IAAI,WAAW,EAAE;gBACf,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAA;aACzG;YACD,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAA;YACxD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;YACjC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAA;QACtE,CAAC,CAAA;QAEe,mBAAc,GAAG,IAAI,GAAG,EAAgC,CAAA;QAEjE,aAAQ,GAAG,CAChB,GAAW,EACX,YAAe,EACf,QAAgC,EACa,EAAE;YAC/C,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;gBACjC,MAAM,aAAa,GAAG,IAAI,eAAe,CAAI,YAAY,CAAC,CAAA;gBAC1D,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,EAAE,aAAa,CAAC,CAAA;gBAC3C,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;aAClC;YACD,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAuB,CAAA;YACrE,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAA;QACtE,CAAC,CAAA;IAWH,CAAC;IAjDQ,aAAa,CAAuB,GAAW,EAAE,OAAgB;QACtE,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YAC9B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,CAAA;SACrC;QACD,OAAO,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAM,CAAA;IACvC,CAAC;IAmCM,OAAO;QACZ,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QAC5C,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;QACxB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QAC1C,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAA;QAEtB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;QAC/C,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAA;IAC7B,CAAC;CACF"}

package/esm/services/screen-service.js

@@ -0,0 +1,69 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Injectable } from '@furystack/inject';
+import { ObservableValue } from '@furystack/utils';
+export const ScreenSizes = ['xs', 'sm', 'md', 'lg', 'xl'];
+/**
+ * Service for handling screen size changes
+ */
+let ScreenService = class ScreenService {
+    dispose() {
+        window.removeEventListener('resize', this.onResizeListener);
+    }
+    screenSizeAtLeast(size) {
+        return window.innerWidth >= this.breakpoints[size].minSize;
+    }
+    refreshValues() {
+        this.orientation.setValue(this.getOrientation());
+        ScreenSizes.forEach((size) => {
+            this.screenSize.atLeast[size].setValue(this.screenSizeAtLeast(size));
+        });
+    }
+    constructor() {
+        this.getOrientation = () => (window.matchMedia?.('(orientation:landscape').matches ? 'landscape' : 'portrait');
+        /**
+         * The definitions of the breakpoints
+         */
+        this.breakpoints = {
+            xl: { minSize: 1920 },
+            lg: { minSize: 1280 },
+            md: { minSize: 960 },
+            sm: { minSize: 600 },
+            xs: { minSize: 0 },
+        };
+        /**
+         * Observers for the current screen size. Will refresh on resize
+         */
+        this.screenSize = {
+            atLeast: {
+                xs: new ObservableValue(this.screenSizeAtLeast('xs')),
+                sm: new ObservableValue(this.screenSizeAtLeast('sm')),
+                md: new ObservableValue(this.screenSizeAtLeast('md')),
+                lg: new ObservableValue(this.screenSizeAtLeast('lg')),
+                xl: new ObservableValue(this.screenSizeAtLeast('xl')),
+            },
+        };
+        /**
+         * Observable value for tracking the screen orientation
+         */
+        this.orientation = new ObservableValue(this.getOrientation());
+        this.onResizeListener = () => {
+            this.refreshValues();
+        };
+        window.addEventListener('resize', this.onResizeListener);
+        this.refreshValues();
+    }
+};
+ScreenService = __decorate([
+    Injectable({ lifetime: 'singleton' }),
+    __metadata("design:paramtypes", [])
+], ScreenService);
+export { ScreenService };
+//# sourceMappingURL=screen-service.js.map

package/esm/services/screen-service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-service.js","sourceRoot":"","sources":["../../src/services/screen-service.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAElD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAA;AAMlE;;GAEG;AACH,IACa,aAAa,GAD1B,MACa,aAAa;IAcjB,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;IAC7D,CAAC;IAiBO,iBAAiB,CAAC,IAAgB;QACxC,OAAO,MAAM,CAAC,UAAU,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,CAAA;IAC5D,CAAC;IAWO,aAAa;QACnB,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;QAChD,WAAW,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC3B,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAA;QACtE,CAAC,CAAC,CAAA;IACJ,CAAC;IAED;QApDQ,mBAAc,GAAG,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,wBAAwB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;QAEjH;;WAEG;QACa,gBAAW,GAA+C;YACxE,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACrB,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACrB,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;YACpB,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;YACpB,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;SACnB,CAAA;QAMD;;WAEG;QACa,eAAU,GAEtB;YACF,OAAO,EAAE;gBACP,EAAE,EAAE,IAAI,eAAe,CAAU,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC9D,EAAE,EAAE,IAAI,eAAe,CAAU,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC9D,EAAE,EAAE,IAAI,eAAe,CAAU,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC9D,EAAE,EAAE,IAAI,eAAe,CAAU,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;gBAC9D,EAAE,EAAE,IAAI,eAAe,CAAU,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;aAC/D;SACF,CAAA;QAMD;;WAEG;QACI,gBAAW,GAAG,IAAI,eAAe,CAA2B,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;QAEjF,qBAAgB,GAAG,GAAG,EAAE;YAC9B,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC,CAAA;QAUC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACxD,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;CACF,CAAA;AAzDY,aAAa;IADzB,UAAU,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;GACzB,aAAa,CAyDzB;SAzDY,aAAa"}

package/esm/shade-component.js

@@ -0,0 +1,88 @@
+import { isShadeComponent } from './models';
+/**
+ * Appends a list of items to a HTML element
+ * @param el the root element
+ * @param children array of items to append
+ */
+export const appendChild = (el, children) => {
+    for (const child of children) {
+        if (typeof child === 'string' || typeof child === 'number') {
+            el.appendChild(document.createTextNode(child));
+        }
+        else {
+            if (child instanceof HTMLElement || child instanceof DocumentFragment) {
+                el.appendChild(child);
+            }
+            else if (child instanceof Array) {
+                appendChild(el, child);
+            }
+        }
+    }
+};
+export const hasStyle = (props) => {
+    return props?.style !== undefined;
+};
+/**
+ * @param el The Target HTML Element
+ * @param props The Properties to fetch The Styles Object
+ */
+export const attachStyles = (el, props) => {
+    if (hasStyle(props))
+        for (const key in props.style) {
+            if (Object.prototype.hasOwnProperty.call(props.style, key)) {
+                ;
+                el.style[key] = props.style[key];
+            }
+        }
+};
+export const attachDataAttributes = (el, props) => {
+    props &&
+        Object.entries(props)
+            .filter(([key]) => key.startsWith('data-'))
+            .forEach(([key, value]) => el.setAttribute(key, value || ''));
+};
+/**
+ *
+ * @param el The Target HTML Element
+ * @param props The Props to attach
+ */
+export const attachProps = (el, props) => {
+    Object.assign(el, props);
+    if (props && props.style) {
+        attachStyles(el, props);
+    }
+    attachDataAttributes(el, props);
+};
+// eslint-disable-next-line jsdoc/require-param
+/**
+ * Factory method that creates a component. This should be configured as a default JSX Factory in tsconfig.
+ * @returns the created JSX element
+ */
+export const createComponentInner = (...[elementType, props, ...children]) => {
+    if (typeof elementType === 'string') {
+        const el = document.createElement(elementType);
+        attachProps(el, props);
+        if (children) {
+            appendChild(el, children);
+        }
+        return el;
+    }
+    else if (isShadeComponent(elementType)) {
+        const el = elementType(props, children);
+        attachStyles(el, props);
+        return el;
+    }
+    return undefined;
+};
+export const createFragmentInner = (...[_props, ...children]) => {
+    const fragment = document.createDocumentFragment();
+    appendChild(fragment, children);
+    return fragment;
+};
+export const createComponent = (...args) => {
+    if (args[0] === null) {
+        return createFragmentInner(...args);
+    }
+    return createComponentInner(...args);
+};
+//# sourceMappingURL=shade-component.js.map

package/esm/shade-component.js.map

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

package/esm/shade.js

@@ -0,0 +1,180 @@
+import { ObservableValue } from '@furystack/utils';
+import { Injector } from '@furystack/inject';
+import { ResourceManager } from './services/resource-manager';
+import { LocationService } from './services';
+/**
+ * Factory method for creating Shade components
+ * @param o for component creation
+ * @returns the JSX element
+ */
+export const Shade = (o) => {
+    // register shadow-dom element
+    const customElementName = o.shadowDomName;
+    const existing = customElements.get(customElementName);
+    if (!existing) {
+        const ElementBase = o.elementBase || HTMLElement;
+        customElements.define(customElementName, class extends ElementBase {
+            constructor() {
+                super(...arguments);
+                this._renderCount = 0;
+                this.resourceManager = new ResourceManager();
+                /**
+                 * @param options Options for rendering the component
+                 * @returns the JSX element
+                 */
+                this.render = (options) => {
+                    this._renderCount++;
+                    return o.render(options);
+                };
+                /**
+                 * @returns values for the current render options
+                 */
+                this.getRenderOptions = () => {
+                    const renderOptions = {
+                        props: this.props,
+                        injector: this.injector,
+                        children: this.shadeChildren,
+                        element: this,
+                        useObservable: (key, obesrvable, callback, getLast) => this.resourceManager.useObservable(key, obesrvable, callback || (() => this.updateComponent()), getLast),
+                        useState: (key, initialValue) => this.resourceManager.useState(key, initialValue, this.updateComponent.bind(this)),
+                        useSearchState: (key, initialValue) => this.resourceManager.useObservable(`useSearchState-${key}`, this.injector.getInstance(LocationService).useSearchParam(key, initialValue), () => this.updateComponent()),
+                        useStoredState: (key, initialValue, storageArea = localStorage) => {
+                            const getFromStorage = () => {
+                                const value = storageArea?.getItem(key);
+                                return value ? JSON.parse(value) : initialValue;
+                            };
+                            const setToStorage = (value) => {
+                                if (JSON.stringify(value) !== storageArea?.getItem(key)) {
+                                    const newValue = JSON.stringify(value);
+                                    storageArea?.setItem(key, newValue);
+                                }
+                                if (JSON.stringify(observable.getValue()) !== JSON.stringify(value)) {
+                                    observable.setValue(value);
+                                }
+                            };
+                            const observable = this.resourceManager.useDisposable(`useStoredState-${key}`, () => new ObservableValue(getFromStorage()));
+                            const updateFromStorageEvent = (e) => {
+                                e.key === key &&
+                                    e.storageArea === storageArea &&
+                                    setToStorage((e.newValue && JSON.parse(e.newValue)) || initialValue);
+                            };
+                            this.resourceManager.useDisposable(`useStoredState-${key}-storage-event`, () => {
+                                window.addEventListener('storage', updateFromStorageEvent);
+                                const channelName = `useStoredState-broadcast-channel`;
+                                const messageChannel = new BroadcastChannel(channelName);
+                                messageChannel.onmessage = (e) => {
+                                    if (e.data.key === key) {
+                                        setToStorage(e.data.value);
+                                    }
+                                };
+                                const subscription = observable.subscribe((value) => {
+                                    messageChannel.postMessage({ key, value });
+                                });
+                                return {
+                                    dispose: () => {
+                                        window.removeEventListener('storage', updateFromStorageEvent);
+                                        subscription.dispose();
+                                        messageChannel.close();
+                                    },
+                                };
+                            });
+                            observable.subscribe(setToStorage);
+                            return this.resourceManager.useObservable(`useStoredState-${key}`, observable, () => this.updateComponent());
+                        },
+                        useDisposable: this.resourceManager.useDisposable.bind(this.resourceManager),
+                    };
+                    return renderOptions;
+                };
+                this.cleanup = undefined;
+            }
+            /**
+             * @returns the current render count
+             */
+            getRenderCount() {
+                return this._renderCount;
+            }
+            connectedCallback() {
+                o.onAttach?.(this.getRenderOptions());
+                this.callConstructed();
+            }
+            disconnectedCallback() {
+                o.onDetach?.(this.getRenderOptions());
+                this.resourceManager.dispose();
+                this.cleanup?.();
+            }
+            /**
+             * Updates the component in the DOM.
+             */
+            updateComponent() {
+                const renderResult = this.render(this.getRenderOptions());
+                if (renderResult === null || renderResult === undefined) {
+                    this.innerHTML = '';
+                }
+                if (typeof renderResult === 'string' || typeof renderResult === 'number') {
+                    this.innerHTML = renderResult;
+                }
+                if (renderResult instanceof HTMLElement) {
+                    this.replaceChildren(renderResult);
+                }
+                if (renderResult instanceof DocumentFragment) {
+                    this.replaceChildren(renderResult);
+                }
+            }
+            /**
+             * Finialize the component initialization after it gets the Props. Called by the framework internally
+             */
+            callConstructed() {
+                this.updateComponent();
+                const cleanupResult = o.constructed && o.constructed(this.getRenderOptions());
+                if (cleanupResult instanceof Promise) {
+                    cleanupResult.then((cleanup) => (this.cleanup = cleanup));
+                }
+                else {
+                    // construct is not async
+                    this.cleanup = cleanupResult;
+                }
+            }
+            getInjectorFromParent() {
+                let parent = this.parentElement;
+                while (parent) {
+                    if (parent.injector) {
+                        return parent.injector;
+                    }
+                    parent = parent.parentElement;
+                }
+            }
+            get injector() {
+                if (this._injector) {
+                    return this._injector;
+                }
+                const fromProps = this.props?.injector;
+                if (fromProps && fromProps instanceof Injector) {
+                    return fromProps;
+                }
+                const fromParent = this.getInjectorFromParent();
+                if (fromParent) {
+                    this._injector = fromParent;
+                    return fromParent;
+                }
+                // Injector not set explicitly and not found on parents!
+                return new Injector();
+            }
+            set injector(i) {
+                this._injector = i;
+            }
+        }, o.elementBaseName ? { extends: o.elementBaseName } : undefined);
+    }
+    else {
+        throw Error(`A custom shade with shadow DOM name '${o.shadowDomName}' has already been registered!`);
+    }
+    return (props, children) => {
+        const ElementType = customElements.get(customElementName);
+        const el = new ElementType({
+            ...props,
+        });
+        el.props = props || {};
+        el.shadeChildren = children;
+        return el;
+    };
+};
+//# sourceMappingURL=shade.js.map

package/esm/shade.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@furystack/shades",
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "Google Authentication Provider for FuryStack",
   "type": "module",
   "scripts": {
@@ -21,7 +21,7 @@
     }
   },
   "files": [
-    "dist",
+    "esm",
     "types",
     "src"
   ],
@@ -53,9 +53,9 @@
     "vitest": "^0.30.1"
   },
   "dependencies": {
-    "@furystack/inject": "^8.0.0",
-    "@furystack/rest": "^5.0.0",
-    "@furystack/utils": "^4.0.0",
+    "@furystack/inject": "^8.0.1",
+    "@furystack/rest": "^5.0.1",
+    "@furystack/utils": "^4.0.1",
     "path-to-regexp": "^6.2.1",
     "semaphore-async-await": "^1.5.1"
   },