@synergy-design-system/components 2.8.0 → 2.9.0

package/dist/synergy.js

@@ -1,6 +1,6 @@
 import {
   tooltip_default
-} from "./chunks/chunk.SOLWFL5A.js";
+} from "./chunks/chunk.SPFDQH6T.js";
 import {
   getFormControls,
   serialize
@@ -8,206 +8,206 @@ import {
 import "./chunks/chunk.NKIYFJN2.js";
 import {
   tag_default
-} from "./chunks/chunk.N2AA2S7P.js";
+} from "./chunks/chunk.55MDWDIM.js";
 import {
   textarea_default
-} from "./chunks/chunk.76JBEIAN.js";
-import "./chunks/chunk.QXPI4QQZ.js";
+} from "./chunks/chunk.QHU4ABUM.js";
+import "./chunks/chunk.QLTP4K6S.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import "./chunks/chunk.CRA5CBMD.js";
 import {
   tab_group_default
-} from "./chunks/chunk.2QWDET3J.js";
+} from "./chunks/chunk.JZOMFRH3.js";
 import {
   tab_panel_default
-} from "./chunks/chunk.HGJ3LHZD.js";
-import "./chunks/chunk.E5ZEKA67.js";
+} from "./chunks/chunk.3QDRELMB.js";
+import "./chunks/chunk.CSP23HJF.js";
 import "./chunks/chunk.XHWYGYMQ.js";
 import "./chunks/chunk.HVXG4JG6.js";
 import {
   switch_default
-} from "./chunks/chunk.3CQH2TK3.js";
+} from "./chunks/chunk.VBQMNQ62.js";
 import {
   tab_default
-} from "./chunks/chunk.YPISLR6M.js";
-import "./chunks/chunk.DHXICRB4.js";
+} from "./chunks/chunk.JDO2JD5M.js";
+import "./chunks/chunk.YTIRVF55.js";
 import "./chunks/chunk.ZW75HBAK.js";
 import "./chunks/chunk.BBUFEDXF.js";
-import "./chunks/chunk.4LEMK6UT.js";
+import "./chunks/chunk.BCQM76KP.js";
 import "./chunks/chunk.JQ47GWDL.js";
 import "./chunks/chunk.NGI67WXT.js";
 import {
   side_nav_default
-} from "./chunks/chunk.MJOLZRXS.js";
+} from "./chunks/chunk.F7RGAQPL.js";
 import {
   spinner_default
-} from "./chunks/chunk.UZNKPDF5.js";
-import "./chunks/chunk.A7OHUHZZ.js";
+} from "./chunks/chunk.H75DPHV2.js";
+import "./chunks/chunk.3VYGX742.js";
 import "./chunks/chunk.4TB35TYG.js";
 import "./chunks/chunk.W5JK7V7K.js";
 import {
   range_tick_default
-} from "./chunks/chunk.JVFYWEFE.js";
-import "./chunks/chunk.CLKC2CTK.js";
+} from "./chunks/chunk.YHD5W2UQ.js";
+import "./chunks/chunk.SUR4XZ42.js";
 import "./chunks/chunk.I6YARDHH.js";
 import {
   select_default
-} from "./chunks/chunk.RESONJ6D.js";
-import "./chunks/chunk.FQFEV6J3.js";
-import "./chunks/chunk.RHCWPZ57.js";
+} from "./chunks/chunk.XOJKD3VQ.js";
+import "./chunks/chunk.QMBYQFB7.js";
+import "./chunks/chunk.NZ7F7KWE.js";
 import "./chunks/chunk.6EPU7YUS.js";
 import "./chunks/chunk.B6R3IVGO.js";
 import "./chunks/chunk.ZO4VONAT.js";
 import "./chunks/chunk.35V3TAOT.js";
-import "./chunks/chunk.QYFZACOM.js";
+import "./chunks/chunk.WGUSXZZB.js";
 import "./chunks/chunk.ONW45GQI.js";
 import {
   radio_group_default
-} from "./chunks/chunk.OTR75HQ3.js";
-import "./chunks/chunk.ISSIKISN.js";
+} from "./chunks/chunk.EYY4AGHU.js";
+import "./chunks/chunk.CMC6HPBA.js";
 import "./chunks/chunk.F4MRQLNL.js";
 import "./chunks/chunk.K62NPKGN.js";
 import {
   range_default
-} from "./chunks/chunk.AT4CHLQA.js";
-import "./chunks/chunk.V6WPXGJH.js";
-import "./chunks/chunk.FRKUACBE.js";
+} from "./chunks/chunk.37CVTQTX.js";
+import "./chunks/chunk.XBJEFTDA.js";
+import "./chunks/chunk.YYWXM4WC.js";
 import "./chunks/chunk.O644HRW3.js";
 import "./chunks/chunk.4X3HY2V5.js";
 import "./chunks/chunk.277APOW3.js";
 import "./chunks/chunk.236RSW67.js";
 import {
   progress_ring_default
-} from "./chunks/chunk.EUT6KB7O.js";
+} from "./chunks/chunk.2X5NHB25.js";
 import {
   radio_default
-} from "./chunks/chunk.EL5GLFG3.js";
-import "./chunks/chunk.NEXM2DVJ.js";
+} from "./chunks/chunk.PV5QKVOE.js";
+import "./chunks/chunk.W5ZMXOXI.js";
 import "./chunks/chunk.V6VND4OF.js";
 import "./chunks/chunk.EHSNF4SS.js";
 import {
   radio_button_default
-} from "./chunks/chunk.UNJZNYYC.js";
-import "./chunks/chunk.Z76WUR73.js";
+} from "./chunks/chunk.W2W7NV4F.js";
+import "./chunks/chunk.P2WZVE56.js";
 import "./chunks/chunk.4BRJ5OJE.js";
 import {
   progress_bar_default
-} from "./chunks/chunk.NOXYYO6T.js";
-import "./chunks/chunk.U6U77OWH.js";
+} from "./chunks/chunk.NOIMGFL3.js";
+import "./chunks/chunk.OZTT6WAF.js";
 import "./chunks/chunk.AMAK44YX.js";
 import "./chunks/chunk.QUM76UHV.js";
-import "./chunks/chunk.XY727PA7.js";
+import "./chunks/chunk.3UESDXCS.js";
 import "./chunks/chunk.2V3HGTTL.js";
 import "./chunks/chunk.RMIDAEF5.js";
 import {
   option_default
-} from "./chunks/chunk.WABD4T2A.js";
+} from "./chunks/chunk.F6YOZYUA.js";
 import {
   popup_default
-} from "./chunks/chunk.XWBZYZL2.js";
+} from "./chunks/chunk.NSCVXKY7.js";
 import {
   prio_nav_default
-} from "./chunks/chunk.PDUKIFQK.js";
-import "./chunks/chunk.X2YVATJQ.js";
+} from "./chunks/chunk.JFZI5G5H.js";
+import "./chunks/chunk.MNCHCSR6.js";
 import "./chunks/chunk.XNP4OTUB.js";
 import "./chunks/chunk.74N5WLM5.js";
 import {
   nav_item_default
-} from "./chunks/chunk.LOEPSD6X.js";
-import "./chunks/chunk.ONQ5K2CX.js";
+} from "./chunks/chunk.5XPMUVXP.js";
+import "./chunks/chunk.CHARKLJB.js";
 import "./chunks/chunk.VGEA67UG.js";
 import {
   optgroup_default
-} from "./chunks/chunk.X6EZ6IDB.js";
-import "./chunks/chunk.BJHKNFEP.js";
+} from "./chunks/chunk.TRY5EJT3.js";
+import "./chunks/chunk.XXXW4D5Z.js";
 import "./chunks/chunk.KG52EHDB.js";
