@furystack/shades-common-components 4.0.17 → 5.0.1

package/esm/components/inputs/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","sourceRoot":"","sources":["../../../src/components/inputs/autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAK9B;IACD,aAAa,EAAE,oBAAoB;IACnC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QAC9B,MAAM,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA;QAE1F,OAAO,CACL;YACE,gBAAC,KAAK,OACA,KAAK,CAAC,UAAU,EACpB,IAAI,EAAE,UAAiB,EACvB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAa,CAAA;oBAClC,IAAI,KAAK,CAAC,MAAM,EAAE;wBAChB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;4BACtC,CAAC;4BAAC,EAAE,CAAC,MAA2B,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAAA;4BAClF,OAAM;yBACP;qBACF;oBACD,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;gBACzB,CAAC,GACD;YACF,8BAAU,EAAE,EAAE,UAAU,IACrB,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC5B,4BAAQ,KAAK,EAAE,CAAC,GAAI,CACrB,CAAC,CACO,CACP,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/esm/components/inputs/index.js

@@ -0,0 +1,4 @@
+export * from './autocomplete';
+export * from './input';
+export * from './text-area';
+//# sourceMappingURL=index.js.map

package/esm/components/inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA"}

package/{dist → esm}/components/inputs/input.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const shades_1 = require("@furystack/shades");
-const utils_1 = require("@furystack/utils");
-const __1 = require("../..");
+import { Shade, createComponent, attachStyles } from '@furystack/shades';
+import { ObservableValue } from '@furystack/utils';
+import { FormService, ThemeProviderService } from '../..';
 const getLabelStyle = ({ themeProvider, props, state, validationResult, }) => {
     return {
         display: 'flex',
@@ -73,18 +70,18 @@ const getDefaultMessagesForValidityState = (state) => {
         }
     }
 };
