@furystack/shades-common-components 3.6.0 → 4.0.0

package/dist/components/app-bar-link.js

@@ -2,38 +2,34 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppBarLink = void 0;
 const shades_1 = require("@furystack/shades");
+const shades_2 = require("@furystack/shades");
 const path_to_regexp_1 = require("path-to-regexp");
 const services_1 = require("../services");
-exports.AppBarLink = (0, shades_1.Shade)({
-    getInitialState: () => ({ isActive: false }),
-    resources: ({ injector, props, updateState, element, getState }) => {
-        const updateColor = () => {
-            const { isActive } = getState();
-            const themeProviderService = injector.getInstance(services_1.ThemeProviderService);
-            const theme = themeProviderService.theme.getValue();
-            const el = element.querySelector('a');
-            const backgroundColor = isActive ? theme.button.active : 'rgba(128, 128, 128, 0.05)';
-            el.style.backgroundColor = backgroundColor;
-            el.style.color = themeProviderService.getTextColor(backgroundColor);
-        };
-        return [
-            injector.getInstance(shades_1.LocationService).onLocationChanged.subscribe(async (currentUrl) => {
-                const isActive = !!(0, path_to_regexp_1.match)(props.href)(currentUrl);
-                updateState({ isActive }, false);
-                updateColor();
-            }, true),
-        ];
-    },
+exports.AppBarLink = (0, shades_2.Shade)({
     shadowDomName: 'shade-app-bar-link',
-    render: ({ children, props }) => {
-        return ((0, shades_1.createComponent)(shades_1.RouteLink, { style: {
+    render: ({ children, props, useObservable, injector, element }) => {
+        const getAnchorStyle = (currentUrl) => {
+            const isActive = !!(0, path_to_regexp_1.match)(props.href)(currentUrl);
+            const themeProviderService = injector.getInstance(services_1.ThemeProviderService);
+            const { theme } = themeProviderService;
+            return {
                 display: 'flex',
                 height: '100%',
                 textDecoration: 'none',
                 alignItems: 'center',
                 padding: '0 8px',
-                ...props.style,
-            }, ...props }, children));
+                transition: 'color .2s ease-in-out, transform .2s ease-in-out',
+                color: isActive ? theme.text.primary : theme.text.secondary,
+                opacity: isActive ? '1' : '0.8',
+                transform: isActive ? 'scale(1)' : 'scale(0.9)',
+                cursor: 'pointer',
+            };
+        };
+        const [currentUrl] = useObservable('locationChange', injector.getInstance(shades_2.LocationService).onLocationPathChanged /*, (newUrl) => {
+        attachProps(element as HTMLElement, { style: getAnchorStyle(newUrl) })
+      }*/);
+        (0, shades_1.attachProps)(element, { style: getAnchorStyle(currentUrl) });
+        return (0, shades_2.createComponent)(shades_2.RouteLink, { ...props }, children);
     },
 });
 //# sourceMappingURL=app-bar-link.js.map

package/dist/components/app-bar-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":";;;AACA,8CAAsF;AACtF,mDAAsC;AACtC,0CAAkD;AAErC,QAAA,UAAU,GAAG,IAAA,cAAK,EAAwC;IACrE,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IAC5C,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;QACjE,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;YAC/B,MAAM,oBAAoB,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;YACvE,MAAM,KAAK,GAAG,oBAAoB,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;YACnD,MAAM,EAAE,GAAG,OAAO,CAAC,aAAa,CAAC,GAAG,CAAgB,CAAA;YACpD,MAAM,eAAe,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAA;YAEpF,EAAE,CAAC,KAAK,CAAC,eAAe,GAAG,eAAe,CAAA;YAC1C,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,oBAAoB,CAAC,YAAY,CAAC,eAAe,CAAC,CAAA;QACrE,CAAC,CAAA;QACD,OAAO;YACL,QAAQ,CAAC,WAAW,CAAC,wBAAe,CAAC,CAAC,iBAAiB,CAAC,SAAS,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE;gBACrF,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAA,sBAAK,EAAC,KAAK,CAAC,IAAc,CAAC,CAAC,UAAU,CAAC,CAAA;gBAC1D,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAA;gBAChC,WAAW,EAAE,CAAA;YACf,CAAC,EAAE,IAAI,CAAC;SACT,CAAA;IACH,CAAC;IACD,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QAC9B,OAAO,CACL,8BAAC,kBAAS,IACR,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,MAAM;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,OAAO;gBAChB,GAAG,KAAK,CAAC,KAAK;aACf,KACG,KAAK,IAER,QAAQ,CACC,CACb,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":";;;AACA,8CAA+C;AAC/C,8CAAsF;AACtF,mDAAsC;AACtC,0CAAkD;AAErC,QAAA,UAAU,GAAG,IAAA,cAAK,EAAiB;IAC9C,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAChE,MAAM,cAAc,GAAG,CAAC,UAAkB,EAAE,EAAE;YAC5C,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAA,sBAAK,EAAC,KAAK,CAAC,IAAc,CAAC,CAAC,UAAU,CAAC,CAAA;YAC1D,MAAM,oBAAoB,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;YACvE,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAAA;YACtC,OAAO;gBACL,OAAO,EAAE,MAAM;gBACf,MAAM,EAAE,MAAM;gBACd,cAAc,EAAE,MAAM;gBACtB,UAAU,EAAE,QAAQ;gBACpB,OAAO,EAAE,OAAO;gBAChB,UAAU,EAAE,kDAAkD;gBAC9D,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;gBAC3D,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK;gBAC/B,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY;gBAC/C,MAAM,EAAE,SAAS;aAClB,CAAA;QACH,CAAC,CAAA;QAED,MAAM,CAAC,UAAU,CAAC,GAAG,aAAa,CAChC,gBAAgB,EAChB,QAAQ,CAAC,WAAW,CAAC,wBAAe,CAAC,CAAC,qBAAqB,CAAC;;SAE3D,CACF,CAAA;QAED,IAAA,oBAAW,EAAC,OAAsB,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QAE1E,OAAO,8BAAC,kBAAS,OAAK,KAAK,IAAG,QAAQ,CAAa,CAAA;IACrD,CAAC;CACF,CAAC,CAAA"}

package/dist/components/app-bar.js

@@ -5,21 +5,15 @@ const shades_1 = require("@furystack/shades");
 const theme_provider_service_1 = require("../services/theme-provider-service");
 exports.AppBar = (0, shades_1.Shade)({
     shadowDomName: 'shade-app-bar',
-    resources: ({ element, injector }) => [
-        injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.subscribe((t) => {
-            ;
-            element.children[0].style.color = t.text.secondary;
-        }, true), // TODO: Check TRUE
-    ],
     constructed: ({ element }) => {
-        const container = element.children[0];
         requestAnimationFrame(() => {
-            // container.style.padding = '8px 8px'
-            container.style.opacity = '1';
+            element.style.opacity = '1';
         });
     },
-    render: ({ children }) => {
-        return ((0, shades_1.createComponent)("div", { style: {
+    render: ({ children, injector, element }) => {
+        const { theme } = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        (0, shades_1.attachProps)(element, {
+            style: {
                 width: '100%',
                 background: 'rgba(128,128,128,0.2)',
                 backdropFilter: 'blur(15px)',
@@ -31,7 +25,10 @@ exports.AppBar = (0, shades_1.Shade)({
                 opacity: '0',
                 position: 'fixed',
                 zIndex: '1',
-            } }, children));
+                color: theme.text.secondary,
+            },
+        });
+        return (0, shades_1.createComponent)(shades_1.createComponent, null, children);
     },
 });
 //# sourceMappingURL=app-bar.js.map

package/dist/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,+EAAyE;AAE5D,QAAA,MAAM,GAAG,IAAA,cAAK,EAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QACpC,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE;YAC/D,CAAC;YAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAiB,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAA;QACtE,CAAC,EAAE,IAAI,CAAC,EAAE,mBAAmB;KAC9B;IACD,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAgB,CAAA;QACpD,qBAAqB,CAAC,GAAG,EAAE;YACzB,sCAAsC;YACtC,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAC/B,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvB,OAAO,CACL,uCACE,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,uBAAuB;gBACnC,cAAc,EAAE,YAAY;gBAC5B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,YAAY;gBAC5B,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,0BAA0B;gBACrC,UAAU,EACR,6GAA6G;gBAC/G,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,GAAG;aACZ,IAEA,QAAQ,CACL,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":";;;AAAA,8CAAuE;AACvE,+EAAyE;AAE5D,QAAA,MAAM,GAAG,IAAA,cAAK,EAAC;IAC1B,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,qBAAqB,CAAC,GAAG,EAAE;YACzB,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAC5D,IAAA,oBAAW,EAAC,OAAO,EAAE;YACnB,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,uBAAuB;gBACnC,cAAc,EAAE,YAAY;gBAC5B,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,YAAY;gBAC5B,UAAU,EAAE,QAAQ;gBACpB,SAAS,EAAE,0BAA0B;gBACrC,UAAU,EACR,6GAA6G;gBAC/G,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,OAAO;gBACjB,MAAM,EAAE,GAAG;gBACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS;aAC5B;SACF,CAAC,CAAA;QACF,OAAO,8DAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/dist/components/avatar.js

@@ -4,28 +4,30 @@ exports.Avatar = void 0;
 const shades_1 = require("@furystack/shades");
 exports.Avatar = (0, shades_1.Shade)({
     shadowDomName: 'shade-avatar',
-    render: ({ props }) => {
-        const { ...divProps } = props;
-        return ((0, shades_1.createComponent)("div", { ...divProps, style: {
-                width: '100%',
-                height: '100%',
+    render: ({ props, element }) => {
+        const { avatarUrl, ...containerProps } = props;
+        (0, shades_1.attachProps)(element, {
+            ...containerProps,
+            style: {
+                width: '128px',
+                height: '128px',
                 overflow: 'hidden',
                 borderRadius: '50%',
                 boxShadow: '0px 0px 8px 3px rgba(128,128,128,0.2)',
                 backgroundColor: 'rgba(128,128,128,0.3)',
-                ...(props.style || {}),
-            } },
-            (0, shades_1.createComponent)("img", { style: { width: '100%', height: '100%' }, alt: 'avatar image', src: props.avatarUrl, onerror: (ev) => {
-                    ;
-                    ev.target.replaceWith((0, shades_1.createComponent)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%' } },
-                        (0, shades_1.createComponent)("div", { style: {
-                                fontVariant: 'all-petite-caps',
-                                fontSize: '2em',
-                                height: 'calc(100% + 7px)',
-                                cursor: 'default',
-                                userSelect: 'none',
-                            } })));
-                } })));
+                display: 'flex',
+                ...containerProps?.style,
+            },
+        });
+        return ((0, shades_1.createComponent)("img", { style: { width: '100%', height: '100%', objectFit: 'cover', backgroundPosition: 'center' }, alt: 'avatar image', src: props.avatarUrl, onerror: (ev) => {
+                ;
+                ev.target.replaceWith((0, shades_1.createComponent)("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' } },
+                    (0, shades_1.createComponent)("div", { style: {
+                            textAlign: 'center',
+                            userSelect: 'none',
+                            fontSize: '32px',
+                        } }, props.fallback || '🛑')));
+            } }));
     },
 });
 //# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":";;;AACA,8CAA0D;AAI7C,QAAA,MAAM,GAAG,IAAA,cAAK,EAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,MAAM,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;QAC7B,OAAO,CACL,0CACM,QAAQ,EACZ,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,uCAAuC;gBAClD,eAAe,EAAE,uBAAuB;gBACxC,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;aACvB;YAED,uCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACd,CAAC;oBAAE,EAAY,CAAC,MAA2B,CAAC,WAAW,CACrD,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE;wBAC7F,uCACE,KAAK,EAAE;gCACL,WAAW,EAAE,iBAAiB;gCAC9B,QAAQ,EAAE,KAAK;gCACf,MAAM,EAAE,kBAAkB;gCAC1B,MAAM,EAAE,SAAS;gCACjB,UAAU,EAAE,MAAM;6BACnB,GACD,CACE,CACP,CAAA;gBACH,CAAC,GACD,CACE,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":";;;AACA,8CAAuE;AAI1D,QAAA,MAAM,GAAG,IAAA,cAAK,EAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,GAAG,KAAK,CAAA;QAE9C,IAAA,oBAAW,EAAC,OAAO,EAAE;YACnB,GAAG,cAAc;YACjB,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,uCAAuC;gBAClD,eAAe,EAAE,uBAAuB;gBACxC,OAAO,EAAE,MAAM;gBACf,GAAG,cAAc,EAAE,KAAK;aACzB;SACF,CAAC,CAAA;QAEF,OAAO,CACL,uCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAC1F,GAAG,EAAE,cAAc,EACnB,GAAG,EAAE,KAAK,CAAC,SAAS,EACpB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;gBACd,CAAC;gBAAE,EAAY,CAAC,MAA2B,CAAC,WAAW,CACrD,uCACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oBAEzG,uCACE,KAAK,EAAE;4BACL,SAAS,EAAE,QAAQ;4BACnB,UAAU,EAAE,MAAM;4BAClB,QAAQ,EAAE,MAAM;yBACjB,IAEA,KAAK,CAAC,QAAQ,IAAI,IAAI,CACnB,CACF,CACP,CAAA;YACH,CAAC,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/button.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const shades_1 = require("@furystack/shades");
+const shades_2 = require("@furystack/shades");
 const promisify_animation_1 = require("../utils/promisify-animation");
 const theme_provider_service_1 = require("../services/theme-provider-service");
+const utils_1 = require("@furystack/utils");
 const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
     ? buttonProps.color
         ? buttonProps.disabled
@@ -44,21 +46,15 @@ const getHoveredTextColor = (buttonProps, theme, fallback) => buttonProps.varian
             : theme.palette[buttonProps.color].light
         : theme.text.primary
     : fallback();
-exports.Button = (0, shades_1.Shade)({
-    getInitialState: ({ injector }) => ({
-        theme: injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.getValue(),
-    }),
-    resources: ({ injector, updateState }) => [
-        injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
-    ],
+exports.Button = (0, shades_2.Shade)({
     constructed: ({ element }) => {
         /**
          * @param this The Document instance
          * @param ev The Mouse event
          */
         function mouseUp(ev) {
-            if (ev.target === element.firstElementChild) {
-                (0, promisify_animation_1.promisifyAnimation)(element.firstChild, [
+            if (ev.target === element) {
+                (0, promisify_animation_1.promisifyAnimation)(element, [
                     {
                         filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))brightness(1)',
                         transform: 'scale(1)',
@@ -72,25 +68,37 @@ exports.Button = (0, shades_1.Shade)({
         };
     },
     shadowDomName: 'shade-button',
-    render: ({ props, children, getState, injector, element }) => {
+    render: ({ props, children, injector, element, useDisposable }) => {
         const mouseDownHandler = props.onmousedown;
         const mouseUpHandler = props.onmouseup;
-        const { theme } = getState();
         const themeProvider = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const { theme } = themeProvider;
         const background = getBackground(props, theme);
+        if (props.variant === 'contained') {
+            useDisposable('themeChanged', () => utils_1.Trace.method({
+                object: themeProvider,
+                method: themeProvider.set,
+                onFinished: () => {
+                    const el = element;
+                    el.style.color = getTextColor(props, themeProvider.theme, () => themeProvider.getTextColor(el.style.background || el.style.backgroundColor));
+                },
+            }));
+        }
         const hoveredBackground = getHoveredBackground(props, theme, () => {
             const { r, g, b } = themeProvider.getRgbFromColorString((props.color && theme.palette[props.color].main) || theme.text.primary);
             return `rgba(${r}, ${g}, ${b}, 0.1)`;
         });
         const boxShadow = getBoxShadow(props, theme);
         const hoveredBoxShadow = getHoveredBoxShadow(props, theme);
-        const textColor = getTextColor(props, theme, () => themeProvider.getTextColor(background));
-        const hoveredTextColor = getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
+        const getTextColorInner = () => getTextColor(props, theme, () => themeProvider.getTextColor(background));
+        const getHoveredTextColorInner = () => getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
         const tryAnimate = async (keyframes, options) => {
-            const el = element.firstElementChild;
+            const el = element;
             el && (0, promisify_animation_1.promisifyAnimation)(el, keyframes, options);
         };
-        return ((0, shades_1.createComponent)("button", { onmousedown: function (ev) {
+        (0, shades_1.attachProps)(element, {
+            ...props,
+            onmousedown(ev) {
                 mouseDownHandler?.call(this, ev);
                 tryAnimate([
                     {
@@ -98,33 +106,37 @@ exports.Button = (0, shades_1.Shade)({
                         transform: 'scale(0.98)',
                     },
                 ], { duration: 150, fill: 'forwards', easing: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)' });
-            }, onmouseup: function (ev) {
+            },
+            onmouseup(ev) {
                 mouseUpHandler?.call(this, ev);
-            }, onmouseenter: () => {
-                {
-                    tryAnimate([
-                        {
-                            background,
-                            boxShadow,
-                            color: textColor,
-                        },
-                        {
-                            background: hoveredBackground,
-                            boxShadow: hoveredBoxShadow,
-                            color: hoveredTextColor,
-                        },
-                    ], { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' });
-                }
-            }, onmouseout: () => {
+            },
+            onmouseenter: () => {
                 tryAnimate([
-                    { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: hoveredTextColor },
-                    { background, boxShadow, color: textColor },
+                    {
+                        background,
+                        boxShadow,
+                        color: getTextColorInner(),
+                    },
+                    {
+                        background: hoveredBackground,
+                        boxShadow: hoveredBoxShadow,
+                        color: getHoveredTextColorInner(),
+                    },
+                ], { duration: 500, fill: 'forwards', easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)' });
+            },
+            onmouseout: () => {
+                tryAnimate([
+                    { background: hoveredBackground, boxShadow: hoveredBoxShadow, color: getHoveredTextColorInner() },
+                    { background, boxShadow, color: getTextColorInner() },
                 ], {
                     duration: 500,
                     fill: 'forwards',
                     easing: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',
                 });
-            }, ...props, style: {
+            },
+            ...props,
+            style: {
+                display: 'inline-flex',
                 cursor: props.disabled ? 'not-allowed' : 'pointer',
                 background,
                 boxShadow,
@@ -133,12 +145,14 @@ exports.Button = (0, shades_1.Shade)({
                 border: 'none',
                 borderRadius: '4px',
                 textTransform: 'uppercase',
-                color: textColor,
+                color: getTextColorInner(),
                 filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))',
                 backdropFilter: props.variant === 'outlined' ? 'blur(35px)' : undefined,
                 userSelect: 'none',
                 ...props.style,
-            } }, children));
+            },
+        });
+        return (0, shades_2.createComponent)(shades_2.createComponent, null, children);
     },
 });
 //# sourceMappingURL=button.js.map

package/dist/components/button.js.map

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

package/dist/components/command-palette/command-palette-input.js

@@ -2,42 +2,37 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommandPaletteInput = void 0;
 const shades_1 = require("@furystack/shades");
+const services_1 = require("../../services");
 const promisify_animation_1 = require("../../utils/promisify-animation");
 exports.CommandPaletteInput = (0, shades_1.Shade)({
-    getInitialState: ({ props }) => ({ isOpened: props.manager.isOpened.getValue() }),
-    constructed: ({ element, props }) => {
-        const { manager } = props;
-        const subscriptions = [
-            manager.isOpened.subscribe(async (isOpened) => {
-                const input = element.firstChild;
-                if (isOpened) {
-                    input.value = '';
-                    await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '0%' }, { width: '100%' }], {
-                        duration: 300,
-                        fill: 'forwards',
-                        easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
-                    });
-                    input.focus();
-                }
-                else {
-                    await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '100%' }, { width: '0%' }], {
-                        duration: 300,
-                        fill: 'forwards',
-                        easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
-                    });
-                    input.value = '';
-                }
-            }),
-        ];
-        return () => subscriptions.map((s) => s.dispose());
-    },
     shadowDomName: 'shades-command-palette-input',
-    render: ({ element, props }) => {
+    render: ({ element, props, injector, useObservable }) => {
+        const { theme } = injector.getInstance(services_1.ThemeProviderService);
         const { manager } = props;
+        useObservable('isOpened', manager.isOpened, async (isOpened) => {
+            const input = element.firstChild;
+            if (isOpened) {
+                input.value = '';
+                await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '0%' }, { width: '100%' }], {
+                    duration: 300,
+                    fill: 'forwards',
+                    easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
+                });
+                input.focus();
+            }
+            else {
+                await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '100%' }, { width: '0%' }], {
+                    duration: 300,
+                    fill: 'forwards',
+                    easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
+                });
+                input.value = '';
+            }
+        }, true);
         element.style.width = manager.isOpened.getValue() ? '100%' : '0%';
         element.style.overflow = 'hidden';
         return ((0, shades_1.createComponent)("input", { autofocus: true, style: {
-                color: 'white',
+                color: theme.text.primary,
                 outline: 'none',
                 padding: '1em',
                 background: 'transparent',

package/dist/components/command-palette/command-palette-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,yEAAoE;AAGvD,QAAA,mBAAmB,GAAG,IAAA,cAAK,EAA4D;IAClG,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC;IACjF,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,MAAM,aAAa,GAAG;YACpB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;gBAC5C,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;gBACpD,IAAI,QAAQ,EAAE;oBACZ,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;oBAChB,MAAM,IAAA,wCAAkB,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;wBACtE,QAAQ,EAAE,GAAG;wBACb,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,0CAA0C;qBACnD,CAAC,CAAA;oBACF,KAAK,CAAC,KAAK,EAAE,CAAA;iBACd;qBAAM;oBACL,MAAM,IAAA,wCAAkB,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;wBACtE,QAAQ,EAAE,GAAG;wBACb,IAAI,EAAE,UAAU;wBAChB,MAAM,EAAE,0CAA0C;qBACnD,CAAC,CAAA;oBACF,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;iBACjB;YACH,CAAC,CAAC;SACH,CAAA;QACD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC,CAAA;IACpD,CAAC;IACD,aAAa,EAAE,8BAA8B;IAC7C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QACjE,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":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,6CAAqD;AACrD,yEAAoE;AAGvD,QAAA,mBAAmB,GAAG,IAAA,cAAK,EAAqC;IAC3E,aAAa,EAAE,8BAA8B;IAC7C,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAA;QAC5D,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QAEzB,aAAa,CACX,UAAU,EACV,OAAO,CAAC,QAAQ,EAChB,KAAK,EAAE,QAAQ,EAAE,EAAE;YACjB,MAAM,KAAK,GAAG,OAAO,CAAC,UAA8B,CAAA;YACpD,IAAI,QAAQ,EAAE;gBACZ,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;gBAChB,MAAM,IAAA,wCAAkB,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE;oBACtE,QAAQ,EAAE,GAAG;oBACb,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,0CAA0C;iBACnD,CAAC,CAAA;gBACF,KAAK,CAAC,KAAK,EAAE,CAAA;aACd;iBAAM;gBACL,MAAM,IAAA,wCAAkB,EAAC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE;oBACtE,QAAQ,EAAE,GAAG;oBACb,IAAI,EAAE,UAAU;oBAChB,MAAM,EAAE,0CAA0C;iBACnD,CAAC,CAAA;gBACF,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;aACjB;QACH,CAAC,EACD,IAAI,CACL,CAAA;QAED,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;QACjE,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QACjC,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/command-palette/command-palette-suggestion-list.js

@@ -6,53 +6,43 @@ const promisify_animation_1 = require("../../utils/promisify-animation");
 const theme_provider_service_1 = require("../../services/theme-provider-service");
 exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
     shadowDomName: 'shade-command-palette-suggestion-list',
-    getInitialState: ({ props }) => ({
-        suggestions: props.manager.currentSuggestions.getValue(),
-    }),
-    constructed: ({ updateState, element, props }) => {
+    render: ({ element, injector, props, useObservable }) => {
         const { manager } = props;
-        const subscriptions = [
-            manager.currentSuggestions.subscribe((suggestions) => {
-                updateState({ suggestions });
-            }),
-            manager.isOpened.subscribe(async (isOpened) => {
-                const container = element.firstElementChild;
-                if (isOpened) {
-                    container.style.display = 'initial';
-                    container.style.zIndex = '1';
-                    container.style.width = `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`;
-                    await (0, promisify_animation_1.promisifyAnimation)(container, [
-                        { opacity: 0, transform: 'translate(0, -50px)' },
-                        { opacity: 1, transform: 'translate(0, 0)' },
-                    ], { fill: 'forwards', duration: 500 });
+        const { theme } = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const [suggestions] = useObservable('suggestions', props.manager.currentSuggestions);
+        const [selectedIndex] = useObservable('selectedIndex', props.manager.selectedIndex, (idx) => {
+            ;
+            [...element.querySelectorAll('.suggestion-item')].map((s, i) => {
+                if (i === idx) {
+                    s.style.background = theme.background.paper;
+                    s.style.fontWeight = 'bolder';
                 }
                 else {
-                    await (0, promisify_animation_1.promisifyAnimation)(container, [
-                        { opacity: 1, transform: 'translate(0, 0)' },
-                        { opacity: 0, transform: 'translate(0, -50px)' },
-                    ], { fill: 'forwards', duration: 200 });
-                    container.style.zIndex = '-1';
-                    container.style.display = 'none';
+                    s.style.background = theme.background.default;
+                    s.style.fontWeight = 'normal';
                 }
-            }),
-            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)';
-                    }
-                });
-            }),
-        ];
-        return () => subscriptions.map((s) => s.dispose());
-    },
-    render: ({ element, injector, getState, props }) => {
-        const { manager } = props;
+            });
+        });
+        const [isOpenedAtRender] = useObservable('isOpenedAtRender', props.manager.isOpened, async (isOpened) => {
+            const container = element.firstElementChild;
+            if (isOpened) {
+                container.style.display = 'initial';
+                container.style.zIndex = '1';
+                container.style.width = `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`;
+                await (0, promisify_animation_1.promisifyAnimation)(container, [
+                    { opacity: 0, transform: 'translate(0, -50px)' },
+                    { opacity: 1, transform: 'translate(0, 0)' },
+                ], { fill: 'forwards', duration: 500 });
+            }
+            else {
+                await (0, promisify_animation_1.promisifyAnimation)(container, [
+                    { opacity: 1, transform: 'translate(0, 0)' },
+                    { opacity: 0, transform: 'translate(0, -50px)' },
+                ], { fill: 'forwards', duration: 200 });
+                container.style.zIndex = '-1';
+                container.style.display = 'none';
+            }
+        });
         return ((0, shades_1.createComponent)("div", { className: "suggestion-items-container", style: {
                 borderTop: 'none',
                 position: 'absolute',
@@ -64,16 +54,17 @@ exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
                 maxHeight: `${window.innerHeight * 0.8}px`,
                 zIndex: '1',
                 left: 'auto',
-                backgroundColor: injector.getInstance(theme_provider_service_1.ThemeProviderService).theme.getValue().background.paper,
+                backgroundColor: theme.background.paper,
                 boxShadow: '3px 3px 5px rgba(0,0,0,0.3)',
                 width: `calc(${Math.round(element.parentElement?.getBoundingClientRect().width || 200)}px - 3em)`,
                 ...(props.fullScreenSuggestions ? { left: '0', width: 'calc(100% - 42px)' } : {}),
-            } }, getState().suggestions.map((s, i) => ((0, shades_1.createComponent)("div", { className: "suggestion-item", onclick: () => {
-                manager.isOpened.getValue() && manager.selectSuggestion(injector, i);
+            } }, suggestions.map((s, i) => ((0, shades_1.createComponent)("div", { className: "suggestion-item", onclick: () => {
+                isOpenedAtRender && manager.selectSuggestion(injector, i);
             }, style: {
                 padding: '1em',
                 cursor: 'default',
-                background: i === manager.selectedIndex.getValue() ? 'rgba(128,128,128,0.2)' : 'transparent',
+                background: i === selectedIndex ? theme.background.paper : theme.background.default,
+                fontWeight: i === selectedIndex ? 'bolder' : 'normal',
             } }, s.element)))));
     },
 });

package/dist/components/command-palette/command-palette-suggestion-list.js.map

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