@furystack/shades-common-components 3.6.0 → 4.0.0

package/dist/components/suggest/index.js

@@ -21,22 +21,22 @@ const loader_1 = require("../loader");
 const suggest_manager_1 = require("./suggest-manager");
 const suggest_input_1 = require("./suggest-input");
 const suggestion_list_1 = require("./suggestion-list");
+const services_1 = require("../../services");
 __exportStar(require("./suggest-input"), exports);
 __exportStar(require("./suggest-manager"), exports);
 __exportStar(require("./suggestion-list"), exports);
 __exportStar(require("./suggestion-result"), exports);
 exports.Suggest = (0, shades_1.Shade)({
     shadowDomName: 'shade-suggest',
-    getInitialState: ({ props }) => ({
-        manager: new suggest_manager_1.SuggestManager(props.getEntries, props.getSuggestionEntry),
-    }),
-    constructed: ({ element: el, getState, props }) => {
-        const { manager } = getState();
-        const element = el.querySelector('.input-container');
-        manager.element = el;
+    render: ({ props, injector, element, useDisposable, useObservable }) => {
+        element.style.flexGrow = '1';
+        const manager = useDisposable('manager', () => new suggest_manager_1.SuggestManager(props.getEntries, props.getSuggestionEntry));
+        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const inputContainer = element.querySelector('.input-container');
+        manager.element = element;
         manager.isOpened.subscribe((isOpened) => {
-            const suggestions = el.querySelector('.close-suggestions');
-            const postControls = el.querySelector('.post-controls');
+            const suggestions = element.querySelector('.close-suggestions');
+            const postControls = element.querySelector('.post-controls');
             if (isOpened) {
                 (0, promisify_animation_1.promisifyAnimation)(suggestions, [{ opacity: 0 }, { opacity: 1 }], {
                     duration: 500,
@@ -46,7 +46,7 @@ exports.Suggest = (0, shades_1.Shade)({
                     duration: 100,
                     fill: 'forwards',
                 });
-                (0, promisify_animation_1.promisifyAnimation)(element, [{ background: 'transparent' }, { background: 'rgba(128,128,128,0.1)' }], {
+                (0, promisify_animation_1.promisifyAnimation)(inputContainer, [{ background: 'transparent' }, { background: theme.background.default }], {
                     duration: 500,
                     fill: 'forwards',
                     easing: 'cubic-bezier(0.050, 0.570, 0.840, 1.005)',
@@ -62,7 +62,7 @@ exports.Suggest = (0, shades_1.Shade)({
                     fill: 'forwards',
                     delay: 300,
                 });
-                (0, promisify_animation_1.promisifyAnimation)(element, [{ background: 'rgba(128,128,128,0.1)' }, { background: 'transparent' }], {
+                (0, promisify_animation_1.promisifyAnimation)(inputContainer, [{ background: theme.background.default }, { background: 'transparent' }], {
                     duration: 300,
                     fill: 'forwards',
                     easing: 'cubic-bezier(0.000, 0.245, 0.190, 0.790)',
@@ -70,7 +70,7 @@ exports.Suggest = (0, shades_1.Shade)({
             }
         });
         manager.isLoading.subscribe(async (isLoading) => {
-            const loader = el.querySelector('.loader-container');
+            const loader = element.querySelector('shade-loader');
             if (isLoading) {
                 (0, promisify_animation_1.promisifyAnimation)(loader, [{ opacity: 0 }, { opacity: 1 }], {
                     duration: 100,
@@ -84,12 +84,7 @@ exports.Suggest = (0, shades_1.Shade)({
                 });
             }
         });
-        manager.onSelectSuggestion.subscribe((value) => props.onSelectSuggestion(value));
-        return () => manager.dispose();
-    },
-    render: ({ props, injector, element, getState }) => {
-        element.style.flexGrow = '1';
-        const { manager } = getState();
+        useObservable('onSelectSuggestion', manager.onSelectSuggestion, props.onSelectSuggestion);
         return ((0, shades_1.createComponent)("div", { style: { display: 'flex', flexDirection: 'column' }, onkeyup: (ev) => {
                 if (ev.key === 'Enter') {
                     ev.preventDefault();
@@ -130,8 +125,7 @@ exports.Suggest = (0, shades_1.Shade)({
                         width: manager.isOpened.getValue() ? '50px' : '0px',
                         overflow: 'hidden',
                     } },
-                    (0, shades_1.createComponent)("div", { className: "loader-container", style: { width: '20px', height: '20px', opacity: manager.isLoading.getValue() ? '1' : '0' } },
-                        (0, shades_1.createComponent)(loader_1.Loader, { style: { width: '100%', height: '100%' } })),
+                    (0, shades_1.createComponent)(loader_1.Loader, { style: { width: '20px', height: '20px', opacity: manager.isLoading.getValue() ? '1' : '0' }, delay: 0, borderWidth: 4 }),
                     (0, shades_1.createComponent)("div", { className: "close-suggestions", onclick: () => manager.isOpened.setValue(false), style: {
                             width: '20px',
                             height: '20px',

package/dist/components/suggest/index.js.map

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

package/dist/components/suggest/suggest-input.js

@@ -2,10 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuggestInput = void 0;
 const shades_1 = require("@furystack/shades");
+const services_1 = require("../../services");
 exports.SuggestInput = (0, shades_1.Shade)({
-    getInitialState: ({ props }) => ({ isOpened: props.manager.isOpened.getValue() }),
-    resources: ({ element, props }) => [
-        props.manager.isOpened.subscribe(async (isOpened) => {
+    shadowDomName: 'shades-suggest-input',
+    render: ({ element, props, useObservable, injector }) => {
+        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        element.style.width = '100%';
+        element.style.overflow = 'hidden';
+        useObservable('isOpened', props.manager.isOpened, (isOpened) => {
             const input = element.firstChild;
             if (isOpened) {
                 input.focus();
@@ -13,14 +17,9 @@ exports.SuggestInput = (0, shades_1.Shade)({
             else {
                 input.value = '';
             }
-        }),
-    ],
-    shadowDomName: 'shades-suggest-input',
-    render: ({ element }) => {
-        element.style.width = '100%'; //manager.isOpened.getValue() ? '100%' : '0%'
-        element.style.overflow = 'hidden';
+        }, true);
         return ((0, shades_1.createComponent)("input", { autofocus: true, style: {
-                color: 'white',
+                color: theme.text.primary,
                 outline: 'none',
                 padding: '1em',
                 background: 'transparent',

package/dist/components/suggest/suggest-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggest-input.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAG7C,QAAA,YAAY,GAAG,IAAA,cAAK,EAA0D;IACzF,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;IACjF,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACjC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YAClD,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;YACpD,IAAI,QAAQ,EAAE;gBACZ,KAAK,CAAC,KAAK,EAAE,CAAA;aACd;iBAAM;gBACL,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;aACjB;QACH,CAAC,CAAC;KACH;IACD,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QACtB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAA,CAAC,6CAA6C;QAC1E,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACjC,OAAO,CACL,yCACE,SAAS,QACT,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;aAC1B,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"suggest-input.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,6CAAqD;AAGxC,QAAA,YAAY,GAAG,IAAA,cAAK,EAAmC;IAClE,aAAa,EAAE,sBAAsB;IACrC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;QAE5D,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAA;QAC5B,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAEjC,aAAa,CACX,UAAU,EACV,KAAK,CAAC,OAAO,CAAC,QAAQ,EACtB,CAAC,QAAQ,EAAE,EAAE;YACX,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;YACpD,IAAI,QAAQ,EAAE;gBACZ,KAAK,CAAC,KAAK,EAAE,CAAA;aACd;iBAAM;gBACL,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;aACjB;QACH,CAAC,EACD,IAAI,CACL,CAAA;QAED,OAAO,CACL,yCACE,SAAS,QACT,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO;gBACzB,OAAO,EAAE,MAAM;gBACf,OAAO,EAAE,KAAK;gBACd,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,aAAa;gBACtB,KAAK,EAAE,kBAAkB;aAC1B,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/suggest/suggest-manager.js

@@ -16,6 +16,12 @@ let SuggestManager = class SuggestManager {
     dispose() {
         window.removeEventListener('keyup', this.keyPressListener);
         window.removeEventListener('click', this.clickOutsideListener);
+        this.isOpened.dispose();
+        this.isLoading.dispose();
+        this.term.dispose();
+        this.selectedIndex.dispose();
+        this.currentSuggestions.dispose();
+        this.onSelectSuggestion.dispose();
     }
     selectSuggestion(index = this.selectedIndex.getValue()) {
         const selectedSuggestion = this.currentSuggestions.getValue()[index];
@@ -48,13 +54,13 @@ let SuggestManager = class SuggestManager {
                 if (this.lastGetSuggestionOptions?.term === options.term) {
                     return;
                 }
+                const lastSelectedSuggestion = JSON.stringify(this.currentSuggestions.getValue()[this.selectedIndex.getValue()]);
                 this.isLoading.setValue(true);
                 this.lastGetSuggestionOptions = options;
-                this.currentSuggestions.setValue([]);
-                this.selectedIndex.setValue(0);
                 const newEntries = await this.getEntries(options.term);
                 this.isOpened.setValue(true);
                 this.currentSuggestions.setValue(newEntries.map((e) => ({ entry: e, suggestion: this.getSuggestionEntry(e) })));
+                this.selectedIndex.setValue(Math.max(0, this.currentSuggestions.getValue().findIndex((e) => JSON.stringify(e) === lastSelectedSuggestion)));
             }
             finally {
                 this.isLoading.setValue(false);

package/dist/components/suggest/suggest-manager.js.map

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

package/dist/components/suggest/suggestion-list.js

@@ -3,16 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuggestionList = void 0;
 const shades_1 = require("@furystack/shades");
 const promisify_animation_1 = require("../../utils/promisify-animation");
+const services_1 = require("../../services");
 exports.SuggestionList = (0, shades_1.Shade)({
     shadowDomName: 'shade-suggest-suggestion-list',
-    getInitialState: ({ props }) => ({
-        suggestions: props.manager.currentSuggestions.getValue().map((v) => v.suggestion),
-    }),
-    resources: ({ updateState, element, props }) => [
-        props.manager.currentSuggestions.subscribe((s) => {
-            updateState({ suggestions: s.map((ss) => ss.suggestion) });
-        }),
-        props.manager.isOpened.subscribe(async (isOpened) => {
+    render: ({ element, props, injector, useObservable }) => {
+        const { manager } = props;
+        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const [suggestions] = useObservable('suggestions', manager.currentSuggestions);
+        const [selectedIndex] = useObservable('selectedIndex', manager.selectedIndex, (idx) => {
+            ;
+            [...element.querySelectorAll('.suggestion-item')].map((s, i) => {
+                if (i === idx) {
+                    s.style.background = theme.background.paper;
+                    s.style.fontWeight = 'bolder';
+                }
+                else {
+                    s.style.background = theme.background.default;
+                    s.style.fontWeight = 'normal';
+                }
+            });
+        }, true);
+        const [isListOpened] = useObservable('isOpened', manager.isOpened, async (isOpened) => {
             const container = element.firstElementChild;
             if (isOpened) {
                 container.style.zIndex = '1';
@@ -29,23 +40,7 @@ exports.SuggestionList = (0, shades_1.Shade)({
                 ], { fill: 'forwards', duration: 200 });
                 container.style.zIndex = '-1';
             }
-        }, true),
-        props.manager.selectedIndex.subscribe((idx) => {
-            ;
-            [...element.querySelectorAll('.suggestion-item')].map((s, i) => {
-                if (i === idx) {
-                    ;
-                    s.style.background = 'rgba(128,128,128,0.2)';
-                }
-                else {
-                    ;
-                    s.style.background = 'rgba(96,96,96,0.2)';
-                }
-            });
-        }),
-    ],
-    render: ({ element, getState, props }) => {
-        const { manager } = props;
+        });
         return ((0, shades_1.createComponent)("div", { className: "suggestion-items-container", style: {
                 borderTop: 'none',
                 position: 'absolute',
@@ -54,17 +49,19 @@ exports.SuggestionList = (0, shades_1.Shade)({
                 overflow: 'hidden',
                 zIndex: '1',
                 left: 'auto',
-                backgroundColor: 'rgba(8,8,8,0.85)',
+                backgroundColor: theme.background.paper,
+                color: theme.text.secondary,
                 boxShadow: '3px 3px 5px rgba(0,0,0,0.3)',
                 backdropFilter: 'blur(15px)',
                 width: `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`,
-            } }, getState().suggestions.map((s, i) => ((0, shades_1.createComponent)("div", { className: "suggestion-item", onclick: () => {
-                manager.isOpened.getValue() && manager.selectSuggestion(i);
+            } }, suggestions.map((s, i) => ((0, shades_1.createComponent)("div", { className: "suggestion-item", onclick: () => {
+                isListOpened && manager.selectSuggestion(i);
             }, style: {
                 padding: '1em',
                 cursor: 'default',
-                background: i === manager.selectedIndex.getValue() ? 'rgba(128,128,128,0.2)' : 'rgba(96,96,96,0.2)',
-            } }, s.element)))));
+                background: i === selectedIndex ? theme.background.paper : theme.background.default,
+                fontWeight: i === selectedIndex ? 'bolder' : 'normal',
+            } }, s.suggestion.element)))));
     },
 });
 //# sourceMappingURL=suggestion-list.js.map

package/dist/components/suggest/suggestion-list.js.map

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

package/dist/components/tabs.js

@@ -3,54 +3,42 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
 const shades_1 = require("@furystack/shades");
 const services_1 = require("../services");
-const promisify_animation_1 = require("../utils/promisify-animation");
+const TabHeader = (0, shades_1.Shade)({
+    shadowDomName: 'shade-tab-header',
+    render: ({ children, element, injector, props }) => {
+        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const { isActive } = props;
+        (0, shades_1.attachProps)(element, {
+            style: {
+                padding: '1em 2.5em',
+                cursor: 'pointer',
+                transition: 'box-shadow 1s linear',
+                fontWeight: isActive ? 'bolder' : 'inherit',
+                background: isActive ? theme.background.paper : theme.background.default,
+                color: isActive ? theme.text.primary : theme.text.secondary,
+                boxShadow: isActive ? `inset 0 -2px 0 ${theme.palette.primary.main}` : 'none',
+            },
+            onclick: props.onActivate,
+        });
+        return (0, shades_1.createComponent)(shades_1.createComponent, null, children);
+    },
+});
 exports.Tabs = (0, shades_1.Shade)({
     shadowDomName: 'shade-tabs',
-    getInitialState: ({ props }) => ({ activeIndex: props.activeTab || 0 }),
-    constructed: ({ injector, updateState, element }) => {
-        const subscriptions = [
-            injector.getInstance(shades_1.LocationService).onLocationChanged.subscribe(() => {
-                const { hash } = location;
-                if (hash && hash.startsWith('#tab-')) {
-                    const page = parseInt(hash.replace('#tab-', ''), 10);
-                    page && updateState({ activeIndex: page });
-                }
-            }, true),
-            injector.getInstance(services_1.ThemeProviderService).theme.subscribe((t) => {
-                const headers = element.querySelectorAll('.shade-tabs-headers');
-                headers.forEach((header) => {
-                    const isActive = header.classList.contains('active');
-                    header.style.backgroundColor = isActive ? t.background.paper : t.background.default;
-                    header.style.color = isActive ? t.text.primary : t.text.secondary;
-                });
-            }),
-        ];
-        return () => subscriptions.forEach((s) => s.dispose());
-    },
-    render: ({ props, getState, updateState, injector }) => {
-        const themeProvider = injector.getInstance(services_1.ThemeProviderService);
-        const theme = themeProvider.theme.getValue();
-        return ((0, shades_1.createComponent)("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', ...props.containerStyle } },
-            (0, shades_1.createComponent)("div", { className: "shade-tabs-header-container", style: { display: 'inline-flex', borderRadius: '5px 5px 0 0', overflow: 'hidden', flexShrink: '0' } }, props.tabs.map((tab, index) => {
-                const isActive = index === getState().activeIndex;
-                const jsxElement = ((0, shades_1.createComponent)("div", { className: `shade-tabs-headers${isActive ? 'active' : ''}`, style: {
-                        padding: '1em 2.5em',
-                        cursor: 'pointer',
-                        transition: 'box-shadow 1s linear',
-                        fontWeight: isActive ? 'bolder' : 'inherit',
-                        background: isActive ? theme.background.paper : theme.background.default,
-                        color: isActive ? theme.text.primary : theme.text.secondary,
-                    }, onclick: () => {
-                        props.onChange && props.onChange(index);
-                        window.history.pushState({}, '', `#tab-${index}`);
-                        updateState({ activeIndex: index });
+    render: ({ props, element, useObservable, injector }) => {
+        (0, shades_1.attachProps)(element, {
+            style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', ...props.containerStyle },
+        });
+        const [hash] = useObservable('updateLocation', injector.getInstance(shades_1.LocationService).onLocationHashChanged);
+        const activeTab = props.tabs.find((t) => t.hash === hash.replace('#', ''));
+        return ((0, shades_1.createComponent)(shades_1.createComponent, null,
+            (0, shades_1.createComponent)("div", { className: "shade-tabs-header-container", style: { display: 'inline-flex', borderRadius: '5px 5px 0 0', overflow: 'hidden', flexShrink: '0' } }, props.tabs.map((tab) => {
+                const isActive = tab === activeTab;
+                return ((0, shades_1.createComponent)(TabHeader, { isActive: isActive, onActivate: () => {
+                        window.history.pushState({}, '', `#${tab.hash}`);
                     } }, tab.header));
-                if (isActive) {
-                    setTimeout(() => (0, promisify_animation_1.promisifyAnimation)(jsxElement, [{ boxShadow: 'none' }, { boxShadow: 'inset 0 -2px 0 rgba(128,128,192,0.9)' }], { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' }));
-                }
-                return jsxElement;
             })),
-            (0, shades_1.createComponent)("div", { className: "shade-tabs-header-content", style: props.style }, props.tabs[getState().activeIndex].component)));
+            activeTab?.component));
     },
 });
 //# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":";;;AAAA,8CAAwF;AACxF,0CAAkD;AAQlD,MAAM,SAAS,GAAG,IAAA,cAAK,EAAiD;IACtE,aAAa,EAAE,kBAAkB;IACjC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACjD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;QAC5D,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;QAE1B,IAAA,oBAAW,EAAC,OAAO,EAAE;YACnB,KAAK,EAAE;gBACL,OAAO,EAAE,WAAW;gBACpB,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,sBAAsB;gBAClC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC3C,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;gBACxE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC3D,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAkB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM;aAC9E;YACD,OAAO,EAAE,KAAK,CAAC,UAAU;SAC1B,CAAC,CAAA;QACF,OAAO,8DAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA;AAEW,QAAA,IAAI,GAAG,IAAA,cAAK,EAKtB;IACD,aAAa,EAAE,YAAY;IAC3B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,EAAE;QACtD,IAAA,oBAAW,EAAC,OAAO,EAAE;YACnB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,cAAc,EAAE;SAC5G,CAAC,CAAA;QAEF,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,wBAAe,CAAC,CAAC,qBAAqB,CAAC,CAAA;QAE3G,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;QAE1E,OAAO,CACL;YACE,uCACE,SAAS,EAAC,6BAA6B,EACvC,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,IAElG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtB,MAAM,QAAQ,GAAG,GAAG,KAAK,SAAS,CAAA;gBAElC,OAAO,CACL,8BAAC,SAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,GAAG,EAAE;wBACf,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,EAAE,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,CAAA;oBAClD,CAAC,IAEA,GAAG,CAAC,MAAM,CACD,CACb,CAAA;YACH,CAAC,CAAC,CACE;YACL,SAAS,EAAE,SAAS,CACpB,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/wizard/index.js

@@ -5,11 +5,8 @@ const shades_1 = require("@furystack/shades");
 const paper_1 = require("../paper");
 exports.Wizard = (0, shades_1.Shade)({
     shadowDomName: 'shades-wizard',
-    getInitialState: () => ({
-        currentPage: 0,
-    }),
-    render: ({ props, getState, updateState }) => {
-        const { currentPage } = getState();
+    render: ({ props, useState }) => {
+        const [currentPage, setCurrentPage] = useState('currentPage', 0);
         const CurrentPage = props.steps[currentPage];
         return ((0, shades_1.createComponent)("div", { style: {
                 display: 'flex',
@@ -21,14 +18,14 @@ exports.Wizard = (0, shades_1.Shade)({
             (0, shades_1.createComponent)(paper_1.Paper, { style: { maxWidth: '100%', maxHeight: '100%' }, elevation: 3, onclick: (ev) => ev.stopPropagation() },
                 (0, shades_1.createComponent)(CurrentPage, { currentPage: currentPage, maxPages: props.steps.length, onNext: () => {
                         if (currentPage < props.steps.length - 1) {
-                            updateState({ currentPage: currentPage + 1 });
+                            setCurrentPage(currentPage + 1);
                         }
                         else {
                             props.onFinish?.();
                         }
                     }, onPrev: () => {
                         if (currentPage > 0) {
-                            updateState({ currentPage: currentPage - 1 });
+                            setCurrentPage(currentPage - 1);
                         }
                     } }))));
     },

package/dist/components/wizard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/wizard/index.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAC1D,oCAAgC;AAoCnB,QAAA,MAAM,GAAG,IAAA,cAAK,EAA2B;IACpD,aAAa,EAAE,eAAe;IAC9B,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACtB,WAAW,EAAE,CAAC;KACf,CAAC;IACF,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE;QAC3C,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;QAElC,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAE5C,OAAO,CACL,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE;gBACxG,8BAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAC5B,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;4BACxC,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAA;yBAC9C;6BAAM;4BACL,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAA;yBACnB;oBACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,CAAC,EAAE;4BACnB,WAAW,CAAC,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,CAAC,CAAA;yBAC9C;oBACH,CAAC,GACD,CACI,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/wizard/index.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAC1D,oCAAgC;AAgCnB,QAAA,MAAM,GAAG,IAAA,cAAK,EAAc;IACvC,aAAa,EAAE,eAAe;IAC9B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;QAEhE,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;QAE5C,OAAO,CACL,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,aAAK,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,eAAe,EAAE;gBACxG,8BAAC,WAAW,IACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,EAC5B,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;4BACxC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;yBAChC;6BAAM;4BACL,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAA;yBACnB;oBACH,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;wBACX,IAAI,WAAW,GAAG,CAAC,EAAE;4BACnB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;yBAChC;oBACH,CAAC,GACD,CACI,CACJ,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/services/collection-service.js

@@ -110,6 +110,16 @@ class CollectionService {
     }
     constructor(options) {
         this.options = options;
+        this.isSelected = (entry) => this.selection.getValue().includes(entry);
+        this.addToSelection = (entry) => {
+            this.selection.setValue([...this.selection.getValue(), entry]);
+        };
+        this.removeFromSelection = (entry) => {
+            this.selection.setValue(this.selection.getValue().filter((e) => e !== entry));
+        };
+        this.toggleSelection = (entry) => {
+            this.isSelected(entry) ? this.removeFromSelection(entry) : this.addToSelection(entry);
+        };
         this.loadLock = new semaphore_async_await_1.default(1);
         this.data = new utils_1.ObservableValue({ count: 0, entries: [] });
         this.error = new utils_1.ObservableValue(undefined);

package/dist/services/collection-service.js.map

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

package/dist/services/default-variable-theme.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useThemeCssVariables = exports.getCssVariable = exports.setCssVariable = exports.defaultVariableTheme = void 0;
+exports.defaultVariableTheme = {
+    text: {
+        primary: 'var(--shades-theme-text-primary)',
+        secondary: 'var(--shades-theme-text-secondary)',
+        disabled: 'var(--shades-theme-text-disabled)',
+    },
+    button: {
+        active: 'var(--shades-theme-button-active)',
+        hover: 'var(--shades-theme-button-hover)',
+        selected: 'var(--shades-theme-button-selected)',
+        disabled: 'var(--shades-theme-button-disabled)',
+        disabledBackground: 'var(--shades-theme-button-disabled-background)',
+    },
+    background: {
+        default: 'var(--shades-theme-background-default)',
+        paper: 'var(--shades-theme-background-paper)',
+    },
+    palette: {
+        primary: {
+            light: 'var(--shades-theme-palette-primary-light)',
+            main: 'var(--shades-theme-palette-primary-main)',
+            dark: 'var(--shades-theme-palette-primary-dark)',
+        },
+        secondary: {
+            light: 'var(--shades-theme-palette-secondary-light)',
+            main: 'var(--shades-theme-palette-secondary-main)',
+            dark: 'var(--shades-theme-palette-secondary-dark)',
+        },
+        error: {
+            light: 'var(--shades-theme-palette-error-light)',
+            main: 'var(--shades-theme-palette-error-main)',
+            dark: 'var(--shades-theme-palette-error-dark)',
+        },
+        warning: {
+            light: 'var(--shades-theme-palette-warning-light)',
+            main: 'var(--shades-theme-palette-warning-main)',
+            dark: 'var(--shades-theme-palette-warning-dark)',
+        },
+        info: {
+            light: 'var(--shades-theme-palette-info-light)',
+            main: 'var(--shades-theme-palette-info-main)',
+            dark: 'var(--shades-theme-palette-info-dark)',
+        },
+        success: {
+            light: 'var(--shades-theme-palette-success-light)',
+            main: 'var(--shades-theme-palette-success-main)',
+            dark: 'var(--shades-theme-palette-success-dark)',
+        },
+    },
+    divider: 'var(--shades-theme-divider)',
+};
+const setCssVariable = (key, value, root) => {
+    root.style.setProperty(key.replace('var(', '').replace(')', ''), value);
+};
+exports.setCssVariable = setCssVariable;
+const getCssVariable = (key, root = document.querySelector(':root')) => {
+    return getComputedStyle(root).getPropertyValue(key.replace('var(', '').replace(')', ''));
+};
+exports.getCssVariable = getCssVariable;
+const assignValue = (target, source, root, assignFn = exports.setCssVariable) => {
+    const keys = Object.keys(target);
+    keys.forEach((key) => {
+        if (typeof source[key] === 'object' && typeof target[key] === 'object') {
+            assignValue(target[key], source[key], root);
+            return;
+        }
+        else {
+            assignFn(target[key], source[key], root);
+        }
+    });
+};
+const useThemeCssVariables = (theme) => {
+    const root = document.querySelector(':root');
+    assignValue(exports.defaultVariableTheme, theme, root);
+};
+exports.useThemeCssVariables = useThemeCssVariables;
+//# sourceMappingURL=default-variable-theme.js.map

package/dist/services/default-variable-theme.js.map

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

package/dist/services/index.js

@@ -21,4 +21,5 @@ __exportStar(require("./default-dark-theme"), exports);
 __exportStar(require("./default-light-theme"), exports);
 __exportStar(require("./default-palette"), exports);
 __exportStar(require("./noty-service"), exports);
+__exportStar(require("./default-variable-theme"), exports);
 //# sourceMappingURL=index.js.map

package/dist/services/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,uDAAoC;AACpC,2DAAwC;AACxC,uDAAoC;AACpC,wDAAqC;AACrC,oDAAiC;AACjC,iDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,uDAAoC;AACpC,2DAAwC;AACxC,uDAAoC;AACpC,wDAAqC;AACrC,oDAAiC;AACjC,iDAA8B;AAC9B,2DAAwC"}