-import "./chunks/chunk.CR6UX3ZW.js";
+import "./chunks/chunk.BL5YP5LC.js";
 import "./chunks/chunk.IVM3BGRH.js";
 import "./chunks/chunk.3B24TYVN.js";
 import {
   menu_item_default
-} from "./chunks/chunk.QWONMYTW.js";
+} from "./chunks/chunk.SRNILISO.js";
 import {
   menu_label_default
-} from "./chunks/chunk.6MWKKTIU.js";
-import "./chunks/chunk.PAHUFFDC.js";
+} from "./chunks/chunk.FF4XVNSJ.js";
+import "./chunks/chunk.6J62NZLX.js";
 import "./chunks/chunk.X6GR6IA2.js";
 import "./chunks/chunk.RAOPZXJL.js";
 import {
   input_default
-} from "./chunks/chunk.ZNPXQE4Y.js";
+} from "./chunks/chunk.AHEGI6FZ.js";
 import {
   menu_default
-} from "./chunks/chunk.FBI3AXPU.js";
-import "./chunks/chunk.ENN6ERQ7.js";
+} from "./chunks/chunk.KJT3IW7N.js";
+import "./chunks/chunk.2RFYTJAB.js";
 import "./chunks/chunk.PILX7LVU.js";
 import "./chunks/chunk.C2CWYCOU.js";
-import "./chunks/chunk.XH75XGUS.js";
+import "./chunks/chunk.V66SHZIC.js";
 import "./chunks/chunk.OOABXWCW.js";
 import "./chunks/chunk.FSWTBNSI.js";
 import "./chunks/chunk.JNP34M27.js";
 import {
   icon_button_default
-} from "./chunks/chunk.6OTRHD3A.js";
-import "./chunks/chunk.H45AUWZL.js";
+} from "./chunks/chunk.7UUAWIJB.js";
+import "./chunks/chunk.4C5GIKP3.js";
 import "./chunks/chunk.3A65FBTX.js";
 import "./chunks/chunk.3B22DBSJ.js";
 import {
   file_default
-} from "./chunks/chunk.7BM4VUXJ.js";
+} from "./chunks/chunk.BTDIIQBG.js";
 import {
   header_default
-} from "./chunks/chunk.UFBPOYW3.js";
-import "./chunks/chunk.P4UDCUFQ.js";
+} from "./chunks/chunk.JY6TLB3F.js";
+import "./chunks/chunk.I2CK5JGQ.js";
 import "./chunks/chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunks/chunk.Y2UPTDJA.js";
+} from "./chunks/chunk.ZJSWNCRY.js";
 import {
   drawer_default
-} from "./chunks/chunk.TN3QBFAN.js";
+} from "./chunks/chunk.WFLRTUIG.js";
 import {
   dropdown_default
-} from "./chunks/chunk.OTZXB23V.js";
-import "./chunks/chunk.RSS3K3BH.js";
+} from "./chunks/chunk.5W5EERWV.js";
+import "./chunks/chunk.F7SWTNFX.js";
 import "./chunks/chunk.2KYFCKCK.js";
 import "./chunks/chunk.D6IIQDWJ.js";
-import "./chunks/chunk.3Y2ITSKK.js";
+import "./chunks/chunk.TJV4KHUM.js";
 import "./chunks/chunk.IKZOQ7AE.js";
 import {
   dialog_default
-} from "./chunks/chunk.EOQMWXRF.js";
+} from "./chunks/chunk.FH3NYJ4L.js";
 import {
   divider_default
-} from "./chunks/chunk.BCWJRPY4.js";
-import "./chunks/chunk.UPUBWGWC.js";
+} from "./chunks/chunk.PNBZVGQV.js";
+import "./chunks/chunk.3DCZBMYA.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import "./chunks/chunk.FSZIE7IO.js";
-import "./chunks/chunk.IELSPNXQ.js";
+import "./chunks/chunk.Q3JEAMAU.js";
 import "./chunks/chunk.N7QJ54ZM.js";
 import "./chunks/chunk.I4FIU7FA.js";
 import {
   details_default
-} from "./chunks/chunk.XQ3L5FZI.js";
-import "./chunks/chunk.GLRUOAIO.js";
+} from "./chunks/chunk.VIWDGJTE.js";
+import "./chunks/chunk.ZYFPCGIV.js";
 import "./chunks/chunk.PU2BDR2W.js";
 import "./chunks/chunk.VA26EAEP.js";
-import "./chunks/chunk.X4CA7AWS.js";
+import "./chunks/chunk.PY4DOGR6.js";
 import "./chunks/chunk.MU43DZ7W.js";
 import "./chunks/chunk.XDM6VD32.js";
 import "./chunks/chunk.POGMEL53.js";
 import "./chunks/chunk.IU3SSJZE.js";
 import {
   checkbox_default
-} from "./chunks/chunk.N32UXGW2.js";
-import "./chunks/chunk.ARYNXWAR.js";
+} from "./chunks/chunk.JB5U2ORZ.js";
+import "./chunks/chunk.EK3JKUPT.js";
 import "./chunks/chunk.IG3RCOB3.js";
 import "./chunks/chunk.6OX2AX3Z.js";
 import {
   combobox_default
-} from "./chunks/chunk.VFOO7K4S.js";
-import "./chunks/chunk.JPOUFILE.js";
-import "./chunks/chunk.UK7QG54R.js";
+} from "./chunks/chunk.VSVCNOAK.js";
+import "./chunks/chunk.2SW56VZY.js";
+import "./chunks/chunk.KBOXS7N3.js";
 import "./chunks/chunk.AZ3N5IOO.js";
 import {
   defaultOptionRenderer,
@@ -221,58 +221,60 @@ import "./chunks/chunk.DPCIJLV4.js";
 import "./chunks/chunk.J2OXSQAK.js";
 import {
   button_default
-} from "./chunks/chunk.XPNSW7EJ.js";
+} from "./chunks/chunk.CBZS6RX3.js";
 import {
   button_group_default
-} from "./chunks/chunk.R77KU4ND.js";
-import "./chunks/chunk.XYCN2A3U.js";
+} from "./chunks/chunk.4M6WSXSN.js";
+import "./chunks/chunk.EL36JI6C.js";
 import "./chunks/chunk.GRVNUIP2.js";
 import {
   card_default
-} from "./chunks/chunk.3LUKWB2Y.js";
-import "./chunks/chunk.22WZ3KTN.js";
+} from "./chunks/chunk.7TNVMTP6.js";
+import "./chunks/chunk.RHILIB5F.js";
 import "./chunks/chunk.36SZKAYW.js";
 import "./chunks/chunk.C4JTZKPZ.js";
 import {
   breadcrumb_default
-} from "./chunks/chunk.R4JCFAYH.js";
+} from "./chunks/chunk.Z47MWGDP.js";
 import {
   breadcrumb_item_default
-} from "./chunks/chunk.5UE4VCYJ.js";
-import "./chunks/chunk.WBTSVLAC.js";
+} from "./chunks/chunk.SX2HQHHG.js";
+import "./chunks/chunk.TRE373FT.js";
 import "./chunks/chunk.NGIGPLN2.js";
 import "./chunks/chunk.O6ZH6AOI.js";
