poe-svelte-ui-lib 1.0.1 → 1.0.4

package/dist/Switch/SwitchProps.svelte

@@ -1,144 +0,0 @@
-<!-- $lib/ElementsUI/SwitchProps.svelte -->
-<script lang="ts">
-  import { getContext } from 'svelte'
-  import { t } from '../locales/i18n'
-  import type { UIComponent, ISwitchProps } from '../types'
-  import * as UI from '../index'
-  import { optionsStore } from '../options'
-
-  const { component, onPropertyChange } = $props<{
-    component: UIComponent & { properties: Partial<ISwitchProps> }
-    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 | boolean | number) => {
-    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">
-    <!-- Сообщение для отправки в ws по нажатию кнопки -->
-    <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)
-        }}
-      />
-      <UI.Select
-        label={{ name: $t('service.constructor.props.action') }}
-        type="buttons"
-        value={$optionsStore.SHORT_ARGUMENT_OPTION.find((h) => h.value === component.properties.eventHandler.Argument)}
-        options={$optionsStore.SHORT_ARGUMENT_OPTION}
-        onUpdate={(option) => {
-          updateProperty('eventHandler.Argument', option.value as string)
-        }}
-      />
-    </div>
-    <div class="flex w-1/3 flex-col px-2">
-      <UI.Input
-        label={{ name: $t('service.constructor.props.caption.left') }}
-        value={component.properties.label.captionLeft}
-        type="text"
-        onUpdate={(value) => updateProperty('label.captionLeft', value as string)}
-      />
-      <UI.Input
-        label={{ name: $t('service.constructor.props.caption.right') }}
-        value={component.properties.label.captionRight}
-        type="text"
-        onUpdate={(value) => updateProperty('label.captionRight', value as string)}
-      />
-      <UI.Switch
-        label={{ name: $t('service.constructor.props.disabled') }}
-        value={component.properties.disabled ? 2 : 1}
-        onChange={(value) => updateProperty('disabled', value === 2)}
-      />
-    </div>
-    <div class="flex w-1/3 flex-col px-2">
-      <UI.Input
-        label={{ name: $t('service.constructor.props.label') }}
-        value={component.properties.label.name}
-        type="text"
-        onUpdate={(value) => updateProperty('label.name', value as string)}
-      />
-      <UI.Select
-        label={{ name: $t('service.constructor.props.align') }}
-        type="buttons"
-        value={initialAlign}
-        options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => handleLabelAlign(option.value as string)}
-      />
-      <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>
-{/if}

package/dist/Switch/SwitchProps.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { UIComponent, ISwitchProps } from '../types';
-type $$ComponentProps = {
-    component: UIComponent & {
-        properties: Partial<ISwitchProps>;
-    };
-    onPropertyChange: (value: string | object) => void;
-};
-declare const SwitchProps: import("svelte").Component<$$ComponentProps, {}, "">;
-type SwitchProps = ReturnType<typeof SwitchProps>;
-export default SwitchProps;

package/dist/Table/TableProps.svelte

@@ -1,286 +0,0 @@
-<!-- $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

@@ -1,10 +0,0 @@
-import type { UIComponent, ITableProps } from '../types';
-type $$ComponentProps = {
-    component: UIComponent & {
-        properties: Partial<ITableProps<object>>;
-    };
-    onPropertyChange: (value: string | object) => void;
-};
-declare const TableProps: import("svelte").Component<$$ComponentProps, {}, "">;
-type TableProps = ReturnType<typeof TableProps>;
-export default TableProps;

package/dist/TextField/TextFieldProps.svelte

@@ -1,92 +0,0 @@
-<!-- $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

@@ -1,10 +0,0 @@
-import type { ITextFieldProps, UIComponent } from '../types';
-type $$ComponentProps = {
-    component: UIComponent & {
-        properties: Partial<ITextFieldProps>;
-    };
-    onPropertyChange: (value: string | object) => void;
-};
-declare const TextFieldProps: import("svelte").Component<$$ComponentProps, {}, "">;
-type TextFieldProps = ReturnType<typeof TextFieldProps>;
-export default TextFieldProps;

package/dist/locales/CircleFlagsEn.svelte

@@ -1,14 +0,0 @@
-<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

@@ -1,26 +0,0 @@
-export default CircleFlagsEn;
-type CircleFlagsEn = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const CircleFlagsEn: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/locales/CircleFlagsRu.svelte

@@ -1,8 +0,0 @@
-<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

@@ -1,26 +0,0 @@
-export default CircleFlagsRu;
-type CircleFlagsRu = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const CircleFlagsRu: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}

package/dist/locales/CircleFlagsZh.svelte

@@ -1,8 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512" 
-  ><mask id="circleFlagsCn0"><circle cx="256" cy="256" r="256" fill="#fff" /></mask><g mask="url(#circleFlagsCn0)"
-    ><path fill="#d80027" d="M0 0h512v512H0z" /><path
-      fill="#ffda44"
-      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"
-    /></g
-  ></svg
->

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

@@ -1,26 +0,0 @@
-export default CircleFlagsZh;
-type CircleFlagsZh = SvelteComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}> & {
-    $$bindings?: string | undefined;
-};
-declare const CircleFlagsZh: $$__sveltets_2_IsomorphicComponent<{
-    [x: string]: never;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
-    new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
-        $$bindings?: Bindings;
-    } & Exports;
-    (internal: unknown, props: {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}