@furystack/shades-common-components 5.0.17 → 5.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/components/app-bar-link.d.ts +1 -1
- package/esm/components/app-bar-link.d.ts.map +1 -1
- package/esm/components/app-bar-link.js +1 -3
- package/esm/components/app-bar-link.js.map +1 -1
- package/esm/components/app-bar.d.ts +3 -1
- package/esm/components/app-bar.d.ts.map +1 -1
- package/esm/components/avatar.d.ts +6 -1
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/button.d.ts +6 -1
- package/esm/components/button.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.d.ts +3 -1
- package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts +3 -1
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/index.d.ts +3 -1
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/data-grid/body.d.ts.map +1 -1
- package/esm/components/data-grid/body.js +4 -2
- package/esm/components/data-grid/body.js.map +1 -1
- package/esm/components/data-grid/footer.d.ts +3 -1
- package/esm/components/data-grid/footer.d.ts.map +1 -1
- package/esm/components/data-grid/header.d.ts +3 -1
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.d.ts +3 -1
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/fab.d.ts +2 -2
- package/esm/components/fab.d.ts.map +1 -1
- package/esm/components/fab.js +15 -20
- package/esm/components/fab.js.map +1 -1
- package/esm/components/inputs/autocomplete.d.ts +3 -1
- package/esm/components/inputs/autocomplete.d.ts.map +1 -1
- package/esm/components/inputs/autocomplete.js +6 -2
- package/esm/components/inputs/autocomplete.js.map +1 -1
- package/esm/components/inputs/input.d.ts +3 -1
- package/esm/components/inputs/input.d.ts.map +1 -1
- package/esm/components/inputs/text-area.d.ts +3 -1
- package/esm/components/inputs/text-area.d.ts.map +1 -1
- package/esm/components/loader.d.ts +3 -1
- package/esm/components/loader.d.ts.map +1 -1
- package/esm/components/loader.js +5 -3
- package/esm/components/loader.js.map +1 -1
- package/esm/components/modal.d.ts +3 -1
- package/esm/components/modal.d.ts.map +1 -1
- package/esm/components/noty-list.d.ts +6 -2
- package/esm/components/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +28 -25
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/paper.d.ts +4 -4
- package/esm/components/paper.d.ts.map +1 -1
- package/esm/components/paper.js +9 -7
- package/esm/components/paper.js.map +1 -1
- package/esm/components/skeleton.d.ts +3 -1
- package/esm/components/skeleton.d.ts.map +1 -1
- package/esm/components/skeleton.js +10 -12
- package/esm/components/skeleton.js.map +1 -1
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/esm/components/suggest/index.js +3 -1
- package/esm/components/suggest/index.js.map +1 -1
- package/esm/components/suggest/suggest-input.d.ts +3 -1
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +4 -2
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/tabs.d.ts +3 -1
- package/esm/components/tabs.d.ts.map +1 -1
- package/esm/components/tabs.js +5 -3
- package/esm/components/tabs.js.map +1 -1
- package/esm/components/wizard/index.d.ts +3 -1
- package/esm/components/wizard/index.d.ts.map +1 -1
- package/esm/services/{default-variable-theme.d.ts → css-variable-theme.d.ts} +2 -2
- package/esm/services/css-variable-theme.d.ts.map +1 -0
- package/esm/services/{default-variable-theme.js → css-variable-theme.js} +3 -3
- package/esm/services/css-variable-theme.js.map +1 -0
- package/esm/services/index.d.ts +1 -1
- package/esm/services/index.d.ts.map +1 -1
- package/esm/services/index.js +1 -1
- package/esm/services/index.js.map +1 -1
- package/esm/services/theme-provider-service.d.ts.map +1 -1
- package/esm/services/theme-provider-service.js +2 -2
- package/esm/services/theme-provider-service.js.map +1 -1
- package/package.json +6 -6
- package/src/components/app-bar-link.tsx +1 -6
- package/src/components/data-grid/body.tsx +4 -3
- package/src/components/fab.tsx +16 -22
- package/src/components/inputs/autocomplete.tsx +6 -3
- package/src/components/loader.tsx +5 -3
- package/src/components/noty-list.tsx +29 -26
- package/src/components/paper.tsx +10 -10
- package/src/components/skeleton.tsx +11 -12
- package/src/components/suggest/index.tsx +3 -1
- package/src/components/suggest/suggest-input.tsx +4 -3
- package/src/components/tabs.tsx +5 -3
- package/src/services/{default-variable-theme.ts → css-variable-theme.ts} +2 -2
- package/src/services/index.ts +1 -1
- package/src/services/theme-provider-service.ts +2 -2
- package/esm/services/default-variable-theme.d.ts.map +0 -1
- package/esm/services/default-variable-theme.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const AppBarLink: (props: Omit<Partial<Omit<HTMLAnchorElement, "onclick">>, "style"> & {
|
|
2
2
|
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
3
|
-
}
|
|
3
|
+
} & Omit<Partial<HTMLElement>, "style">, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
4
4
|
//# sourceMappingURL=app-bar-link.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar-link.d.ts","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;
|
|
1
|
+
{"version":3,"file":"app-bar-link.d.ts","sourceRoot":"","sources":["../../src/components/app-bar-link.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;6HA2BrB,CAAA"}
|
|
@@ -22,9 +22,7 @@ export const AppBarLink = Shade({
|
|
|
22
22
|
cursor: 'pointer',
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
const [currentUrl] = useObservable('locationChange', injector.getInstance(LocationService).onLocationPathChanged
|
|
26
|
-
attachProps(element as HTMLElement, { style: getAnchorStyle(newUrl) })
|
|
27
|
-
}*/);
|
|
25
|
+
const [currentUrl] = useObservable('locationChange', injector.getInstance(LocationService).onLocationPathChanged);
|
|
28
26
|
attachProps(element, { style: getAnchorStyle(currentUrl) });
|
|
29
27
|
return createComponent(RouteLink, { ...props }, children);
|
|
30
28
|
},
|
|
@@ -1 +1 @@
|
|
|
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,uCAAuC,CAAA;AAE5E,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,
|
|
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,uCAAuC,CAAA;AAE5E,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,CAAC,gBAAgB,EAAE,QAAQ,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,qBAAqB,CAAC,CAAA;QAEjH,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"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
export declare const AppBar: (props:
|
|
1
|
+
export declare const AppBar: (props: Omit<Partial<HTMLElement>, "style"> & {
|
|
2
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
3
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
2
4
|
//# sourceMappingURL=app-bar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-bar.d.ts","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"app-bar.d.ts","sourceRoot":"","sources":["../../src/components/app-bar.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;uFA4BjB,CAAA"}
|
|
@@ -3,5 +3,10 @@ export type AvatarProps = {
|
|
|
3
3
|
avatarUrl: string;
|
|
4
4
|
fallback?: JSX.Element;
|
|
5
5
|
} & PartialElement<HTMLDivElement>;
|
|
6
|
-
export declare const Avatar: (props:
|
|
6
|
+
export declare const Avatar: (props: {
|
|
7
|
+
avatarUrl: string;
|
|
8
|
+
fallback?: JSX.Element<any> | undefined;
|
|
9
|
+
} & Omit<Partial<HTMLDivElement>, "style"> & {
|
|
10
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
11
|
+
} & Omit<Partial<HTMLElement>, "style">, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
7
12
|
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAExG,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,MAAM,MAAM,WAAW,GAAG;IAAE,SAAS,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAExG,eAAO,MAAM,MAAM;eAFoB,MAAM;;;;6HA8C3C,CAAA"}
|
|
@@ -4,5 +4,10 @@ export type ButtonProps = PartialElement<HTMLButtonElement> & {
|
|
|
4
4
|
variant?: 'contained' | 'outlined';
|
|
5
5
|
color?: keyof Palette;
|
|
6
6
|
};
|
|
7
|
-
export declare const Button: (props:
|
|
7
|
+
export declare const Button: (props: Omit<Partial<HTMLButtonElement>, "style"> & {
|
|
8
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
9
|
+
} & {
|
|
10
|
+
variant?: "contained" | "outlined" | undefined;
|
|
11
|
+
color?: keyof Palette | undefined;
|
|
12
|
+
} & Omit<Partial<HTMLElement>, "style">, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
8
13
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,uCAAuC,CAAA;AAI3E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;CACtB,CAAA;AA0DD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAS,MAAM,uCAAuC,CAAA;AAI3E,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;CACtB,CAAA;AA0DD,eAAO,MAAM,MAAM;;;;;6HA4IjB,CAAA"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import type { CommandPaletteManager } from './command-palette-manager.js';
|
|
2
2
|
export declare const CommandPaletteInput: (props: {
|
|
3
3
|
manager: CommandPaletteManager;
|
|
4
|
-
}
|
|
4
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
5
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
6
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
5
7
|
//# sourceMappingURL=command-palette-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEzE,eAAO,MAAM,mBAAmB;aAAoB,qBAAqB
|
|
1
|
+
{"version":3,"file":"command-palette-input.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-input.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAEzE,eAAO,MAAM,mBAAmB;aAAoB,qBAAqB;;;uFAkDvE,CAAA"}
|
|
@@ -2,5 +2,7 @@ import type { CommandPaletteManager } from './command-palette-manager.js';
|
|
|
2
2
|
export declare const CommandPaletteSuggestionList: (props: {
|
|
3
3
|
manager: CommandPaletteManager;
|
|
4
4
|
fullScreenSuggestions?: boolean | undefined;
|
|
5
|
-
}
|
|
5
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
6
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
7
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
6
8
|
//# sourceMappingURL=command-palette-suggestion-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-palette-suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAGzE,eAAO,MAAM,4BAA4B;aAAoB,qBAAqB
|
|
1
|
+
{"version":3,"file":"command-palette-suggestion-list.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/command-palette-suggestion-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAA;AAGzE,eAAO,MAAM,4BAA4B;aAAoB,qBAAqB;;;;uFAwFhF,CAAA"}
|
|
@@ -9,5 +9,7 @@ export interface CommandPaletteProps {
|
|
|
9
9
|
style?: Partial<CSSStyleDeclaration>;
|
|
10
10
|
fullScreenSuggestions?: boolean;
|
|
11
11
|
}
|
|
12
|
-
export declare const CommandPalette: (props: CommandPaletteProps
|
|
12
|
+
export declare const CommandPalette: (props: CommandPaletteProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
13
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
14
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
13
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAI5D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AAErC,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/command-palette/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAI5D,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,sCAAsC,CAAA;AACpD,cAAc,uBAAuB,CAAA;AAErC,MAAM,WAAW,mBAAmB;IAClC,gBAAgB,EAAE,eAAe,EAAE,CAAA;IACnC,aAAa,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAED,eAAO,MAAM,cAAc;;uFA+JzB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIlD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IACrD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIlD,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC7B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IAC7C,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,UAAU,KAAK,IAAI,CAAA;IACrD,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IACvB,aAAa,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAA;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC9C,iBAAiB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC/C,kBAAkB,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACjD,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC5B,eAAe,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CA2CpG,CAAA"}
|
|
@@ -3,8 +3,10 @@ import { Loader } from '../loader.js';
|
|
|
3
3
|
import { DataGridRow } from './data-grid-row.js';
|
|
4
4
|
export const DataGridBody = Shade({
|
|
5
5
|
shadowDomName: 'shade-data-grid-body',
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
style: {
|
|
7
|
+
display: 'table-row-group',
|
|
8
|
+
},
|
|
9
|
+
render: ({ props, useObservable }) => {
|
|
8
10
|
const [data] = useObservable('data', props.service.data);
|
|
9
11
|
const [isLoading] = useObservable('isLoading', props.service.isLoading);
|
|
10
12
|
if (isLoading) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAiBhD,MAAM,CAAC,MAAM,YAAY,GAAiF,KAAK,CAE7G;IACA,aAAa,EAAE,sBAAsB;IACrC,
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/data-grid/body.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAiBhD,MAAM,CAAC,MAAM,YAAY,GAAiF,KAAK,CAE7G;IACA,aAAa,EAAE,sBAAsB;IACrC,KAAK,EAAE;QACL,OAAO,EAAE,iBAAiB;KAC3B;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE;QACnC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QACxD,MAAM,CAAC,SAAS,CAAC,GAAG,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAEvE,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,CACL,yBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,IAE3G,KAAK,CAAC,eAAe,IAAI,gBAAC,MAAM,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI,CAC5E,CACP,CAAA;QACH,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC3B,OAAO,KAAK,CAAC,cAAc,IAAI,6CAAwB,CAAA;QACzD,CAAC;QAED,OAAO,CACL,uCACG,IAAI,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC7B,gBAAC,WAAW,IACV,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC/B,CAChB,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -2,5 +2,7 @@ import type { CollectionService } from '../../services/collection-service.js';
|
|
|
2
2
|
export declare const dataGridItemsPerPage: number[];
|
|
3
3
|
export declare const DataGridFooter: (props: {
|
|
4
4
|
service: CollectionService<any>;
|
|
5
|
-
}
|
|
5
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
6
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
7
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
6
8
|
//# sourceMappingURL=footer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,oBAAoB,UAAkC,CAAA;AAEnE,eAAO,MAAM,cAAc;aAAoB,kBAAkB,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/footer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,oBAAoB,UAAkC,CAAA;AAEnE,eAAO,MAAM,cAAc;aAAoB,kBAAkB,GAAG,CAAC;;;uFAyEnE,CAAA"}
|
|
@@ -13,6 +13,8 @@ export interface DataGridHeaderState<T> {
|
|
|
13
13
|
export declare const OrderButton: (props: {
|
|
14
14
|
collectionService: CollectionService<any>;
|
|
15
15
|
field: string;
|
|
16
|
-
}
|
|
16
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
17
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
18
|
+
}, children?: ChildrenList | undefined) => JSX.Element<any>;
|
|
17
19
|
export declare const DataGridHeader: <T, K extends keyof T>(props: DataGridHeaderProps<T, K>, children: ChildrenList) => JSX.Element<any>;
|
|
18
20
|
//# sourceMappingURL=header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAO7E,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;uBAA8B,kBAAkB,GAAG,CAAC;WAAS,MAAM
|
|
1
|
+
{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAO7E,MAAM,WAAW,mBAAmB,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC;IACvD,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IACvC,KAAK,EAAE,CAAC,CAAA;CACT;AAED,MAAM,WAAW,mBAAmB,CAAC,CAAC;IACpC,aAAa,EAAE,WAAW,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;IAClC,cAAc,EAAE,OAAO,CAAA;IACvB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED,eAAO,MAAM,WAAW;uBAA8B,kBAAkB,GAAG,CAAC;WAAS,MAAM;;;2DAqCzF,CAAA;AA+FF,eAAO,MAAM,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,EAChD,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,QAAQ,EAAE,YAAY,KACnB,GAAG,CAAC,OAAO,CAAC,GAAG,CAyElB,CAAA"}
|
|
@@ -2,5 +2,7 @@ import type { CollectionService } from '../../services/collection-service.js';
|
|
|
2
2
|
export declare const SelectionCell: (props: {
|
|
3
3
|
entry: any;
|
|
4
4
|
service: CollectionService<any>;
|
|
5
|
-
}
|
|
5
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
6
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
7
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
6
8
|
//# sourceMappingURL=selection-cell.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,aAAa;WAAkB,GAAG;aAAW,kBAAkB,GAAG,CAAC
|
|
1
|
+
{"version":3,"file":"selection-cell.d.ts","sourceRoot":"","sources":["../../../src/components/data-grid/selection-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAA;AAE7E,eAAO,MAAM,aAAa;WAAkB,GAAG;aAAW,kBAAkB,GAAG,CAAC;;;uFAkB9E,CAAA"}
|
package/esm/components/fab.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const Fab: (props: Omit<Partial<
|
|
1
|
+
export declare const Fab: (props: Omit<Partial<HTMLButtonElement>, "style"> & {
|
|
2
2
|
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
3
|
-
}, children
|
|
3
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
4
4
|
//# sourceMappingURL=fab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fab.d.ts","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG;;uFAqBd,CAAA"}
|
package/esm/components/fab.js
CHANGED
|
@@ -1,28 +1,23 @@
|
|
|
1
|
-
import { attachProps } from '@furystack/shades';
|
|
2
1
|
import { Shade, createComponent } from '@furystack/shades';
|
|
3
2
|
export const Fab = Shade({
|
|
4
3
|
shadowDomName: 'shade-fab',
|
|
5
4
|
elementBase: HTMLButtonElement,
|
|
6
5
|
elementBaseName: 'button',
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
cursor: 'pointer',
|
|
23
|
-
...props?.style,
|
|
24
|
-
},
|
|
25
|
-
});
|
|
6
|
+
style: {
|
|
7
|
+
position: 'fixed',
|
|
8
|
+
bottom: '32px',
|
|
9
|
+
right: '32px',
|
|
10
|
+
background: 'gray',
|
|
11
|
+
width: '64px',
|
|
12
|
+
height: '64px',
|
|
13
|
+
display: 'flex',
|
|
14
|
+
justifyContent: 'center',
|
|
15
|
+
alignItems: 'center',
|
|
16
|
+
borderRadius: '50%',
|
|
17
|
+
boxShadow: '2px 2px 4px rgba(0,0,0,0.3)',
|
|
18
|
+
cursor: 'pointer',
|
|
19
|
+
},
|
|
20
|
+
render: ({ children }) => {
|
|
26
21
|
return createComponent(createComponent, null, children);
|
|
27
22
|
},
|
|
28
23
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../src/components/fab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC;IACvB,aAAa,EAAE,WAAW;IAC1B,WAAW,EAAE,iBAAiB;IAC9B,eAAe,EAAE,QAAQ;IACzB,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,6BAA6B;QACxC,MAAM,EAAE,SAAS;KAClB;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;QACvB,OAAO,uCAAG,QAAQ,CAAI,CAAA;IACxB,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -4,5 +4,7 @@ export declare const Autocomplete: (props: {
|
|
|
4
4
|
suggestions: string[];
|
|
5
5
|
strict?: boolean | undefined;
|
|
6
6
|
onchange?: ((value: string) => void) | undefined;
|
|
7
|
-
}
|
|
7
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
8
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
9
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
8
10
|
//# sourceMappingURL=autocomplete.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,YAAY;;iBAEV,MAAM,EAAE;;wBAEF,MAAM,KAAK,IAAI
|
|
1
|
+
{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAGhD,eAAO,MAAM,YAAY;;iBAEV,MAAM,EAAE;;wBAEF,MAAM,KAAK,IAAI;;;uFAiClC,CAAA"}
|
|
@@ -2,10 +2,14 @@ import { Shade, createComponent } from '@furystack/shades';
|
|
|
2
2
|
import { Input } from './input.js';
|
|
3
3
|
export const Autocomplete = Shade({
|
|
4
4
|
shadowDomName: 'shade-autocomplete',
|
|
5
|
+
constructed({ element, useState }) {
|
|
6
|
+
const [dataListId] = useState('dataListId', (Math.random() + 1).toString(36).substring(3));
|
|
7
|
+
element.querySelector('input')?.setAttribute('list', dataListId);
|
|
8
|
+
},
|
|
5
9
|
render: ({ props, useState }) => {
|
|
6
10
|
const [dataListId] = useState('dataListId', (Math.random() + 1).toString(36).substring(3));
|
|
7
|
-
return (createComponent(
|
|
8
|
-
createComponent(Input, { ...props.inputProps,
|
|
11
|
+
return (createComponent(createComponent, null,
|
|
12
|
+
createComponent(Input, { ...props.inputProps, onchange: (ev) => {
|
|
9
13
|
const { value } = ev.target;
|
|
10
14
|
if (props.strict) {
|
|
11
15
|
if (!props.suggestions.includes(value)) {
|
|
@@ -1 +1 @@
|
|
|
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,YAAY,CAAA;AAElC,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,
|
|
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,YAAY,CAAA;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAK9B;IACD,aAAa,EAAE,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;QAC/B,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;QAC1F,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;IAClE,CAAC;IACD,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,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,MAAa,CAAA;oBAClC,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;wBACjB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;4BACvC,CAAC;4BAAC,EAAE,CAAC,MAA2B,CAAC,iBAAiB,CAAC,8BAA8B,CAAC,CAAA;4BAClF,OAAM;wBACR,CAAC;oBACH,CAAC;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,CACV,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -68,5 +68,7 @@ export type TextInputState = {
|
|
|
68
68
|
validity: ValidityState;
|
|
69
69
|
element: JSX.Element<TextInputProps>;
|
|
70
70
|
};
|
|
71
|
-
export declare const Input: (props: TextInputProps
|
|
71
|
+
export declare const Input: (props: TextInputProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
72
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
73
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
72
74
|
//# sourceMappingURL=input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAIvE,MAAM,MAAM,0BAA0B,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAA;AAE1D,MAAM,MAAM,4BAA4B,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9E,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,GAAG,4BAA4B,CAAA;AAE7F,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACtE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;IAE5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE,KAAK,qBAAqB,CAAA;IAEnF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAEtH;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAErH;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CACpH;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,aAAa,CAAA;IACvB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;CACrC,CAAA;AA0FD,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAA;AAIvE,MAAM,MAAM,0BAA0B,GAAG;IAAE,OAAO,EAAE,IAAI,CAAA;CAAE,CAAA;AAE1D,MAAM,MAAM,4BAA4B,GAAG;IAAE,OAAO,EAAE,KAAK,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE9E,MAAM,MAAM,qBAAqB,GAAG,0BAA0B,GAAG,4BAA4B,CAAA;AAE7F,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACtE;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAE7C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,OAAO,CAAA;IAE5B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAA;KAAE,KAAK,qBAAqB,CAAA;IAEnF;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAEtH;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;IAErH;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,KAAK,EAAE,cAAc,CAAC;QAAC,gBAAgB,CAAC,EAAE,qBAAqB,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,GAAG,MAAM,CAAA;CACpH;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,aAAa,CAAA;IACvB,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;CACrC,CAAA;AA0FD,eAAO,MAAM,KAAK;;uFAiIhB,CAAA"}
|
|
@@ -5,5 +5,7 @@ export interface TextAreaProps extends PartialElement<HTMLTextAreaElement> {
|
|
|
5
5
|
autofocus?: boolean;
|
|
6
6
|
variant?: 'contained' | 'outlined';
|
|
7
7
|
}
|
|
8
|
-
export declare const TextArea: (props: TextAreaProps
|
|
8
|
+
export declare const TextArea: (props: TextAreaProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
9
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
10
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
9
11
|
//# sourceMappingURL=text-area.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAKvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;CACnC;AAED,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAKvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;CACnC;AAED,eAAO,MAAM,QAAQ;;uFA4FnB,CAAA"}
|
|
@@ -16,6 +16,8 @@ interface LoaderProps {
|
|
|
16
16
|
*/
|
|
17
17
|
borderWidth?: number;
|
|
18
18
|
}
|
|
19
|
-
export declare const Loader: (props: LoaderProps
|
|
19
|
+
export declare const Loader: (props: LoaderProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
20
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
21
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
20
22
|
export {};
|
|
21
23
|
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAIA,UAAU,WAAW;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM;;uFA2CjB,CAAA"}
|
package/esm/components/loader.js
CHANGED
|
@@ -3,11 +3,13 @@ import { ThemeProviderService } from '../services/theme-provider-service.js';
|
|
|
3
3
|
import { promisifyAnimation } from '../utils/promisify-animation.js';
|
|
4
4
|
export const Loader = Shade({
|
|
5
5
|
shadowDomName: 'shade-loader',
|
|
6
|
+
style: {
|
|
7
|
+
display: 'inline-block',
|
|
8
|
+
transformOrigin: 'center',
|
|
9
|
+
opacity: '0',
|
|
10
|
+
},
|
|
6
11
|
render: ({ element, props, injector }) => {
|
|
7
12
|
const { theme } = injector.getInstance(ThemeProviderService);
|
|
8
|
-
element.style.display = 'inline-block';
|
|
9
|
-
element.style.transformOrigin = 'center';
|
|
10
|
-
element.style.opacity = '0';
|
|
11
13
|
const { delay = 500 } = props;
|
|
12
14
|
const { borderWidth = 15 } = props;
|
|
13
15
|
const { borderColor = theme.palette.primary.main } = props;
|
|
@@ -1 +1 @@
|
|
|
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,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAuBpE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,
|
|
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,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AAuBpE,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,KAAK,EAAE;QACL,OAAO,EAAE,cAAc;QACvB,eAAe,EAAE,QAAQ;QACzB,OAAO,EAAE,GAAG;KACb;IACD,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,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"}
|
|
@@ -6,5 +6,7 @@ export type ModalProps = {
|
|
|
6
6
|
showAnimation?: (el: Element | null) => Promise<unknown>;
|
|
7
7
|
hideAnimation?: (el: Element | null) => Promise<unknown>;
|
|
8
8
|
};
|
|
9
|
-
export declare const Modal: (props: ModalProps
|
|
9
|
+
export declare const Modal: (props: ModalProps & Omit<Partial<HTMLElement>, "style"> & {
|
|
10
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
11
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
10
12
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC5C,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACxD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACzD,CAAA;AAED,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAEvD,MAAM,MAAM,UAAU,GAAG;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAAA;IAC5C,SAAS,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;IACxD,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACzD,CAAA;AAED,eAAO,MAAM,KAAK;;uFA8BhB,CAAA"}
|
|
@@ -3,6 +3,10 @@ export declare const getDefaultNotyTimeouts: (type: NotyModel['type']) => 0 | 50
|
|
|
3
3
|
export declare const NotyComponent: (props: {
|
|
4
4
|
model: NotyModel;
|
|
5
5
|
onDismiss: () => void;
|
|
6
|
-
}
|
|
7
|
-
|
|
6
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
7
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
8
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
9
|
+
export declare const NotyList: (props: Omit<Partial<HTMLElement>, "style"> & {
|
|
10
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
11
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
8
12
|
//# sourceMappingURL=noty-list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAM5D,eAAO,MAAM,sBAAsB,SAAU,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"noty-list.d.ts","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAM5D,eAAO,MAAM,sBAAsB,SAAU,SAAS,CAAC,MAAM,CAAC,qBAa7D,CAAA;AAED,eAAO,MAAM,aAAa;WAAkB,SAAS;eAAa,MAAM,IAAI;;;uFA4G1E,CAAA;AAEF,eAAO,MAAM,QAAQ;;uFAkCnB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { createComponent, Shade } from '@furystack/shades';
|
|
2
2
|
import { NotyService } from '../services/noty-service.js';
|
|
3
3
|
import { ThemeProviderService } from '../services/theme-provider-service.js';
|
|
4
4
|
import { promisifyAnimation } from '../utils/promisify-animation.js';
|
|
@@ -32,6 +32,16 @@ export const NotyComponent = Shade({
|
|
|
32
32
|
});
|
|
33
33
|
});
|
|
34
34
|
},
|
|
35
|
+
style: {
|
|
36
|
+
margin: '8px',
|
|
37
|
+
overflow: 'hidden',
|
|
38
|
+
borderRadius: '6px',
|
|
39
|
+
boxShadow: '1px 3px 6px rgba(0,0,0,0.3)',
|
|
40
|
+
width: '300px',
|
|
41
|
+
display: 'flex',
|
|
42
|
+
flexDirection: 'column',
|
|
43
|
+
height: '0px',
|
|
44
|
+
},
|
|
35
45
|
render: ({ props, injector, element }) => {
|
|
36
46
|
const themeProvider = injector.getInstance(ThemeProviderService);
|
|
37
47
|
const colors = themeProvider.theme.palette[props.model.type];
|
|
@@ -52,21 +62,16 @@ export const NotyComponent = Shade({
|
|
|
52
62
|
if (timeout) {
|
|
53
63
|
setTimeout(removeSelf, timeout);
|
|
54
64
|
}
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
overflow: 'hidden',
|
|
66
|
-
borderRadius: '6px',
|
|
67
|
-
boxShadow: '1px 3px 6px rgba(0,0,0,0.3)',
|
|
68
|
-
},
|
|
69
|
-
});
|
|
65
|
+
element.className = `noty ${props.model.type}`;
|
|
66
|
+
element.style.backgroundColor = colors.main;
|
|
67
|
+
element.style.color = textColor;
|
|
68
|
+
// attachProps(element, {
|
|
69
|
+
// className: `noty ${props.model.type}`,
|
|
70
|
+
// style: {
|
|
71
|
+
// backgroundColor: colors.main,
|
|
72
|
+
// color: textColor,
|
|
73
|
+
// },
|
|
74
|
+
// })
|
|
70
75
|
return (createComponent(createComponent, null,
|
|
71
76
|
createComponent("div", { style: {
|
|
72
77
|
display: 'flex',
|
|
@@ -90,17 +95,15 @@ export const NotyComponent = Shade({
|
|
|
90
95
|
});
|
|
91
96
|
export const NotyList = Shade({
|
|
92
97
|
shadowDomName: 'shade-noty-list',
|
|
98
|
+
style: {
|
|
99
|
+
position: 'fixed',
|
|
100
|
+
bottom: '1em',
|
|
101
|
+
right: '1em',
|
|
102
|
+
display: 'flex',
|
|
103
|
+
flexDirection: 'column',
|
|
104
|
+
},
|
|
93
105
|
render: ({ useObservable, injector, element }) => {
|
|
94
106
|
const notyService = injector.getInstance(NotyService);
|
|
95
|
-
attachProps(element, {
|
|
96
|
-
style: {
|
|
97
|
-
position: 'fixed',
|
|
98
|
-
bottom: '1em',
|
|
99
|
-
right: '1em',
|
|
100
|
-
display: 'flex',
|
|
101
|
-
flexDirection: 'column',
|
|
102
|
-
},
|
|
103
|
-
});
|
|
104
107
|
const currentNotys = notyService.notys.getValue();
|
|
105
108
|
useObservable('addNoty', notyService.onNotyAdded, (n) => element.append(createComponent(NotyComponent, { model: n, onDismiss: () => notyService.removeNoty(n) })));
|
|
106
109
|
useObservable('removeNoty', notyService.onNotyRemoved, (n) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEpC,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAuB,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,CAAC,CAAA;QACV,KAAK,SAAS;YACZ,OAAO,IAAI,CAAA;QACb,KAAK,MAAM;YACT,OAAO,KAAK,CAAA;QACd;YACE,OAAO,CAAC,CAAA;IACZ,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAA8C;IAC9E,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,MAAM,GAAG,OAAO,CAAC,YAAY,IAAI,EAAE,CAAA;YACzC,kBAAkB,CAChB,OAAO,EACP;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE;gBAC/B,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE;aACxC,EACD;gBACE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,0CAA0C;aACnD,CACF,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IACD,KAAK,EAAE;QACL,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,KAAK;QACnB,SAAS,EAAE,6BAA6B;QACxC,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,KAAK;KACd;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACvC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAA;QAChE,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC5D,MAAM,eAAe,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAC/D,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;QAEzD,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,MAAM,kBAAkB,CACtB,OAAO,EACP;gBACE,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,OAAO,EAAE,YAAY,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE;gBAC9E,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE;aACnD,EACD;gBACE,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,GAAG;gBACb,MAAM,EAAE,0CAA0C;aACnD,CACF,CAAA;YACD,KAAK,CAAC,SAAS,EAAE,CAAA;QACnB,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,sBAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAC/E,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,CAAA;QACjC,CAAC;QAED,OAAO,CAAC,SAAS,GAAG,QAAQ,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,CAAA;QAC9C,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;QAC3C,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,SAAS,CAAA;QAE/B,yBAAyB;QACzB,2CAA2C;QAC3C,aAAa;QACb,oCAAoC;QACpC,wBAAwB;QACxB,OAAO;QACP,KAAK;QAEL,OAAO,CACL;YACE,yBACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,eAAe;oBAC/B,UAAU,EAAE,QAAQ;oBACpB,OAAO,EAAE,kBAAkB;oBAC3B,eAAe,EAAE,MAAM,CAAC,IAAI;oBAC5B,KAAK,EAAE,eAAe;oBACtB,QAAQ,EAAE,OAAO;iBAClB;gBAED,wBACE,KAAK,EAAE;wBACL,UAAU,EAAE,QAAQ;wBACpB,QAAQ,EAAE,QAAQ;wBAClB,YAAY,EAAE,UAAU;wBACxB,MAAM,EAAE,GAAG;wBACX,QAAQ,EAAE,MAAM;qBACjB,EACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAEvB,KAAK,CAAC,KAAK,CAAC,KAAK,CACf;gBACL,gBAAC,MAAM,IACL,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAC9D,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,UAAU,EACnB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,aAGhB,CACL;YACN,yBAAK,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,IAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAO,CAC7D,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC;IAC5B,aAAa,EAAE,iBAAiB;IAChC,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;IACD,MAAM,EAAE,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QAC/C,MAAM,WAAW,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;QAErD,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAA;QAEjD,aAAa,CAAC,SAAS,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CACtD,OAAO,CAAC,MAAM,CAAC,gBAAC,aAAa,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CAAC,CACxF,CAAA;QAED,aAAa,CAAC,YAAY,EAAE,WAAW,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YAC3D,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnD,IAAK,CAAiB,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,EAAE,CAAC;oBACzC,CAAC,CAAC,MAAM,EAAE,CAAA;gBACZ,CAAC;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;QAEF,OAAO,CACL,uCACG,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACvB,gBAAC,aAAa,IAAC,KAAK,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CAC9F,CAAC,CACD,CACJ,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const Paper: (props:
|
|
2
|
-
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
3
|
-
} & {
|
|
1
|
+
export declare const Paper: (props: {
|
|
4
2
|
elevation?: 1 | 2 | 3 | undefined;
|
|
5
|
-
}
|
|
3
|
+
} & Omit<Partial<HTMLElement>, "style"> & {
|
|
4
|
+
style?: Partial<CSSStyleDeclaration> | undefined;
|
|
5
|
+
}, children?: import("@furystack/shades").ChildrenList | undefined) => JSX.Element<any>;
|
|
6
6
|
//# sourceMappingURL=paper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"paper.d.ts","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;uFAuBhB,CAAA"}
|