-import "./chunks/chunk.4GDZUNCT.js";
-import "./chunks/chunk.SYE5KL6D.js";
+import "./chunks/chunk.XHM2IMWS.js";
+import "./chunks/chunk.BV54N3A3.js";
 import "./chunks/chunk.AWJ376R6.js";
 import "./chunks/chunk.JLXCLATV.js";
 import "./chunks/chunk.BBNQVEPD.js";
 import "./chunks/chunk.42LDZR6F.js";
 import "./chunks/chunk.5SQ7NVBX.js";
 import {
-  accordion_default
-} from "./chunks/chunk.7DJJKSBC.js";
+  alert_default
+} from "./chunks/chunk.ZYI5MZKO.js";
 import {
   badge_default
-} from "./chunks/chunk.S3NEBYK7.js";
-import "./chunks/chunk.UZC7C7LR.js";
+} from "./chunks/chunk.CA6G64V3.js";
+import "./chunks/chunk.SL2YJQMT.js";
 import "./chunks/chunk.WQJRBFZA.js";
 import "./chunks/chunk.Y5TMYX2L.js";
-import "./chunks/chunk.Z6OPO6DQ.js";
+import "./chunks/chunk.WV43X4TZ.js";
 import "./chunks/chunk.32CYREEV.js";
 import "./chunks/chunk.S22BO5SF.js";
 import {
-  alert_default
-} from "./chunks/chunk.UTHNXU3J.js";
-import "./chunks/chunk.VXNQA3QC.js";
-import "./chunks/chunk.TXLOLSPA.js";
+  accordion_default
+} from "./chunks/chunk.WHN6WAGJ.js";
+import "./chunks/chunk.NLE7Z47J.js";
+import "./chunks/chunk.WNUZ6LH4.js";
+import "./chunks/chunk.UFPPLQKN.js";
+import "./chunks/chunk.JIMH242V.js";
 import "./chunks/chunk.6QYKWCSO.js";
 import "./chunks/chunk.DZ7YIR5N.js";
 import "./chunks/chunk.C2ENQBPM.js";
 import "./chunks/chunk.A3OYJILJ.js";
 import "./chunks/chunk.HQ6QUSK7.js";
 import "./chunks/chunk.WVVQK5TE.js";
