poe-svelte-ui-lib 1.0.0 → 1.0.2
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/LICENSE +3 -3
- package/dist/Accordion/Accordion.svelte +53 -53
- package/dist/Accordion/AccordionProps.svelte +70 -70
- package/dist/Button/Button.svelte +144 -144
- package/dist/Button/ButtonProps.svelte +200 -200
- package/dist/ColorPicker/ColorPicker.svelte +207 -207
- package/dist/ColorPicker/ColorPickerProps.svelte +100 -100
- package/dist/FileAttach/FileAttach.svelte +103 -103
- package/dist/Graph/Graph.svelte +270 -270
- package/dist/Graph/GraphProps.svelte +56 -56
- package/dist/Input/Input.svelte +239 -239
- package/dist/Input/InputProps.svelte +221 -221
- package/dist/Loader.svelte +12 -12
- package/dist/MessageModal.svelte +54 -54
- package/dist/ProgressBar/ProgressBar.svelte +48 -48
- package/dist/ProgressBar/ProgressBarProps.svelte +145 -145
- package/dist/Select/Select.svelte +191 -187
- package/dist/Select/SelectProps.svelte +260 -260
- package/dist/Slider/Slider.svelte +260 -260
- package/dist/Slider/SliderProps.svelte +161 -161
- package/dist/Switch/Switch.svelte +83 -83
- package/dist/Switch/SwitchProps.svelte +144 -144
- package/dist/Table/Table.svelte +276 -276
- package/dist/Table/TableProps.svelte +286 -286
- package/dist/TextField/TextField.svelte +22 -22
- package/dist/TextField/TextFieldProps.svelte +92 -92
- package/dist/{appIcons → libIcons}/ButtonAdd.svelte +10 -10
- package/dist/{appIcons → libIcons}/ButtonDelete.svelte +13 -13
- package/dist/{appIcons → libIcons}/LoaderRotate.svelte +9 -9
- package/dist/locales/CircleFlagsEn.svelte +14 -14
- package/dist/locales/CircleFlagsRu.svelte +8 -8
- package/dist/locales/CircleFlagsZh.svelte +8 -8
- package/package.json +49 -47
- /package/dist/{appIcons → libIcons}/ButtonAdd.svelte.d.ts +0 -0
- /package/dist/{appIcons → libIcons}/ButtonDelete.svelte.d.ts +0 -0
- /package/dist/{appIcons → libIcons}/LoaderRotate.svelte.d.ts +0 -0
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
<!-- $lib/ElementsUI/GridAccordionProps.svelte -->
|
|
2
|
-
<script lang="ts">
|
|
3
|
-
import { t } from '../locales/i18n'
|
|
4
|
-
import type { ITextFieldProps, UIComponent } from '../types'
|
|
5
|
-
import * as UI from '../index'
|
|
6
|
-
import { optionsStore } from '../options'
|
|
7
|
-
|
|
8
|
-
const { component, onPropertyChange } = $props<{
|
|
9
|
-
component: UIComponent & { properties: Partial<ITextFieldProps> }
|
|
10
|
-
onPropertyChange: (value: string | object) => void
|
|
11
|
-
}>()
|
|
12
|
-
|
|
13
|
-
let currentType = $derived($optionsStore.TEXTFIELD_SIZE_OPTIONS.find((t) => t.value === component.properties.type))
|
|
14
|
-
|
|
15
|
-
const initialAlign = $derived(
|
|
16
|
-
$optionsStore.ALIGN_OPTIONS.find((a) =>
|
|
17
|
-
(a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
|
|
18
|
-
),
|
|
19
|
-
)
|
|
20
|
-
|
|
21
|
-
const handleLabelAlign = (align: string) => {
|
|
22
|
-
let labelClass = component.properties.label.class || ''
|
|
23
|
-
labelClass = labelClass
|
|
24
|
-
.split(' ')
|
|
25
|
-
.filter((cls: string) => !cls.startsWith('text-'))
|
|
26
|
-
.join(' ')
|
|
27
|
-
if (align) {
|
|
28
|
-
labelClass += ` ${align}`
|
|
29
|
-
}
|
|
30
|
-
updateProperty('label.class', labelClass)
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/* Обновление свойства */
|
|
34
|
-
const updateProperty = (path: string, value: string | object | boolean) => {
|
|
35
|
-
const newProperties = JSON.parse(JSON.stringify(component.properties))
|
|
36
|
-
const parts = path.split('.')
|
|
37
|
-
let obj = newProperties
|
|
38
|
-
|
|
39
|
-
for (let i = 0; i < parts.length - 1; i++) {
|
|
40
|
-
const part = parts[i]
|
|
41
|
-
if (!obj[part]) obj[part] = {}
|
|
42
|
-
obj = obj[part]
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
obj[parts[parts.length - 1]] = value
|
|
46
|
-
onPropertyChange(newProperties)
|
|
47
|
-
}
|
|
48
|
-
</script>
|
|
49
|
-
|
|
50
|
-
{#if component && component.properties}
|
|
51
|
-
<div class="relative flex flex-row items-start justify-center">
|
|
52
|
-
<div class="flex w-1/3 flex-col px-2">
|
|
53
|
-
<UI.Input
|
|
54
|
-
label={{ name: $t('service.constructor.props.label') }}
|
|
55
|
-
value={component.properties.label.name}
|
|
56
|
-
onUpdate={(value) => updateProperty('label.name', value as string)}
|
|
57
|
-
type="text"
|
|
58
|
-
/>
|
|
59
|
-
<UI.Select
|
|
60
|
-
label={{ name: $t('service.constructor.props.type') }}
|
|
61
|
-
type="buttons"
|
|
62
|
-
value={currentType}
|
|
63
|
-
options={$optionsStore.TEXTFIELD_SIZE_OPTIONS}
|
|
64
|
-
onUpdate={(item) => updateProperty('type', item.value as string)}
|
|
65
|
-
/>
|
|
66
|
-
</div>
|
|
67
|
-
<div class="flex w-1/3 flex-col px-2">
|
|
68
|
-
<UI.Select
|
|
69
|
-
wrapperClass="w-full"
|
|
70
|
-
label={{ name: $t('service.constructor.props.align') }}
|
|
71
|
-
type="buttons"
|
|
72
|
-
value={initialAlign}
|
|
73
|
-
options={$optionsStore.ALIGN_OPTIONS}
|
|
74
|
-
onUpdate={(option) => handleLabelAlign(option.value as string)}
|
|
75
|
-
/>
|
|
76
|
-
</div>
|
|
77
|
-
<div class="flex w-1/3 flex-col px-2">
|
|
78
|
-
<UI.Switch
|
|
79
|
-
wrapperClass="w-full"
|
|
80
|
-
label={{ name: $t('service.constructor.props.bold') }}
|
|
81
|
-
value={component.properties.bold ? 2 : 1}
|
|
82
|
-
onChange={(value) => updateProperty('bold', value === 2)}
|
|
83
|
-
/>
|
|
84
|
-
<UI.Switch
|
|
85
|
-
wrapperClass="w-full"
|
|
86
|
-
label={{ name: $t('service.constructor.props.italic') }}
|
|
87
|
-
value={component.properties.italic ? 2 : 1}
|
|
88
|
-
onChange={(value) => updateProperty('italic', value === 2)}
|
|
89
|
-
/>
|
|
90
|
-
</div>
|
|
91
|
-
</div>
|
|
92
|
-
{/if}
|
|
1
|
+
<!-- $lib/ElementsUI/GridAccordionProps.svelte -->
|
|
2
|
+
<script lang="ts">
|
|
3
|
+
import { t } from '../locales/i18n'
|
|
4
|
+
import type { ITextFieldProps, UIComponent } from '../types'
|
|
5
|
+
import * as UI from '../index'
|
|
6
|
+
import { optionsStore } from '../options'
|
|
7
|
+
|
|
8
|
+
const { component, onPropertyChange } = $props<{
|
|
9
|
+
component: UIComponent & { properties: Partial<ITextFieldProps> }
|
|
10
|
+
onPropertyChange: (value: string | object) => void
|
|
11
|
+
}>()
|
|
12
|
+
|
|
13
|
+
let currentType = $derived($optionsStore.TEXTFIELD_SIZE_OPTIONS.find((t) => t.value === component.properties.type))
|
|
14
|
+
|
|
15
|
+
const initialAlign = $derived(
|
|
16
|
+
$optionsStore.ALIGN_OPTIONS.find((a) =>
|
|
17
|
+
(a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
|
|
18
|
+
),
|
|
19
|
+
)
|
|
20
|
+
|
|
21
|
+
const handleLabelAlign = (align: string) => {
|
|
22
|
+
let labelClass = component.properties.label.class || ''
|
|
23
|
+
labelClass = labelClass
|
|
24
|
+
.split(' ')
|
|
25
|
+
.filter((cls: string) => !cls.startsWith('text-'))
|
|
26
|
+
.join(' ')
|
|
27
|
+
if (align) {
|
|
28
|
+
labelClass += ` ${align}`
|
|
29
|
+
}
|
|
30
|
+
updateProperty('label.class', labelClass)
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
/* Обновление свойства */
|
|
34
|
+
const updateProperty = (path: string, value: string | object | boolean) => {
|
|
35
|
+
const newProperties = JSON.parse(JSON.stringify(component.properties))
|
|
36
|
+
const parts = path.split('.')
|
|
37
|
+
let obj = newProperties
|
|
38
|
+
|
|
39
|
+
for (let i = 0; i < parts.length - 1; i++) {
|
|
40
|
+
const part = parts[i]
|
|
41
|
+
if (!obj[part]) obj[part] = {}
|
|
42
|
+
obj = obj[part]
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
obj[parts[parts.length - 1]] = value
|
|
46
|
+
onPropertyChange(newProperties)
|
|
47
|
+
}
|
|
48
|
+
</script>
|
|
49
|
+
|
|
50
|
+
{#if component && component.properties}
|
|
51
|
+
<div class="relative flex flex-row items-start justify-center">
|
|
52
|
+
<div class="flex w-1/3 flex-col px-2">
|
|
53
|
+
<UI.Input
|
|
54
|
+
label={{ name: $t('service.constructor.props.label') }}
|
|
55
|
+
value={component.properties.label.name}
|
|
56
|
+
onUpdate={(value) => updateProperty('label.name', value as string)}
|
|
57
|
+
type="text"
|
|
58
|
+
/>
|
|
59
|
+
<UI.Select
|
|
60
|
+
label={{ name: $t('service.constructor.props.type') }}
|
|
61
|
+
type="buttons"
|
|
62
|
+
value={currentType}
|
|
63
|
+
options={$optionsStore.TEXTFIELD_SIZE_OPTIONS}
|
|
64
|
+
onUpdate={(item) => updateProperty('type', item.value as string)}
|
|
65
|
+
/>
|
|
66
|
+
</div>
|
|
67
|
+
<div class="flex w-1/3 flex-col px-2">
|
|
68
|
+
<UI.Select
|
|
69
|
+
wrapperClass="w-full"
|
|
70
|
+
label={{ name: $t('service.constructor.props.align') }}
|
|
71
|
+
type="buttons"
|
|
72
|
+
value={initialAlign}
|
|
73
|
+
options={$optionsStore.ALIGN_OPTIONS}
|
|
74
|
+
onUpdate={(option) => handleLabelAlign(option.value as string)}
|
|
75
|
+
/>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="flex w-1/3 flex-col px-2">
|
|
78
|
+
<UI.Switch
|
|
79
|
+
wrapperClass="w-full"
|
|
80
|
+
label={{ name: $t('service.constructor.props.bold') }}
|
|
81
|
+
value={component.properties.bold ? 2 : 1}
|
|
82
|
+
onChange={(value) => updateProperty('bold', value === 2)}
|
|
83
|
+
/>
|
|
84
|
+
<UI.Switch
|
|
85
|
+
wrapperClass="w-full"
|
|
86
|
+
label={{ name: $t('service.constructor.props.italic') }}
|
|
87
|
+
value={component.properties.italic ? 2 : 1}
|
|
88
|
+
onChange={(value) => updateProperty('italic', value === 2)}
|
|
89
|
+
/>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
{/if}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<script lang="ts"></script>
|
|
2
|
-
|
|
3
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
|
|
4
|
-
><path fill="currentColor" d="M12.75 9a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z" /><path
|
|
5
|
-
fill="currentColor"
|
|
6
|
-
fill-rule="evenodd"
|
|
7
|
-
d="M12.057 1.25h-.114c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19M3.995 3.995c.57-.57 1.34-.897 2.619-1.069c1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62c-.57.569-1.34.896-2.619 1.068c-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62"
|
|
8
|
-
clip-rule="evenodd"
|
|
9
|
-
/></svg
|
|
10
|
-
>
|
|
1
|
+
<script lang="ts"></script>
|
|
2
|
+
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
|
|
4
|
+
><path fill="currentColor" d="M12.75 9a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z" /><path
|
|
5
|
+
fill="currentColor"
|
|
6
|
+
fill-rule="evenodd"
|
|
7
|
+
d="M12.057 1.25h-.114c-2.309 0-4.118 0-5.53.19c-1.444.194-2.584.6-3.479 1.494c-.895.895-1.3 2.035-1.494 3.48c-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53c.194 1.444.6 2.584 1.494 3.479c.895.895 2.035 1.3 3.48 1.494c1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19c1.444-.194 2.584-.6 3.479-1.494c.895-.895 1.3-2.035 1.494-3.48c.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53c-.194-1.444-.6-2.584-1.494-3.479c-.895-.895-2.035-1.3-3.48-1.494c-1.411-.19-3.22-.19-5.529-.19M3.995 3.995c.57-.57 1.34-.897 2.619-1.069c1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069c.569.57.896 1.34 1.068 2.619c.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62c-.57.569-1.34.896-2.619 1.068c-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069c-.569-.57-.896-1.34-1.068-2.619c-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62"
|
|
8
|
+
clip-rule="evenodd"
|
|
9
|
+
/></svg
|
|
10
|
+
>
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
<script lang="ts"></script>
|
|
2
|
-
|
|
3
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
|
|
4
|
-
><path
|
|
5
|
-
fill="none"
|
|
6
|
-
stroke="currentColor"
|
|
7
|
-
stroke-linecap="round"
|
|
8
|
-
stroke-linejoin="round"
|
|
9
|
-
stroke-width="1.5"
|
|
10
|
-
d="m19.5 5.5l-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584c-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5M3 5.5h18m-4.944 0l-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5m1.447 11v-6m5 6v-6"
|
|
11
|
-
color="currentColor"
|
|
12
|
-
/></svg
|
|
13
|
-
>
|
|
1
|
+
<script lang="ts"></script>
|
|
2
|
+
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
|
|
4
|
+
><path
|
|
5
|
+
fill="none"
|
|
6
|
+
stroke="currentColor"
|
|
7
|
+
stroke-linecap="round"
|
|
8
|
+
stroke-linejoin="round"
|
|
9
|
+
stroke-width="1.5"
|
|
10
|
+
d="m19.5 5.5l-.62 10.025c-.158 2.561-.237 3.842-.88 4.763a4 4 0 0 1-1.2 1.128c-.957.584-2.24.584-4.806.584c-2.57 0-3.855 0-4.814-.585a4 4 0 0 1-1.2-1.13c-.642-.922-.72-2.205-.874-4.77L4.5 5.5M3 5.5h18m-4.944 0l-.683-1.408c-.453-.936-.68-1.403-1.071-1.695a2 2 0 0 0-.275-.172C13.594 2 13.074 2 12.035 2c-1.066 0-1.599 0-2.04.234a2 2 0 0 0-.278.18c-.395.303-.616.788-1.058 1.757L8.053 5.5m1.447 11v-6m5 6v-6"
|
|
11
|
+
color="currentColor"
|
|
12
|
+
/></svg
|
|
13
|
+
>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
<script lang="ts"></script>
|
|
2
|
-
|
|
3
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" viewBox="0 0 24 24" class="opacity-70"
|
|
4
|
-
><path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".4" /><path
|
|
5
|
-
fill="currentColor"
|
|
6
|
-
d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"
|
|
7
|
-
><animateTransform attributeName="transform" dur="0.8s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" /></path
|
|
8
|
-
></svg
|
|
9
|
-
>
|
|
1
|
+
<script lang="ts"></script>
|
|
2
|
+
|
|
3
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" viewBox="0 0 24 24" class="opacity-70"
|
|
4
|
+
><path fill="currentColor" d="M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z" opacity=".4" /><path
|
|
5
|
+
fill="currentColor"
|
|
6
|
+
d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"
|
|
7
|
+
><animateTransform attributeName="transform" dur="0.8s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" /></path
|
|
8
|
+
></svg
|
|
9
|
+
>
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
-
><clipPath id="svgIDa"><circle cx="256" cy="256" r="256" /></clipPath><g clip-path="url(#svgIDa)"
|
|
3
|
-
><path
|
|
4
|
-
fill="#eee"
|
|
5
|
-
d="m0 0l8 16l-8 15v16l32 65l-32 64v32l32 48l-32 48v32l32 64l-32 65v47l16-8l15 8h16l65-32l64 32h32l48-32l48 32h32l64-32l65 32h47l-8-15l8-16v-16l-32-65l32-64v-32l-32-48l32-48v-32l-32-64l32-65V0l-15 8l-16-8h-16l-65 32l-64-32h-32l-48 32l-48-32h-32l-64 32L47 0H0z"
|
|
6
|
-
/><path
|
|
7
|
-
fill="#0052b4"
|
|
8
|
-
d="m47 0l129 129V0Zm289 0v129L465 0ZM0 47v129h129Zm512 0L383 176h129ZM0 336v129l129-129Zm383 0l129 129V336Zm-47 47v129h129zm-160 0L47 512h129Z"
|
|
9
|
-
/><path fill="#d80027" d="M208 0v208H0v96h208v208h96V304h208v-96H304V0h-96z" /><path
|
|
10
|
-
fill="#d80027"
|
|
11
|
-
d="m336 336l176 176v-31L367 336Zm0-160L512 0h-31L336 145Zm-160 0L0 0v31l145 145zm0 160L0 512h31l145-145Z"
|
|
12
|
-
/></g
|
|
13
|
-
></svg
|
|
14
|
-
>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
+
><clipPath id="svgIDa"><circle cx="256" cy="256" r="256" /></clipPath><g clip-path="url(#svgIDa)"
|
|
3
|
+
><path
|
|
4
|
+
fill="#eee"
|
|
5
|
+
d="m0 0l8 16l-8 15v16l32 65l-32 64v32l32 48l-32 48v32l32 64l-32 65v47l16-8l15 8h16l65-32l64 32h32l48-32l48 32h32l64-32l65 32h47l-8-15l8-16v-16l-32-65l32-64v-32l-32-48l32-48v-32l-32-64l32-65V0l-15 8l-16-8h-16l-65 32l-64-32h-32l-48 32l-48-32h-32l-64 32L47 0H0z"
|
|
6
|
+
/><path
|
|
7
|
+
fill="#0052b4"
|
|
8
|
+
d="m47 0l129 129V0Zm289 0v129L465 0ZM0 47v129h129Zm512 0L383 176h129ZM0 336v129l129-129Zm383 0l129 129V336Zm-47 47v129h129zm-160 0L47 512h129Z"
|
|
9
|
+
/><path fill="#d80027" d="M208 0v208H0v96h208v208h96V304h208v-96H304V0h-96z" /><path
|
|
10
|
+
fill="#d80027"
|
|
11
|
+
d="m336 336l176 176v-31L367 336Zm0-160L512 0h-31L336 145Zm-160 0L0 0v31l145 145zm0 160L0 512h31l145-145Z"
|
|
12
|
+
/></g
|
|
13
|
+
></svg
|
|
14
|
+
>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
-
><mask id="circleFlagsRu0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsRu0)"
|
|
3
|
-
><path fill="#0052b4" d="M512 170v172l-256 32L0 342V170l256-32z" /><path fill="#eee" d="M512 0v170H0V0Z" /><path
|
|
4
|
-
fill="#d80027"
|
|
5
|
-
d="M512 342v170H0V342Z"
|
|
6
|
-
/></g
|
|
7
|
-
></svg
|
|
8
|
-
>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
+
><mask id="circleFlagsRu0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsRu0)"
|
|
3
|
+
><path fill="#0052b4" d="M512 170v172l-256 32L0 342V170l256-32z" /><path fill="#eee" d="M512 0v170H0V0Z" /><path
|
|
4
|
+
fill="#d80027"
|
|
5
|
+
d="M512 342v170H0V342Z"
|
|
6
|
+
/></g
|
|
7
|
+
></svg
|
|
8
|
+
>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
-
><mask id="circleFlagsCn0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsCn0)"
|
|
3
|
-
><path fill="#d80027" d="M0 0h512v512H0z" /><path
|
|
4
|
-
fill="#ffda44"
|
|
5
|
-
d="m140.1 155.8l22.1 68h71.5l-57.8 42.1l22.1 68l-57.9-42l-57.9 42l22.2-68l-57.9-42.1H118zm163.4 240.7l-16.9-20.8l-25 9.7l14.5-22.5l-16.9-20.9l25.9 6.9l14.6-22.5l1.4 26.8l26 6.9l-25.1 9.6zm33.6-61l8-25.6l-21.9-15.5l26.8-.4l7.9-25.6l8.7 25.4l26.8-.3l-21.5 16l8.6 25.4l-21.9-15.5zm45.3-147.6L370.6 212l19.2 18.7l-26.5-3.8l-11.8 24l-4.6-26.4l-26.6-3.8l23.8-12.5l-4.6-26.5l19.2 18.7zm-78.2-73l-2 26.7l24.9 10.1l-26.1 6.4l-1.9 26.8l-14.1-22.8l-26.1 6.4l17.3-20.5l-14.2-22.7l24.9 10.1z"
|
|
6
|
-
/></g
|
|
7
|
-
></svg
|
|
8
|
-
>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
|
|
2
|
+
><mask id="circleFlagsCn0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsCn0)"
|
|
3
|
+
><path fill="#d80027" d="M0 0h512v512H0z" /><path
|
|
4
|
+
fill="#ffda44"
|
|
5
|
+
d="m140.1 155.8l22.1 68h71.5l-57.8 42.1l22.1 68l-57.9-42l-57.9 42l22.2-68l-57.9-42.1H118zm163.4 240.7l-16.9-20.8l-25 9.7l14.5-22.5l-16.9-20.9l25.9 6.9l14.6-22.5l1.4 26.8l26 6.9l-25.1 9.6zm33.6-61l8-25.6l-21.9-15.5l26.8-.4l7.9-25.6l8.7 25.4l26.8-.3l-21.5 16l8.6 25.4l-21.9-15.5zm45.3-147.6L370.6 212l19.2 18.7l-26.5-3.8l-11.8 24l-4.6-26.4l-26.6-3.8l23.8-12.5l-4.6-26.5l19.2 18.7zm-78.2-73l-2 26.7l24.9 10.1l-26.1 6.4l-1.9 26.8l-14.1-22.8l-26.1 6.4l17.3-20.5l-14.2-22.7l24.9 10.1z"
|
|
6
|
+
/></g
|
|
7
|
+
></svg
|
|
8
|
+
>
|
package/package.json
CHANGED
|
@@ -1,47 +1,49 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "poe-svelte-ui-lib",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"license": "MIT",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"dev": "vite dev",
|
|
8
|
-
"build": "vite build",
|
|
9
|
-
"
|
|
10
|
-
"
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
"@
|
|
36
|
-
"tailwindcss": "^4.1.13",
|
|
37
|
-
"
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
"@sveltejs/
|
|
42
|
-
"@sveltejs/
|
|
43
|
-
"svelte": "^
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
|
|
47
|
-
|
|
1
|
+
{
|
|
2
|
+
"name": "poe-svelte-ui-lib",
|
|
3
|
+
"version": "1.0.2",
|
|
4
|
+
"license": "MIT",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"dev": "vite dev",
|
|
8
|
+
"build": "vite build",
|
|
9
|
+
"preview": "vite preview",
|
|
10
|
+
"package": "svelte-package && publint",
|
|
11
|
+
"prepack": "svelte-kit sync && npm run package",
|
|
12
|
+
"CheckUpdate": "npx npm-check-updates -u && npm install"
|
|
13
|
+
},
|
|
14
|
+
"svelte": "./dist/index.js",
|
|
15
|
+
"types": "./dist/index.d.ts",
|
|
16
|
+
"exports": {
|
|
17
|
+
".": {
|
|
18
|
+
"types": "./dist/index.d.ts",
|
|
19
|
+
"svelte": "./dist/index.js"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"files": [
|
|
23
|
+
"dist"
|
|
24
|
+
],
|
|
25
|
+
"keywords": [
|
|
26
|
+
"svelte",
|
|
27
|
+
"ui",
|
|
28
|
+
"components",
|
|
29
|
+
"runes"
|
|
30
|
+
],
|
|
31
|
+
"peerDependencies": {
|
|
32
|
+
"svelte": "^5.0.0"
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@sveltejs/adapter-static": "^3.0.9",
|
|
36
|
+
"@tailwindcss/vite": "^4.1.13",
|
|
37
|
+
"tailwindcss": "^4.1.13",
|
|
38
|
+
"typescript": "^5.9.3"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@sveltejs/kit": "^2.43.6",
|
|
42
|
+
"@sveltejs/package": "^2.5.4",
|
|
43
|
+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|
|
44
|
+
"publint": "^0.3.13",
|
|
45
|
+
"svelte": "^5.39.7",
|
|
46
|
+
"svelte-preprocess": "^6.0.3",
|
|
47
|
+
"vite": "^7.1.7"
|
|
48
|
+
}
|
|
49
|
+
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|