-exports.Input = (0, shades_1.Shade)({
+export const Input = Shade({
     shadowDomName: 'shade-input',
     constructed: ({ injector, element }) => {
-        if (injector.cachedSingletons.has(__1.FormService)) {
+        if (injector.cachedSingletons.has(FormService)) {
             const input = element.querySelector('input');
-            const formService = injector.getInstance(__1.FormService);
+            const formService = injector.getInstance(FormService);
             formService.inputs.add(input);
             return () => formService.inputs.delete(input);
         }
     },
     render: ({ props, injector, useObservable, element }) => {
-        const themeProvider = injector.getInstance(__1.ThemeProviderService);
+        const themeProvider = injector.getInstance(ThemeProviderService);
         const updateState = (newState) => {
             const label = element.querySelector('label');
             const input = element.querySelector('input');
@@ -108,7 +105,7 @@ exports.Input = (0, shades_1.Shade)({
             validationResult?.isValid === false || newState.validity?.valid === false
                 ? element.setAttribute('data-validation-failed', 'true')
                 : element.removeAttribute('data-validation-failed');
-            (0, shades_1.attachStyles)(label, { style: getLabelStyle({ themeProvider, props, state: newState, validationResult }) });
+            attachStyles(label, { style: getLabelStyle({ themeProvider, props, state: newState, validationResult }) });
             const helper = element.querySelector('span.helperText');
             const helperNode = (validationResult?.isValid === false && validationResult?.message) ||
                 props.getHelperText?.({ state: newState, validationResult }) ||
@@ -119,27 +116,27 @@ exports.Input = (0, shades_1.Shade)({
             startIcon?.replaceChildren(props.getStartIcon?.({ state: newState, validationResult }) || '');
             const endIcon = element.querySelector('span.endIcon');
             endIcon?.replaceChildren(props.getEndIcon?.({ state: newState, validationResult }) || '');
-            if (injector.cachedSingletons.has(__1.FormService)) {
-                const formService = injector.getInstance(__1.FormService);
+            if (injector.cachedSingletons.has(FormService)) {
+                const formService = injector.getInstance(FormService);
                 formService.setFieldState(props.name, validationResult || { isValid: true }, newState.validity);
             }
             return newState;
         };
-        const [state, setState] = useObservable('inputState', new utils_1.ObservableValue({
+        const [state, setState] = useObservable('inputState', new ObservableValue({
             value: props.value || '',
             focused: props.autofocus || false,
             validity: element.querySelector('input')?.validity || {},
             element,
         }), updateState);
-        return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: getLabelStyle({ props, state, themeProvider }) },
+        return (createComponent("label", { ...props.labelProps, style: getLabelStyle({ props, state, themeProvider }) },
             props.labelTitle,
-            (0, shades_1.createComponent)("div", { style: {
+            createComponent("div", { style: {
                     display: 'flex',
                     alignItems: 'center',
                     width: '100%',
                 } },
-                props.getStartIcon ? (0, shades_1.createComponent)("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
-                (0, shades_1.createComponent)("input", { oninvalid: (ev) => {
+                props.getStartIcon ? createComponent("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
+                createComponent("input", { oninvalid: (ev) => {
                         ev.preventDefault();
                         const el = ev.target;
                         setState({ ...state, validity: el.validity });
@@ -169,8 +166,8 @@ exports.Input = (0, shades_1.Shade)({
                         flexGrow: '1',
                         ...props.style,
                     }, value: state.value }),
-                props.getEndIcon ? (0, shades_1.createComponent)("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
-            (0, shades_1.createComponent)("span", { className: "helperText" }, props.getHelperText?.({ state }))));
+                props.getEndIcon ? createComponent("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
+            createComponent("span", { className: "helperText" }, props.getHelperText?.({ state }))));
     },
 });
 //# sourceMappingURL=input.js.map

package/esm/components/inputs/input.js.map

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

package/{dist → esm}/components/inputs/text-area.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextArea = void 0;
-const shades_1 = require("@furystack/shades");
-const services_1 = require("../../services");
-const utils_1 = require("../../utils");
-exports.TextArea = (0, shades_1.Shade)({
+import { createComponent, Shade } from '@furystack/shades';
+import { ThemeProviderService } from '../../services';
+import { promisifyAnimation } from '../../utils';
+export const TextArea = Shade({
     shadowDomName: 'shade-text-area',
     render: ({ props, element, injector }) => {
-        const themeProvider = injector.getInstance(services_1.ThemeProviderService);
+        const themeProvider = injector.getInstance(ThemeProviderService);
         const { theme } = themeProvider;
         const { palette } = theme;
-        return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
+        return (createComponent("label", { ...props.labelProps, style: {
                 display: 'flex',
                 flexDirection: 'column',
                 alignItems: 'flex-start',
@@ -23,8 +20,8 @@ exports.TextArea = (0, shades_1.Shade)({
                 border: props.variant === 'outlined' ? '1px solid #bbb' : 'none',
                 ...props.labelProps?.style,
             } },
-            (0, shades_1.createComponent)("span", null, props.labelTitle),
-            (0, shades_1.createComponent)("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
+            createComponent("span", null, props.labelTitle),
+            createComponent("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
                     border: 'none',
                     backgroundColor: 'transparent',
                     outline: 'none',
@@ -34,12 +31,12 @@ exports.TextArea = (0, shades_1.Shade)({
                     ...props.style,
                 }, onfocus: () => {
                     if (!props.disabled) {
-                        (0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
+                        promisifyAnimation(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
                             duration: 500,
                             easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
                             fill: 'forwards',
                         });
-                        (0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
+                        promisifyAnimation(element.querySelector('div[contenteditable="true"]'), [
                             { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
                             { boxShadow: `0px 3px 0px ${palette.primary.main}` },
                         ], {
@@ -49,12 +46,12 @@ exports.TextArea = (0, shades_1.Shade)({
                     }
                 }, onblur: () => {
                     if (!props.disabled) {
-                        (0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
+                        promisifyAnimation(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
                             duration: 200,
                             easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
                             fill: 'forwards',
                         });
-                        (0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
+                        promisifyAnimation(element.querySelector('div[contenteditable="true"]'), [
                             { boxShadow: '0px 3px 0px rgba(128,128,128,0.4)' },
                             { boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
                         ], {

package/esm/components/inputs/text-area.js.map

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

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

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-const shades_1 = require("@furystack/shades");
-const services_1 = require("../services");
-const utils_1 = require("../utils");
-exports.Loader = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+import { ThemeProviderService } from '../services';
+import { promisifyAnimation } from '../utils';
+export const Loader = Shade({
     shadowDomName: 'shade-loader',
     render: ({ element, props, injector }) => {
-        const { theme } = injector.getInstance(services_1.ThemeProviderService);
+        const { theme } = injector.getInstance(ThemeProviderService);
         element.style.display = 'inline-block';
         element.style.transformOrigin = 'center';
         element.style.opacity = '0';
@@ -15,18 +12,18 @@ exports.Loader = (0, shades_1.Shade)({
         const { borderWidth = 15 } = props;
         const { borderColor = theme.palette.primary.main } = props;
         setTimeout(() => {
-            (0, utils_1.promisifyAnimation)(element, [{ opacity: '0' }, { opacity: '1' }], {
+            promisifyAnimation(element, [{ opacity: '0' }, { opacity: '1' }], {
                 duration: 500,
                 delay,
                 fill: 'forwards',
             });
-            (0, utils_1.promisifyAnimation)(element.firstElementChild, [{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }, { transform: 'rotate(360deg)' }], {
+            promisifyAnimation(element.firstElementChild, [{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }, { transform: 'rotate(360deg)' }], {
                 duration: 1500,
                 easing: 'ease-in-out',
                 iterations: Infinity,
             });
         }, 1);
-        return ((0, shades_1.createComponent)("div", { style: {
+        return (createComponent("div", { style: {
                 position: 'relative',
                 width: `calc(100% - ${borderWidth * 2}px)`,
                 height: `calc(100% - ${borderWidth * 2}px)`,

package/esm/components/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAuB7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvC,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAE5D,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAA;QACtC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,QAAQ,CAAA;QACxC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAA;QAC3B,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAA;QAC7B,MAAM,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;QAClC,MAAM,EAAE,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,KAAK,CAAA;QAE1D,UAAU,CAAC,GAAG,EAAE;YACd,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE;gBAChE,QAAQ,EAAE,GAAG;gBACb,KAAK;gBACL,IAAI,EAAE,UAAU;aACjB,CAAC,CAAA;YACF,kBAAkB,CAChB,OAAO,CAAC,iBAAiB,EACzB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC,EACjG;gBACE,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,aAAa;gBACrB,UAAU,EAAE,QAAQ;aACrB,CACF,CAAA;QACH,CAAC,EAAE,CAAC,CAAC,CAAA;QACL,OAAO,CACL,yBACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC1C,MAAM,EAAE,eAAe,WAAW,GAAG,CAAC,KAAK;gBAC3C,MAAM,EAAE,GAAG,WAAW,gCAAgC;gBACtD,YAAY,EAAE,GAAG,WAAW,YAAY,WAAW,EAAE;gBACrD,YAAY,EAAE,KAAK;aACpB,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

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

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const shades_1 = require("@furystack/shades");
-exports.Modal = (0, shades_1.Shade)({
+import { Shade, createComponent } from '@furystack/shades';
+export const Modal = Shade({
     shadowDomName: 'shade-modal',
     render: ({ props, children, useObservable, element }) => {
         const [isVisible] = useObservable('isVisible', props.isVisible);
         if (isVisible) {
             props.showAnimation?.(element);
         }
-        return isVisible ? ((0, shades_1.createComponent)("div", { className: "shade-backdrop", onclick: async () => {
+        return isVisible ? (createComponent("div", { className: "shade-backdrop", onclick: async () => {
                 await props.hideAnimation?.(element);
                 props.onClose?.();
             }, style: {

package/esm/components/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAW1D,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAa;IACrC,aAAa,EAAE,aAAa;IAC5B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAO,EAAE,EAAE,EAAE;QACtD,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;QAE/D,IAAI,SAAS,EAAE;YACb,KAAK,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;SAC/B;QAED,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,yBACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,KAAK,IAAI,EAAE;gBAClB,MAAM,KAAK,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;gBACpC,KAAK,CAAC,OAAO,EAAE,EAAE,CAAA;YACnB,CAAC,EACD,KAAK,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,OAAO;gBACjB,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,GAAG;gBACT,GAAG,KAAK,CAAC,aAAa;aACvB,IAEA,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;IACV,CAAC;CACF,CAAC,CAAA"}

package/{dist → esm}/components/noty-list.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NotyList = exports.NotyComponent = exports.getDefaultNotyTimeouts = void 0;
-const shades_1 = require("@furystack/shades");
-const noty_service_1 = require("../services/noty-service");
-const theme_provider_service_1 = require("../services/theme-provider-service");
-const utils_1 = require("../utils");
-const button_1 = require("./button");
-const getDefaultNotyTimeouts = (type) => {
+import { attachProps, createComponent, Shade } from '@furystack/shades';
+import { NotyService } from '../services/noty-service';
+import { ThemeProviderService } from '../services/theme-provider-service';
+import { promisifyAnimation } from '../utils';
+import { Button } from './button';
+export const getDefaultNotyTimeouts = (type) => {
     switch (type) {
         case 'error':
             return 0;
@@ -20,13 +17,12 @@ const getDefaultNotyTimeouts = (type) => {
             return 0;
     }
 };
-exports.getDefaultNotyTimeouts = getDefaultNotyTimeouts;
-exports.NotyComponent = (0, shades_1.Shade)({
+export const NotyComponent = Shade({
     shadowDomName: 'shade-noty',
     constructed: ({ element }) => {
         setTimeout(() => {
             const height = element.scrollHeight || 80;
-            (0, utils_1.promisifyAnimation)(element, [
+            promisifyAnimation(element, [
                 { opacity: '0', height: '0px' },
                 { opacity: '1', height: `${height}px` },
             ], {
@@ -37,12 +33,12 @@ exports.NotyComponent = (0, shades_1.Shade)({
         });
     },
     render: ({ props, injector, element }) => {
-        const themeProvider = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const themeProvider = injector.getInstance(ThemeProviderService);
         const colors = themeProvider.theme.palette[props.model.type];
         const headerTextColor = themeProvider.getTextColor(colors.dark);
         const textColor = themeProvider.getTextColor(colors.main);
         const removeSelf = async () => {
-            await (0, utils_1.promisifyAnimation)(element, [
+            await promisifyAnimation(element, [
                 { opacity: '1', height: `${element?.scrollHeight || 0}px`, margin: '8px 8px' },
                 { opacity: '0', height: '0px', margin: '0px 8px' },
             ], {
@@ -52,11 +48,11 @@ exports.NotyComponent = (0, shades_1.Shade)({
             });
             props.onDismiss();
         };
-        const timeout = props.model.timeout || (0, exports.getDefaultNotyTimeouts)(props.model.type);
+        const timeout = props.model.timeout || getDefaultNotyTimeouts(props.model.type);
         if (timeout) {
             setTimeout(removeSelf, timeout);
         }
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             className: `noty ${props.model.type}`,
             style: {
                 width: '300px',
@@ -71,8 +67,8 @@ exports.NotyComponent = (0, shades_1.Shade)({
                 boxShadow: '1px 3px 6px rgba(0,0,0,0.3)',
             },
         });
-        return ((0, shades_1.createComponent)(shades_1.createComponent, null,
-            (0, shades_1.createComponent)("div", { style: {
+        return (createComponent(createComponent, null,
+            createComponent("div", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
@@ -81,22 +77,22 @@ exports.NotyComponent = (0, shades_1.Shade)({
                     color: headerTextColor,
                     fontSize: '1.3em',
                 } },
-                (0, shades_1.createComponent)("h5", { style: {
+                createComponent("h5", { style: {
                         whiteSpace: 'nowrap',
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         margin: '0',
                         fontSize: '.7em',
                     }, title: props.model.title }, props.model.title),
-                (0, shades_1.createComponent)(button_1.Button, { style: { margin: '4px 0', padding: '0 4px', fontSize: '12px' }, className: "dismissNoty", onclick: removeSelf, title: "Close Notification", variant: "contained", color: props.model.type }, "\u2716")),
-            (0, shades_1.createComponent)("div", { style: { padding: '16px 16px' } }, props.model.body)));
+                createComponent(Button, { style: { margin: '4px 0', padding: '0 4px', fontSize: '12px' }, className: "dismissNoty", onclick: removeSelf, title: "Close Notification", variant: "contained", color: props.model.type }, "\u2716")),
+            createComponent("div", { style: { padding: '16px 16px' } }, props.model.body)));
     },
 });
-exports.NotyList = (0, shades_1.Shade)({
+export const NotyList = Shade({
     shadowDomName: 'shade-noty-list',
     render: ({ useObservable, injector, element }) => {
-        const notyService = injector.getInstance(noty_service_1.NotyService);
-        (0, shades_1.attachProps)(element, {
+        const notyService = injector.getInstance(NotyService);
+        attachProps(element, {
             style: {
                 position: 'fixed',
                 bottom: '1em',
@@ -106,7 +102,7 @@ exports.NotyList = (0, shades_1.Shade)({
             },
         });
         const currentNotys = notyService.notys.getValue();
-        useObservable('addNoty', notyService.onNotyAdded, (n) => element.append((0, shades_1.createComponent)(exports.NotyComponent, { model: n, onDismiss: () => notyService.removeNoty(n) })));
+        useObservable('addNoty', notyService.onNotyAdded, (n) => element.append(createComponent(NotyComponent, { model: n, onDismiss: () => notyService.removeNoty(n) })));
         useObservable('removeNoty', notyService.onNotyRemoved, (n) => {
             element.querySelectorAll('shade-noty').forEach((e) => {
                 if (e.props.model === n) {
@@ -114,7 +110,7 @@ exports.NotyList = (0, shades_1.Shade)({
                 }
             });
         });
-        return ((0, shades_1.createComponent)(shades_1.createComponent, null, currentNotys.map((n) => ((0, shades_1.createComponent)(exports.NotyComponent, { model: n, onDismiss: () => injector.getInstance(noty_service_1.NotyService).removeNoty(n) })))));
+        return (createComponent(createComponent, null, currentNotys.map((n) => (createComponent(NotyComponent, { model: n, onDismiss: () => injector.getInstance(NotyService).removeNoty(n) })))));
     },
 });
 //# sourceMappingURL=noty-list.js.map

package/esm/components/noty-list.js.map

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

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

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Paper = void 0;
-const shades_1 = require("@furystack/shades");
-const shades_2 = require("@furystack/shades");
-const theme_provider_service_1 = require("../services/theme-provider-service");
-exports.Paper = (0, shades_2.Shade)({
+import { attachProps } from '@furystack/shades';
+import { Shade, createComponent } from '@furystack/shades';
+import { ThemeProviderService } from '../services/theme-provider-service';
+export const Paper = Shade({
     shadowDomName: 'shade-paper',
     render: ({ injector, props, children, element }) => {
-        const themeProvider = injector.getInstance(theme_provider_service_1.ThemeProviderService);
+        const themeProvider = injector.getInstance(ThemeProviderService);
         const { elevation = 1 } = props;
-        (0, shades_1.attachProps)(element, {
+        attachProps(element, {
             ...props,
             style: {
                 borderRadius: '3px',
@@ -21,7 +18,7 @@ exports.Paper = (0, shades_2.Shade)({
                 ...props?.style,
             },
         });
-        return (0, shades_2.createComponent)(shades_2.createComponent, null, children);
+        return createComponent(createComponent, null, children);
     },
 });
 //# sourceMappingURL=paper.js.map

package/esm/components/paper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAEzE,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAA6D;IACrF,aAAa,EAAE,aAAa;IAE5B,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACjD,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAChE,MAAM,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,CAAA;QAE/B,WAAW,CAAC,OAAO,EAAE;YACnB,GAAG,KAAK;YACR,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,SAAS,MAAM,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBAC/E,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;gBACrD,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;gBACzC,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,UAAU;gBACnB,GAAG,KAAK,EAAE,KAAK;aAChB;SACF,CAAC,CAAA;QAEF,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}

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

@@ -1,26 +1,23 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton = void 0;
-const shades_1 = require("@furystack/shades");
-const utils_1 = require("../utils");
-exports.Skeleton = (0, shades_1.Shade)({
+import { attachStyles, Shade } from '@furystack/shades';
+import { promisifyAnimation } from '../utils';
+export const Skeleton = Shade({
     shadowDomName: 'shade-skeleton',
     render: ({ element, props }) => {
         const { delay = 1500 } = props;
         setTimeout(() => {
-            (0, utils_1.promisifyAnimation)(element, [{ opacity: 0 }, { opacity: 1 }], {
+            promisifyAnimation(element, [{ opacity: 0 }, { opacity: 1 }], {
                 fill: 'forwards',
                 duration: 300,
                 easing: 'ease-out',
                 delay,
             }).then(() => {
-                (0, utils_1.promisifyAnimation)(element, [{ backgroundPosition: '0% 50%' }, { backgroundPosition: '100% 50%' }, { backgroundPosition: '0% 50%' }], {
+                promisifyAnimation(element, [{ backgroundPosition: '0% 50%' }, { backgroundPosition: '100% 50%' }, { backgroundPosition: '0% 50%' }], {
                     duration: 10000,
                     iterations: Infinity,
                 });
             });
         });
-        (0, shades_1.attachStyles)(element, {
+        attachStyles(element, {
             style: {
                 opacity: '0',
                 display: 'inline-block',

package/esm/components/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAA;AAS7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAgB;IAC3C,aAAa,EAAE,gBAAgB;IAC/B,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,MAAM,EAAE,KAAK,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;QAC9B,UAAU,CAAC,GAAG,EAAE;YACd,kBAAkB,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE;gBAC5D,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,UAAU;gBAClB,KAAK;aACN,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACX,kBAAkB,CAChB,OAAO,EACP,CAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,EAAE,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC,EACxG;oBACE,QAAQ,EAAE,KAAK;oBACf,UAAU,EAAE,QAAQ;iBACrB,CACF,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QACF,YAAY,CAAC,OAAO,EAAE;YACpB,KAAK,EAAE;gBACL,OAAO,EAAE,GAAG;gBACZ,OAAO,EAAE,cAAc;gBACvB,UAAU,EAAE,8FAA8F;gBAC1G,cAAc,EAAE,WAAW;gBAC3B,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,KAAK;aACjB;SACF,CAAC,CAAA;QACF,OAAO,IAAI,CAAA;IACb,CAAC;CACF,CAAC,CAAA"}

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

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = exports.colors = void 0;
 const glassBox = {
     backdropFilter: 'blur(4px)',
     borderRadius: '5px',
     border: '1px solid rgba(128,128,128,.3)',
     boxShadow: 'rgba(0, 0, 0, 0.3) 2px 2px 2px, 1px 1px 3px -2px rgba(255,255,255,0.3) inset',
 };
-exports.colors = {
+export const colors = {
     primary: {
         light: '#82e9de',
         main: '#4db6ac',
@@ -24,7 +21,7 @@ exports.colors = {
         main: 'red',
     },
 };
-exports.styles = {
+export const styles = {
     glassBox,
 };
 //# sourceMappingURL=styles.js.map

package/esm/components/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/components/styles.tsx"],"names":[],"mappings":"AAMA,MAAM,QAAQ,GAAiC;IAC7C,cAAc,EAAE,WAAW;IAC3B,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,gCAAgC;IACxC,SAAS,EAAE,8EAA8E;CAC1F,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,OAAO,EAAE;QACP,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,MAAM;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,YAAY,EAAE,MAAM;KACrB;IACD,KAAK,EAAE;QACL,IAAI,EAAE,KAAK;KACZ;CACF,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,QAAQ;CACT,CAAA"}