@furystack/shades-common-components 3.3.0 → 3.4.1
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/dist/components/button.js +2 -2
- package/dist/components/button.js.map +1 -1
- package/dist/components/command-palette/command-palette-manager.js +12 -5
- package/dist/components/command-palette/command-palette-manager.js.map +1 -1
- package/dist/components/command-palette/command-palette-suggestion-list.js +2 -4
- package/dist/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/dist/components/command-palette/index.js +18 -5
- package/dist/components/command-palette/index.js.map +1 -1
- package/dist/components/data-grid/body.js +1 -2
- package/dist/components/data-grid/body.js.map +1 -1
- package/dist/components/data-grid/data-grid-row.js +3 -7
- package/dist/components/data-grid/data-grid-row.js.map +1 -1
- package/dist/components/data-grid/data-grid.js +4 -6
- package/dist/components/data-grid/data-grid.js.map +1 -1
- package/dist/components/data-grid/header.js +3 -5
- package/dist/components/data-grid/header.js.map +1 -1
- package/dist/components/data-grid/index.js +16 -3
- package/dist/components/data-grid/index.js.map +1 -1
- package/dist/components/grid.js +4 -9
- package/dist/components/grid.js.map +1 -1
- package/dist/components/index.js +33 -20
- package/dist/components/index.js.map +1 -1
- package/dist/components/{autocomplete.js → inputs/autocomplete.js} +1 -1
- package/dist/components/inputs/autocomplete.js.map +1 -0
- package/dist/components/inputs/index.js +20 -0
- package/dist/components/inputs/index.js.map +1 -0
- package/dist/components/inputs/input.js +112 -0
- package/dist/components/inputs/input.js.map +1 -0
- package/dist/components/inputs/text-area.js +76 -0
- package/dist/components/inputs/text-area.js.map +1 -0
- package/dist/components/loader.js +35 -46
- package/dist/components/loader.js.map +1 -1
- package/dist/components/modal.js +3 -5
- package/dist/components/modal.js.map +1 -1
- package/dist/components/noty-list.js +7 -7
- package/dist/components/noty-list.js.map +1 -1
- package/dist/components/paper.js +1 -1
- package/dist/components/paper.js.map +1 -1
- package/dist/components/skeleton.js +37 -0
- package/dist/components/skeleton.js.map +1 -0
- package/dist/components/suggest/index.js +18 -5
- package/dist/components/suggest/index.js.map +1 -1
- package/dist/components/suggest/suggest-manager.js +12 -5
- package/dist/components/suggest/suggest-manager.js.map +1 -1
- package/dist/components/suggest/suggestion-list.js +2 -4
- package/dist/components/suggest/suggestion-list.js.map +1 -1
- package/dist/components/wizard/index.js +2 -3
- package/dist/components/wizard/index.js.map +1 -1
- package/dist/index.js +17 -4
- package/dist/index.js.map +1 -1
- package/dist/services/collection-service.js +5 -3
- package/dist/services/collection-service.js.map +1 -1
- package/dist/services/index.js +21 -8
- package/dist/services/index.js.map +1 -1
- package/dist/services/noty-service.js +7 -2
- package/dist/services/noty-service.js.map +1 -1
- package/dist/services/theme-provider-service.js +27 -11
- package/dist/services/theme-provider-service.js.map +1 -1
- package/dist/utils/index.js +15 -2
- package/dist/utils/index.js.map +1 -1
- package/package.json +7 -8
- package/src/components/data-grid/header.tsx +1 -1
- package/src/components/index.ts +2 -2
- package/src/components/{autocomplete.tsx → inputs/autocomplete.tsx} +3 -3
- package/src/components/inputs/index.ts +3 -0
- package/src/components/inputs/input.tsx +195 -0
- package/src/components/inputs/text-area.tsx +117 -0
- package/src/components/loader.tsx +51 -54
- package/src/components/noty-list.tsx +4 -2
- package/src/components/skeleton.tsx +45 -0
- package/src/components/wizard/index.tsx +1 -1
- package/src/services/theme-provider-service.ts +21 -8
- package/tsconfig.tsbuildinfo +1 -1
- package/types/components/app-bar-link.d.ts +3 -2
- package/types/components/app-bar-link.d.ts.map +1 -1
- package/types/components/fab.d.ts +3 -2
- package/types/components/fab.d.ts.map +1 -1
- package/types/components/index.d.ts +2 -2
- package/types/components/index.d.ts.map +1 -1
- package/types/components/{autocomplete.d.ts → inputs/autocomplete.d.ts} +3 -3
- package/types/components/inputs/autocomplete.d.ts.map +1 -0
- package/types/components/inputs/index.d.ts +4 -0
- package/types/components/inputs/index.d.ts.map +1 -0
- package/types/components/inputs/input.d.ts +54 -0
- package/types/components/inputs/input.d.ts.map +1 -0
- package/types/components/inputs/text-area.d.ts +14 -0
- package/types/components/inputs/text-area.d.ts.map +1 -0
- package/types/components/loader.d.ts +12 -3
- package/types/components/loader.d.ts.map +1 -1
- package/types/components/noty-list.d.ts.map +1 -1
- package/types/components/skeleton.d.ts +8 -0
- package/types/components/skeleton.d.ts.map +1 -0
- package/types/services/theme-provider-service.d.ts +10 -11
- package/types/services/theme-provider-service.d.ts.map +1 -1
- package/dist/components/autocomplete.js.map +0 -1
- package/dist/components/input.js +0 -89
- package/dist/components/input.js.map +0 -1
- package/src/components/input.tsx +0 -148
- package/types/components/autocomplete.d.ts.map +0 -1
- package/types/components/input.d.ts +0 -22
- package/types/components/input.d.ts.map +0 -1
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Input = void 0;
|
|
4
|
+
const shades_1 = require("@furystack/shades");
|
|
5
|
+
const __1 = require("../..");
|
|
6
|
+
const getLabelStyle = ({ themeProvider, props, state, }) => {
|
|
7
|
+
return {
|
|
8
|
+
display: 'flex',
|
|
9
|
+
flexDirection: 'column',
|
|
10
|
+
alignItems: 'flex-start',
|
|
11
|
+
justifyContent: 'space-between',
|
|
12
|
+
fontSize: '10px',
|
|
13
|
+
color: props.disabled
|
|
14
|
+
? state.theme.text.disabled
|
|
15
|
+
: state.validity?.valid === false
|
|
16
|
+
? state.theme.palette.error.main
|
|
17
|
+
: state.focused
|
|
18
|
+
? state.theme.text.primary
|
|
19
|
+
: state.theme.text.secondary,
|
|
20
|
+
marginBottom: '1em',
|
|
21
|
+
padding: '1em',
|
|
22
|
+
borderRadius: '5px',
|
|
23
|
+
background: props.variant === 'contained'
|
|
24
|
+
? themeProvider
|
|
25
|
+
.getRgbFromColorString(state.validity?.valid === false
|
|
26
|
+
? state.theme.palette.error.main
|
|
27
|
+
: state.theme.palette[props.defaultColor || 'primary'].main)
|
|
28
|
+
.update('a', state.focused ? 0.1 : 0.2)
|
|
29
|
+
.toString()
|
|
30
|
+
: 'transparent',
|
|
31
|
+
boxShadow: props.variant === 'outlined' || props.variant === 'contained'
|
|
32
|
+
? `0 0 0 1px ${state.validity?.valid === false
|
|
33
|
+
? state.theme.palette.error.main
|
|
34
|
+
: state.focused
|
|
35
|
+
? state.theme.palette[props.defaultColor || 'primary'].main
|
|
36
|
+
: state.theme.text.primary}`
|
|
37
|
+
: 'none',
|
|
38
|
+
filter: props.disabled ? 'grayscale(100%)' : 'none',
|
|
39
|
+
opacity: props.disabled ? '0.5' : '1',
|
|
40
|
+
transition: 'color 0.2s ease-in-out, filter 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out',
|
|
41
|
+
...props.labelProps?.style,
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
exports.Input = (0, shades_1.Shade)({
|
|
45
|
+
shadowDomName: 'shade-input',
|
|
46
|
+
getInitialState: ({ injector, props }) => ({
|
|
47
|
+
theme: injector.getInstance(__1.ThemeProviderService).theme.getValue(),
|
|
48
|
+
value: props.value || '',
|
|
49
|
+
focused: props.autofocus || false,
|
|
50
|
+
validity: { valid: true },
|
|
51
|
+
}),
|
|
52
|
+
resources: ({ injector, updateState }) => [
|
|
53
|
+
injector.getInstance(__1.ThemeProviderService).theme.subscribe((theme) => updateState({ theme })),
|
|
54
|
+
],
|
|
55
|
+
compareState: ({ newState, element, props, injector }) => {
|
|
56
|
+
const themeProvider = injector.getInstance(__1.ThemeProviderService);
|
|
57
|
+
const label = element.querySelector('label');
|
|
58
|
+
(0, shades_1.attachStyles)(label, { style: getLabelStyle({ themeProvider, props, state: newState }) });
|
|
59
|
+
const helper = element.querySelector('span.helperText');
|
|
60
|
+
const helperNode = props.getHelperText?.({ state: newState }) || '';
|
|
61
|
+
helper?.replaceChildren(helperNode);
|
|
62
|
+
const startIcon = element.querySelector('span.startIcon');
|
|
63
|
+
startIcon?.replaceChildren(props.getStartIcon?.({ state: newState }) || '');
|
|
64
|
+
const endIcon = element.querySelector('span.endIcon');
|
|
65
|
+
endIcon?.replaceChildren(props.getEndIcon?.({ state: newState }) || '');
|
|
66
|
+
return false;
|
|
67
|
+
},
|
|
68
|
+
render: ({ props, getState, updateState, injector }) => {
|
|
69
|
+
const state = getState();
|
|
70
|
+
const { value } = state;
|
|
71
|
+
const themeProvider = injector.getInstance(__1.ThemeProviderService);
|
|
72
|
+
return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: getLabelStyle({ props, state, themeProvider }) },
|
|
73
|
+
props.labelTitle,
|
|
74
|
+
(0, shades_1.createComponent)("div", { style: {
|
|
75
|
+
display: 'flex',
|
|
76
|
+
alignItems: 'center',
|
|
77
|
+
width: '100%',
|
|
78
|
+
} },
|
|
79
|
+
props.getStartIcon ? (0, shades_1.createComponent)("span", { className: "startIcon" }, props.getStartIcon?.({ state })) : null,
|
|
80
|
+
(0, shades_1.createComponent)("input", { oninvalid: (ev) => {
|
|
81
|
+
ev.preventDefault();
|
|
82
|
+
const el = ev.target;
|
|
83
|
+
updateState({ validity: el.validity });
|
|
84
|
+
}, onchange: (ev) => {
|
|
85
|
+
const el = ev.target;
|
|
86
|
+
const newValue = el.value;
|
|
87
|
+
updateState({ value: newValue, validity: el?.validity });
|
|
88
|
+
props.onTextChange?.(newValue);
|
|
89
|
+
props.onchange && props.onchange(ev);
|
|
90
|
+
}, onfocus: () => {
|
|
91
|
+
updateState({ focused: true });
|
|
92
|
+
}, onblur: () => {
|
|
93
|
+
updateState({ focused: false });
|
|
94
|
+
}, ...props, style: {
|
|
95
|
+
color: 'inherit',
|
|
96
|
+
border: 'none',
|
|
97
|
+
backgroundColor: 'transparent',
|
|
98
|
+
outline: 'none',
|
|
99
|
+
fontSize: '12px',
|
|
100
|
+
width: '100%',
|
|
101
|
+
textOverflow: 'ellipsis',
|
|
102
|
+
padding: '0',
|
|
103
|
+
marginTop: '0.6em',
|
|
104
|
+
marginBottom: '0.4em',
|
|
105
|
+
flexGrow: '1',
|
|
106
|
+
...props.style,
|
|
107
|
+
}, value: value }),
|
|
108
|
+
props.getEndIcon ? (0, shades_1.createComponent)("span", { className: "endIcon" }, props.getEndIcon({ state })) : null),
|
|
109
|
+
(0, shades_1.createComponent)("span", { className: "helperText" }, props.getHelperText?.({ state }))));
|
|
110
|
+
},
|
|
111
|
+
});
|
|
112
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/inputs/input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TextArea = void 0;
|
|
4
|
+
const shades_1 = require("@furystack/shades");
|
|
5
|
+
const services_1 = require("../../services");
|
|
6
|
+
const utils_1 = require("../../utils");
|
|
7
|
+
exports.TextArea = (0, shades_1.Shade)({
|
|
8
|
+
shadowDomName: 'shade-text-area',
|
|
9
|
+
getInitialState: ({ injector, props }) => ({
|
|
10
|
+
theme: injector.getInstance(services_1.ThemeProviderService).theme.getValue(),
|
|
11
|
+
value: props.value,
|
|
12
|
+
}),
|
|
13
|
+
resources: ({ injector, updateState }) => {
|
|
14
|
+
const themeProvider = injector.getInstance(services_1.ThemeProviderService);
|
|
15
|
+
return [themeProvider.theme.subscribe((theme) => updateState({ theme }))];
|
|
16
|
+
},
|
|
17
|
+
render: ({ props, element, injector, getState }) => {
|
|
18
|
+
const themeProvider = injector.getInstance(services_1.ThemeProviderService);
|
|
19
|
+
const { theme, value } = getState();
|
|
20
|
+
const { palette } = theme;
|
|
21
|
+
return ((0, shades_1.createComponent)("label", { ...props.labelProps, style: {
|
|
22
|
+
display: 'flex',
|
|
23
|
+
flexDirection: 'column',
|
|
24
|
+
alignItems: 'flex-start',
|
|
25
|
+
justifyContent: 'space-between',
|
|
26
|
+
fontSize: '10px',
|
|
27
|
+
color: props.disabled ? 'rgb(170, 170, 170)' : '#bbb',
|
|
28
|
+
marginBottom: '1em',
|
|
29
|
+
padding: '1em',
|
|
30
|
+
borderRadius: '5px',
|
|
31
|
+
border: props.variant === 'outlined' ? '1px solid #bbb' : 'none',
|
|
32
|
+
...props.labelProps?.style,
|
|
33
|
+
} },
|
|
34
|
+
(0, shades_1.createComponent)("span", null, props.labelTitle),
|
|
35
|
+
(0, shades_1.createComponent)("div", { contentEditable: props.readOnly === true || props.disabled === true ? 'inherit' : 'true', ...props, style: {
|
|
36
|
+
border: 'none',
|
|
37
|
+
backgroundColor: 'transparent',
|
|
38
|
+
outline: 'none',
|
|
39
|
+
fontSize: '12px',
|
|
40
|
+
width: '100%',
|
|
41
|
+
textOverflow: 'ellipsis',
|
|
42
|
+
...props.style,
|
|
43
|
+
}, onfocus: () => {
|
|
44
|
+
if (!props.disabled) {
|
|
45
|
+
(0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: themeProvider.getTextColor(theme.background.default) }, { color: palette.primary.main }], {
|
|
46
|
+
duration: 500,
|
|
47
|
+
easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
|
|
48
|
+
fill: 'forwards',
|
|
49
|
+
});
|
|
50
|
+
(0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
|
|
51
|
+
{ boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
|
|
52
|
+
{ boxShadow: `0px 3px 0px ${palette.primary.main}` },
|
|
53
|
+
], {
|
|
54
|
+
duration: 200,
|
|
55
|
+
fill: 'forwards',
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
}, onblur: () => {
|
|
59
|
+
if (!props.disabled) {
|
|
60
|
+
(0, utils_1.promisifyAnimation)(element.querySelector('label'), [{ color: palette.primary.main }, { color: themeProvider.getTextColor(theme.background.default) }], {
|
|
61
|
+
duration: 200,
|
|
62
|
+
easing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',
|
|
63
|
+
fill: 'forwards',
|
|
64
|
+
});
|
|
65
|
+
(0, utils_1.promisifyAnimation)(element.querySelector('div[contenteditable="true"]'), [
|
|
66
|
+
{ boxShadow: '0px 3px 0px rgba(128,128,128,0.4)' },
|
|
67
|
+
{ boxShadow: '0px 0px 0px rgba(128,128,128,0.1)' },
|
|
68
|
+
], {
|
|
69
|
+
duration: 400,
|
|
70
|
+
fill: 'forwards',
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
} }, value)));
|
|
74
|
+
},
|
|
75
|
+
});
|
|
76
|
+
//# sourceMappingURL=text-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../src/components/inputs/text-area.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,55 +2,44 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.Loader = void 0;
|
|
4
4
|
const shades_1 = require("@furystack/shades");
|
|
5
|
+
const services_1 = require("../services");
|
|
6
|
+
const utils_1 = require("../utils");
|
|
5
7
|
exports.Loader = (0, shades_1.Shade)({
|
|
6
8
|
shadowDomName: 'shade-loader',
|
|
7
|
-
|
|
9
|
+
resources: ({ injector, element }) => [
|
|
10
|
+
injector.getInstance(services_1.ThemeProviderService).theme.subscribe((theme) => {
|
|
11
|
+
const el = element.firstElementChild;
|
|
12
|
+
if (el) {
|
|
13
|
+
;
|
|
14
|
+
el.style.borderBottom = `15px solid ${theme.palette.primary.main}`;
|
|
15
|
+
}
|
|
16
|
+
}, true),
|
|
17
|
+
],
|
|
18
|
+
render: ({ element, props }) => {
|
|
19
|
+
element.style.display = 'inline-block';
|
|
20
|
+
element.style.transformOrigin = 'center';
|
|
21
|
+
element.style.opacity = '0';
|
|
22
|
+
const { delay = 500 } = props;
|
|
23
|
+
setTimeout(() => {
|
|
24
|
+
(0, utils_1.promisifyAnimation)(element, [{ opacity: '0' }, { opacity: '1' }], {
|
|
25
|
+
duration: 500,
|
|
26
|
+
delay,
|
|
27
|
+
fill: 'forwards',
|
|
28
|
+
});
|
|
29
|
+
(0, utils_1.promisifyAnimation)(element.firstElementChild, [{ transform: 'rotate(0deg)' }, { transform: 'rotate(180deg)' }, { transform: 'rotate(360deg)' }], {
|
|
30
|
+
duration: 1500,
|
|
31
|
+
easing: 'ease-in-out',
|
|
32
|
+
iterations: Infinity,
|
|
33
|
+
});
|
|
34
|
+
}, 1);
|
|
8
35
|
return ((0, shades_1.createComponent)("div", { style: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
width: calc(100% - 20px);
|
|
17
|
-
height: calc(100% - 20px);
|
|
18
|
-
border-radius: 100%;
|
|
19
|
-
border: 10px solid transparent;
|
|
20
|
-
border-top-color: #3498db;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
#loader-1:before{
|
|
24
|
-
z-index: 100;
|
|
25
|
-
animation: spin 1s infinite;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
#loader-1:after{
|
|
29
|
-
border: 10px solid rgba(128,128,128,0.3);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@keyframes spin{
|
|
33
|
-
0%{
|
|
34
|
-
-webkit-transform: rotate(0deg);
|
|
35
|
-
-ms-transform: rotate(0deg);
|
|
36
|
-
-o-transform: rotate(0deg);
|
|
37
|
-
transform: rotate(0deg);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
100%{
|
|
41
|
-
-webkit-transform: rotate(360deg);
|
|
42
|
-
-ms-transform: rotate(360deg);
|
|
43
|
-
-o-transform: rotate(360deg);
|
|
44
|
-
transform: rotate(360deg);
|
|
45
|
-
}
|
|
46
|
-
}`),
|
|
47
|
-
(0, shades_1.createComponent)("div", { style: {
|
|
48
|
-
position: 'relative',
|
|
49
|
-
width: '100%',
|
|
50
|
-
height: '100%',
|
|
51
|
-
} },
|
|
52
|
-
(0, shades_1.createComponent)("div", { className: "three col" },
|
|
53
|
-
(0, shades_1.createComponent)("div", { className: "loader", id: "loader-1" })))));
|
|
36
|
+
position: 'relative',
|
|
37
|
+
width: 'calc(100% - 30px)',
|
|
38
|
+
height: 'calc(100% - 30px)',
|
|
39
|
+
border: '15px solid rgba(128,128,128,0.1)',
|
|
40
|
+
borderBottom: '15px solid red',
|
|
41
|
+
borderRadius: '50%',
|
|
42
|
+
} }));
|
|
54
43
|
},
|
|
55
44
|
});
|
|
56
45
|
//# sourceMappingURL=loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,0CAAkD;AAClD,oCAA6C;AAahC,QAAA,MAAM,GAAG,IAAA,cAAK,EAAc;IACvC,aAAa,EAAE,cAAc;IAC7B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;QACpC,QAAQ,CAAC,WAAW,CAAC,+BAAoB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;YACnE,MAAM,EAAE,GAAG,OAAO,CAAC,iBAAiB,CAAA;YACpC,IAAI,EAAE,EAAE;gBACN,CAAC;gBAAC,EAAkB,CAAC,KAAK,CAAC,YAAY,GAAG,cAAc,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;aACrF;QACH,CAAC,EAAE,IAAI,CAAC;KACT;IACD,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;QAC7B,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;QAE7B,UAAU,CAAC,GAAG,EAAE;YACd,IAAA,0BAAkB,EAAC,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,IAAA,0BAAkB,EAChB,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,uCACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,mBAAmB;gBAC1B,MAAM,EAAE,mBAAmB;gBAC3B,MAAM,EAAE,kCAAkC;gBAC1C,YAAY,EAAE,gBAAgB;gBAC9B,YAAY,EAAE,KAAK;aACpB,GACD,CACH,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
package/dist/components/modal.js
CHANGED
|
@@ -7,21 +7,19 @@ exports.Modal = (0, shades_1.Shade)({
|
|
|
7
7
|
shadowDomName: 'shade-modal',
|
|
8
8
|
resources: ({ props, element, updateState }) => [
|
|
9
9
|
props.isVisible.subscribe(async (visible) => {
|
|
10
|
-
var _a, _b;
|
|
11
10
|
if (visible) {
|
|
12
11
|
updateState({ isVisible: visible });
|
|
13
|
-
await
|
|
12
|
+
await props.showAnimation?.(element);
|
|
14
13
|
}
|
|
15
14
|
else {
|
|
16
|
-
await
|
|
15
|
+
await props.hideAnimation?.(element).finally(() => updateState({ isVisible: visible }));
|
|
17
16
|
}
|
|
18
17
|
}),
|
|
19
18
|
],
|
|
20
19
|
render: ({ props, getState, children }) => {
|
|
21
20
|
const { isVisible } = getState();
|
|
22
21
|
return isVisible ? ((0, shades_1.createComponent)("div", { className: "shade-backdrop", onclick: () => {
|
|
23
|
-
|
|
24
|
-
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
22
|
+
props.onClose?.();
|
|
25
23
|
}, style: {
|
|
26
24
|
width: '100%',
|
|
27
25
|
height: '100%',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAW7C,QAAA,KAAK,GAAG,IAAA,cAAK,EAAsC;IAC9D,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC3E,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QAC9C,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAW7C,QAAA,KAAK,GAAG,IAAA,cAAK,EAAsC;IAC9D,eAAe,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC3E,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC;QAC9C,KAAK,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;YAC1C,IAAI,OAAO,EAAE;gBACX,WAAW,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAA;gBACnC,MAAM,KAAK,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAA;aACrC;iBAAM;gBACL,MAAM,KAAK,CAAC,aAAa,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;aACxF;QACH,CAAC,CAAC;KACH;IAED,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,CAAA;QAChC,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,uCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,GAAG,EAAE;gBACZ,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"}
|
|
@@ -26,7 +26,7 @@ exports.NotyComponent = (0, shades_1.Shade)({
|
|
|
26
26
|
constructed: ({ element }) => {
|
|
27
27
|
setTimeout(() => {
|
|
28
28
|
const container = element.querySelector('div');
|
|
29
|
-
const height =
|
|
29
|
+
const height = container?.scrollHeight || 80;
|
|
30
30
|
(0, utils_1.promisifyAnimation)(container, [
|
|
31
31
|
{ opacity: '0', height: '0px' },
|
|
32
32
|
{ opacity: '1', height: `${height}px` },
|
|
@@ -45,7 +45,7 @@ exports.NotyComponent = (0, shades_1.Shade)({
|
|
|
45
45
|
const removeSelf = async () => {
|
|
46
46
|
const container = element.querySelector('div');
|
|
47
47
|
await (0, utils_1.promisifyAnimation)(container, [
|
|
48
|
-
{ opacity: '1', height: `${
|
|
48
|
+
{ opacity: '1', height: `${container?.scrollHeight || 0}px` },
|
|
49
49
|
{ opacity: '0', height: '0px' },
|
|
50
50
|
], {
|
|
51
51
|
fill: 'forwards',
|
|
@@ -74,7 +74,7 @@ exports.NotyComponent = (0, shades_1.Shade)({
|
|
|
74
74
|
display: 'flex',
|
|
75
75
|
justifyContent: 'space-between',
|
|
76
76
|
alignItems: 'center',
|
|
77
|
-
padding: '0px
|
|
77
|
+
padding: '0px 6px 0px 16px',
|
|
78
78
|
backgroundColor: colors.dark,
|
|
79
79
|
color: headerTextColor,
|
|
80
80
|
fontSize: '1.3em',
|
|
@@ -84,8 +84,9 @@ exports.NotyComponent = (0, shades_1.Shade)({
|
|
|
84
84
|
overflow: 'hidden',
|
|
85
85
|
textOverflow: 'ellipsis',
|
|
86
86
|
margin: '0',
|
|
87
|
+
fontSize: '.7em',
|
|
87
88
|
}, title: props.model.title }, props.model.title),
|
|
88
|
-
(0, shades_1.createComponent)(button_1.Button, { className: "dismissNoty", onclick: removeSelf, title: "Close Notification", variant: "contained", color: props.model.type }, "\u2716")),
|
|
89
|
+
(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")),
|
|
89
90
|
(0, shades_1.createComponent)("div", { style: { padding: '16px 16px' } }, props.model.body)));
|
|
90
91
|
},
|
|
91
92
|
});
|
|
@@ -95,12 +96,11 @@ exports.NotyList = (0, shades_1.Shade)({
|
|
|
95
96
|
const notyService = injector.getInstance(noty_service_1.NotyService);
|
|
96
97
|
const observables = [
|
|
97
98
|
notyService.onNotyAdded.subscribe((n) => {
|
|
98
|
-
|
|
99
|
-
(_a = element.querySelector('div')) === null || _a === void 0 ? void 0 : _a.append((0, shades_1.createComponent)(exports.NotyComponent, { model: n, onDismiss: () => notyService.removeNoty(n) }));
|
|
99
|
+
element.querySelector('div')?.append((0, shades_1.createComponent)(exports.NotyComponent, { model: n, onDismiss: () => notyService.removeNoty(n) }));
|
|
100
100
|
}),
|
|
101
101
|
notyService.onNotyRemoved.subscribe((n) => {
|
|
102
102
|
element.querySelectorAll('shade-noty').forEach((e) => {
|
|
103
|
-
if (e.props.
|
|
103
|
+
if (e.props.model === n) {
|
|
104
104
|
e.remove();
|
|
105
105
|
}
|
|
106
106
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":";;;AAAA,8CAA0D;AAC1D,2DAAiE;AACjE,+EAAyE;AACzE,oCAA6C;AAC7C,qCAAiC;AAE1B,MAAM,sBAAsB,GAAG,CAAC,IAAuB,EAAE,EAAE;IAChE,QAAQ,IAAI,EAAE;QACZ,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;KACX;AACH,CAAC,CAAA;AAbY,QAAA,sBAAsB,0BAalC;AAEY,QAAA,aAAa,GAAG,IAAA,cAAK,EAA8C;IAC9E,aAAa,EAAE,YAAY;IAC3B,WAAW,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;QAC3B,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;YAC9C,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"noty-list.js","sourceRoot":"","sources":["../../src/components/noty-list.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/paper.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,+EAAyE;AAE5D,QAAA,KAAK,GAAG,IAAA,cAAK,EAA6D;IACrF,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO;YACL,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzC,CAAC;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CACnF;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAA;YACrG,CAAC,CAAC;SACH,CAAA;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO,CACL,0CACM,KAAK,EACT,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,MAAM,KAAK,CAAC,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBACjG,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK;gBAChE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS;gBACpD,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,UAAU;gBACnB,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"paper.js","sourceRoot":"","sources":["../../src/components/paper.tsx"],"names":[],"mappings":";;;AAAA,8CAA0E;AAC1E,+EAAyE;AAE5D,QAAA,KAAK,GAAG,IAAA,cAAK,EAA6D;IACrF,aAAa,EAAE,aAAa;IAC5B,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;QACnC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO;YACL,aAAa,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE,EAAE;gBACzC,CAAC;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CACnF;gBAAC,OAAO,CAAC,UAA6B,CAAC,KAAK,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,CAAA;YACrG,CAAC,CAAC;SACH,CAAA;IACH,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,QAAQ,CAAC,WAAW,CAAC,6CAAoB,CAAC,CAAA;QAChE,OAAO,CACL,0CACM,KAAK,EACT,KAAK,EAAE;gBACL,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,CAAC,SAAS,MAAM,KAAK,CAAC,SAAS,oBAAoB,CAAC,CAAC,CAAC,EAAE;gBACjG,eAAe,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,UAAU,CAAC,KAAK;gBAChE,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS;gBACpD,MAAM,EAAE,KAAK;gBACb,OAAO,EAAE,UAAU;gBACnB,GAAG,KAAK,EAAE,KAAK;aAChB,IAEA,QAAQ,CACL,CACP,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.Skeleton = void 0;
|
|
4
|
+
const shades_1 = require("@furystack/shades");
|
|
5
|
+
const utils_1 = require("../utils");
|
|
6
|
+
exports.Skeleton = (0, shades_1.Shade)({
|
|
7
|
+
shadowDomName: 'shade-skeleton',
|
|
8
|
+
render: ({ element, props }) => {
|
|
9
|
+
const { delay = 1500 } = props;
|
|
10
|
+
setTimeout(() => {
|
|
11
|
+
(0, utils_1.promisifyAnimation)(element, [{ opacity: 0 }, { opacity: 1 }], {
|
|
12
|
+
fill: 'forwards',
|
|
13
|
+
duration: 300,
|
|
14
|
+
easing: 'ease-out',
|
|
15
|
+
delay,
|
|
16
|
+
}).then(() => {
|
|
17
|
+
(0, utils_1.promisifyAnimation)(element, [{ backgroundPosition: '0% 50%' }, { backgroundPosition: '100% 50%' }, { backgroundPosition: '0% 50%' }], {
|
|
18
|
+
duration: 10000,
|
|
19
|
+
iterations: Infinity,
|
|
20
|
+
});
|
|
21
|
+
});
|
|
22
|
+
});
|
|
23
|
+
(0, shades_1.attachStyles)(element, {
|
|
24
|
+
style: {
|
|
25
|
+
opacity: '0',
|
|
26
|
+
display: 'inline-block',
|
|
27
|
+
background: 'linear-gradient(-45deg, rgba(128,128,128,0.1), rgba(128,128,128,0.3), rgba(128,128,128,0.1))',
|
|
28
|
+
backgroundSize: '400% 400%',
|
|
29
|
+
width: '100%',
|
|
30
|
+
height: '100%',
|
|
31
|
+
minHeight: '1em',
|
|
32
|
+
},
|
|
33
|
+
});
|
|
34
|
+
return null;
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.js","sourceRoot":"","sources":["../../src/components/skeleton.tsx"],"names":[],"mappings":";;;AAAA,8CAAuD;AACvD,oCAA6C;AAShC,QAAA,QAAQ,GAAG,IAAA,cAAK,EAAgB;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,IAAA,0BAAkB,EAAC,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,IAAA,0BAAkB,EAChB,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,IAAA,qBAAY,EAAC,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"}
|
|
@@ -1,17 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
17
|
exports.Suggest = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
18
|
const shades_1 = require("@furystack/shades");
|
|
6
19
|
const promisify_animation_1 = require("../../utils/promisify-animation");
|
|
7
20
|
const loader_1 = require("../loader");
|
|
8
21
|
const suggest_manager_1 = require("./suggest-manager");
|
|
9
22
|
const suggest_input_1 = require("./suggest-input");
|
|
10
23
|
const suggestion_list_1 = require("./suggestion-list");
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
24
|
+
__exportStar(require("./suggest-input"), exports);
|
|
25
|
+
__exportStar(require("./suggest-manager"), exports);
|
|
26
|
+
__exportStar(require("./suggestion-list"), exports);
|
|
27
|
+
__exportStar(require("./suggestion-result"), exports);
|
|
15
28
|
exports.Suggest = (0, shades_1.Shade)({
|
|
16
29
|
shadowDomName: 'shade-suggest',
|
|
17
30
|
getInitialState: ({ props }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/suggest/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/suggest/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
3
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
4
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
5
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
6
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
7
|
+
};
|
|
8
|
+
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
9
|
+
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
10
|
+
};
|
|
2
11
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
12
|
exports.SuggestManager = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
13
|
const inject_1 = require("@furystack/inject");
|
|
6
14
|
const utils_1 = require("@furystack/utils");
|
|
7
15
|
let SuggestManager = class SuggestManager {
|
|
@@ -27,9 +35,8 @@ let SuggestManager = class SuggestManager {
|
|
|
27
35
|
}
|
|
28
36
|
}).bind(this);
|
|
29
37
|
this.getSuggestion = (0, utils_1.debounce)(async (options) => {
|
|
30
|
-
var _a;
|
|
31
38
|
try {
|
|
32
|
-
if (
|
|
39
|
+
if (this.lastGetSuggestionOptions?.term === options.term) {
|
|
33
40
|
return;
|
|
34
41
|
}
|
|
35
42
|
this.isLoading.setValue(true);
|
|
@@ -57,9 +64,9 @@ let SuggestManager = class SuggestManager {
|
|
|
57
64
|
this.onSelectSuggestion.setValue(selectedSuggestion.entry);
|
|
58
65
|
}
|
|
59
66
|
};
|
|
60
|
-
SuggestManager =
|
|
67
|
+
SuggestManager = __decorate([
|
|
61
68
|
(0, inject_1.Injectable)({ lifetime: 'singleton' }),
|
|
62
|
-
|
|
69
|
+
__metadata("design:paramtypes", [Function, Function])
|
|
63
70
|
], SuggestManager);
|
|
64
71
|
exports.SuggestManager = SuggestManager;
|
|
65
72
|
//# sourceMappingURL=suggest-manager.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"suggest-manager.js","sourceRoot":"","sources":["../../../src/components/suggest/suggest-manager.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,8CAAwD;AACxD,4CAA4D;AAIrD,IAAM,cAAc,GAApB,MAAM,cAAc;IAsDzB,YACmB,UAA0C,EAC1C,kBAAkD;QADlD,eAAU,GAAV,UAAU,CAAgC;QAC1C,uBAAkB,GAAlB,kBAAkB,CAAgC;QAvD9D,aAAQ,GAAG,IAAI,uBAAe,CAAC,KAAK,CAAC,CAAA;QACrC,cAAS,GAAG,IAAI,uBAAe,CAAC,KAAK,CAAC,CAAA;QACtC,SAAI,GAAG,IAAI,uBAAe,CAAC,EAAE,CAAC,CAAA;QAC9B,kBAAa,GAAG,IAAI,uBAAe,CAAC,CAAC,CAAC,CAAA;QACtC,uBAAkB,GAAG,IAAI,uBAAe,CAAoD,EAAE,CAAC,CAAA;QAC/F,uBAAkB,GAAG,IAAI,uBAAe,EAAK,CAAA;QAE7C,qBAAgB,GAAG,CAAC,CAAC,EAAiB,EAAE,EAAE;YAC/C,IAAI,EAAE,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACvB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC9B;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAGN,yBAAoB,GAAG,CAAC,CAAC,EAAc,EAAE,EAAE;YAChD,IACE,IAAI,CAAC,OAAO;gBACZ,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACvB,EAAE,CAAC,MAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,EACzE;gBACA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC9B;QACH,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QAcN,kBAAa,GAAG,IAAA,gBAAQ,EAAC,KAAK,EAAE,OAA6C,EAAE,EAAE;YACtF,IAAI;gBACF,IAAI,IAAI,CAAC,wBAAwB,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,EAAE;oBACxD,OAAM;iBACP;gBACD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAC7B,IAAI,CAAC,wBAAwB,GAAG,OAAO,CAAA;gBACvC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;gBACpC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;gBAC9B,MAAM,UAAU,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;gBACtD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBAC5B,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;aAChH;oBAAS;gBACR,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;aAC/B;QACH,CAAC,EAAE,GAAG,CAAC,CAAA;QAML,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAA;QAC7D,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,CAAA;IACnE,CAAC;IAnCM,OAAO;QACZ,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAA;QAC1D,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAA;IAChE,CAAC;IAEM,gBAAgB,CAAC,QAAgB,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;QACnE,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACpE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAC7B,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA;IAC5D,CAAC;CA2BF,CAAA;AA7DY,cAAc;IAD1B,IAAA,mBAAU,EAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;;GACzB,cAAc,CA6D1B;AA7DY,wCAAc"}
|