@likable-hair/svelte 3.0.62 → 3.0.64
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/composed/forms/Dropdown.svelte +2 -2
- package/dist/components/simple/forms/FileInputList.css +9 -10
- package/dist/components/simple/forms/FileInputList.svelte +2 -1
- package/dist/components/simple/forms/TreeEditor.svelte +2 -2
- package/dist/components/simple/typography/Code.svelte +2 -2
- package/dist/stores/debounce.d.ts +1 -0
- package/dist/stores/mediaQuery.d.ts +1 -0
- package/dist/stores/theme.d.ts +1 -0
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
|
-
<script>import
|
|
3
|
+
<script>import lodash from "lodash";
|
|
4
4
|
import Autocomplete from "../../../components/simple/forms/Autocomplete.svelte";
|
|
5
5
|
import Button from "../../simple/buttons/Button.svelte";
|
|
6
6
|
import Icon from "../../simple/media/Icon.svelte";
|
|
@@ -12,7 +12,7 @@ $:
|
|
|
12
12
|
function handleCloseClick(event) {
|
|
13
13
|
event.preventDefault();
|
|
14
14
|
event.stopPropagation();
|
|
15
|
-
let valuesBefore = cloneDeep(values);
|
|
15
|
+
let valuesBefore = lodash.cloneDeep(values);
|
|
16
16
|
values = [];
|
|
17
17
|
dispatch("change", {
|
|
18
18
|
unselect: valuesBefore[0],
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
2
|
+
--file-input-list-default-height: 64px;
|
|
3
|
+
--file-input-list-default-background-color: rgb(var(--global-color-background-300));
|
|
4
|
+
--file-input-list-default-color: rgb(var(--global-color-contrast-900));
|
|
5
|
+
--file-input-list-default-selected-row-color: rgb(var(--global-color-contrast-1000));
|
|
6
|
+
--file-input-list-default-selected-row-background: rgb(var(--global-color-background-500));
|
|
7
|
+
--file-input-list-default-hover-color: rgb(var(--global-color-contrast-900));
|
|
8
|
+
--file-input-list-default-border-color: rgb(var(--global-color-primary-100));
|
|
9
|
+
--file-input-list-default-border-radius: 5px
|
|
10
|
+
}
|
|
@@ -5,7 +5,7 @@ import FileInput from "./FileInput.svelte";
|
|
|
5
5
|
import Icon from "../media/Icon.svelte";
|
|
6
6
|
let clazz = "";
|
|
7
7
|
export { clazz as class };
|
|
8
|
-
export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-
|
|
8
|
+
export let files = [], persistOverUpload = true, dropAreaActive = true, icon = "mdi-file-document";
|
|
9
9
|
let fileActive = null;
|
|
10
10
|
function handleFileMouseEnter(file) {
|
|
11
11
|
dropAreaActive = false;
|
|
@@ -71,6 +71,7 @@ function handleRemove(file) {
|
|
|
71
71
|
</td>
|
|
72
72
|
<td style:width="10%" style:margin-right="10px">
|
|
73
73
|
<Button
|
|
74
|
+
buttonType="text"
|
|
74
75
|
icon="mdi-close"
|
|
75
76
|
on:click={(e) => {
|
|
76
77
|
e.detail.nativeEvent.stopPropagation();
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { onMount, createEventDispatcher } from "svelte";
|
|
5
5
|
import TreeEditorItem from "./TreeEditorItem.svelte";
|
|
6
6
|
import { createId } from "@paralleldrive/cuid2";
|
|
7
|
-
import
|
|
7
|
+
import lodash from "lodash";
|
|
8
8
|
let dispatch = createEventDispatcher();
|
|
9
9
|
export let items = [], groupName = createId(), cleanItems = convertItemsInClean(items);
|
|
10
10
|
let itemList, sortable = void 0, rerender = true, mounted = false;
|
|
@@ -32,7 +32,7 @@ function handleEnd(event) {
|
|
|
32
32
|
sortTree();
|
|
33
33
|
}
|
|
34
34
|
async function sortTree() {
|
|
35
|
-
let clonedItems = cloneDeep(items);
|
|
35
|
+
let clonedItems = lodash.cloneDeep(items);
|
|
36
36
|
let sortedItems = sortSubTree(clonedItems, items, sortable, "main");
|
|
37
37
|
dispatch("change", {
|
|
38
38
|
items: sortedItems
|
|
@@ -3,7 +3,7 @@ import hljs from "highlight.js";
|
|
|
3
3
|
import hljsSvelte from "highlightjs-svelte";
|
|
4
4
|
import "highlight.js/styles/github.css";
|
|
5
5
|
import "./dracula.css";
|
|
6
|
-
import
|
|
6
|
+
import lodash from "lodash";
|
|
7
7
|
export let codeBackgroundColor = "rgb(24 24 27/1)", headerBackgroundColor = "rgb(39 39 42/1)", dividerColor = "rgb(63 63 70)", borderRadius = ".5rem", headerPadding = "1rem 1rem", codePadding = "0rem 1rem", color = "white", boxShadow = "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)", code, title = void 0, language = "javascript";
|
|
8
8
|
let codeElement;
|
|
9
9
|
onMount(() => {
|
|
@@ -48,5 +48,5 @@ onMount(() => {
|
|
|
48
48
|
style:padding-bottom="1rem"
|
|
49
49
|
style:font-size="1rem"
|
|
50
50
|
style:line-height="1.5rem"
|
|
51
|
-
>{@html escape(code)}</code></pre></div>
|
|
51
|
+
>{@html lodash.escape(code)}</code></pre></div>
|
|
52
52
|
</div>
|
package/dist/stores/theme.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@likable-hair/svelte",
|
|
3
3
|
"description": "A Svelte component for likablehair",
|
|
4
|
-
"version": "3.0.
|
|
4
|
+
"version": "3.0.64",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"host": "vite --host",
|
|
7
7
|
"dev": "vite dev",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"dist"
|
|
29
29
|
],
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"svelte": "^
|
|
31
|
+
"svelte": "^4.2.9"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@orama/orama": "^1.0.0-beta.7",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"prettier": "^2.8.0",
|
|
48
48
|
"prettier-plugin-svelte": "^2.8.1",
|
|
49
49
|
"publint": "^0.1.9",
|
|
50
|
-
"svelte": "^
|
|
50
|
+
"svelte": "^4.2.9",
|
|
51
51
|
"svelte-check": "^3.0.1",
|
|
52
52
|
"tslib": "^2.4.1",
|
|
53
53
|
"typescript": "^4.9.3",
|