@furystack/shades-common-components 4.0.17 → 5.0.1

package/{dist → esm}/components/animations.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.expand = exports.collapse = exports.showParallax = exports.fadeIn = exports.fadeOut = exports.hideSlide = exports.showSlide = void 0;
-const promisify_animation_1 = require("../utils/promisify-animation");
-const showSlide = (element, options) => (0, promisify_animation_1.promisifyAnimation)(element, [
+import { promisifyAnimation } from '../utils/promisify-animation';
+export const showSlide = (element, options) => promisifyAnimation(element, [
     { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
     { transform: 'translate(0, 0)scale(1)', opacity: 1 },
 ], {
@@ -11,8 +8,7 @@ const showSlide = (element, options) => (0, promisify_animation_1.promisifyAnima
     fill: 'forwards',
     ...options,
 });
-exports.showSlide = showSlide;
-const hideSlide = (element, options) => (0, promisify_animation_1.promisifyAnimation)(element, [
+export const hideSlide = (element, options) => promisifyAnimation(element, [
     { transform: 'translate(0, 0)scale(1)', opacity: 1 },
     { transform: 'translate(-350px, 0)scale(0)', opacity: 0 },
 ], {
@@ -21,20 +17,17 @@ const hideSlide = (element, options) => (0, promisify_animation_1.promisifyAnima
     fill: 'forwards',
     ...options,
 });
-exports.hideSlide = hideSlide;
-const fadeOut = (element, options) => (0, promisify_animation_1.promisifyAnimation)(element, [{ opacity: 1 }, { opacity: 0 }], {
+export const fadeOut = (element, options) => promisifyAnimation(element, [{ opacity: 1 }, { opacity: 0 }], {
     duration: 500,
     easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
     ...options,
 });
-exports.fadeOut = fadeOut;
-const fadeIn = (element, options) => (0, promisify_animation_1.promisifyAnimation)(element, [{ opacity: 0 }, { opacity: 1 }], {
+export const fadeIn = (element, options) => promisifyAnimation(element, [{ opacity: 0 }, { opacity: 1 }], {
     duration: 500,
     easing: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',
     ...options,
 });
-exports.fadeIn = fadeIn;
-const showParallax = (element, options) => (0, promisify_animation_1.promisifyAnimation)(element, [
+export const showParallax = (element, options) => promisifyAnimation(element, [
     { transform: 'translate(50px, 0)', opacity: 0 },
     { transform: 'translate(0, 0)', opacity: 1 },
 ], {
@@ -43,9 +36,8 @@ const showParallax = (element, options) => (0, promisify_animation_1.promisifyAn
     fill: 'forwards',
     ...options,
 });
-exports.showParallax = showParallax;
-const collapse = (element, options) => {
-    return (0, promisify_animation_1.promisifyAnimation)(element, [
+export const collapse = (element, options) => {
+    return promisifyAnimation(element, [
         { height: `${element?.scrollHeight}px`, opacity: 1 },
         { height: '0px', opacity: 0 },
     ], {
@@ -55,9 +47,8 @@ const collapse = (element, options) => {
         ...options,
     });
 };
-exports.collapse = collapse;
-const expand = (element, options) => {
-    return (0, promisify_animation_1.promisifyAnimation)(element, [
+export const expand = (element, options) => {
+    return promisifyAnimation(element, [
         { height: '0px', opacity: 0 },
         { height: `${element?.scrollHeight}px`, opacity: 1 },
     ], {
@@ -67,5 +58,4 @@ const expand = (element, options) => {
         ...options,
     });
 };
-exports.expand = expand;
 //# sourceMappingURL=animations.js.map

package/esm/components/animations.js.map

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

package/{dist → esm}/components/app-bar-link.js

@@ -1,16 +1,13 @@
-"use strict";
-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_2.Shade)({
+import { attachProps } from '@furystack/shades';
+import { createComponent, LocationService, RouteLink, Shade } from '@furystack/shades';
+import { match } from 'path-to-regexp';
+import { ThemeProviderService } from '../services';
+export const AppBarLink = Shade({
     shadowDomName: 'shade-app-bar-link',
     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 isActive = !!match(props.href)(currentUrl);
+            const themeProviderService = injector.getInstance(ThemeProviderService);
             const { theme } = themeProviderService;
             return {
                 display: 'flex',
@@ -25,11 +22,11 @@ exports.AppBarLink = (0, shades_2.Shade)({
                 cursor: 'pointer',
             };
         };
-        const [currentUrl] = useObservable('locationChange', injector.getInstance(shades_2.LocationService).onLocationPathChanged /*, (newUrl) => {
+        const [currentUrl] = useObservable('locationChange', injector.getInstance(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);
+        attachProps(element, { style: getAnchorStyle(currentUrl) });
+        return createComponent(RouteLink, { ...props }, children);
     },
 });
 //# sourceMappingURL=app-bar-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar-link.js","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAElD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAiB;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,KAAK,CAAC,KAAK,CAAC,IAAc,CAAC,CAAC,UAAU,CAAC,CAAA;YAC1D,MAAM,oBAAoB,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,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,eAAe,CAAC,CAAC,qBAAqB,CAAC;;SAE3D,CACF,CAAA;QAED,WAAW,CAAC,OAAsB,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QAE1E,OAAO,gBAAC,SAAS,OAAK,KAAK,IAAG,QAAQ,CAAa,CAAA;IACrD,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/app-bar.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppBar = void 0;
-const shades_1 = require("@furystack/shades");
-const theme_provider_service_1 = require("../services/theme-provider-service");
-exports.AppBar = (0, shades_1.Shade)({
+import { Shade, createComponent, attachProps } from '@furystack/shades';
+import { ThemeProviderService } from '../services/theme-provider-service';
+export const AppBar = Shade({
     shadowDomName: 'shade-app-bar',
     constructed: ({ element }) => {
         requestAnimationFrame(() => {
@@ -11,8 +8,8 @@ exports.AppBar = (0, shades_1.Shade)({
         });
     },
     render: ({ children, injector, element }) => {
-        const { theme } = injector.getInstance(theme_provider_service_1.ThemeProviderService);
-        (0, shades_1.attachProps)(element, {
+        const { theme } = injector.getInstance(ThemeProviderService);
+        attachProps(element, {
             style: {
                 width: '100%',
                 background: 'rgba(128,128,128,0.2)',
@@ -28,7 +25,7 @@ exports.AppBar = (0, shades_1.Shade)({
                 color: theme.text.secondary,
             },
         });
-        return (0, shades_1.createComponent)(shades_1.createComponent, null, children);
+        return createComponent(createComponent, null, children);
     },
 });
 //# sourceMappingURL=app-bar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"app-bar.js","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC;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,oBAAoB,CAAC,CAAA;QAC5D,WAAW,CAAC,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,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/avatar.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Avatar = void 0;
-const shades_1 = require("@furystack/shades");
-exports.Avatar = (0, shades_1.Shade)({
+import { Shade, createComponent, attachProps } from '@furystack/shades';
+export const Avatar = Shade({
     shadowDomName: 'shade-avatar',
     render: ({ props, element }) => {
         const { avatarUrl, ...containerProps } = props;
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             ...containerProps,
             style: {
                 width: '128px',
@@ -19,10 +16,10 @@ exports.Avatar = (0, shades_1.Shade)({
                 ...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) => {
+        return (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: {
+                ev.target.replaceWith(createComponent("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', width: '100%' } },
+                    createComponent("div", { style: {
                             textAlign: 'center',
                             userSelect: 'none',
                             fontSize: '32px',

package/esm/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAIvE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;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,WAAW,CAAC,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,yBACE,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,yBACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;oBAEzG,yBACE,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 → esm}/components/button.js

@@ -1,11 +1,8 @@
-"use strict";
-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");
+import { attachProps } from '@furystack/shades';
+import { Shade, createComponent } from '@furystack/shades';
+import { promisifyAnimation } from '../utils/promisify-animation';
+import { ThemeProviderService } from '../services/theme-provider-service';
+import { Trace } from '@furystack/utils';
 const getBackground = (buttonProps, theme) => buttonProps.variant === 'contained'
     ? buttonProps.color
         ? buttonProps.disabled
@@ -46,7 +43,7 @@ const getHoveredTextColor = (buttonProps, theme, fallback) => buttonProps.varian
             : theme.palette[buttonProps.color].light
         : theme.text.primary
     : fallback();
-exports.Button = (0, shades_2.Shade)({
+export const Button = Shade({
     shadowDomName: 'shade-button',
     elementBase: HTMLButtonElement,
     elementBaseName: 'button',
@@ -57,7 +54,7 @@ exports.Button = (0, shades_2.Shade)({
          */
         function mouseUp(ev) {
             if (ev.target === element) {
-                (0, promisify_animation_1.promisifyAnimation)(element, [
+                promisifyAnimation(element, [
                     {
                         filter: 'drop-shadow(1px 1px 10px rgba(0,0,0,.5))brightness(1)',
                         transform: 'scale(1)',
@@ -73,11 +70,11 @@ exports.Button = (0, shades_2.Shade)({
     render: ({ props, children, injector, element, useDisposable }) => {
         const mouseDownHandler = props.onmousedown;
         const mouseUpHandler = props.onmouseup;
-        const themeProvider = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const themeProvider = injector.getInstance(ThemeProviderService);
         const { theme } = themeProvider;
         const background = getBackground(props, theme);
         if (props.variant === 'contained') {
-            useDisposable('themeChanged', () => utils_1.Trace.method({
+            useDisposable('themeChanged', () => Trace.method({
                 object: themeProvider,
                 method: themeProvider.set,
                 onFinished: () => {
@@ -96,9 +93,9 @@ exports.Button = (0, shades_2.Shade)({
         const getHoveredTextColorInner = () => getHoveredTextColor(props, theme, () => themeProvider.getTextColor(background));
         const tryAnimate = async (keyframes, options) => {
             const el = element;
-            el && (0, promisify_animation_1.promisifyAnimation)(el, keyframes, options);
+            el && promisifyAnimation(el, keyframes, options);
         };
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             ...props,
             onmousedown(ev) {
                 mouseDownHandler?.call(this, ev);
@@ -154,7 +151,7 @@ exports.Button = (0, shades_2.Shade)({
                 ...props.style,
             },
         });
-        return (0, shades_2.createComponent)(shades_2.createComponent, null, children);
+        return createComponent(createComponent, null, children);
     },
 });
 //# sourceMappingURL=button.js.map

package/esm/components/button.js.map

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

package/{dist → esm}/components/command-palette/command-palette-input.js

@@ -1,20 +1,17 @@
-"use strict";
-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)({
+import { Shade, createComponent } from '@furystack/shades';
+import { ThemeProviderService } from '../../services';
+import { promisifyAnimation } from '../../utils/promisify-animation';
+export const CommandPaletteInput = Shade({
     shadowDomName: 'shades-command-palette-input',
     render: ({ element, props, injector, useObservable }) => {
-        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const { theme } = injector.getInstance(ThemeProviderService);
         const { manager } = props;
         useObservable('isOpened', manager.isOpened, async (isOpened) => {
             const input = element.firstChild;
             if (input) {
                 if (isOpened) {
                     input.value = '';
-                    await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '0%' }, { width: '100%' }], {
+                    await promisifyAnimation(element, [{ width: '0%' }, { width: '100%' }], {
                         duration: 300,
                         fill: 'forwards',
                         easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
@@ -22,7 +19,7 @@ exports.CommandPaletteInput = (0, shades_1.Shade)({
                     input.focus();
                 }
                 else {
-                    await (0, promisify_animation_1.promisifyAnimation)(element, [{ width: '100%' }, { width: '0%' }], {
+                    await promisifyAnimation(element, [{ width: '100%' }, { width: '0%' }], {
                         duration: 300,
                         fill: 'forwards',
                         easing: 'cubic-bezier(0.595, 0.425, 0.415, 0.845)',
@@ -33,7 +30,7 @@ exports.CommandPaletteInput = (0, shades_1.Shade)({
         }, true);
         element.style.width = manager.isOpened.getValue() ? '100%' : '0%';
         element.style.overflow = 'hidden';
-        return ((0, shades_1.createComponent)("input", { autofocus: true, style: {
+        return (createComponent("input", { autofocus: true, style: {
                 color: theme.text.primary,
                 outline: 'none',
                 padding: '1em',

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-input.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAGpE,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAqC;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,oBAAoB,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,UAAqC,CAAA;YAC3D,IAAI,KAAK,EAAE;gBACT,IAAI,QAAQ,EAAE;oBACZ,KAAK,CAAC,KAAK,GAAG,EAAE,CAAA;oBAChB,MAAM,kBAAkB,CAAC,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,kBAAkB,CAAC,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;aACF;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,2BACE,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 → esm}/components/command-palette/command-palette-manager.js

@@ -1,4 +1,3 @@
-"use strict";
 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);
@@ -8,10 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandPaletteManager = void 0;
-const inject_1 = require("@furystack/inject");
-const utils_1 = require("@furystack/utils");
+import { Injectable } from '@furystack/inject';
+import { debounce, ObservableValue } from '@furystack/utils';
 let CommandPaletteManager = class CommandPaletteManager {
     dispose() {
         window.removeEventListener('keyup', this.keyPressListener);
@@ -28,11 +25,11 @@ let CommandPaletteManager = class CommandPaletteManager {
     }
     constructor(commandProviders) {
         this.commandProviders = commandProviders;
-        this.isOpened = new utils_1.ObservableValue(false);
-        this.isLoading = new utils_1.ObservableValue(false);
-        this.term = new utils_1.ObservableValue('');
-        this.selectedIndex = new utils_1.ObservableValue(0);
-        this.currentSuggestions = new utils_1.ObservableValue([]);
+        this.isOpened = new ObservableValue(false);
+        this.isLoading = new ObservableValue(false);
+        this.term = new ObservableValue('');
+        this.selectedIndex = new ObservableValue(0);
+        this.currentSuggestions = new ObservableValue([]);
         this.keyPressListener = ((ev) => {
             if (ev.key && ev.key.toLowerCase() === 'p' && ev.ctrlKey) {
                 this.isOpened.setValue(true);
@@ -42,7 +39,7 @@ let CommandPaletteManager = class CommandPaletteManager {
                 this.isOpened.setValue(false);
             }
         }).bind(this);
-        this.getSuggestion = (0, utils_1.debounce)(async (options) => {
+        this.getSuggestion = debounce(async (options) => {
             try {
                 if (this.lastGetSuggestionOptions?.term === options.term) {
                     return;
@@ -66,8 +63,8 @@ let CommandPaletteManager = class CommandPaletteManager {
     }
 };
 CommandPaletteManager = __decorate([
-    (0, inject_1.Injectable)({ lifetime: 'singleton' }),
+    Injectable({ lifetime: 'singleton' }),
     __metadata("design:paramtypes", [Array])
 ], CommandPaletteManager);
-exports.CommandPaletteManager = CommandPaletteManager;
+export { CommandPaletteManager };
 //# sourceMappingURL=command-palette-manager.js.map

package/esm/components/command-palette/command-palette-manager.js.map

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

package/{dist → esm}/components/command-palette/command-palette-suggestion-list.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CommandPaletteSuggestionList = void 0;
-const shades_1 = require("@furystack/shades");
-const promisify_animation_1 = require("../../utils/promisify-animation");
-const theme_provider_service_1 = require("../../services/theme-provider-service");
-exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+import { promisifyAnimation } from '../../utils/promisify-animation';
+import { ThemeProviderService } from '../../services/theme-provider-service';
+export const CommandPaletteSuggestionList = Shade({
     shadowDomName: 'shade-command-palette-suggestion-list',
     render: ({ element, injector, props, useObservable }) => {
         const { manager } = props;
-        const { theme } = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const { theme } = injector.getInstance(ThemeProviderService);
         const [suggestions] = useObservable('suggestions', props.manager.currentSuggestions);
         const [selectedIndex] = useObservable('selectedIndex', props.manager.selectedIndex, (idx) => {
             ;
@@ -29,13 +26,13 @@ exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
                 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, [
+                await 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, [
+                await promisifyAnimation(container, [
                     { opacity: 1, transform: 'translate(0, 0)' },
                     { opacity: 0, transform: 'translate(0, -50px)' },
                 ], { fill: 'forwards', duration: 200 });
@@ -43,7 +40,7 @@ exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
                 container.style.display = 'none';
             }
         });
-        return ((0, shades_1.createComponent)("div", { className: "suggestion-items-container", style: {
+        return (createComponent("div", { className: "suggestion-items-container", style: {
                 borderTop: 'none',
                 position: 'absolute',
                 opacity: manager.isOpened.getValue() ? '1' : '0',
@@ -58,7 +55,7 @@ exports.CommandPaletteSuggestionList = (0, shades_1.Shade)({
                 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)' } : {}),
-            } }, suggestions.map((s, i) => ((0, shades_1.createComponent)("div", { className: "suggestion-item", onclick: () => {
+            } }, suggestions.map((s, i) => (createComponent("div", { className: "suggestion-item", onclick: () => {
                 isOpenedAtRender && manager.selectSuggestion(injector, i);
             }, style: {
                 padding: '1em',

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

@@ -0,0 +1 @@
+{"version":3,"file":"command-palette-suggestion-list.js","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAEpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAE5E,MAAM,CAAC,MAAM,4BAA4B,GAAG,KAAK,CAAsE;IACrH,aAAa,EAAE,uCAAuC;IACtD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;QACzB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,MAAM,CAAC,WAAW,CAAC,GAAG,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAA;QACpF,MAAM,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,GAAG,EAAE,EAAE;YAC1F,CAAC;YAAC,CAAC,GAAG,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACpF,IAAI,CAAC,KAAK,GAAG,EAAE;oBACb,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAA;oBAC3C,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;iBAC9B;qBAAM;oBACL,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAA;oBAC7C,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;iBAC9B;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,MAAM,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;YACtG,MAAM,SAAS,GAAG,OAAO,CAAC,iBAAmC,CAAA;YAC7D,IAAI,QAAQ,EAAE;gBACZ,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,SAAS,CAAA;gBACnC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;gBAC5B,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,IAAI,CAAC,KAAK,CACxC,OAAO,CAAC,aAAa,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,GAAG,CAC5D,WAAW,CAAA;gBACZ,MAAM,kBAAkB,CACtB,SAAS,EACT;oBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE;oBAChD,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;iBAC7C,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CACpC,CAAA;aACF;iBAAM;gBACL,MAAM,kBAAkB,CACtB,SAAS,EACT;oBACE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE;oBAC5C,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE;iBACjD,EACD,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CACpC,CAAA;gBACD,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAA;gBAC7B,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;aACjC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,CACL,yBACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE;gBACL,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG;gBAChD,YAAY,EAAE,iBAAiB;gBAC/B,UAAU,EAAE,MAAM;gBAClB,QAAQ,EAAE,QAAQ;gBAClB,SAAS,EAAE,MAAM;gBACjB,SAAS,EAAE,GAAG,MAAM,CAAC,WAAW,GAAG,GAAG,IAAI;gBAC1C,MAAM,EAAE,GAAG;gBACX,IAAI,EAAE,MAAM;gBACZ,eAAe,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK;gBACvC,SAAS,EAAE,6BAA6B;gBACxC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,qBAAqB,EAAE,CAAC,KAAK,IAAI,GAAG,CAAC,WAAW;gBACjG,GAAG,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,mBAAmB,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAClF,IAEA,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,yBACE,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAE,GAAG,EAAE;gBACZ,gBAAgB,IAAI,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;YAC3D,CAAC,EACD,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,MAAM,EAAE,SAAS;gBACjB,UAAU,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;gBACnF,UAAU,EAAE,CAAC,KAAK,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;aACtD,IAEA,CAAC,CAAC,OAAO,CACN,CACP,CAAC,CACE,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/command-palette/command-provider.js

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

package/esm/components/command-palette/index.js

@@ -0,0 +1,126 @@
+import { Shade, createComponent } from '@furystack/shades';
+import { promisifyAnimation } from '../../utils/promisify-animation';
+import { Loader } from '../loader';
+import { CommandPaletteManager } from './command-palette-manager';
+import { CommandPaletteInput } from './command-palette-input';
+import { CommandPaletteSuggestionList } from './command-palette-suggestion-list';
+import { ClickAwayService } from '../../services/click-away-service';
+import { ThemeProviderService } from '../../services';
+export * from './command-palette-input';
+export * from './command-palette-manager';
+export * from './command-palette-suggestion-list';
+export * from './command-provider';
+export const CommandPalette = Shade({
+    shadowDomName: 'shade-command-palette',
+    render: ({ props, injector, element, useState, useDisposable, useObservable }) => {
+        element.style.flexGrow = '1';
+        const [manager] = useState('manager', new CommandPaletteManager(props.commandProviders));
+        const { theme } = injector.getInstance(ThemeProviderService);
+        useDisposable('clickAwayService', () => new ClickAwayService(element, () => manager.isOpened.setValue(false)));
+        const [isLoadingAtRender] = useObservable('isLoading', manager.isLoading, async (isLoading) => {
+            const loader = element.querySelector('.loader-container');
+            if (isLoading) {
+                promisifyAnimation(loader, [{ opacity: 0 }, { opacity: 1 }], {
+                    duration: 100,
+                    fill: 'forwards',
+                });
+            }
+            else {
+                promisifyAnimation(loader, [{ opacity: 1 }, { opacity: 0 }], {
+                    duration: 100,
+                    fill: 'forwards',
+                });
+            }
+        });
+        const [isOpenedAtRender, setIsOpened] = useObservable('isOpened', manager.isOpened, (isOpened) => {
+            {
+                const suggestions = element.querySelector('.close-suggestions');
+                const postControls = element.querySelector('.post-controls');
+                const inputContainer = element.querySelector('.input-container');
+                if (isOpened) {
+                    promisifyAnimation(suggestions, [{ opacity: 0 }, { opacity: 1 }], {
+                        duration: 500,
+                        fill: 'forwards',
+                    });
+                    promisifyAnimation(postControls, [{ width: '0px' }, { width: '50px' }], {
+                        duration: 100,
+                        fill: 'forwards',
+                    });
+                    promisifyAnimation(inputContainer, [{ background: 'transparent' }, { background: theme.background.default }], {
+                        duration: 500,
+                        fill: 'forwards',
+                        easing: 'cubic-bezier(0.050, 0.570, 0.840, 1.005)',
+                    });
+                }
+                else {
+                    promisifyAnimation(suggestions, [{ opacity: 1 }, { opacity: 0 }], {
+                        duration: 500,
+                        fill: 'forwards',
+                    });
+                    promisifyAnimation(postControls, [{ width: '50px' }, { width: '0px' }], {
+                        duration: 500,
+                        fill: 'forwards',
+                        delay: 300,
+                    });
+                    promisifyAnimation(inputContainer, [{ background: theme.background.default }, { background: 'transparent' }], {
+                        duration: 300,
+                        fill: 'forwards',
+                        easing: 'cubic-bezier(0.000, 0.245, 0.190, 0.790)',
+                    });
+                }
+            }
+        });
+        return (createComponent("div", { style: { display: 'flex', flexDirection: 'column' }, onkeyup: (ev) => {
+                if (ev.key === 'Enter') {
+                    ev.preventDefault();
+                    manager.selectSuggestion(injector);
+                    return;
+                }
+                if (ev.key === 'ArrowUp') {
+                    ev.preventDefault();
+                    manager.selectedIndex.setValue(Math.max(0, manager.selectedIndex.getValue() - 1));
+                }
+                if (ev.key === 'ArrowDown') {
+                    ev.preventDefault();
+                    manager.selectedIndex.setValue(Math.min(manager.selectedIndex.getValue() + 1, manager.currentSuggestions.getValue().length - 1));
+                }
+                manager.getSuggestion({ injector, term: ev.target.value });
+            } },
+            createComponent("div", { className: "input-container", style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'flex-end',
+                    padding: '0 1em',
+                    borderRadius: '5px',
+                    position: 'relative',
+                    ...props.style,
+                } },
+                createComponent("div", { className: "term-icon", style: {
+                        cursor: 'pointer',
+                        color: '#aaa',
+                        fontWeight: 'bolder',
+                        textShadow: '0 0 1px #aaa',
+                    }, onclick: () => setIsOpened(true) }, props.defaultPrefix),
+                createComponent(CommandPaletteInput, { manager: manager }),
+                createComponent("div", { className: "post-controls", style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        width: isOpenedAtRender ? '50px' : '0px',
+                        overflow: 'hidden',
+                    } },
+                    createComponent("div", { className: "loader-container", style: { width: '20px', height: '20px', opacity: isLoadingAtRender ? '1' : '0' } },
+                        createComponent(Loader, { style: { width: '100%', height: '100%' } })),
+                    createComponent("div", { className: "close-suggestions", onclick: () => setIsOpened(false), style: {
+                            width: '20px',
+                            height: '20px',
+                            opacity: manager.isOpened.getValue() ? '1' : '0',
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                            cursor: 'pointer',
+                        } }, "\u2716"))),
+            createComponent(CommandPaletteSuggestionList, { manager: manager, fullScreenSuggestions: props.fullScreenSuggestions })));
+    },
+});
+//# sourceMappingURL=index.js.map

package/esm/components/command-palette/index.js.map

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