poe-svelte-ui-lib 0.1.0 → 0.3.0

package/dist/Table/TableProps.svelte

@@ -0,0 +1,286 @@
+<!-- $lib/ElementsUI/TableProps.svelte -->
+<script lang="ts">
+  import { getContext } from 'svelte'
+  import { t } from '../locales/i18n'
+  import type { UIComponent, ITableProps, ITableHeader } from '../types'
+  import * as UI from '../index'
+  import ButtonDelete from '../appIcons/ButtonDelete.svelte'
+  import ButtonAdd from '../appIcons/ButtonAdd.svelte'
+  import { optionsStore } from '../options'
+
+  const { component, onPropertyChange } = $props<{
+    component: UIComponent & { properties: Partial<ITableProps<object>> }
+    onPropertyChange: (value: string | object) => void
+  }>()
+
+  const DeviceVariables = getContext<{ value: string; name: string }[]>('DeviceVariables')
+  let VARIABLE_OPTIONS = $derived(
+    DeviceVariables.map((variable: { value: string; name: string }) => ({
+      id: variable.name,
+      value: variable.value,
+      name: `${variable.value} | ${variable.name}`,
+    })),
+  )
+
+  const initialColor = $derived(
+    $optionsStore.COLOR_OPTIONS.find((c) =>
+      (c.value as string).includes(component.properties.wrapperClass?.split(' ').find((cls: string) => cls.startsWith('bg-'))),
+    ),
+  )
+
+  const initialAlign = $derived(
+    $optionsStore.ALIGN_OPTIONS.find((a) =>
+      (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
+    ),
+  )
+
+  /* Добавление цветов через селект */
+  const handleOptionColorChange = (color: string) => {
+    let componentClass = component.properties.componentClass || ''
+    componentClass = componentClass
+      .split(' ')
+      .filter((cls: string) => !cls.startsWith('bg-'))
+      .join(' ')
+    if (color) {
+      componentClass += ` ${color}`
+    }
+    updateProperty('wrapperClass', componentClass)
+  }
+
+  const handleLabelAlign = (align: string) => {
+    let labelClass = component.properties.label.class || ''
+    labelClass = labelClass
+      .split(' ')
+      .filter((cls: string) => !cls.startsWith('text-'))
+      .join(' ')
+    if (align) {
+      labelClass += ` ${align}`
+    }
+    updateProperty('label.class', labelClass)
+  }
+
+  /* Обновление свойства */
+  const updateProperty = (path: string, value: string | object) => {
+    const newProperties = JSON.parse(JSON.stringify(component.properties))
+    const parts = path.split('.')
+    let obj = newProperties
+
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i]
+      if (!obj[part]) obj[part] = {}
+      obj = obj[part]
+    }
+
+    obj[parts[parts.length - 1]] = value
+    onPropertyChange(newProperties)
+  }
+
+  const updateTableHeader = (index: number, field: keyof ITableHeader<any>, value: any) => {
+    const headers = [...component.properties.tableHeader]
+    headers[index] = { ...headers[index], [field]: value }
+    updateProperty('tableHeader', headers)
+  }
+
+  const updateButtonProperty = (columnIndex: number, buttonIndex: number, field: string, value: any) => {
+    const headers = [...component.properties.tableHeader]
+    const buttons = [...headers[columnIndex].buttons]
+    buttons[buttonIndex] = { ...buttons[buttonIndex], [field]: value }
+    headers[columnIndex].buttons = buttons
+    updateProperty('tableHeader', headers)
+  }
+
+  const removeButtonFromColumn = (columnIndex: number, buttonIndex: number) => {
+    const headers = [...component.properties.tableHeader]
+    const buttons = [...headers[columnIndex].buttons]
+    buttons.splice(buttonIndex, 1)
+    headers[columnIndex].buttons = buttons.length ? buttons : undefined
+    updateProperty('tableHeader', headers)
+  }
+</script>
+
+{#if component && component.properties}
+  <div class="relative flex flex-row items-start justify-center">
+    <div class="flex w-1/3 flex-col items-center px-2">
+      <UI.Select
+        label={{ name: $t('service.constructor.props.variable') }}
+        options={VARIABLE_OPTIONS}
+        value={VARIABLE_OPTIONS.find((opt) => opt.value === component.properties.id.value)}
+        onUpdate={(value) => {
+          updateProperty('id.name', (value.name as string).split('|')[1].trim())
+          updateProperty('id.value', value.value as string)
+          updateProperty('eventHandler.Variables', value.value as string)
+        }}
+      />
+    </div>
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Select
+        wrapperClass="!h-14"
+        label={{ name: $t('service.constructor.props.colors') }}
+        type="buttons"
+        options={$optionsStore.COLOR_OPTIONS}
+        value={initialColor}
+        onUpdate={(option) => handleOptionColorChange(option.value as string)}
+      />
+    </div>
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Input
+        wrapperClass="w-full"
+        label={{ name: $t('service.constructor.props.label') }}
+        value={component.properties.label.name}
+        type="text"
+        componentClass="w-full"
+        onUpdate={(value) => updateProperty('label.name', value as string)}
+      />
+      <UI.Select
+        wrapperClass="w-full"
+        label={{ name: $t('service.constructor.props.align') }}
+        type="buttons"
+        value={initialAlign}
+        options={$optionsStore.ALIGN_OPTIONS}
+        onUpdate={(option) => handleLabelAlign(option.value as string)}
+      />
+    </div>
+  </div>
+
+  <hr class="border-gray-400" />
+
+  <!-- Настройки столбцов таблицы -->
+  <div class="space-y-4">
+    <div class="m-0 flex items-center justify-center gap-2">
+      <h4>{$t('service.constructor.props.table.columns')}</h4>
+      <UI.Button
+        wrapperClass="!w-10"
+        icon={{ component: ButtonAdd, properties: { height: '1.5rem', width: '1.5rem' } }}
+        componentClass="h-10 border-none hover:shadow-none"
+        onClick={() => {
+          const newColumn: ITableHeader<any> = {
+            key: `column${(component.properties.tableHeader?.length || 0) + 1}`,
+            label: `Column ${(component.properties.tableHeader?.length || 0) + 1}`,
+            width: '100px',
+            sortable: false,
+          }
+          const headers = [...(component.properties.tableHeader || []), newColumn]
+          updateProperty('tableHeader', headers)
+        }}
+      />
+    </div>
+
+    {#each component.properties.tableHeader as column, columnIndex}
+      <div class="m-0 flex items-end justify-around gap-2">
+        <UI.Input
+          label={{ name: $t('service.constructor.props.table.columns.key') }}
+          wrapperClass="!w-2/10"
+          value={column.key}
+          type="text"
+          regExp={/^[0-9a-zA-Z_-]{0,16}$/}
+          onUpdate={(value) => updateTableHeader(columnIndex, 'key', value)}
+        />
+        <UI.Input
+          label={{ name: $t('service.constructor.props.table.columns.label') }}
+          wrapperClass="!w-2/10"
+          value={column.label}
+          type="text"
+          onUpdate={(value) => updateTableHeader(columnIndex, 'label', value)}
+        />
+        <UI.Input
+          label={{ name: $t('service.constructor.props.table.columns.width') }}
+          wrapperClass="!w-2/10"
+          value={column.width}
+          type="text"
+          onUpdate={(value) => updateTableHeader(columnIndex, 'width', value)}
+        />
+        <UI.Switch
+          wrapperClass="!w-1/10"
+          label={{ name: $t('service.constructor.props.table.columns.sortable') }}
+          value={column.sortable ? 2 : 1}
+          onChange={(value) => updateTableHeader(columnIndex, 'sortable', value === 2)}
+        />
+        <UI.Button
+          wrapperClass="!w-1/20"
+          icon={{ component: ButtonAdd, properties: { height: '1.5rem', width: '1.5rem' } }}
+          componentClass="h-10 w-10 border-none hover:shadow-none"
+          info={$t('service.constructor.props.table.addaction')}
+          onClick={() => {
+            const newButton = {
+              name: `button${(component.properties.tableHeader[columnIndex].buttons || 0) + 1}`,
+              class: 'bg-blue',
+              eventHandler: { Header: 'SET', Argument: 'Save', Variables: [] },
+              onClick: () => {},
+            }
+            const buttons = [...(component.properties.tableHeader[columnIndex].buttons || []), newButton]
+            updateTableHeader(columnIndex, 'buttons', buttons)
+          }}
+        />
+        <UI.Button
+          wrapperClass="!w-1/20"
+          icon={{ component: ButtonDelete, properties: { height: '1.5rem', width: '1.5rem' } }}
+          componentClass="h-10 w-10 border-none hover:shadow-none"
+          info={$t('service.constructor.props.table.deletecolumn')}
+          onClick={() => {
+            const headers = [...(component.properties.tableHeader || [])]
+            headers.splice(columnIndex, 1)
+            updateProperty('tableHeader', headers)
+          }}
+        />
+      </div>
+      {#if column.buttons && column.buttons.length > 0}
+        <div class="m-2 rounded-lg bg-[var(--field-color)] p-2">
+          {#each column.buttons as button, buttonIndex}
+            <div class="flex items-end justify-around gap-2">
+              <UI.Input
+                label={{ name: $t('service.constructor.props.name') }}
+                wrapperClass="!w-2/10"
+                value={button.name}
+                type="text"
+                onUpdate={(value) => updateButtonProperty(columnIndex, buttonIndex, 'name', value)}
+              />
+              <UI.Select
+                wrapperClass="!w-3/10"
+                label={{ name: $t('service.constructor.props.header') }}
+                type="buttons"
+                value={$optionsStore.HEADER_OPTIONS.find((h) => h.value === button.eventHandler?.Header)}
+                options={$optionsStore.HEADER_OPTIONS}
+                onUpdate={(option) => {
+                  const handler = button.eventHandler
+                  handler.Header = option.value as string
+                  updateButtonProperty(columnIndex, buttonIndex, 'eventHandler', handler)
+                }}
+              />
+              <UI.Input
+                wrapperClass="!w-2/10"
+                label={{ name: $t('service.constructor.props.argument') }}
+                value={button.eventHandler?.Argument}
+                type="text"
+                onUpdate={(value) => {
+                  const handler = button.eventHandler
+                  handler.Argument = value as string
+                  updateButtonProperty(columnIndex, buttonIndex, 'eventHandler', handler)
+                }}
+              />
+              <UI.Input
+                wrapperClass="!w-2/10"
+                label={{ name: $t('service.constructor.props.table.keys') }}
+                value={button.eventHandler?.Variables.join(' ')}
+                type="text"
+                maxlength={500}
+                regExp={/^[a-zA-Z0-9\-_ ]{0,500}$/}
+                help={{ info: $t('service.constructor.props.table.keys.info') }}
+                onUpdate={(value) => {
+                  const handler = { ...button.eventHandler }
+                  handler.Variables = (value as string).trim().split(/\s+/)
+                  updateButtonProperty(columnIndex, buttonIndex, 'eventHandler', handler)
+                }}
+              />
+              <UI.Button
+                wrapperClass="!w-1/20"
+                icon={{ component: ButtonDelete, properties: { height: '1.5rem', width: '1.5rem' } }}
+                componentClass="h-10 w-10 border-none hover:shadow-none"
+                onClick={() => removeButtonFromColumn(columnIndex, buttonIndex)}
+              />
+            </div>
+          {/each}
+        </div>
+      {/if}
+    {/each}
+  </div>
+{/if}

package/dist/Table/TableProps.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TablePropsProps = typeof __propDef.props;
+export type TablePropsEvents = typeof __propDef.events;
+export type TablePropsSlots = typeof __propDef.slots;
+export default class TableProps extends SvelteComponentTyped<TablePropsProps, TablePropsEvents, TablePropsSlots> {
+}
+export {};

package/dist/TextField/TextField.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import type { ITextFieldProps } from '../types'
+
+  let {
+    id = { value: crypto.randomUUID(), name: '' },
+    wrapperClass = '',
+    label = { name: '', class: '' },
+    type = 'small',
+    bold = false,
+    italic = false,
+  }: ITextFieldProps = $props()
+
+  const textSize = {
+    small: 'text-base',
+    medium: 'text-xl',
+    xlarge: 'text-2xl',
+  }
+</script>
+
+<div id={id.value} class="relative flex w-full flex-col items-center {wrapperClass}">
+  <p class="w-full text-center {label.class} {textSize[type]} {bold ? 'font-bold' : ''} {italic ? 'italic' : ''}">{label.name}</p>
+</div>

package/dist/TextField/TextField.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextFieldProps = typeof __propDef.props;
+export type TextFieldEvents = typeof __propDef.events;
+export type TextFieldSlots = typeof __propDef.slots;
+export default class TextField extends SvelteComponentTyped<TextFieldProps, TextFieldEvents, TextFieldSlots> {
+}
+export {};

package/dist/TextField/TextFieldProps.svelte

@@ -0,0 +1,92 @@
+<!-- $lib/ElementsUI/GridAccordionProps.svelte -->
+<script lang="ts">
+  import { t } from '../locales/i18n'
+  import type { ITextFieldProps, UIComponent } from '../types'
+  import * as UI from '../index'
+  import { optionsStore } from '../options'
+
+  const { component, onPropertyChange } = $props<{
+    component: UIComponent & { properties: Partial<ITextFieldProps> }
+    onPropertyChange: (value: string | object) => void
+  }>()
+
+  let currentType = $derived($optionsStore.TEXTFIELD_SIZE_OPTIONS.find((t) => t.value === component.properties.type))
+
+  const initialAlign = $derived(
+    $optionsStore.ALIGN_OPTIONS.find((a) =>
+      (a.value as string).includes(component.properties.label?.class?.split(' ').find((cls: string) => cls.startsWith('text-'))),
+    ),
+  )
+
+  const handleLabelAlign = (align: string) => {
+    let labelClass = component.properties.label.class || ''
+    labelClass = labelClass
+      .split(' ')
+      .filter((cls: string) => !cls.startsWith('text-'))
+      .join(' ')
+    if (align) {
+      labelClass += ` ${align}`
+    }
+    updateProperty('label.class', labelClass)
+  }
+
+  /* Обновление свойства */
+  const updateProperty = (path: string, value: string | object | boolean) => {
+    const newProperties = JSON.parse(JSON.stringify(component.properties))
+    const parts = path.split('.')
+    let obj = newProperties
+
+    for (let i = 0; i < parts.length - 1; i++) {
+      const part = parts[i]
+      if (!obj[part]) obj[part] = {}
+      obj = obj[part]
+    }
+
+    obj[parts[parts.length - 1]] = value
+    onPropertyChange(newProperties)
+  }
+</script>
+
+{#if component && component.properties}
+  <div class="relative flex flex-row items-start justify-center">
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Input
+        label={{ name: $t('service.constructor.props.label') }}
+        value={component.properties.label.name}
+        onUpdate={(value) => updateProperty('label.name', value as string)}
+        type="text"
+      />
+      <UI.Select
+        label={{ name: $t('service.constructor.props.type') }}
+        type="buttons"
+        value={currentType}
+        options={$optionsStore.TEXTFIELD_SIZE_OPTIONS}
+        onUpdate={(item) => updateProperty('type', item.value as string)}
+      />
+    </div>
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Select
+        wrapperClass="w-full"
+        label={{ name: $t('service.constructor.props.align') }}
+        type="buttons"
+        value={initialAlign}
+        options={$optionsStore.ALIGN_OPTIONS}
+        onUpdate={(option) => handleLabelAlign(option.value as string)}
+      />
+    </div>
+    <div class="flex w-1/3 flex-col px-2">
+      <UI.Switch
+        wrapperClass="w-full"
+        label={{ name: $t('service.constructor.props.bold') }}
+        value={component.properties.bold ? 2 : 1}
+        onChange={(value) => updateProperty('bold', value === 2)}
+      />
+      <UI.Switch
+        wrapperClass="w-full"
+        label={{ name: $t('service.constructor.props.italic') }}
+        value={component.properties.italic ? 2 : 1}
+        onChange={(value) => updateProperty('italic', value === 2)}
+      />
+    </div>
+  </div>
+{/if}

package/dist/TextField/TextFieldProps.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type TextFieldPropsProps = typeof __propDef.props;
+export type TextFieldPropsEvents = typeof __propDef.events;
+export type TextFieldPropsSlots = typeof __propDef.slots;
+export default class TextFieldProps extends SvelteComponentTyped<TextFieldPropsProps, TextFieldPropsEvents, TextFieldPropsSlots> {
+}
+export {};

package/dist/appIcons/ButtonAdd.svelte

@@ -0,0 +1,10 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
+  ><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
+    fill="currentColor"
+    fill-rule="evenodd"
+    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"
+    clip-rule="evenodd"
+  /></svg
+>

package/dist/appIcons/ButtonAdd.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ButtonAddProps = typeof __propDef.props;
+export type ButtonAddEvents = typeof __propDef.events;
+export type ButtonAddSlots = typeof __propDef.slots;
+export default class ButtonAdd extends SvelteComponentTyped<ButtonAddProps, ButtonAddEvents, ButtonAddSlots> {
+}
+export {};

package/dist/appIcons/ButtonDelete.svelte

@@ -0,0 +1,13 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
+  ><path
+    fill="none"
+    stroke="currentColor"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    stroke-width="1.5"
+    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"
+    color="currentColor"
+  /></svg
+>

package/dist/appIcons/ButtonDelete.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type ButtonDeleteProps = typeof __propDef.props;
+export type ButtonDeleteEvents = typeof __propDef.events;
+export type ButtonDeleteSlots = typeof __propDef.slots;
+export default class ButtonDelete extends SvelteComponentTyped<ButtonDeleteProps, ButtonDeleteEvents, ButtonDeleteSlots> {
+}
+export {};

package/dist/appIcons/LoaderRotate.svelte

@@ -0,0 +1,9 @@
+<script lang="ts"></script>
+
+<svg xmlns="http://www.w3.org/2000/svg" width="5em" height="5em" viewBox="0 0 24 24" class="opacity-70"
+  ><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
+    fill="currentColor"
+    d="M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z"
+    ><animateTransform attributeName="transform" dur="0.8s" from="0 12 12" repeatCount="indefinite" to="360 12 12" type="rotate" /></path
+  ></svg
+>

package/dist/appIcons/LoaderRotate.svelte.d.ts

@@ -0,0 +1,14 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type LoaderRotateProps = typeof __propDef.props;
+export type LoaderRotateEvents = typeof __propDef.events;
+export type LoaderRotateSlots = typeof __propDef.slots;
+export default class LoaderRotate extends SvelteComponentTyped<LoaderRotateProps, LoaderRotateEvents, LoaderRotateSlots> {
+}
+export {};

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+export { default as Accordion } from './Accordion/Accordion.svelte';
+export { default as AccordionProps } from './Accordion/AccordionProps.svelte';
+export { default as Button } from './Button/Button.svelte';
+export { default as ButtonProps } from './Button/ButtonProps.svelte';
+export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
+export { default as ColorPickerProps } from './ColorPicker/ColorPickerProps.svelte';
+export { default as FileAttach } from './FileAttach/FileAttach.svelte';
+export { default as Graph } from './Graph/Graph.svelte';
+export { default as GraphProps } from './Graph/GraphProps.svelte';
+export { default as Input } from './Input/Input.svelte';
+export { default as InputProps } from './Input/InputProps.svelte';
+export { default as ProgressBar } from './ProgressBar/ProgressBar.svelte';
+export { default as ProgressBarProps } from './ProgressBar/ProgressBarProps.svelte';
+export { default as Select } from './Select/Select.svelte';
+export { default as SelectProps } from './Select/SelectProps.svelte';
+export { default as Slider } from './Slider/Slider.svelte';
+export { default as SliderProps } from './Slider/SliderProps.svelte';
+export { default as Switch } from './Switch/Switch.svelte';
+export { default as SwitchProps } from './Switch/SwitchProps.svelte';
+export { default as Table } from './Table/Table.svelte';
+export { default as TableProps } from './Table/TableProps.svelte';
+export { default as TextField } from './TextField/TextField.svelte';
+export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
+export { default as Loader } from './Loader.svelte';
+export { default as MessageModal } from './MessageModal.svelte';

package/dist/index.js

@@ -0,0 +1,26 @@
+/* Реэкспорт всех UI компонентов для удобного импорта */
+export { default as Accordion } from './Accordion/Accordion.svelte';
+export { default as AccordionProps } from './Accordion/AccordionProps.svelte';
+export { default as Button } from './Button/Button.svelte';
+export { default as ButtonProps } from './Button/ButtonProps.svelte';
+export { default as ColorPicker } from './ColorPicker/ColorPicker.svelte';
+export { default as ColorPickerProps } from './ColorPicker/ColorPickerProps.svelte';
+export { default as FileAttach } from './FileAttach/FileAttach.svelte';
+export { default as Graph } from './Graph/Graph.svelte';
+export { default as GraphProps } from './Graph/GraphProps.svelte';
+export { default as Input } from './Input/Input.svelte';
+export { default as InputProps } from './Input/InputProps.svelte';
+export { default as ProgressBar } from './ProgressBar/ProgressBar.svelte';
+export { default as ProgressBarProps } from './ProgressBar/ProgressBarProps.svelte';
+export { default as Select } from './Select/Select.svelte';
+export { default as SelectProps } from './Select/SelectProps.svelte';
+export { default as Slider } from './Slider/Slider.svelte';
+export { default as SliderProps } from './Slider/SliderProps.svelte';
+export { default as Switch } from './Switch/Switch.svelte';
+export { default as SwitchProps } from './Switch/SwitchProps.svelte';
+export { default as Table } from './Table/Table.svelte';
+export { default as TableProps } from './Table/TableProps.svelte';
+export { default as TextField } from './TextField/TextField.svelte';
+export { default as TextFieldProps } from './TextField/TextFieldProps.svelte';
+export { default as Loader } from './Loader.svelte';
+export { default as MessageModal } from './MessageModal.svelte';

package/dist/locales/CircleFlagsEn.svelte

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" 
+  ><clipPath id="svgIDa"><circle cx="256" cy="256" r="256" /></clipPath><g clip-path="url(#svgIDa)"
+    ><path
+      fill="#eee"
+      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"
+    /><path
+      fill="#0052b4"
+      d="m47 0l129 129V0Zm289 0v129L465 0ZM0 47v129h129Zm512 0L383 176h129ZM0 336v129l129-129Zm383 0l129 129V336Zm-47 47v129h129zm-160 0L47 512h129Z"
+    /><path fill="#d80027" d="M208 0v208H0v96h208v208h96V304h208v-96H304V0h-96z" /><path
+      fill="#d80027"
+      d="m336 336l176 176v-31L367 336Zm0-160L512 0h-31L336 145Zm-160 0L0 0v31l145 145zm0 160L0 512h31l145-145Z"
+    /></g
+  ></svg
+>

package/dist/locales/CircleFlagsEn.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  CircleFlagsEnProps */
+/** @typedef {typeof __propDef.events}  CircleFlagsEnEvents */
+/** @typedef {typeof __propDef.slots}  CircleFlagsEnSlots */
+export default class CircleFlagsEn extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CircleFlagsEnProps = typeof __propDef.props;
+export type CircleFlagsEnEvents = typeof __propDef.events;
+export type CircleFlagsEnSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};

package/dist/locales/CircleFlagsRu.svelte

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"
+  ><mask id="circleFlagsRu0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsRu0)"
+    ><path fill="#0052b4" d="M512 170v172l-256 32L0 342V170l256-32z" /><path fill="#eee" d="M512 0v170H0V0Z" /><path
+      fill="#d80027"
+      d="M512 342v170H0V342Z"
+    /></g
+  ></svg
+>

package/dist/locales/CircleFlagsRu.svelte.d.ts

@@ -0,0 +1,23 @@
+/** @typedef {typeof __propDef.props}  CircleFlagsRuProps */
+/** @typedef {typeof __propDef.events}  CircleFlagsRuEvents */
+/** @typedef {typeof __propDef.slots}  CircleFlagsRuSlots */
+export default class CircleFlagsRu extends SvelteComponentTyped<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> {
+}
+export type CircleFlagsRuProps = typeof __propDef.props;
+export type CircleFlagsRuEvents = typeof __propDef.events;
+export type CircleFlagsRuSlots = typeof __propDef.slots;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: {
+        [x: string]: never;
+    };
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export {};