npm - poe-svelte-ui-lib - Versions diffs - 1.1.0 → 1.1.2 - Mend

poe-svelte-ui-lib 1.1.0 → 1.1.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.

Files changed (62) hide show

package/dist/Accordion/Accordion.svelte CHANGED Viewed

@@ -36,8 +36,7 @@
         class={`flex h-8 w-8 shrink-0 items-center justify-center overflow-visible [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full`}
       >
         {#if label?.icon}
-          {@const IconComponent = label?.icon}
-          <IconComponent />
+          {@html label.icon}
         {/if}
       </span>
       <span class="{twMerge('m-0 w-full cursor-pointer text-left font-semibold', label.class)} text-lg">

package/dist/Accordion/AccordionProps.svelte CHANGED Viewed

@@ -4,12 +4,17 @@
   import { updateProperty, type IAccordionProps, type UIComponent } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { fly } from 'svelte/transition'
+  import { ICONS } from './icons'
+  import Modal from '../Modal.svelte'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<IAccordionProps> }
     onPropertyChange: (value: string | object) => void
   }>()
+  let showIconLib = $state(true)
   const initialType = $derived($optionsStore.ACCORDION_TYPE_OPTIONS.find((t) => t.value === component.properties.outline))
   const initialAlign = $derived(
@@ -51,7 +56,7 @@
         onUpdate={(option) => updateProperty('label.class', option.value as string, component, onPropertyChange)}
       />
     </div>
-    <div class="flex w-1/3 flex-col items-center px-2">
+    <div class="flex w-1/3 flex-col items-center gap-6 px-2">
       <UI.Select
         label={{ name: $t('constructor.props.type') }}
         type="buttons"
@@ -59,6 +64,32 @@
         options={$optionsStore.ACCORDION_TYPE_OPTIONS}
         onUpdate={(item) => updateProperty('outline', item.value as boolean, component, onPropertyChange)}
       />
+      <div class="relative w-full">
+        <UI.Button content={{ name: 'Иконка заголовка' }} onClick={() => (showIconLib = !showIconLib)} />
+        {#if showIconLib}
+          <Modal isOpen={true}>
+            {#snippet main()}
+              <div class="flex">
+                {#each ICONS as icon}
+                  <button
+                    class="h-8 w-8 cursor-pointer [&_svg]:h-full [&_svg]:max-h-full [&_svg]:w-full [&_svg]:max-w-full"
+                    onclick={() => {
+                      updateProperty('label.icon', icon as string, component, onPropertyChange)
+                    }}
+                  >
+                    {@html icon}
+                  </button>
+                {/each}
+              </div>
+            {/snippet}
+          </Modal>
+          <div
+            transition:fly={{ duration: 350 }}
+            class="emoji-container absolute right-6 bottom-full z-10 m-2 flex max-h-60 max-w-md flex-wrap gap-1 overflow-auto rounded-2xl bg-[var(--field-color)] p-2 shadow-lg"
+          ></div>
+        {/if}
+      </div>
     </div>
     <div class="flex w-1/3 flex-col items-center gap-2 px-2">
       <UI.FileAttach

package/dist/Accordion/IconsLib/ButtonEdit.svg ADDED Viewed

@@ -0,0 +1,10 @@
+<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="M14.44 5.78L4.198 16.02a2 2 0 0 0-.565 1.125l-.553 3.774l3.775-.553A2 2 0 0 0 7.98 19.8L18.22 9.56m-3.78-3.78l2.229-2.23a1.6 1.6 0 0 1 2.263 0l1.518 1.518a1.6 1.6 0 0 1 0 2.263l-2.23 2.23M14.44 5.78l3.78 3.78"
+  /></svg
+>

package/dist/Accordion/IconsLib/ButtonSave.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"
+  ><path
+    fill="currentColor"
+    d="M3 5.75A2.75 2.75 0 0 1 5.75 3h9.965a3.25 3.25 0 0 1 2.298.952l2.035 2.035c.61.61.952 1.437.952 2.299v9.964A2.75 2.75 0 0 1 18.25 21H5.75A2.75 2.75 0 0 1 3 18.25zM5.75 4.5c-.69 0-1.25.56-1.25 1.25v12.5c0 .69.56 1.25 1.25 1.25H6v-5.25A2.25 2.25 0 0 1 8.25 12h7.5A2.25 2.25 0 0 1 18 14.25v5.25h.25c.69 0 1.25-.56 1.25-1.25V8.286c0-.465-.184-.91-.513-1.238l-2.035-2.035a1.75 1.75 0 0 0-.952-.49V7.25a2.25 2.25 0 0 1-2.25 2.25h-4.5A2.25 2.25 0 0 1 7 7.25V4.5zm10.75 15v-5.25a.75.75 0 0 0-.75-.75h-7.5a.75.75 0 0 0-.75.75v5.25zm-8-15v2.75c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75V4.5z"
+  /></svg
+>

package/dist/Accordion/IconsLib/CarbonNetwork2.svg ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
2	+ <path stroke-width="1" fill="currentColor" d="M17 17h5.142a4 4 0 1 0 0-2H17V7h5.142a4 4 0 1 0 0-2H17a2 2 0 0 0-2 2v8H9.858a4 4 0 1 0 0 2H15v8a2 2 0 0 0 2 2h5.142a4 4 0 1 0 0-2H17Zm9-3a2 2 0 1 1-2 2a2 2 0 0 1 2-2m0-10a2 2 0 1 1-2 2a2 2 0 0 1 2-2M6 18a2 2 0 1 1 2-2a2 2 0 0 1-2 2m20 6a2 2 0 1 1-2 2a2 2 0 0 1 2-2"/></svg>

package/dist/Accordion/IconsLib/DebugIcon.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"
+>
+  <path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M5.85.146a.5.5 0 0 0-.707.707l.628.628a5.38 5.38 0 0 0-2.64 2.62l-1.33-.999a.5.5 0 1 0-.6.8l1.58 1.19a5.4 5.4 0 0 0-.141.899l-.144 2.01h-2a.5.5 0 0 0 0 1h1.93l-.001.015c-.08 1.13.18 2.2.69 3.12l-1.84.921a.5.5 0 0 0 .448.895l1.96-.982c1.02 1.24 2.57 2.03 4.31 2.03s3.29-.796 4.31-2.03l1.96.982a.5.5 0 1 0 .447-.895l-1.84-.92c.51-.916.77-1.99.69-3.12V9h1.93a.5.5 0 0 0 0-1h-2l-.144-2.01a5.4 5.4 0 0 0-.141-.899l1.58-1.19a.5.5 0 1 0-.6-.8l-1.33.999a5.4 5.4 0 0 0-2.64-2.62l.628-.628a.5.5 0 0 0-.707-.707l-.981.981Q8.59 1.001 7.985 1c-.606-.001-.79.044-1.17.127L5.834.146zm6.51 5.91l.216 3.03a4.58 4.58 0 0 1-4.58 4.91c-2.66 0-4.76-2.26-4.58-4.91l.216-3.03q.01-.145.03-.288c.191.13.434.279.73.427c.811.406 2.01.803 3.6.803s2.79-.397 3.6-.803c.296-.148.54-.297.73-.427q.02.143.03.288zm-.307-1.33a4.37 4.37 0 0 0-8.1 0q.053.044.133.104c.166.125.422.296.767.468c.689.344 1.74.697 3.15.697s2.46-.353 3.15-.697a5 5 0 0 0 .9-.572"
+    clip-rule="evenodd"
+  />
+</svg>

package/dist/Accordion/IconsLib/HugeiconsCellularNetwork.svg ADDED Viewed

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from
+    Huge Icons by Hugeicons - undefined -->
+    <g fill="none" stroke="currentColor" stroke-width="1.5">
+        <path stroke-linecap="round" d="M12 11v9" />
+        <path d="M14 9a2 2 0 1 1-4 0a2 2 0 0 1 4 0Z" />
+        <path stroke-linecap="round" stroke-linejoin="round"
+            d="M16.959 6C17.619 6.87 18 7.898 18 9s-.381 2.13-1.041 3M7.04 6C6.381 6.87 6 7.898 6 9s.381 2.13 1.041 3m13.275-8C21.38 5.43 22 7.15 22 9s-.62 3.57-1.684 5M3.684 4C2.62 5.43 2 7.15 2 9s.62 3.57 1.684 5" />
+    </g>
+</svg>

package/dist/Accordion/IconsLib/QlementineIconsBell16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsBlocks16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 3.2c0-1.12 0-1.68.218-2.11c.192-.376.498-.682.874-.874c.428-.218.988-.218 2.11-.218h.6c1.12 0 1.68 0 2.11.218c.376.192.682.498.874.874c.218.428.218.988.218 2.11v.6c0 1.12 0 1.68-.218 2.11a2 2 0 0 1-.874.874c-.428.218-.988.218-2.11.218h-.6c-1.12 0-1.68 0-2.11-.218a2 2 0 0 1-.874-.874C9 5.482 9 4.922 9 3.8zM12.2 1h.6c.577 0 .949 0 1.23.024c.272.022.372.06.422.085c.188.096.341.249.437.437c.025.05.063.15.085.422c.023.283.024.656.024 1.23v.6c0 .577 0 .949-.024 1.23c-.022.272-.06.372-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085c-.283.023-.656.024-1.23.024h-.6c-.577 0-.949 0-1.23-.024c-.272-.022-.372-.06-.422-.085a1 1 0 0 1-.437-.437c-.025-.05-.063-.15-.085-.422a17 17 0 0 1-.024-1.23v-.6c0-.577 0-.949.024-1.23c.022-.272.06-.372.085-.422c.096-.188.249-.341.437-.437c.05-.025.15-.063.422-.085C11.253 1 11.626 1 12.2 1M.218 4.09C0 4.518 0 5.078 0 6.2v6.6c0 1.12 0 1.68.218 2.11c.192.376.498.682.874.874c.428.218.988.218 2.11.218h6.6c1.12 0 1.68 0 2.11-.218c.376-.192.682-.498.874-.874c.218-.428.218-.988.218-2.11v-.6c0-1.12 0-1.68-.218-2.11a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.11-.218h-2.8v-2.8c0-1.12 0-1.68-.218-2.11a2 2 0 0 0-.874-.874c-.428-.218-.988-.218-2.11-.218h-.6c-1.12 0-1.68 0-2.11.218a2 2 0 0 0-.874.874zm5.78 2.11V9h-5V6.2c0-.577 0-.949.024-1.23c.022-.272.06-.372.085-.422c.096-.188.249-.341.437-.437c.05-.025.15-.063.422-.085c.283-.023.656-.024 1.23-.024h.6c.577 0 .949 0 1.23.024c.272.022.372.06.422.085c.188.096.341.249.437.437c.025.05.063.15.085.422c.023.283.024.656.024 1.23zm-5 3.8h5v5h-2.8c-.577 0-.949 0-1.23-.024c-.272-.022-.372-.06-.422-.085a1 1 0 0 1-.437-.437c-.025-.05-.063-.15-.085-.422C1 13.749 1 13.376 1 12.802v-2.8zm6 0h2.8c.577 0 .949 0 1.23.024c.272.022.372.06.422.085c.188.096.341.249.437.437c.025.05.063.15.085.422c.023.283.024.656.024 1.23v.6c0 .577 0 .949-.024 1.23c-.022.272-.06.372-.085.422a1 1 0 0 1-.437.437c-.05.025-.15.063-.422.085c-.283.023-.656.024-1.23.024h-2.8v-5z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsBuild16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsClock16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsCloudUpDown16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsCommandLine16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="m2.56 3.42l-1.55 9c-.045.263.165.577.546.577h11.3a.54.54 0 0 0 .546-.423l1.55-9c.045-.263-.165-.577-.546-.577h-11.3a.54.54 0 0 0-.546.423M.02 12.25C-.138 13.164.592 14 1.55 14h11.3c.759 0 1.41-.53 1.53-1.25l1.55-9C16.088 2.836 15.358 2 14.4 2H3.1c-.759 0-1.41.53-1.53 1.25z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="m7 11l.167-1h5L12 11zM5.09 4.53a.746.746 0 0 0-1.05-.117a.746.746 0 0 0-.117 1.05l1.54 1.93l-2.44 2.03a.754.754 0 0 0-.096 1.06a.754.754 0 0 0 1.06.096l3-2.5a.745.745 0 0 0 .106-1.04l-2-2.5z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsCpu16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsDrive16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsGaugeHigh16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsGlobe16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsIdCard16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsInfo16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsItemsList16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M0 2c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06C1.302.001 1.534.001 2 .001s.697 0 .888.051c.518.139.922.543 1.06 1.06c.051.191.051.423.051.888s0 .697-.05.888a1.5 1.5 0 0 1-1.06 1.06c-.192.051-.424.051-.889.051s-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C0 2.697 0 2.465 0 2m2 1c-.242 0-.389 0-.501-.005a1 1 0 0 1-.128-.012a.5.5 0 0 1-.354-.354c.001.004-.007-.021-.012-.128C1 2.389 1 2.24 1 2s0-.389.005-.501c.005-.107.013-.132.012-.128a.5.5 0 0 1 .354-.354c-.004.001.021-.007.128-.012C1.611 1 1.759 1 2 1s.389 0 .501.005c.107.005.132.013.128.012a.5.5 0 0 1 .354.354c-.001-.004.007.021.012.128C3 1.611 3 1.759 3 2s0 .389-.005.501a1 1 0 0 1-.012.128a.5.5 0 0 1-.354.354c.004-.001-.021.007-.128.012C2.389 3 2.241 3 2 3M0 8c0-.465 0-.697.051-.888a1.5 1.5 0 0 1 1.06-1.06c.191-.051.423-.051.888-.051s.697 0 .888.051c.518.139.922.543 1.06 1.06c.051.191.051.423.051.888s0 .697-.05.888a1.5 1.5 0 0 1-1.06 1.06c-.192.051-.424.051-.889.051s-.697 0-.888-.051a1.5 1.5 0 0 1-1.06-1.06C0 8.697 0 8.465 0 8m2 1c-.242 0-.389 0-.501-.005a1 1 0 0 1-.128-.012a.5.5 0 0 1-.354-.354c.001.004-.007-.021-.012-.128C1 8.389 1 8.241 1 8s0-.389.005-.501c.005-.107.013-.132.012-.128a.5.5 0 0 1 .354-.354s.028-.007.128-.012C1.611 7 1.759 7 2 7s.389 0 .501.005c.107.005.132.013.128.012a.5.5 0 0 1 .354.354s.007.028.012.128C3 7.611 3 7.759 3 8s0 .389-.005.501a1 1 0 0 1-.012.128a.5.5 0 0 1-.354.354s-.028.007-.128.012C2.389 9 2.241 9 2 9M.051 13.1C0 13.291 0 13.523 0 13.988s0 .698.051.888a1.5 1.5 0 0 0 1.06 1.06c.191.051.423.051.888.051s.697 0 .888-.051a1.5 1.5 0 0 0 1.06-1.06c.051-.191.051-.423.051-.888s0-.698-.05-.888a1.5 1.5 0 0 0-1.06-1.06c-.192-.051-.424-.051-.889-.051s-.697 0-.888.051a1.5 1.5 0 0 0-1.06 1.06m1.45 1.88c.112.005.26.005.501.005s.39 0 .501-.005a.6.6 0 0 0 .128-.012a.5.5 0 0 0 .353-.354c0-.003.007-.034.012-.128c.005-.112.005-.26.005-.5s0-.39-.005-.502c-.005-.1-.012-.128-.012-.128a.5.5 0 0 0-.353-.353s-.028-.007-.128-.011c-.112-.005-.26-.006-.501-.006s-.389 0-.501.006a1 1 0 0 0-.128.011a.5.5 0 0 0-.353.354s-.007.028-.012.128c-.005.112-.005.26-.005.501s0 .39.005.501c.005.107.013.132.012.128a.5.5 0 0 0 .354.354a1 1 0 0 0 .128.012z" clip-rule="evenodd"/><path fill="currentColor" d="M6.5 2a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1zM6 8.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m.5 5.5a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1z"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsJack16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsLocation16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 7a2.5 2.5 0 0 1-5 0a2.5 2.5 0 0 1 5 0m-1 0a1.5 1.5 0 1 1-3.001-.001A1.5 1.5 0 0 1 9.5 7" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M14 7c0 4.5-5 9-6 9s-6-4.5-6-9c0-3.31 2.69-6 6-6s6 2.69 6 6m-1 0c0 1.91-1.08 3.94-2.4 5.56c-.647.794-1.32 1.45-1.87 1.89a5.3 5.3 0 0 1-.731.507l-.052-.028a5.5 5.5 0 0 1-.68-.479c-.552-.446-1.22-1.1-1.87-1.89c-1.32-1.62-2.4-3.65-2.4-5.56c0-2.76 2.24-5 5-5s5 2.24 5 5z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsMagnet16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2.28 0h2.49c.098 0 .193 0 .275.005c.089.006.194.02.305.061a1 1 0 0 1 .575.575c.042.11.056.216.061.305c.005.082.005.177.005.275v7.78a2 2 0 1 0 4 0v-7.78c0-.098 0-.193.006-.275c.005-.088.019-.194.06-.305a1 1 0 0 1 .576-.575a1 1 0 0 1 .305-.06C11.019 0 11.115 0 11.213 0h2.5c.126 0 .249 0 .353.008c.114.01.249.032.385.101c.188.096.34.25.437.437c.07.136.091.271.1.385c.008.104.008.227.008.353v7.72c0 3.87-3.13 7-7 7s-7-3.13-7-7v-7.72c0-.126 0-.249.009-.353c.01-.114.031-.249.1-.385c.097-.188.25-.34.438-.437c.136-.069.27-.09.385-.1C2.032 0 2.155 0 2.28 0m-.278 1.01v.007a4 4 0 0 0-.006.288v2.7h3v-2.77c0-.115 0-.178-.003-.224v-.007h-.007A4 4 0 0 0 4.762 1h-2.47c-.148 0-.229 0-.288.005h-.006zM1.996 9V5h3v4c0 1.66 1.34 3 3 3s3-1.34 3-3V5h3v4c0 3.31-2.69 6-6 6s-6-2.69-6-6m12-5V1.3c0-.148 0-.229-.005-.288v-.007h-.007A4 4 0 0 0 13.696 1h-2.47c-.115 0-.178 0-.224.003h-.006v.006a4 4 0 0 0-.004.224v2.77h3z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsMemory16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 7.5A1.5 1.5 0 0 1 3.5 6h9A1.5 1.5 0 0 1 14 7.5v1a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 8.5zM3.5 7a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M4 2.5a.5.5 0 0 0-1 0V4C1.34 4 0 5.34 0 7v2c0 1.66 1.34 3 3 3v1.5a.5.5 0 0 0 1 0V12h2v1.5a.5.5 0 0 0 1 0V12h2v1.5a.5.5 0 0 0 1 0V12h2v1.5a.5.5 0 0 0 1 0V12c1.66 0 3-1.34 3-3V7c0-1.66-1.34-3-3-3V2.5a.5.5 0 0 0-1 0V4h-2V2.5a.5.5 0 0 0-1 0V4H7V2.5a.5.5 0 0 0-1 0V4H4zM3 5c-1.1 0-2 .895-2 2v2c0 1.1.895 2 2 2h10c1.1 0 2-.895 2-2V7c0-1.1-.895-2-2-2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsMovie16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 1C2.34 1 1 2.34 1 4v7c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3zM2 7V5h2v2zm0-3h2V2c-1.1 0-2 .895-2 2m3-2h6v5H5zm7 2V2c1.1 0 2 .895 2 2zm0 1h2v2h-2zm0 3h2v2h-2zm0 3h2c0 1.1-.895 2-2 2zm-1 2H5V8h6zm-7-2v2c-1.1 0-2-.895-2-2zm0-1H2V8h2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsPageSetup16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" d="M8.2 1H4.8c-.857 0-1.44 0-1.89.038c-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C1 3.36.999 3.94.999 4.8v5.4c0 .857.001 1.44.038 1.89c.036.438.101.663.18.819c.192.376.498.682.874.874c.156.08.381.145.819.18c.25.02.54.03.895.034c.13.36.328.702.596 1c-1.42-.002-2.17-.027-2.76-.327a3 3 0 0 1-1.31-1.31c-.327-.642-.327-1.48-.327-3.16V4.8c0-1.68 0-2.52.327-3.16A3.02 3.02 0 0 1 1.641.33c.642-.327 1.48-.327 3.16-.327h3.4c1.68 0 2.52 0 3.16.327a3.02 3.02 0 0 1 1.31 1.31c.24.47.304 1.05.321 1.99a3 3 0 0 0-.359.015a3.1 3.1 0 0 0-.664-.607l-.009-.12c-.036-.438-.1-.663-.18-.82a2 2 0 0 0-.874-.873c-.156-.08-.38-.145-.819-.18c-.45-.037-1.03-.038-1.89-.038z"/><path fill="currentColor" d="M8.07 3H2.5a.5.5 0 0 0 0 1h3.07a3.1 3.1 0 0 1 1.8-.362c.202-.247.441-.463.71-.638zM2.5 6h1.31a3 3 0 0 0-.183 1h-1.12a.5.5 0 0 1 0-1zm.09 3h-.094a.5.5 0 0 0 0 1v-.238q0-.395.094-.762"/><path fill="currentColor" fill-rule="evenodd" d="M10 12c1.1 0 2-.895 2-2c0-1.1-.895-2-2-2c-1.1 0-2 .895-2 2c0 1.1.895 2 2 2m0-1a1 1 0 1 0 0-2a1 1 0 0 0 0 2" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M10.2 4h-.474c-.79 0-1.45.575-1.57 1.33a5 5 0 0 0-.211.087a1.59 1.59 0 0 0-2.05.173l-.337.337a1.594 1.594 0 0 0-.173 2.05q-.046.105-.087.211a1.596 1.596 0 0 0-1.33 1.57v.474c0 .793.577 1.45 1.33 1.58q.04.104.085.206a1.6 1.6 0 0 0 .171 2.06l.33.33c.562.562 1.44.62 2.07.168q.098.045.198.083a1.6 1.6 0 0 0 1.58 1.34h.458c.8 0 1.46-.584 1.59-1.35q.098-.039.194-.081c.628.454 1.51.398 2.08-.167l.321-.321c.565-.565.621-1.45.167-2.08q.043-.097.081-.194a1.61 1.61 0 0 0 1.35-1.59v-.458c0-.797-.581-1.46-1.34-1.58a5 5 0 0 0-.082-.2c.45-.625.394-1.5-.17-2.07l-.328-.328a1.6 1.6 0 0 0-2.06-.171a5 5 0 0 0-.206-.086a1.596 1.596 0 0 0-1.58-1.33zM9.13 5.6c0-.329.266-.595.595-.595h.474c.33 0 .598.268.598.598c0 .282.199.521.466.613q.236.081.458.191c.254.125.566.097.766-.103a.6.6 0 0 1 .847 0l.329.329a.603.603 0 0 1 0 .852c-.201.201-.23.513-.106.768q.105.217.184.447c.093.27.334.472.619.472c.333 0 .603.27.603.603v.458a.606.606 0 0 1-.606.606c-.286 0-.528.202-.622.471q-.078.226-.182.439c-.125.257-.097.572.106.774a.605.605 0 0 1 0 .857l-.321.321a.605.605 0 0 1-.857 0c-.202-.202-.517-.231-.774-.106q-.213.104-.439.182c-.27.094-.472.336-.472.622a.606.606 0 0 1-.606.606h-.458a.603.603 0 0 1-.603-.603c0-.285-.202-.527-.472-.619a4 4 0 0 1-.447-.184c-.255-.124-.567-.095-.768.105a.603.603 0 0 1-.852 0l-.329-.329a.6.6 0 0 1 0-.847c.2-.2.228-.512.103-.766a4 4 0 0 1-.191-.458c-.092-.267-.331-.466-.613-.466a.6.6 0 0 1-.598-.598v-.474c0-.329.266-.595.595-.595c.282 0 .52-.199.611-.466a4 4 0 0 1 .193-.466c.124-.252.096-.561-.103-.76a.596.596 0 0 1 0-.842l.337-.337a.596.596 0 0 1 .842 0c.199.199.508.227.76.103q.225-.11.466-.193c.267-.09.466-.329.466-.611z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsPlugin16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M4 1a2.01 2.01 0 0 0-1.74 1.01A2.5 2.5 0 0 0 0 4.5V11c0 1.66 1.34 3 3 3h10c1.66 0 3-1.34 3-3V4.5c0-1.3-.992-2.37-2.26-2.49A2 2 0 0 0 12 1h-1c-.74 0-1.39.402-1.73 1H6.73C6.384 1.402 5.738 1 5 1zm0 1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zm5 1H7v2.5a.5.5 0 0 1-1 0v-.768C5.706 4.902 5.364 5 5 5H4c-.364 0-.706-.097-1-.268V5.5a.5.5 0 0 1-1 0V3.09A1.5 1.5 0 0 0 1 4.5v2A1.5 1.5 0 0 0 2.5 8h11A1.5 1.5 0 0 0 15 6.5v-2c0-.653-.417-1.21-1-1.41V5.5a.5.5 0 0 1-1 0v-.768c-.294.17-.636.268-1 .268h-1c-.364 0-.706-.097-1-.268V5.5a.5.5 0 0 1-1 0zm1 0a1 1 0 0 0 1 1h1a1 1 0 0 0 0-2h-1a1 1 0 0 0-1 1m5 5.5c-.418.314-.937.5-1.5.5h-11c-.563 0-1.08-.186-1.5-.5V11c0 1.1.895 2 2 2h10c1.1 0 2-.895 2-2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsRadio16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsSettings16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 5C6.34 5 5 6.34 5 8s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3M6 8a2 2 0 1 1 4.001-.001A2 2 0 0 1 6 8" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M8 0C6.9 0 6 .895 6 2v.068a.46.46 0 0 1-.285.423a.45.45 0 0 1-.492-.096a1.924 1.924 0 0 0-2.72 0l-.109.11a1.924 1.924 0 0 0 0 2.72a.45.45 0 0 1 .096.491a.46.46 0 0 1-.424.285h-.068a2 2 0 1 0 0 4h.068c.183 0 .352.112.424.285a.45.45 0 0 1-.096.492a1.924 1.924 0 0 0 0 2.72l.109.11c.751.75 1.97.75 2.72 0a.45.45 0 0 1 .492-.097c.172.072.285.24.285.424v.068a2 2 0 1 0 4 0v-.068c0-.183.112-.352.285-.424a.45.45 0 0 1 .492.096c.751.751 1.97.751 2.72 0l.109-.109a1.924 1.924 0 0 0 0-2.72a.45.45 0 0 1-.096-.492a.46.46 0 0 1 .424-.285H14a2 2 0 1 0 0-4h-.067a.46.46 0 0 1-.424-.285a.45.45 0 0 1 .096-.492a1.924 1.924 0 0 0 0-2.72l-.109-.109a1.924 1.924 0 0 0-2.72 0a.45.45 0 0 1-.492.096a.46.46 0 0 1-.285-.424V2c0-1.1-.895-2-2-2M7 2a1 1 0 0 1 2 0v.068c0 .59.359 1.12.902 1.35c.54.223 1.17.102 1.58-.314a.917.917 0 0 1 1.3 0l.109.11a.93.93 0 0 1 0 1.31a1.45 1.45 0 0 0-.313 1.58c.225.543.756.902 1.35.902h.067a1 1 0 0 1 0 2h-.067a1.47 1.47 0 0 0-1.35.902c-.224.54-.103 1.17.313 1.58c.36.36.36.945 0 1.3l-.109.109a.917.917 0 0 1-1.3 0a1.45 1.45 0 0 0-1.58-.313A1.46 1.46 0 0 0 9 13.934V14a1 1 0 0 1-2 0v-.067a1.47 1.47 0 0 0-.902-1.35a1.45 1.45 0 0 0-1.58.313a.917.917 0 0 1-1.3 0l-.109-.11a.93.93 0 0 1 0-1.31a1.45 1.45 0 0 0 .313-1.58a1.46 1.46 0 0 0-1.35-.901h-.068a1 1 0 0 1 0-2h.068a1.47 1.47 0 0 0 1.35-.902c.224-.54.103-1.17-.313-1.58a.917.917 0 0 1 0-1.3l.109-.11a.93.93 0 0 1 1.31 0a1.45 1.45 0 0 0 1.58.314c.543-.225.902-.756.902-1.35V2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsShare16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15 3a2.996 2.996 0 0 1-5.34 1.87L5.83 7c.111.313.171.649.171 1s-.06.687-.171 1l3.83 2.13A2.996 2.996 0 0 1 15 13c0 1.66-1.34 3-3 3a2.996 2.996 0 0 1-2.829-4l-3.83-2.13A2.996 2.996 0 0 1 .001 8a2.996 2.996 0 0 1 5.34-1.87L9.171 4A2.996 2.996 0 0 1 12 0c1.66 0 3 1.34 3 3m-1 0a2 2 0 1 1-4.001.001A2 2 0 0 1 14 3M5 8a2 2 0 1 1-4.001.001A2 2 0 0 1 5 8m7 7a2 2 0 1 0 .001-4.001A2 2 0 0 0 12 15" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsSnapshot16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 5C6.34 5 5 6.34 5 8s1.34 3 3 3s3-1.34 3-3s-1.34-3-3-3M6 8a2 2 0 1 1 4.001-.001A2 2 0 0 1 6 8" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M5.6 1.2A.5.5 0 0 1 6 1h4.5a.5.5 0 0 1 .4.2L12.25 3h1.25A2.5 2.5 0 0 1 16 5.5v6a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 11.5v-6A2.5 2.5 0 0 1 2.5 3h1.75zm.65.8L4.9 3.8a.5.5 0 0 1-.4.2h-2A1.5 1.5 0 0 0 1 5.5v6A1.5 1.5 0 0 0 2.5 13h11a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 13.5 4H12a.5.5 0 0 1-.4-.2L10.25 2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsSpeaker16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M9 3a.999.999 0 0 0-1.582-.814l-2.54 1.81h-2.38a2.5 2.5 0 0 0-2.5 2.5v3a2.5 2.5 0 0 0 2.5 2.5h2.38l2.54 1.81A1.001 1.001 0 0 0 9 12.993v-10zM2.5 5h2.38a1 1 0 0 0 .581-.186l2.54-1.81v10l-2.54-1.81a1 1 0 0 0-.581-.186H2.5a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 1.5-1.5z" clip-rule="evenodd"/><path fill="currentColor" d="M11.5 2.34a.5.5 0 0 1 .663-.246a6.51 6.51 0 0 1 3.79 5.91c0 1.24-.356 2.46-1.03 3.51a6.5 6.5 0 0 1-2.76 2.4a.5.5 0 1 1-.417-.909a5.4 5.4 0 0 0 2.33-2.03a5.51 5.51 0 0 0-.002-5.94a5.5 5.5 0 0 0-2.34-2.03a.5.5 0 0 1-.246-.663z"/><path fill="currentColor" d="M10.6 5.15a.5.5 0 0 1 .683-.183a3.498 3.498 0 0 1 .003 6.06a.5.5 0 0 1-.501-.865a2.5 2.5 0 0 0 1.247-2.165a2.5 2.5 0 0 0-1.251-2.164a.5.5 0 0 1-.183-.683z"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsTool16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M15.1 3.12a1 1 0 0 1 .706.71c.452 1.71.032 3.62-1.32 4.97a5.14 5.14 0 0 1-4.87 1.36a.34.34 0 0 0-.148-.006l-.025.008l-5.08 5.08a2.563 2.563 0 0 1-3.62 0a2.563 2.563 0 0 1 0-3.62l5.08-5.08l.008-.025a.34.34 0 0 0-.006-.148a5.16 5.16 0 0 1 1.366-4.88a5.11 5.11 0 0 1 4.97-1.32a1 1 0 0 1 .452 1.674l-2.1 2.1l.383 1.15l1.15.383l2.1-2.1a1 1 0 0 1 .968-.258zM5.81 6.55l.001-.002zm3.62 3.62l.002-.001zm4.34-2.07a4.16 4.16 0 0 1-3.93 1.1c-.396-.096-.827-.023-1.12.265l-5.08 5.08c-.607.608-1.6.608-2.21 0a1.57 1.57 0 0 1 0-2.21l5.08-5.08c.288-.288.361-.721.265-1.12a4.2 4.2 0 0 1-.043-1.78a4.2 4.2 0 0 1 1.14-2.15c.76-.76 1.74-1.16 2.73-1.2a4.3 4.3 0 0 1 1.28.137l-2.1 2.1a1 1 0 0 0-.242 1.02l.383 1.15c.1.299.334.533.632.632l1.15.383a.99.99 0 0 0 1.02-.242l2.1-2.1c.11.418.156.849.137 1.28a4.1 4.1 0 0 1-1.2 2.73z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsTrash16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsWarning16.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsWebcam16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 9c1.66 0 3-1.34 3-3S9.66 3 8 3S5 4.34 5 6s1.34 3 3 3m0-1a2 2 0 1 0 .001-4.001A2 2 0 0 0 8 8" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M10 11h1.2c1.68 0 2.52 0 3.16-.327a3.02 3.02 0 0 0 1.31-1.31c.327-.642.327-1.48.327-3.16v-.4c0-1.68 0-2.52-.327-3.16a3 3 0 0 0-1.31-1.31c-.642-.327-1.48-.327-3.16-.327H4.8c-1.68 0-2.52 0-3.16.327a3.02 3.02 0 0 0-1.31 1.31c-.327.642-.327 1.48-.327 3.16v.4c0 1.68 0 2.52.327 3.16a3.02 3.02 0 0 0 1.31 1.31C2.282 11 3.12 11 4.8 11H6v3H2.5a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1H10zm1.2-9H4.8c-.857 0-1.44 0-1.89.038c-.438.035-.663.1-.819.18a2 2 0 0 0-.874.874c-.08.156-.145.38-.18.819C1 4.36.999 4.94.999 5.8v.4c0 .857.001 1.44.038 1.89c.036.438.101.663.18.819c.192.376.498.682.874.874c.156.08.381.145.819.18C3.36 10 3.94 10 4.8 10h6.4c.857 0 1.44 0 1.89-.037c.438-.036.663-.101.819-.18c.376-.192.682-.498.874-.874c.08-.156.145-.381.18-.82c.037-.45.038-1.03.038-1.89v-.4c0-.856-.001-1.44-.038-1.89c-.036-.437-.101-.662-.18-.818a2 2 0 0 0-.874-.874c-.156-.08-.381-.145-.819-.18C12.64 2 12.06 2 11.2 2M9 11H7v3h2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/QlementineIconsWireless216.svg ADDED Viewed

@@ -0,0 +1 @@

package/dist/Accordion/IconsLib/QlementineIconsZoom16.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M10.5 11.9a6.005 6.005 0 0 1-9.48-4.89c0-3.31 2.69-6 6-6a6.005 6.005 0 0 1 4.89 9.48l2.82 2.82a.996.996 0 0 1 0 1.41a.994.994 0 0 1-1.41 0zm1.52-4.89c0 2.76-2.24 5-5 5s-5-2.24-5-5s2.24-5 5-5s5 2.24 5 5" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/StreamlineUltimateAnalyticsMountain.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M.75.75v22.5h22.5"/><path d="M14.15 17.358a5.5 5.5 0 0 0 1.487 1.623l.713.519m-12.6 0l.713-.519A5.39 5.39 0 0 0 6.7 14.939l.4-6.979a2.92 2.92 0 0 1 2.95-2.71h.137"/><path d="m9.15 19.5l.713-.519a5.39 5.39 0 0 0 2.237-4.042l.4-6.979a2.92 2.92 0 0 1 2.95-2.71a2.92 2.92 0 0 1 2.955 2.71l.4 6.979a5.39 5.39 0 0 0 2.232 4.042l.713.519"/></g></svg>

package/dist/Accordion/IconsLib/StreamlineUltimateCharger1.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M12 17.25a6 6 0 0 1-6-6v-4.5a1.5 1.5 0 0 1 1.5-1.5h9a1.5 1.5 0 0 1 1.5 1.5v4.5a6 6 0 0 1-6 6"/><path d="M9 16.447v2.3a1.5 1.5 0 0 0 1.5 1.5h3a1.5 1.5 0 0 0 1.5-1.5v-2.3M9 5.25V.75m6 4.5V.75m-3 19.5v3"/></g></svg>

package/dist/Accordion/IconsLib/access.key.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" d="M3 8.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="currentColor" fill-rule="evenodd" d="M4.5 3c1.56 0 2.94.794 3.75 2h5.26a1 1 0 0 1 .807.409l1.49 2.04a.99.99 0 0 1 .033 1.13l-1.26 1.95a.997.997 0 0 1-1.41.276L12.02 10l-1.19.812a1 1 0 0 1-1.13 0L8.51 10h-.258c-.808 1.21-2.18 2-3.75 2a4.5 4.5 0 0 1 0-9zm3.75 6a1 1 0 0 0-.832.444c-.63.94-1.7 1.56-2.91 1.56c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5c1.21 0 2.28.616 2.91 1.56c.186.277.498.444.832.444h5.26L15 8.048l-1.26 1.95l-1.15-.805a1 1 0 0 0-1.14-.005L10.26 10l-1.19-.812a1 1 0 0 0-.566-.175h-.258z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/access.lock.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M2 8a.997.997 0 0 1 1-1h10a.997.997 0 0 1 1 1v6a.997.997 0 0 1-1 1H3a.997.997 0 0 1-1-1zm3-4c0-.796.316-1.56.879-2.12s1.33-.879 2.12-.879A3 3 0 0 1 10.998 4v2h-6V4zm7 0v2h1a2 2 0 0 1 1.996 1.996v6c0 .53-.211 1.04-.586 1.41s-.884.586-1.41.586H3a2 2 0 0 1-1.996-1.996v-6A2 2 0 0 1 3 6h1V4c0-1.06.421-2.08 1.17-2.83a4.004 4.004 0 0 1 5.66 0C11.58 1.92 12 2.94 12 4" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/common.battery.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 16 16"><path fill="currentColor" d="M6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z"/><path fill="currentColor" fill-rule="evenodd" d="M6 1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1c1.66 0 3 1.34 3 3v9c0 1.66-1.34 3-3 3H6c-1.66 0-3-1.34-3-3V4c0-1.66 1.34-3 3-3M4 4c0-1.1.895-2 2-2h4c1.1 0 2 .895 2 2v9c0 1.1-.895 2-2 2H6c-1.1 0-2-.895-2-2z" clip-rule="evenodd"/></svg>

package/dist/Accordion/IconsLib/iconsLib.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/Accordion/IconsLib/iconsLib.js ADDED Viewed

@@ -0,0 +1,37 @@
+import fs from 'fs';
+import { join } from 'path';
+const scanAllIcons = async () => {
+    const dirPath = 'src/lib/Accordion/IconsLib';
+    const files = fs.readdirSync(dirPath);
+    const categories = {};
+    files
+        .filter((file) => !file.endsWith('.ts') && file.includes('.'))
+        .forEach((file) => {
+        const parts = file.split('.');
+        if (parts.length < 3)
+            return;
+        const category = parts[0];
+        const extension = parts[parts.length - 1];
+        if (extension !== 'svg')
+            return;
+        const fullPath = join(dirPath, file);
+        const svgContent = fs.readFileSync(fullPath, 'utf8');
+        if (!categories[category]) {
+            categories[category] = [];
+        }
+        categories[category].push(svgContent);
+    });
+    const entries = Object.entries(categories)
+        .map(([category, svgs]) => {
+        const svgArray = svgs.map((svg) => JSON.stringify(svg)).join(',\n    ');
+        return `  ${JSON.stringify(category)}: [\n    ${svgArray}\n  ]`;
+    })
+        .join(',\n');
+    const content = `export const ICONS: Record<string, string[]> = {
+${entries}
+}
+`;
+    fs.writeFileSync('src/lib/Accordion/icons.ts', content);
+    console.log('icons.ts создан:', Object.keys(categories));
+};
+scanAllIcons();

package/dist/Accordion/icons.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const ICONS: Record<string, string[]>;

package/dist/Accordion/icons.js ADDED Viewed

@@ -0,0 +1,9 @@
+export const ICONS = {
+    "access": [
+        "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 16 16\"><!-- Icon from Qlementine Icons by Olivier Cléro - https://github.com/oclero/qlementine-icons/blob/master/LICENSE --><path fill=\"currentColor\" d=\"M3 8.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M4.5 3c1.56 0 2.94.794 3.75 2h5.26a1 1 0 0 1 .807.409l1.49 2.04a.99.99 0 0 1 .033 1.13l-1.26 1.95a.997.997 0 0 1-1.41.276L12.02 10l-1.19.812a1 1 0 0 1-1.13 0L8.51 10h-.258c-.808 1.21-2.18 2-3.75 2a4.5 4.5 0 0 1 0-9zm3.75 6a1 1 0 0 0-.832.444c-.63.94-1.7 1.56-2.91 1.56c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5c1.21 0 2.28.616 2.91 1.56c.186.277.498.444.832.444h5.26L15 8.048l-1.26 1.95l-1.15-.805a1 1 0 0 0-1.14-.005L10.26 10l-1.19-.812a1 1 0 0 0-.566-.175h-.258z\" clip-rule=\"evenodd\"/></svg>",
+        "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 16 16\"><!-- Icon from Qlementine Icons by Olivier Cléro - https://github.com/oclero/qlementine-icons/blob/master/LICENSE --><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M2 8a.997.997 0 0 1 1-1h10a.997.997 0 0 1 1 1v6a.997.997 0 0 1-1 1H3a.997.997 0 0 1-1-1zm3-4c0-.796.316-1.56.879-2.12s1.33-.879 2.12-.879A3 3 0 0 1 10.998 4v2h-6V4zm7 0v2h1a2 2 0 0 1 1.996 1.996v6c0 .53-.211 1.04-.586 1.41s-.884.586-1.41.586H3a2 2 0 0 1-1.996-1.996v-6A2 2 0 0 1 3 6h1V4c0-1.06.421-2.08 1.17-2.83a4.004 4.004 0 0 1 5.66 0C11.58 1.92 12 2.94 12 4\" clip-rule=\"evenodd\"/></svg>"
+    ],
+    "common": [
+        "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 16 16\"><!-- Icon from Qlementine Icons by Olivier Cléro - https://github.com/oclero/qlementine-icons/blob/master/LICENSE --><path fill=\"currentColor\" d=\"M6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1z\"/><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M6 1a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1c1.66 0 3 1.34 3 3v9c0 1.66-1.34 3-3 3H6c-1.66 0-3-1.34-3-3V4c0-1.66 1.34-3 3-3M4 4c0-1.1.895-2 2-2h4c1.1 0 2 .895 2 2v9c0 1.1-.895 2-2 2H6c-1.1 0-2-.895-2-2z\" clip-rule=\"evenodd\"/></svg>"
+    ]
+};

package/dist/Button/ButtonProps.svelte CHANGED Viewed

@@ -4,12 +4,15 @@
   import { type UIComponent, type IButtonProps, type ISelectOption, updateProperty } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<IButtonProps> }
     onPropertyChange: (value: string | object) => void
   }>()
+  let hasValue: boolean = $derived(component.properties.eventHandler.Value)
   let Header: ISelectOption = $derived(
     $optionsStore.HEADER_OPTIONS.find((h) => h.value === component.properties.eventHandler.Header) ?? {
       id: '',
@@ -37,7 +40,6 @@
     <!-- Сообщение для отправки в ws по нажатию кнопки -->
     <div class="flex w-1/3 flex-col items-center px-2">
       <UI.Select
-        wrapperClass="w-full"
         label={{ name: $t('constructor.props.header') }}
         type="buttons"
         value={Header}
@@ -49,10 +51,10 @@
       />
       {#if Header.value === 'SET'}
         <UI.Select
-          wrapperClass="w-full"
           label={{ name: $t('constructor.props.argument') }}
           type="buttons"
-          value={$optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === component.properties.eventHandler.Argument)}
+          value={$optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === component.properties.eventHandler.Argument) ??
+            $optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === '')}
           options={$optionsStore.FULL_ARGUMENT_OPTION}
           onUpdate={(option) => {
             updateProperty('eventHandler.Argument', option.value as string, component, onPropertyChange)
@@ -71,13 +73,14 @@
         <UI.Input
           label={{ name: $t('constructor.props.value') }}
           value={component.properties.eventHandler.Value}
-          type="text"
+          help={{ info: $t('constructor.props.value.info') }}
           maxlength={500}
           onUpdate={(value) => updateProperty('eventHandler.Value', value as string, component, onPropertyChange)}
         />
       {/if}
       <UI.Input
         label={{ name: $t('constructor.props.variables') }}
+        disabled={hasValue}
         value={component.properties.eventHandler.Variables.join(' ')}
         help={{ info: $t('constructor.props.variables.info'), autocomplete: 'on', regExp: /^[a-zA-Z0-9\-_ ":{}]{0,500}$/ }}
         maxlength={500}
@@ -98,7 +101,8 @@
         type="buttons"
         options={$optionsStore.HEIGHT_OPTIONS}
         value={initialHeight}
-        onUpdate={(option) => updateProperty('componentClass', `${component.properties.componentClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) =>
+          updateProperty('componentClass', twMerge(component.properties.componentClass, option.value), component, onPropertyChange)}
       />
       <UI.Select
         wrapperClass="h-14"
@@ -106,7 +110,8 @@
         type="buttons"
         options={$optionsStore.COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('componentClass', `${component.properties.componentClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) =>
+          updateProperty('componentClass', twMerge(component.properties.componentClass, option.value), component, onPropertyChange)}
       />
     </div>
   </div>

package/dist/FileAttach.svelte CHANGED Viewed

@@ -1,6 +1,7 @@
-<!-- $lib/ElementsUI/FileAttach.svelte -->
 <script lang="ts">
-  interface FileInputProps {
+  import { twMerge } from 'tailwind-merge'
+  export interface IFileInputProps {
     id?: string
     wrapperClass?: string
     label?: { name?: string; class?: string }
@@ -22,7 +23,7 @@
     disabled = false,
     currentImage = $bindable(null),
     onChange = () => {},
-  }: FileInputProps = $props()
+  }: IFileInputProps = $props()
   let selectedFile = $state<File | null>(null)
   let previewUrl = $derived(currentImage ? (currentImage.startsWith('data:') ? currentImage : `data:image/png;base64,${currentImage}`) : null)
@@ -48,7 +49,7 @@
   }
 </script>
-<div class={`flex flex-col items-center ${wrapperClass}`}>
+<div class={twMerge(`flex flex-col items-center`, wrapperClass)}>
   {#if label.name}
     <h5 class={`${label.class}`}>{label.name}</h5>
   {/if}

package/dist/FileAttach.svelte.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-interface FileInputProps {
+export interface IFileInputProps {
     id?: string;
     wrapperClass?: string;
     label?: {
@@ -17,6 +17,6 @@ interface FileInputProps {
     currentImage?: string | null;
     onChange?: (event: Event, file: File | null) => void;
 }
-declare const FileAttach: import("svelte").Component<FileInputProps, {}, "currentImage">;
+declare const FileAttach: import("svelte").Component<IFileInputProps, {}, "currentImage">;
 type FileAttach = ReturnType<typeof FileAttach>;
 export default FileAttach;

package/dist/Input/InputProps.svelte CHANGED Viewed

@@ -5,6 +5,7 @@
   import type { IInputProps, UIComponent, ISelectOption } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<IInputProps> }
@@ -132,9 +133,6 @@
           value={component.properties.number.minNum as number}
           type="number"
           onUpdate={(value) => {
-            // if ((value as number) >= component.properties.number.maxNum) {
-            //   value = component.properties.number.maxNum - component.properties.number.step
-            // }
             updateProperty('number.minNum', Number(value))
           }}
         />
@@ -143,9 +141,6 @@
           value={component.properties.number.maxNum as number}
           type="number"
           onUpdate={(value) => {
-            // if ((value as number) <= component.properties.number.minNum) {
-            //   value = component.properties.number.minNum + component.properties.number.step
-            // }
             updateProperty('number.maxNum', Number(value))
           }}
         />
@@ -190,7 +185,7 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('label.class', `${component.properties.label.class} ${option.value}`)}
+        onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value))}
       />
       <UI.Select
         wrapperClass="h-14"

package/dist/ProgressBar/ProgressBarProps.svelte CHANGED Viewed

@@ -5,6 +5,7 @@
   import { type UIComponent, type IProgressBarProps, updateProperty } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<IProgressBarProps> }
@@ -99,7 +100,7 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('label.class', `${component.properties.label.class} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
       <UI.Select
         wrapperClass="!h-14"
@@ -107,7 +108,7 @@
         type="buttons"
         options={$optionsStore.COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
   </div>

package/dist/Select/SelectProps.svelte CHANGED Viewed

@@ -7,6 +7,7 @@
   import ButtonDelete from '../libIcons/ButtonDelete.svelte'
   import ButtonAdd from '../libIcons/ButtonAdd.svelte'
   import { optionsStore } from '../options.js'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<ISelectProps> }
@@ -68,7 +69,8 @@
       <UI.Select
         label={{ name: $t('constructor.props.argument') }}
         type="buttons"
-        value={$optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === component.properties.eventHandler.Argument)}
+        value={$optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === component.properties.eventHandler.Argument) ??
+          $optionsStore.FULL_ARGUMENT_OPTION.find((h) => h.value === '')}
         options={$optionsStore.FULL_ARGUMENT_OPTION}
         onUpdate={(option) => {
           updateProperty('eventHandler.Argument', option.value as string, component, onPropertyChange)
@@ -124,7 +126,7 @@
         type="buttons"
         options={$optionsStore.COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
     <div class="flex w-1/3 flex-col items-center px-2">
@@ -138,7 +140,7 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('label.class', `${component.properties.label.class} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
     </div>
   </div>
@@ -150,9 +152,8 @@
     <div class="m-0 flex items-center justify-center gap-2">
       <h4>{$t('constructor.props.options.title')}</h4>
       <UI.Button
-        wrapperClass="!w-10"
+        wrapperClass="w-8"
         content={{ icon: ButtonAdd }}
-        componentClass="bg-transparent h-10 border-none !shadow-none hover:shadow-none"
         onClick={() => {
           const newOption: ISelectOption = {
             id: crypto.randomUUID(),
@@ -201,9 +202,8 @@
           }}
         />
         <UI.Button
-          wrapperClass="!w-1/10"
+          wrapperClass="w-8"
           content={{ icon: ButtonDelete }}
-          componentClass="bg-transparent h-10 w-10 border-none !shadow-none hover:shadow-none"
           onClick={() => {
             const options = [...(component.properties?.options || [])]
             options.splice(index, 1)

package/dist/Slider/Slider.svelte CHANGED Viewed

@@ -169,7 +169,7 @@
         onclick={disabled ? undefined : handleTrackClick}
       >
         <div
-          class="absolute h-full {singlePosition === 100 ? 'z-10 rounded-full' : 'z-10 rounded-l-full'}"
+          class="absolute z-10 h-full {singlePosition === 100 ? ' rounded-full' : 'rounded-l-full'}"
           style={`width: ${singlePosition}%; background-color: var(--bg-color)`}
         ></div>
       </div>
@@ -187,7 +187,7 @@
             }}
         onmouseup={disabled ? undefined : () => onUpdate(singleValue)}
         {disabled}
-        class="absolute z-20 h-full w-full appearance-none bg-transparent"
+        class="absolute z-20 h-full w-full appearance-none"
       />
       <div
         class="pointer-events-none absolute z-30 rounded-full bg-[var(--field-color)]"

package/dist/Slider/SliderProps.svelte CHANGED Viewed

@@ -5,6 +5,7 @@
   import { type UIComponent, type ISliderProps, updateProperty } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<ISliderProps> }
@@ -98,7 +99,7 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('label.class', `${component.properties.label.class} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
       <UI.Select
         wrapperClass="!h-14"
@@ -106,7 +107,7 @@
         type="buttons"
         options={$optionsStore.COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
   </div>

package/dist/Switch/SwitchProps.svelte CHANGED Viewed

@@ -5,6 +5,7 @@
   import { type UIComponent, type ISwitchProps, updateProperty, type ISelectOption } from '../types'
   import * as UI from '..'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<ISwitchProps> }
@@ -82,9 +83,9 @@
         wrapperClass="!h-14"
         label={{ name: $t('constructor.props.colors') }}
         type="buttons"
-        options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== 'bg-max')}
+        options={$optionsStore.COLOR_OPTIONS.filter((option) => option.value !== 'bg-max' && option.value !== 'bg-gray')}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
   </div>

package/dist/Table/TableProps.svelte CHANGED Viewed

@@ -7,6 +7,7 @@
   import ButtonDelete from '../libIcons/ButtonDelete.svelte'
   import ButtonAdd from '../libIcons/ButtonAdd.svelte'
   import { optionsStore } from '../options'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<ITableProps<object>> }
@@ -42,6 +43,18 @@
     updateProperty('header', headers, component, onPropertyChange)
   }
+  const updateTableBody = () => {
+    const newBody = component.properties.body.map((row: object) => {
+      const newRow: Partial<object> = {}
+      component.properties.header.forEach((col: ITableHeader<any>) => {
+        const key = col.key as keyof object
+        newRow[key] = row[key] ?? `Value of ${key}`
+      })
+      return newRow
+    })
+    updateProperty('body', newBody, component, onPropertyChange)
+  }
   const updateButtonProperty = (columnIndex: number, buttonIndex: number, field: string, value: any) => {
     const headers = [...component.properties.header]
     const buttons = [...headers[columnIndex].buttons]
@@ -79,7 +92,7 @@
         type="buttons"
         options={$optionsStore.COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
     <div class="flex w-1/3 flex-col px-2">
@@ -93,7 +106,7 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('label.class', `${component.properties.label.class} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('label.class', twMerge(component.properties.label.class, option.value), component, onPropertyChange)}
       />
     </div>
   </div>
@@ -101,57 +114,59 @@
   <hr class="border-[var(--border-color)]" />
   <!-- Настройки столбцов таблицы -->
-  <div class="space-y-4">
-    <div class="m-0 flex items-center justify-center gap-2">
+  <div>
+    <div class=" flex items-center justify-center gap-2">
       <h4>{$t('constructor.props.table.columns')}</h4>
       <UI.Button
-        wrapperClass="!w-10"
+        wrapperClass="w-8"
         content={{ icon: ButtonAdd }}
-        componentClass="bg-transparent h-10 border-none !shadow-none hover:shadow-none"
         onClick={() => {
           const newColumn: ITableHeader<any> = {
             key: `column${(component.properties.header?.length || 0) + 1}`,
             label: { name: `Column ${(component.properties.header?.length || 0) + 1}`, class: '' },
-            width: '100px',
+            width: '10%',
             sortable: false,
           }
           const headers = [...(component.properties.header || []), newColumn]
           updateProperty('header', headers, component, onPropertyChange)
+          updateTableBody()
         }}
       />
     </div>
     {#each component.properties.header as column, columnIndex (columnIndex)}
-      <div class="m-0 flex items-end justify-around gap-2">
+      <div class="mr-2 flex items-end justify-around gap-6">
         <UI.Input
           label={{ name: $t('constructor.props.table.columns.key') }}
-          wrapperClass="!w-2/10"
           value={column.key}
           help={{ regExp: /^[0-9a-zA-Z_-]{0,16}$/ }}
-          onUpdate={(value) => updateTableHeader(columnIndex, 'key', value)}
+          onUpdate={(value) => {
+            updateTableHeader(columnIndex, 'key', value)
+            updateTableBody()
+          }}
         />
         <UI.Input
           label={{ name: $t('constructor.props.table.columns.label') }}
-          wrapperClass="!w-2/10"
           value={column.label.name}
-          onUpdate={(value) => updateTableHeader(columnIndex, 'label.name', value)}
+          onUpdate={(value) => {
+            updateTableHeader(columnIndex, 'label', { ['name']: value })
+          }}
         />
         <UI.Input
           label={{ name: $t('constructor.props.table.columns.width') }}
-          wrapperClass="!w-2/10"
-          value={column.width}
-          onUpdate={(value) => updateTableHeader(columnIndex, 'width', value)}
+          type="number"
+          value={Number(column.width.replace('%', ''))}
+          onUpdate={(value) => updateTableHeader(columnIndex, 'width', `${value}%`)}
         />
         <UI.Switch
-          wrapperClass="!w-1/10 bg-blue"
+          wrapperClass="w-2/10"
           label={{ name: $t('constructor.props.table.columns.sortable') }}
           value={column.sortable ? 2 : 1}
           onChange={(value) => updateTableHeader(columnIndex, 'sortable', value === 2)}
         />
         <UI.Button
-          wrapperClass="w-10"
+          wrapperClass="w-8"
           content={{ icon: ButtonAdd, info: $t('constructor.props.table.addaction') }}
-          componentClass="bg-transparent h-10 w-10 border-none !shadow-none hover:shadow-none"
           onClick={() => {
             const newButton = {
               name: `button${(component.properties.header[columnIndex].buttons ? component.properties.header[columnIndex].buttons.length : 0) + 1}`,
@@ -164,9 +179,8 @@
           }}
         />
         <UI.Button
-          wrapperClass="w-10"
-          content={{ icon: ButtonDelete, info: $t('constructor.props.table.deletecolumn') }}
-          componentClass=" bg-transparent h-10 w-10 border-none !shadow-none hover:shadow-none"
+          wrapperClass="w-8"
+          content={{ icon: ButtonDelete }}
           onClick={() => {
             const headers = [...(component.properties.header || [])]
             headers.splice(columnIndex, 1)
@@ -218,12 +232,7 @@
                   updateButtonProperty(columnIndex, buttonIndex, 'eventHandler', handler)
                 }}
               />
-              <UI.Button
-                wrapperClass="w-10 m"
-                content={{ icon: ButtonDelete }}
-                componentClass="bg-transparent h-10 w-10 border-none !shadow-none hover:shadow-none"
-                onClick={() => removeButtonFromColumn(columnIndex, buttonIndex)}
-              />
+              <UI.Button wrapperClass="w-8" content={{ icon: ButtonDelete }} onClick={() => removeButtonFromColumn(columnIndex, buttonIndex)} />
             </div>
           {/each}
         </div>

package/dist/TextField/TextFieldProps.svelte CHANGED Viewed

@@ -5,6 +5,7 @@
   import * as UI from '../index'
   import { optionsStore } from '../options'
   import { getContext } from 'svelte'
+  import { twMerge } from 'tailwind-merge'
   const { component, onPropertyChange } = $props<{
     component: UIComponent & { properties: Partial<ITextFieldProps> }
@@ -68,15 +69,15 @@
         type="buttons"
         value={initialAlign}
         options={$optionsStore.ALIGN_OPTIONS}
-        onUpdate={(option) => updateProperty('content.class', `${component.properties.content.class} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('content.class', twMerge(component.properties.content.class, option.value), component, onPropertyChange)}
       />
       <UI.Select
         wrapperClass="!h-14"
-        label={{ name: $t('constructor.props.colors') }}
+        label={{ name: $t('constructor.props.textcolors') }}
         type="buttons"
         options={$optionsStore.TEXT_COLOR_OPTIONS}
         value={initialColor}
-        onUpdate={(option) => updateProperty('wrapperClass', `${component.properties.wrapperClass} ${option.value}`, component, onPropertyChange)}
+        onUpdate={(option) => updateProperty('wrapperClass', twMerge(component.properties.wrapperClass, option.value), component, onPropertyChange)}
       />
     </div>
     <div class="flex w-1/3 flex-col px-2">

package/dist/locales/translations.js CHANGED Viewed

@@ -37,17 +37,19 @@ const translations = {
         'constructor.props.size': 'Размер',
         'constructor.props.header': 'Заголовок пакета',
         'constructor.props.argument': 'Аргумент',
-        'constructor.props.argument.info': 'Пользовтельский аргумент (a-z, A-Z, 0-9, -_!)',
+        'constructor.props.argument.info': 'Пользовательский аргумент (a-z, A-Z, 0-9, -_!)',
         'constructor.props.variables': 'Перечень переменных',
         'constructor.props.variables.info': 'Поле для ввода имён переменных, разделенных пробелами',
         'constructor.props.value': 'Значение',
-        'constructor.props.value.info': 'Поле для ввода Value пакета',
+        'constructor.props.value.info': 'Поле для ввода Value пакета в формате JSON',
         'constructor.props.align': 'Выравнивание',
         'constructor.props.image': 'Фоновое изображение',
+        'constructor.props.labelicon': 'Иконка заголовка',
         'constructor.props.removeimage': 'Удалить изображение',
         'constructor.props.name': 'Текст',
         'constructor.props.height': 'Высота',
         'constructor.props.colors': 'Цвет фона',
+        'constructor.props.textcolors': 'Цвет текста',
         'constructor.props.maxlenght': 'Максимальная длина',
         'constructor.props.regexp': 'Выражение валидации',
         'constructor.props.regexp.info': 'Введите RegExp без /.../ (например: ^\\d+$)',

package/dist/options.js CHANGED Viewed

@@ -49,13 +49,13 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), value: 'massive', name: $t('constructor.props.type.massive') },
         ],
         COLOR_OPTIONS: [
-            { id: id(), name: '', value: 'bg-gray', class: 'bg-gray' },
             { id: id(), name: '', value: 'bg-max', class: 'bg-max' },
             { id: id(), name: '', value: 'bg-red', class: 'bg-red' },
             { id: id(), name: '', value: 'bg-yellow', class: 'bg-yellow' },
             { id: id(), name: '', value: 'bg-green', class: 'bg-green' },
-            { id: id(), name: '', value: 'bg-cyan', class: 'bg-cyan' },
+            { id: id(), name: '', value: 'bg-blue', class: 'bg-blue' },
             { id: id(), name: '', value: 'bg-purple', class: 'bg-purple' },
+            { id: id(), name: '', value: 'bg-gray', class: 'bg-gray' },
         ],
         TEXT_COLOR_OPTIONS: [
             { id: id(), name: '', value: 'text-[#333] dark:text-[#e2e3e7]', class: 'bg-[var(--shadow-color)] dark:bg-[#e2e3e7] ' },
@@ -63,6 +63,7 @@ export const optionsStore = derived(t, ($t) => {
             { id: id(), name: '', value: 'text-yellow-500 dark:text-yellow-400', class: 'bg-yellow-500 dark:bg-yellow-400' },
             { id: id(), name: '', value: 'text-green-500 dark:text-green-400', class: 'bg-green-500 dark:bg-green-400' },
             { id: id(), name: '', value: 'text-blue-500 dark:text-blue-400', class: 'bg-blue-500 dark:bg-blue-400' },
+            { id: id(), name: '', value: 'text-purple-500 dark:text-purple-400', class: 'bg-purple-500 dark:bg-purple-400' },
             { id: id(), name: '', value: 'text-gray-500 dark:text-gray-400', class: 'bg-gray-500 dark:bg-gray-400' },
         ],
         ALIGN_OPTIONS: [

package/dist/types.d.ts CHANGED Viewed

@@ -55,7 +55,7 @@ export interface IAccordionProps {
     label?: {
         name?: string;
         class?: string;
-        icon?: ConstructorOfATypedSvelteComponent | null;
+        icon?: string | null;
     };
     children?: Snippet;
     image?: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -8,7 +8,8 @@
     "build": "vite build",
     "preview": "vite preview",
     "prepack": "svelte-kit sync && svelte-package && publint",
-    "CheckUpdate": "npx npm-check-updates -u && npm install"
+    "CheckUpdate": "npx npm-check-updates -u && npm install",
+    "FiLeS": "tsx src/lib/Accordion/IconsLib/iconsLib.ts"
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -38,14 +39,16 @@
     "prettier-plugin-tailwindcss": "^0.6.14",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.14",
+    "tsx": "^4.20.6",
     "typescript": "^5.9.3"
   },
   "devDependencies": {
-    "@sveltejs/kit": "^2.46.4",
+    "@sveltejs/kit": "^2.46.5",
     "@sveltejs/package": "^2.5.4",
     "@sveltejs/vite-plugin-svelte": "^6.2.1",
+    "@types/node": "^24.7.2",
     "publint": "^0.3.14",
-    "svelte": "^5.39.11",
+    "svelte": "^5.39.12",
     "svelte-preprocess": "^6.0.3",
     "vite": "^7.1.9",
     "vite-plugin-compression": "^0.5.1"