-import "./chunks/chunk.RZFPM6T5.js";
+import "./chunks/chunk.UCETUW7G.js";
 import {
   registerIconLibrary,
   unregisterIconLibrary
@@ -281,18 +283,16 @@ import "./chunks/chunk.YTEJW7IF.js";
 import "./chunks/chunk.AINKZEUX.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import "./chunks/chunk.ZBW4ZSZ7.js";
-import "./chunks/chunk.ESQAXAFE.js";
-import "./chunks/chunk.GHGGBS4N.js";
+import "./chunks/chunk.GIU3H3J3.js";
+import "./chunks/chunk.S5N2TE2L.js";
 import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.234ERFCE.js";
+import "./chunks/chunk.74IOULXM.js";
+import "./chunks/chunk.XZF7CNUC.js";
 import "./chunks/chunk.JRYXECAY.js";
 import "./chunks/chunk.KG73YUXI.js";
-import "./chunks/chunk.ACX2NW5E.js";
-import "./chunks/chunk.74IOULXM.js";
-import "./chunks/chunk.F5BU5WA3.js";
-import "./chunks/chunk.WNUZ6LH4.js";
 import "./chunks/chunk.2GFK6XTO.js";
 export {
   accordion_default as SynAccordion,

package/dist/translations/de.js

@@ -1,7 +1,7 @@
 import {
   registerTranslation
-} from "../chunks/chunk.ESQAXAFE.js";
-import "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.GIU3H3J3.js";
+import "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 
 // src/translations/de.ts
@@ -41,11 +41,13 @@ var translation = {
   danger: "Gefahr",
   fileButtonText: "Datei ausw\xE4hlen",
   fileButtonTextMultiple: "Dateien ausw\xE4hlen",
+  folderButtonText: "Ordner ausw\xE4hlen",
   fileDragDrop: "Datei ablegen oder ausw\xE4hlen",
+  folderDragDrop: "Ordner ablegen oder ausw\xE4hlen",
   menu: "Men\xFC",
   notification: "Benachrichtigung",
-  numFilesSelected: (num) => {
-    if (num === 0) return "Keine Dateien ausgew\xE4hlt";
+  numFilesSelected: (num, dir) => {
+    if (num === 0) return `Keine ${dir ? "Ordner" : "Dateien"} ausgew\xE4hlt`;
     return `${num} Dateien`;
   },
   openMenu: "Men\xFC \xF6ffnen",

package/dist/translations/de.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/translations/de.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Men\u00FC schlie\u00DFen',\n  danger: 'Gefahr',\n  fileButtonText: 'Datei ausw\u00E4hlen',\n  fileButtonTextMultiple: 'Dateien ausw\u00E4hlen',\n  fileDragDrop: 'Datei ablegen oder ausw\u00E4hlen',\n  menu: 'Men\u00FC',\n  notification: 'Benachrichtigung',\n  numFilesSelected: num => {\n      if (num === 0) return 'Keine Dateien ausgew\u00E4hlt';\n      return `${num} Dateien`;\n    },\n  openMenu: 'Men\u00FC \u00F6ffnen',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
-  "mappings": ";;;;;;;AAWA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,cAAc;AAAA,EACd,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,SAAO;AACrB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { registerTranslation } from '../utilities/localize.js';\nimport type { Translation } from '../utilities/localize.js';\n\nconst translation: Translation = {\n  $code: 'de',\n  $name: 'Deutsch',\n  $dir: 'ltr',\n\n  carousel: 'Karussell',\n  clearEntry: 'Eingabe l\u00F6schen',\n  close: 'Schlie\u00DFen',\n  copied: 'Kopiert',\n  copy: 'Kopieren',\n  currentValue: 'Aktueller Wert',\n  error: 'Fehler',\n  goToSlide: (slide, count) => `Zu Folie ${slide} von ${count} gehen`,\n  hidePassword: 'Passwort verbergen',\n  loading: 'Wird geladen',\n  nextSlide: 'N\u00E4chste Folie',\n  numOptionsSelected: num => {\n    if (num === 0) return 'Keine Optionen ausgew\u00E4hlt';\n    if (num === 1) return '1 Option ausgew\u00E4hlt';\n    return `${num} Optionen ausgew\u00E4hlt`;\n  },\n  previousSlide: 'Vorherige Folie',\n  progress: 'Fortschritt',\n  remove: 'Entfernen',\n  resize: 'Gr\u00F6\u00DFe \u00E4ndern',\n  scrollToEnd: 'Zum Ende scrollen',\n  scrollToStart: 'Zum Anfang scrollen',\n  selectAColorFromTheScreen: 'Farbe vom Bildschirm ausw\u00E4hlen',\n  showPassword: 'Passwort anzeigen',\n  slideNum: slide => `Folie ${slide}`,\n  toggleColorFormat: 'Farbformat umschalten',\n\n  // Automatically generated custom translations.\n  // @see scripts/vendorism/translations.vendorism.js\n  closeMenu: 'Men\u00FC schlie\u00DFen',\n  danger: 'Gefahr',\n  fileButtonText: 'Datei ausw\u00E4hlen',\n  fileButtonTextMultiple: 'Dateien ausw\u00E4hlen',\n  folderButtonText: 'Ordner ausw\u00E4hlen',\n  fileDragDrop: 'Datei ablegen oder ausw\u00E4hlen',\n  folderDragDrop: 'Ordner ablegen oder ausw\u00E4hlen',\n  menu: 'Men\u00FC',\n  notification: 'Benachrichtigung',\n  numFilesSelected: (num, dir) => {\n      if (num === 0) return `Keine ${dir ? 'Ordner' : 'Dateien'} ausgew\u00E4hlt`;\n      return `${num} Dateien`;\n    },\n  openMenu: 'Men\u00FC \u00F6ffnen',\n  rangeMax: 'Maximum',\n  rangeMin: 'Minimum',\n  sideNav: 'Seitennavigation',\n  success: 'Erfolg',\n  warning: 'Warnung',\n};\n\nregisterTranslation(translation);\n\nexport default translation;\n"],
+  "mappings": ";;;;;;;AAWA,IAAM,cAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EAEN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW,CAAC,OAAO,UAAU,YAAY,KAAK,QAAQ,KAAK;AAAA,EAC3D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,WAAW;AAAA,EACX,oBAAoB,SAAO;AACzB,QAAI,QAAQ,EAAG,QAAO;AACtB,QAAI,QAAQ,EAAG,QAAO;AACtB,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,UAAU,WAAS,SAAS,KAAK;AAAA,EACjC,mBAAmB;AAAA;AAAA;AAAA,EAInB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,MAAM;AAAA,EACN,cAAc;AAAA,EACd,kBAAkB,CAAC,KAAK,QAAQ;AAC5B,QAAI,QAAQ,EAAG,QAAO,SAAS,MAAM,WAAW,SAAS;AACzD,WAAO,GAAG,GAAG;AAAA,EACf;AAAA,EACF,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AACX;AAEA,oBAAoB,WAAW;AAE/B,IAAO,aAAQ;",
   "names": []
 }

package/dist/translations/en.js

@@ -1,6 +1,6 @@
 import {
   en_default
-} from "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 export {
   en_default as default

package/dist/utilities/localize.d.ts

@@ -15,9 +15,11 @@ export interface Translation extends DefaultTranslation {
     fileButtonText: string;
     fileButtonTextMultiple: string;
     fileDragDrop: string;
+    folderButtonText: string;
+    folderDragDrop: string;
     menu: string;
     notification: string;
-    numFilesSelected: (num: number) => string;
+    numFilesSelected: (num: number, dir: boolean) => string;
     openMenu: string;
     rangeMax: string;
     rangeMin: string;

package/dist/utilities/localize.js

@@ -1,8 +1,8 @@
 import {
   LocalizeController,
   registerTranslation
-} from "../chunks/chunk.ESQAXAFE.js";
-import "../chunks/chunk.GHGGBS4N.js";
+} from "../chunks/chunk.GIU3H3J3.js";
+import "../chunks/chunk.S5N2TE2L.js";
 import "../chunks/chunk.2GFK6XTO.js";
 export {
   LocalizeController,

package/dist/vscode.html-custom-data.json

@@ -711,7 +711,7 @@
         },
         {
           "name": "multiple",
-          "description": "Indicates whether the user can select more than one file.\n[see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)",
+          "description": "Indicates whether the user can select more than one file.\nHas no effect if webkitdirectory is set.\n[see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)",
           "values": []
         },
         {

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "name": "@synergy-design-system/components",
-  "version": "2.8.0",
+  "version": "2.9.0",
   "description": "",
   "repository": {
     "type": "git",
@@ -94,9 +94,9 @@
     "user-agent-data-types": "^0.4.2",
     "vendorism": "^5.0.0",
     "vue-tsc": "^2.0.29",
+    "@synergy-design-system/eslint-config-syn": "0.1.0",
     "@synergy-design-system/stylelint-config-syn": "0.1.0",
-    "@synergy-design-system/tokens": "2.10.0",
-    "@synergy-design-system/eslint-config-syn": "0.1.0"
+    "@synergy-design-system/tokens": "2.11.0"
   },
   "release": {
     "branches": [
@@ -164,7 +164,7 @@
     "lit": "^3.2.0"
   },
   "peerDependencies": {
-    "@synergy-design-system/tokens": "^2.10.0"
+    "@synergy-design-system/tokens": "^2.11.0"
   },
   "scripts": {
     "build": "node scripts/build.js",

package/dist/chunks/chunk.3Y2ITSKK.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/file/file.component.ts"],
-  "sourcesContent": ["import { classMap } from 'lit/directives/class-map.js';\nimport { property, query, state } from 'lit/decorators.js';\nimport type { CSSResultGroup } from 'lit';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { defaultValue } from '../../internal/default-value.js';\nimport { watch } from '../../internal/watch.js';\nimport type { SynergyFormControl } from '../../internal/synergy-element.js';\nimport { LocalizeController } from '../../utilities/localize.js';\nimport { FormControlController } from '../../internal/form.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport componentStyles from '../../styles/component.styles.js';\nimport formControlStyles from '../../styles/form-control.styles.js';\nimport formControlCustomStyles from '../../styles/form-control.custom.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport SynButton from '../button/button.component.js';\nimport SynIcon from '../icon/icon.component.js';\nimport styles from './file.styles.js';\nimport { getAnimation, setDefaultAnimation } from '../../utilities/animation-registry.js';\nimport { animateTo } from '../../internal/animate.js';\n\n/**\n * @summary File controls allow selecting an arbitrary number of files for uploading.\n * @status stable\n *\n * @dependency syn-button\n * @dependency syn-icon\n *\n * @slot label - The file control's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the file control.\n *    Alternatively, you can use the `help-text` attribute.\n * @slot droparea-icon - Optional droparea icon to use instead of the default.\n *    Works best with `<syn-icon>`.\n * @slot trigger - Optional content to be used as trigger instead of the default content.\n *    Opening the file dialog on click and as well as drag and drop will work for this content.\n *    Following attributes will no longer work: *label*, *droparea*, *help-text*, *size*,\n *    *hide-value*. Also if using the disabled attribute, the disabled styling will not be\n *    applied and must be taken care of yourself.\n *\n * @event syn-blur - Emitted when the control loses focus.\n * @event syn-change - Emitted when an alteration to the control's value is committed by the user.\n * @event syn-error - Emitted when multiple files are selected via drag and drop, without\n * the `multiple` property being set.\n * @event syn-focus - Emitted when the control gains focus.\n * @event syn-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart button-wrapper - The wrapper around the button and text value.\n * @csspart button - The syn-button acting as a file input.\n * @csspart button__base - The syn-button's exported `base` part.\n * @csspart value - The chosen files or placeholder text for the file input.\n * @csspart droparea - The element wrapping the drop zone.\n * @csspart droparea-background - The background of the drop zone.\n * @csspart droparea-icon - The container that wraps the icon for the drop zone.\n * @csspart droparea-value - The text for the drop zone.\n * @csspart trigger - The container that wraps the trigger.\n *\n * @animation file.iconDrop - The animation to use for the file icon\n * when a file is dropped\n * @animation file.text.disappear - The disappear animation to use for the file placeholder text\n * when a file is dropped\n * @animation file.text.appear - The appear animation to use for the file placeholder text\n * when a file is dropped\n */\nexport default class SynFile extends SynergyElement implements SynergyFormControl {\n  static styles: CSSResultGroup = [\n    componentStyles,\n    formControlStyles,\n    formControlCustomStyles,\n    styles,\n  ];\n\n  static dependencies = {\n    'syn-button': SynButton,\n    'syn-icon': SynIcon,\n  };\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['syn-change'],\n    // This makes sure the value sent in formdata events is always the files object\n    // @see internals/form.ts #handleFormData for more information\n    value: (el: SynFile) => el.files,\n  });\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n\n  private readonly localize = new LocalizeController(this);\n\n  @state() private userIsDragging = false;\n\n  /**\n   * The selected files as a FileList object containing a list of File objects.\n   * The FileList behaves like an array, so you can get the number of selected files\n   * via its length property.\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files\n   */\n  @property({ type: Object })\n  set files(v: FileList | null) {\n    if (this.input) {\n      this.input.files = v;\n    }\n  }\n\n  get files() {\n    return this.input?.files;\n  }\n\n  /** The name of the file control, submitted as a name/value pair with form data. */\n  @property({ type: String }) name = '';\n\n  /**\n   * The current value of the input, submitted as a name/value pair with form data.\n   * Beware that the only valid value when setting a file input is an empty string!\n   */\n\n  /**\n   * The value of the file control contains a string that represents the path of the selected file.\n   * If multiple files are selected, the value represents the first file in the list.\n   * If no file is selected, the value is an empty string.\n   * Beware that the only valid value when setting a file control is an empty string!\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value\n   */\n  @property({ type: String })\n  set value(v: string) {\n    if (this.input) {\n      this.input.value = v;\n    }\n  }\n\n  get value() {\n    return this.input?.value;\n  }\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The file control's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** The file control's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /**\n   * The file control's help text.\n   * If you need to display HTML, use the `help-text` slot instead.\n   */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** Disables the file control. */\n  @property({ reflect: true, type: Boolean }) disabled = false;\n\n  /** Draw the file control as a drop area */\n  @property({ type: Boolean }) droparea = false;\n\n  /**\n   * Comma separated list of supported file types\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept\n   * @example <syn-file accept=\".jpg,.jpeg,.png,.gif,text/plain,image/*\"></syn-file>\n   */\n  @property({ type: String }) accept = '';\n\n  /**\n   * Specifies the types of files that the server accepts.\n   * Can be set either to user or environment.\n   * Works only when not using a droparea!\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture\n   */\n  @property({ type: String }) capture: 'user' | 'environment';\n\n  /**\n   * Indicates whether the user can select more than one file.\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple\n   */\n  @property({ reflect: true, type: Boolean }) multiple = false;\n\n  /**\n   * Indicates that the file control should let the user select directories instead of files.\n   * When a directory is selected, the directory and its entire hierarchy of contents are included\n   * in the set of selected items.\n   * Note: This is a non-standard attribute but is supported in the major browsers.\n   * [see MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)\n   *\n   * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory\n   */\n  @property({ reflect: true, type: Boolean }) webkitdirectory = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element.\n   * This attribute allows you to place the form control outside of a form and associate it\n   * with the form that has this `id`. The form must be in the same document\n   * or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the input a required field. */\n  @property({ reflect: true, type: Boolean }) required = false;\n\n  /** Suppress the value from being displayed in the file control */\n  @property({ attribute: 'hide-value', type: Boolean }) hideValue = false;\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @query('.button') button: SynButton;\n\n  @query('.droparea') dropareaWrapper: HTMLDivElement;\n\n  @query('.droparea__icon') dropareaIcon: HTMLSpanElement;\n\n  @query('.input__value') inputChosen: HTMLSpanElement;\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  /**\n   * Checks for validity but does not show a validation message.\n   * Returns `true` when valid and `false` when invalid.\n   */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.formControlController.updateValidity();\n  }\n\n  /** Sets focus on the button or droparea. */\n  focus(options?: FocusOptions) {\n    if (this.droparea) {\n      this.dropareaWrapper?.focus(options);\n      return;\n    }\n\n    this.button?.focus(options);\n  }\n\n  /** Removes focus from the button or droparea. */\n  blur() {\n    if (this.droparea) {\n      this.dropareaWrapper?.blur();\n      return;\n    }\n\n    this.button?.blur();\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleFiles(files: FileList | null) {\n    if (!files) {\n      this.value = '';\n      return;\n    }\n    this.files = files;\n  }\n\n  private handleClick(e: Event) {\n    e.preventDefault();\n    this.input.click();\n  }\n\n  /** Handles the change event of the native input */\n  private handleChange(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    this.emit('syn-input');\n    this.emit('syn-change');\n  }\n\n  private handleDragOver(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.userIsDragging = true;\n  }\n\n  private handleDragLeave(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.userIsDragging = false;\n  }\n\n  // eslint-disable-next-line complexity\n  private async handleDrop(e: DragEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n\n    const files = e.dataTransfer?.files;\n\n    if (files) {\n      if (!this.multiple && files.length > 1) {\n        this.emit('syn-error');\n      } else {\n        // Use the transferred file list from the drag drop interface\n        const hasTrigger = this.hasSlotController.test('trigger');\n        if (!hasTrigger) {\n          const disappearAnimation = getAnimation(this.inputChosen, 'file.text.disappear', { dir: this.localize.dir() });\n          const appearAnimation = getAnimation(this.inputChosen, 'file.text.appear', { dir: this.localize.dir() });\n\n          if (this.droparea) {\n            const dropIconAnimation = getAnimation(this.dropareaIcon, 'file.iconDrop', { dir: this.localize.dir() });\n            // eslint-disable-next-line @typescript-eslint/no-floating-promises\n            animateTo(this.dropareaIcon, dropIconAnimation.keyframes, dropIconAnimation.options);\n          }\n          // eslint-disable-next-line max-len\n          await animateTo(this.inputChosen, disappearAnimation.keyframes, disappearAnimation.options);\n          this.handleFiles(files);\n          await animateTo(this.inputChosen, appearAnimation.keyframes, appearAnimation.options);\n        } else {\n          this.handleFiles(files);\n        }\n\n        this.input.dispatchEvent(new Event('change'));\n      }\n    }\n\n    this.userIsDragging = false;\n  }\n\n  /**\n   * Handle the focus of the droparea and emit focus event\n   */\n  private handleFocus() {\n    this.emit('syn-focus');\n  }\n\n  /**\n   * Handle the blur of the droparea and emit blur event\n   */\n  private handleBlur() {\n    this.emit('syn-blur');\n  }\n\n  private renderValue() {\n    let hasFiles = false;\n    let fileChosenLabel = this.localize.term('numFilesSelected', 0);\n\n    if (this.files && this.files?.length > 0) {\n      hasFiles = true;\n      fileChosenLabel = this.files.length === 1\n        ? this.files[0].name\n        : this.localize.term('numFilesSelected', this.files.length);\n    }\n\n    return html`\n      <span\n        class=${classMap({\n          input__value: true,\n          'input__value--hidden': this.hideValue,\n          'input__value--placeholder': !hasFiles,\n        })}\n        part=\"value\"\n      >\n        ${fileChosenLabel}\n      </span>\n    `;\n  }\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  private renderDroparea() {\n    return html`\n      <div\n        class=\"droparea\"\n        @click=${this.handleClick}\n        @keypress=${this.handleClick}\n        @focus=${this.handleFocus}\n        @blur=${this.handleBlur}\n        tabindex=${this.disabled ? -1 : 0}\n        part=\"droparea\"\n      >\n        <div\n          class=\"droparea__background\"\n          part=\"droparea-background\"\n        >\n          <span part=\"droparea-icon\" class=\"droparea__icon\">\n            <slot name=\"droparea-icon\">\n              <syn-icon name=\"upload-file\" library=\"system\" ></syn-icon>\n            </slot>\n          </span>\n          <p\n            class=\"droparea__text\"\n            part=\"droparea-value\"\n          >\n            <strong>${this.localize.term('fileDragDrop')}</strong>\n            ${this.renderValue()}\n          </p>\n        </div>\n      </div>\n    `;\n  }\n  /* eslint-enable @typescript-eslint/unbound-method */\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  private renderButton() {\n    const buttonText = this.multiple\n      ? this.localize.term('fileButtonTextMultiple')\n      : this.localize.term('fileButtonText');\n\n    return html`\n      <div\n        class=\"button__wrapper\"\n        part=\"button-wrapper\"\n      >\n        <syn-button\n          class=\"button\"\n          @click=${this.handleClick}\n          ?disabled=${this.disabled}\n          exportparts=\"base:button__base\"\n          part=\"button\"\n          size=${this.size}\n          variant=\"outline\"\n        >\n          ${buttonText}\n        </syn-button>\n        ${this.renderValue()}\n      </div>\n    `;\n  }\n  /* eslint-enable @typescript-eslint/unbound-method */\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n  // eslint-disable-next-line complexity\n  render() {\n    const hasLabel = this.label || !!this.hasSlotController.test('label');\n    const hasHelpText = this.helpText ? true : !!this.hasSlotController.test('help-text');\n    const hasTrigger = !!this.hasSlotController.test('trigger');\n\n    return html`\n      <div\n        class=${classMap({\n          'form-control': true,\n          'form-control--droparea': this.droparea,\n          'form-control--has-help-text': hasHelpText,\n          'form-control--has-label': hasLabel,\n          'form-control--large': this.size === 'large',\n          'form-control--medium': this.size === 'medium',\n          'form-control--small': this.size === 'small',\n          'form-control--user-dragging': this.userIsDragging,\n        })}\n        @dragenter=${this.handleDragOver}\n        @dragleave=${this.handleDragLeave}\n        @dragover=${this.handleDragOver}\n        @drop=${this.handleDrop}\n        part=\"form-control\"\n      >\n      ${\n        hasTrigger\n          ? html`\n                <slot \n                  @click=${this.handleClick}\n                  @keypress=${this.handleClick}\n                  name=\"trigger\"\n                  part=\"trigger\"\n                ></slot>\n            `\n          : html`\n              <label\n                aria-hidden=${hasLabel ? 'false' : 'true'}\n                class=\"form-control__label\"\n                for=\"input\"\n                part=\"form-control-label\"\n              >\n                <slot name=\"label\">${this.label}</slot>\n              </label>\n\n              <div\n                class=\"form-control-input\"\n                part=\"form-control-input\"\n              >\n\n                ${this.droparea ? this.renderDroparea() : this.renderButton()}\n              </div>\n\n              <div\n                aria-hidden=${hasHelpText ? 'false' : 'true'}\n                class=\"form-control__help-text\"\n                id=\"help-text\"\n                part=\"form-control-help-text\"\n              >\n                <slot name=\"help-text\">${this.helpText}</slot>\n              </div>\n            `\n        }\n        <input\n          accept=${this.accept}\n          aria-describedby=\"help-text\"\n          @change=${this.handleChange}\n          class=\"input__control\"\n          ?disabled=${this.disabled}\n          id=\"input\"\n          @invalid=${this.handleInvalid}\n          ?multiple=${this.multiple}\n          name=${ifDefined(this.name)}\n          ?required=${this.required}\n          type=\"file\"\n          tabindex=\"-1\"\n          ?webkitdirectory=${this.webkitdirectory}\n        >\n    </div>\n    `;\n  }\n  /* eslint-enable @typescript-eslint/unbound-method */\n}\n\nsetDefaultAnimation('file.iconDrop', {\n  keyframes: [\n    { scale: 1 },\n    { scale: 0.7 },\n    { scale: 1 },\n  ],\n  options: { duration: 600, easing: 'ease-out' },\n});\n\nsetDefaultAnimation('file.text.disappear', {\n  keyframes: [\n    { opacity: 1 },\n    { opacity: 0, transform: 'translateY(-40%)' },\n  ],\n  options: { duration: 300, easing: 'cubic-bezier(0.45, 1.45, 0.8, 1)' },\n});\n\nsetDefaultAnimation('file.text.appear', {\n  keyframes: [\n    { opacity: 0, transform: 'translateY(40%)' },\n    { opacity: 1 },\n  ],\n  options: { duration: 300, easing: 'cubic-bezier(0.45, 1.45, 0.8, 1)' },\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AACzB,SAAS,UAAU,OAAO,aAAa;AAEvC,SAAS,YAAY;AACrB,SAAS,iBAAiB;AA+D1B,IAAqB,UAArB,cAAqC,eAA6C;AAAA,EAAlF;AAAA;AAaE,SAAiB,wBAAwB,IAAI,sBAAsB,MAAM;AAAA,MACvE,qBAAqB,CAAC,YAAY;AAAA;AAAA;AAAA,MAGlC,OAAO,CAAC,OAAgB,GAAG;AAAA,IAC7B,CAAC;AAED,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,aAAa,OAAO;AAErF,SAAiB,WAAW,IAAI,mBAAmB,IAAI;AAE9C,SAAQ,iBAAiB;AAsBN,gBAAO;AA4BnB,wBAAe;AAGF,gBAAqC;AAGtD,iBAAQ;AAMkB,oBAAW;AAGL,oBAAW;AAG1B,oBAAW;AASZ,kBAAS;AAkBO,oBAAW;AAWX,2BAAkB;AAQjC,gBAAO;AAGQ,oBAAW;AAGD,qBAAY;AAAA;AAAA,EA7GlE,IAAI,MAAM,GAAoB;AAC5B,QAAI,KAAK,OAAO;AACd,WAAK,MAAM,QAAQ;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,IAAI,QAAQ;AA5Gd;AA6GI,YAAO,UAAK,UAAL,mBAAY;AAAA,EACrB;AAAA,EAoBA,IAAI,MAAM,GAAW;AACnB,QAAI,KAAK,OAAO;AACd,WAAK,MAAM,QAAQ;AAAA,IACrB;AAAA,EACF;AAAA,EAEA,IAAI,QAAQ;AAxId;AAyII,YAAO,UAAK,UAAL,mBAAY;AAAA,EACrB;AAAA;AAAA,EAsFA,IAAI,WAAW;AACb,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA,EAGA,IAAI,oBAAoB;AACtB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,gBAAgB;AACd,WAAO,KAAK,MAAM,cAAc;AAAA,EAClC;AAAA;AAAA,EAGA,UAAkC;AAChC,WAAO,KAAK,sBAAsB,QAAQ;AAAA,EAC5C;AAAA;AAAA,EAGA,iBAAiB;AACf,WAAO,KAAK,MAAM,eAAe;AAAA,EACnC;AAAA;AAAA,EAGA,kBAAkB,SAAiB;AACjC,SAAK,MAAM,kBAAkB,OAAO;AACpC,SAAK,sBAAsB,eAAe;AAAA,EAC5C;AAAA,EAGA,uBAAuB;AAErB,SAAK,sBAAsB,YAAY,KAAK,QAAQ;AAAA,EACtD;AAAA,EAGA,MAAM,oBAAoB;AACxB,UAAM,KAAK;AACX,SAAK,sBAAsB,eAAe;AAAA,EAC5C;AAAA;AAAA,EAGA,MAAM,SAAwB;AA9QhC;AA+QI,QAAI,KAAK,UAAU;AACjB,iBAAK,oBAAL,mBAAsB,MAAM;AAC5B;AAAA,IACF;AAEA,eAAK,WAAL,mBAAa,MAAM;AAAA,EACrB;AAAA;AAAA,EAGA,OAAO;AAxRT;AAyRI,QAAI,KAAK,UAAU;AACjB,iBAAK,oBAAL,mBAAsB;AACtB;AAAA,IACF;AAEA,eAAK,WAAL,mBAAa;AAAA,EACf;AAAA,EAEQ,cAAc,OAAc;AAClC,SAAK,sBAAsB,YAAY,KAAK;AAC5C,SAAK,sBAAsB,iBAAiB,KAAK;AAAA,EACnD;AAAA,EAEQ,YAAY,OAAwB;AAC1C,QAAI,CAAC,OAAO;AACV,WAAK,QAAQ;AACb;AAAA,IACF;AACA,SAAK,QAAQ;AAAA,EACf;AAAA,EAEQ,YAAY,GAAU;AAC5B,MAAE,eAAe;AACjB,SAAK,MAAM,MAAM;AAAA,EACnB;AAAA;AAAA,EAGQ,aAAa,GAAU;AAC7B,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAElB,SAAK,KAAK,WAAW;AACrB,SAAK,KAAK,YAAY;AAAA,EACxB;AAAA,EAEQ,eAAe,GAAc;AACnC,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,SAAK,iBAAiB;AAAA,EACxB;AAAA,EAEQ,gBAAgB,GAAc;AACpC,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,SAAK,iBAAiB;AAAA,EACxB;AAAA;AAAA,EAGA,MAAc,WAAW,GAAc;AAzUzC;AA0UI,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAElB,UAAM,SAAQ,OAAE,iBAAF,mBAAgB;AAE9B,QAAI,OAAO;AACT,UAAI,CAAC,KAAK,YAAY,MAAM,SAAS,GAAG;AACtC,aAAK,KAAK,WAAW;AAAA,MACvB,OAAO;AAEL,cAAM,aAAa,KAAK,kBAAkB,KAAK,SAAS;AACxD,YAAI,CAAC,YAAY;AACf,gBAAM,qBAAqB,aAAa,KAAK,aAAa,uBAAuB,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,CAAC;AAC7G,gBAAM,kBAAkB,aAAa,KAAK,aAAa,oBAAoB,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,CAAC;AAEvG,cAAI,KAAK,UAAU;AACjB,kBAAM,oBAAoB,aAAa,KAAK,cAAc,iBAAiB,EAAE,KAAK,KAAK,SAAS,IAAI,EAAE,CAAC;AAEvG,sBAAU,KAAK,cAAc,kBAAkB,WAAW,kBAAkB,OAAO;AAAA,UACrF;AAEA,gBAAM,UAAU,KAAK,aAAa,mBAAmB,WAAW,mBAAmB,OAAO;AAC1F,eAAK,YAAY,KAAK;AACtB,gBAAM,UAAU,KAAK,aAAa,gBAAgB,WAAW,gBAAgB,OAAO;AAAA,QACtF,OAAO;AACL,eAAK,YAAY,KAAK;AAAA,QACxB;AAEA,aAAK,MAAM,cAAc,IAAI,MAAM,QAAQ,CAAC;AAAA,MAC9C;AAAA,IACF;AAEA,SAAK,iBAAiB;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA,EAKQ,cAAc;AACpB,SAAK,KAAK,WAAW;AAAA,EACvB;AAAA;AAAA;AAAA;AAAA,EAKQ,aAAa;AACnB,SAAK,KAAK,UAAU;AAAA,EACtB;AAAA,EAEQ,cAAc;AA3XxB;AA4XI,QAAI,WAAW;AACf,QAAI,kBAAkB,KAAK,SAAS,KAAK,oBAAoB,CAAC;AAE9D,QAAI,KAAK,WAAS,UAAK,UAAL,mBAAY,UAAS,GAAG;AACxC,iBAAW;AACX,wBAAkB,KAAK,MAAM,WAAW,IACpC,KAAK,MAAM,CAAC,EAAE,OACd,KAAK,SAAS,KAAK,oBAAoB,KAAK,MAAM,MAAM;AAAA,IAC9D;AAEA,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,cAAc;AAAA,MACd,wBAAwB,KAAK;AAAA,MAC7B,6BAA6B,CAAC;AAAA,IAChC,CAAC,CAAC;AAAA;AAAA;AAAA,UAGA,eAAe;AAAA;AAAA;AAAA,EAGvB;AAAA;AAAA,EAGQ,iBAAiB;AACvB,WAAO;AAAA;AAAA;AAAA,iBAGM,KAAK,WAAW;AAAA,oBACb,KAAK,WAAW;AAAA,iBACnB,KAAK,WAAW;AAAA,gBACjB,KAAK,UAAU;AAAA,mBACZ,KAAK,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBnB,KAAK,SAAS,KAAK,cAAc,CAAC;AAAA,cAC1C,KAAK,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK9B;AAAA;AAAA;AAAA,EAIQ,eAAe;AACrB,UAAM,aAAa,KAAK,WACpB,KAAK,SAAS,KAAK,wBAAwB,IAC3C,KAAK,SAAS,KAAK,gBAAgB;AAEvC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOQ,KAAK,WAAW;AAAA,sBACb,KAAK,QAAQ;AAAA;AAAA;AAAA,iBAGlB,KAAK,IAAI;AAAA;AAAA;AAAA,YAGd,UAAU;AAAA;AAAA,UAEZ,KAAK,YAAY,CAAC;AAAA;AAAA;AAAA,EAG1B;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS;AACP,UAAM,WAAW,KAAK,SAAS,CAAC,CAAC,KAAK,kBAAkB,KAAK,OAAO;AACpE,UAAM,cAAc,KAAK,WAAW,OAAO,CAAC,CAAC,KAAK,kBAAkB,KAAK,WAAW;AACpF,UAAM,aAAa,CAAC,CAAC,KAAK,kBAAkB,KAAK,SAAS;AAE1D,WAAO;AAAA;AAAA,gBAEK,SAAS;AAAA,MACf,gBAAgB;AAAA,MAChB,0BAA0B,KAAK;AAAA,MAC/B,+BAA+B;AAAA,MAC/B,2BAA2B;AAAA,MAC3B,uBAAuB,KAAK,SAAS;AAAA,MACrC,wBAAwB,KAAK,SAAS;AAAA,MACtC,uBAAuB,KAAK,SAAS;AAAA,MACrC,+BAA+B,KAAK;AAAA,IACtC,CAAC,CAAC;AAAA,qBACW,KAAK,cAAc;AAAA,qBACnB,KAAK,eAAe;AAAA,oBACrB,KAAK,cAAc;AAAA,gBACvB,KAAK,UAAU;AAAA;AAAA;AAAA,QAIvB,aACI;AAAA;AAAA,2BAEe,KAAK,WAAW;AAAA,8BACb,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,gBAKlC;AAAA;AAAA,8BAEkB,WAAW,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,qCAKpB,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAQ7B,KAAK,WAAW,KAAK,eAAe,IAAI,KAAK,aAAa,CAAC;AAAA;AAAA;AAAA;AAAA,8BAI/C,cAAc,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,yCAKnB,KAAK,QAAQ;AAAA;AAAA,aAG9C;AAAA;AAAA,mBAEW,KAAK,MAAM;AAAA;AAAA,oBAEV,KAAK,YAAY;AAAA;AAAA,sBAEf,KAAK,QAAQ;AAAA;AAAA,qBAEd,KAAK,aAAa;AAAA,sBACjB,KAAK,QAAQ;AAAA,iBAClB,UAAU,KAAK,IAAI,CAAC;AAAA,sBACf,KAAK,QAAQ;AAAA;AAAA;AAAA,6BAGN,KAAK,eAAe;AAAA;AAAA;AAAA;AAAA,EAI/C;AAAA;AAEF;AAjeqB,QACZ,SAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AANmB,QAQZ,eAAe;AAAA,EACpB,cAAc;AAAA,EACd,YAAY;AACd;AAaiB;AAAA,EAAhB,MAAM;AAAA,GAxBY,QAwBF;AAWb;AAAA,EADH,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GAlCP,QAmCf;AAWwB;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA9CP,QA8CS;AAiBxB;AAAA,EADH,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA9DP,QA+Df;AAWY;AAAA,EAAf,aAAa;AAAA,GA1EK,QA0EH;AAGa;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GA7ER,QA6EU;AAGjB;AAAA,EAAX,SAAS;AAAA,GAhFS,QAgFP;AAM0B;AAAA,EAArC,SAAS,EAAE,WAAW,YAAY,CAAC;AAAA,GAtFjB,QAsFmB;AAGM;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GAzFvB,QAyFyB;AAGf;AAAA,EAA5B,SAAS,EAAE,MAAM,QAAQ,CAAC;AAAA,GA5FR,QA4FU;AASD;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GArGP,QAqGS;AAUA;AAAA,EAA3B,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,GA/GP,QA+GS;AAQgB;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GAvHvB,QAuHyB;AAWA;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GAlIvB,QAkIyB;AAQf;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GA1IR,QA0IU;AAGe;AAAA,EAA3C,SAAS,EAAE,SAAS,MAAM,MAAM,QAAQ,CAAC;AAAA,GA7IvB,QA6IyB;AAGU;AAAA,EAArD,SAAS,EAAE,WAAW,cAAc,MAAM,QAAQ,CAAC;AAAA,GAhJjC,QAgJmC;AAE5B;AAAA,EAAzB,MAAM,iBAAiB;AAAA,GAlJL,QAkJO;AAER;AAAA,EAAjB,MAAM,SAAS;AAAA,GApJG,QAoJD;AAEE;AAAA,EAAnB,MAAM,WAAW;AAAA,GAtJC,QAsJC;AAEM;AAAA,EAAzB,MAAM,iBAAiB;AAAA,GAxJL,QAwJO;AAEF;AAAA,EAAvB,MAAM,eAAe;AAAA,GA1JH,QA0JK;AAqCxB;AAAA,EADC,MAAM,YAAY,EAAE,sBAAsB,KAAK,CAAC;AAAA,GA9L9B,QA+LnB;AAMM;AAAA,EADL,MAAM,SAAS,EAAE,sBAAsB,KAAK,CAAC;AAAA,GApM3B,QAqMb;AA8RR,oBAAoB,iBAAiB;AAAA,EACnC,WAAW;AAAA,IACT,EAAE,OAAO,EAAE;AAAA,IACX,EAAE,OAAO,IAAI;AAAA,IACb,EAAE,OAAO,EAAE;AAAA,EACb;AAAA,EACA,SAAS,EAAE,UAAU,KAAK,QAAQ,WAAW;AAC/C,CAAC;AAED,oBAAoB,uBAAuB;AAAA,EACzC,WAAW;AAAA,IACT,EAAE,SAAS,EAAE;AAAA,IACb,EAAE,SAAS,GAAG,WAAW,mBAAmB;AAAA,EAC9C;AAAA,EACA,SAAS,EAAE,UAAU,KAAK,QAAQ,mCAAmC;AACvE,CAAC;AAED,oBAAoB,oBAAoB;AAAA,EACtC,WAAW;AAAA,IACT,EAAE,SAAS,GAAG,WAAW,kBAAkB;AAAA,IAC3C,EAAE,SAAS,EAAE;AAAA,EACf;AAAA,EACA,SAAS,EAAE,UAAU,KAAK,QAAQ,mCAAmC;AACvE,CAAC;",
-  "names": []
-}