@synergy-design-system/components 2.4.2 → 2.5.0

package/dist/components/checkbox/checkbox.component.js

@@ -1,21 +1,21 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.BRQJBVSR.js";
+} from "../../chunks/chunk.XBHV2RZS.js";
 import "../../chunks/chunk.RBG37CD4.js";
-import "../../chunks/chunk.CX4QZVGR.js";
+import "../../chunks/chunk.HLE65RI4.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
-import "../../chunks/chunk.6EXC65JJ.js";
+import "../../chunks/chunk.QBVLTYU7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynCheckbox as default

package/dist/components/checkbox/checkbox.js

@@ -1,22 +1,22 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.5Z23XOZH.js";
-import "../../chunks/chunk.BRQJBVSR.js";
+} from "../../chunks/chunk.C66PDYUI.js";
+import "../../chunks/chunk.XBHV2RZS.js";
 import "../../chunks/chunk.RBG37CD4.js";
-import "../../chunks/chunk.CX4QZVGR.js";
+import "../../chunks/chunk.HLE65RI4.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
-import "../../chunks/chunk.6EXC65JJ.js";
+import "../../chunks/chunk.QBVLTYU7.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   checkbox_default as default

package/dist/components/details/details.component.js

@@ -1,21 +1,22 @@
 import {
   SynDetails
-} from "../../chunks/chunk.YKKAQLY3.js";
+} from "../../chunks/chunk.OP4WTQ2R.js";
 import "../../chunks/chunk.PU2BDR2W.js";
 import "../../chunks/chunk.VA26EAEP.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDetails as default

package/dist/components/details/details.js

@@ -1,22 +1,23 @@
 import {
   details_default
-} from "../../chunks/chunk.OPOK7CZS.js";
-import "../../chunks/chunk.YKKAQLY3.js";
+} from "../../chunks/chunk.WEUMPGAL.js";
+import "../../chunks/chunk.OP4WTQ2R.js";
 import "../../chunks/chunk.PU2BDR2W.js";
 import "../../chunks/chunk.VA26EAEP.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   details_default as default

package/dist/components/dialog/dialog.component.js

@@ -1,28 +1,29 @@
 import {
   SynDialog
-} from "../../chunks/chunk.T4V4ARKQ.js";
+} from "../../chunks/chunk.5BDQUWIH.js";
 import "../../chunks/chunk.PMC3VAD6.js";
 import "../../chunks/chunk.RX7A4EQ2.js";
 import "../../chunks/chunk.POGMEL53.js";
 import "../../chunks/chunk.IU3SSJZE.js";
 import "../../chunks/chunk.MU43DZ7W.js";
-import "../../chunks/chunk.I7T6CYDB.js";
+import "../../chunks/chunk.GZQPS6JH.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDialog as default

package/dist/components/dialog/dialog.js

@@ -1,29 +1,30 @@
 import {
   dialog_default
-} from "../../chunks/chunk.6NWT6L3K.js";
-import "../../chunks/chunk.T4V4ARKQ.js";
+} from "../../chunks/chunk.6N5IAYT2.js";
+import "../../chunks/chunk.5BDQUWIH.js";
 import "../../chunks/chunk.PMC3VAD6.js";
 import "../../chunks/chunk.RX7A4EQ2.js";
 import "../../chunks/chunk.POGMEL53.js";
 import "../../chunks/chunk.IU3SSJZE.js";
 import "../../chunks/chunk.MU43DZ7W.js";
-import "../../chunks/chunk.I7T6CYDB.js";
+import "../../chunks/chunk.GZQPS6JH.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   dialog_default as default

package/dist/components/divider/divider.component.js

@@ -1,10 +1,10 @@
 import {
   SynDivider
-} from "../../chunks/chunk.YA3UERHI.js";
+} from "../../chunks/chunk.HVJGBGHT.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.FSZIE7IO.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDivider as default

package/dist/components/divider/divider.js

@@ -1,11 +1,11 @@
 import {
   divider_default
-} from "../../chunks/chunk.GLQRGWLN.js";
-import "../../chunks/chunk.YA3UERHI.js";
+} from "../../chunks/chunk.MZO2W4AG.js";
+import "../../chunks/chunk.HVJGBGHT.js";
 import "../../chunks/chunk.FA6V2WD6.js";
 import "../../chunks/chunk.FSZIE7IO.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   divider_default as default

package/dist/components/drawer/drawer.component.js

@@ -1,28 +1,29 @@
 import {
   SynDrawer
-} from "../../chunks/chunk.D4YRKGVK.js";
+} from "../../chunks/chunk.AA7ETQ6Z.js";
 import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.N7QJ54ZM.js";
 import "../../chunks/chunk.PMC3VAD6.js";
 import "../../chunks/chunk.RX7A4EQ2.js";
 import "../../chunks/chunk.POGMEL53.js";
-import "../../chunks/chunk.I7T6CYDB.js";
+import "../../chunks/chunk.GZQPS6JH.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDrawer as default

package/dist/components/drawer/drawer.js

@@ -1,29 +1,30 @@
 import {
   drawer_default
-} from "../../chunks/chunk.JSGXW7HG.js";
-import "../../chunks/chunk.D4YRKGVK.js";
+} from "../../chunks/chunk.SIADSRVP.js";
+import "../../chunks/chunk.AA7ETQ6Z.js";
 import "../../chunks/chunk.I4FIU7FA.js";
 import "../../chunks/chunk.N7QJ54ZM.js";
 import "../../chunks/chunk.PMC3VAD6.js";
 import "../../chunks/chunk.RX7A4EQ2.js";
 import "../../chunks/chunk.POGMEL53.js";
-import "../../chunks/chunk.I7T6CYDB.js";
+import "../../chunks/chunk.GZQPS6JH.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.E5Q4S6J5.js";
-import "../../chunks/chunk.AV56MW4Q.js";
-import "../../chunks/chunk.SDQC32B3.js";
-import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.OUSXEKQG.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
 import "../../chunks/chunk.YTEJW7IF.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   drawer_default as default

package/dist/components/dropdown/dropdown.component.js

@@ -1,17 +1,18 @@
 import {
   SynDropdown
-} from "../../chunks/chunk.5KKWOVVC.js";
-import "../../chunks/chunk.KEZEYBVJ.js";
+} from "../../chunks/chunk.HPWFMICA.js";
+import "../../chunks/chunk.3442R447.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.2KYFCKCK.js";
 import "../../chunks/chunk.D6IIQDWJ.js";
 import "../../chunks/chunk.POGMEL53.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynDropdown as default

package/dist/components/dropdown/dropdown.js

@@ -1,18 +1,19 @@
 import {
   dropdown_default
-} from "../../chunks/chunk.PJYYK2T7.js";
-import "../../chunks/chunk.5KKWOVVC.js";
-import "../../chunks/chunk.KEZEYBVJ.js";
+} from "../../chunks/chunk.RUUKH7KZ.js";
+import "../../chunks/chunk.HPWFMICA.js";
+import "../../chunks/chunk.3442R447.js";
 import "../../chunks/chunk.AZ3N5IOO.js";
 import "../../chunks/chunk.2KYFCKCK.js";
 import "../../chunks/chunk.D6IIQDWJ.js";
 import "../../chunks/chunk.POGMEL53.js";
-import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.C2ENQBPM.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.RVQ3X7WC.js";
+import "../../chunks/chunk.BWVISANJ.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   dropdown_default as default

package/dist/components/file/file.component.d.ts

@@ -0,0 +1,195 @@
+import type { CSSResultGroup } from 'lit';
+import type { SynergyFormControl } from '../../internal/synergy-element.js';
+import SynergyElement from '../../internal/synergy-element.js';
+import SynButton from '../button/button.component.js';
+import SynIcon from '../icon/icon.component.js';
+/**
+ * @summary File controls allow selecting an arbitrary number of files for uploading.
+ * @status stable
+ *
+ * @dependency syn-button
+ * @dependency syn-icon
+ *
+ * @slot label - The file control's label. Alternatively, you can use the `label` attribute.
+ * @slot help-text - Text that describes how to use the file control.
+ *    Alternatively, you can use the `help-text` attribute.
+ * @slot droparea-icon - Optional droparea icon to use instead of the default.
+ *    Works best with `<syn-icon>`.
+ * @slot trigger - Optional content to be used as trigger instead of the default content.
+ *    Opening the file dialog on click and as well as drag and drop will work for this content.
+ *    Following attributes will no longer work: *label*, *droparea*, *help-text*, *size*,
+ *    *hide-value*. Also if using the disabled attribute, the disabled styling will not be
+ *    applied and must be taken care of yourself.
+ *
+ * @event syn-blur - Emitted when the control loses focus.
+ * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
+ * @event syn-error - Emitted when multiple files are selected via drag and drop, without
+ * the `multiple` property being set.
+ * @event syn-focus - Emitted when the control gains focus.
+ * @event syn-input - Emitted when the control receives input.
+ *
+ * @csspart form-control - The form control that wraps the label, input, and help text.
+ * @csspart form-control-label - The label's wrapper.
+ * @csspart form-control-input - The input's wrapper.
+ * @csspart form-control-help-text - The help text's wrapper.
+ * @csspart button-wrapper - The wrapper around the button and text value.
+ * @csspart button - The syn-button acting as a file input.
+ * @csspart button__base - The syn-button's exported `base` part.
+ * @csspart value - The chosen files or placeholder text for the file input.
+ * @csspart droparea - The element wrapping the drop zone.
+ * @csspart droparea-background - The background of the drop zone.
+ * @csspart droparea-icon - The container that wraps the icon for the drop zone.
+ * @csspart droparea-value - The text for the drop zone.
+ * @csspart trigger - The container that wraps the trigger.
+ *
+ * @animation file.iconDrop - The animation to use for the file icon
+ * when a file is dropped
+ * @animation file.text.disappear - The disappear animation to use for the file placeholder text
+ * when a file is dropped
+ * @animation file.text.appear - The appear animation to use for the file placeholder text
+ * when a file is dropped
+ */
+export default class SynFile extends SynergyElement implements SynergyFormControl {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-button': typeof SynButton;
+        'syn-icon': typeof SynIcon;
+    };
+    private readonly formControlController;
+    private readonly hasSlotController;
+    private readonly localize;
+    private userIsDragging;
+    /**
+     * The selected files as a FileList object containing a list of File objects.
+     * The FileList behaves like an array, so you can get the number of selected files
+     * via its length property.
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#getting_information_on_selected_files
+     */
+    set files(v: FileList | null);
+    get files(): FileList | null;
+    /** The name of the file control, submitted as a name/value pair with form data. */
+    name: string;
+    /**
+     * The current value of the input, submitted as a name/value pair with form data.
+     * Beware that the only valid value when setting a file input is an empty string!
+     */
+    /**
+     * The value of the file control contains a string that represents the path of the selected file.
+     * If multiple files are selected, the value represents the first file in the list.
+     * If no file is selected, the value is an empty string.
+     * Beware that the only valid value when setting a file control is an empty string!
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#value
+     */
+    set value(v: string);
+    get value(): string;
+    /** The default value of the form control. Primarily used for resetting the form control. */
+    defaultValue: string;
+    /** The file control's size. */
+    size: 'small' | 'medium' | 'large';
+    /** The file control's label. If you need to display HTML, use the `label` slot instead. */
+    label: string;
+    /**
+     * The file control's help text.
+     * If you need to display HTML, use the `help-text` slot instead.
+     */
+    helpText: string;
+    /** Disables the file control. */
+    disabled: boolean;
+    /** Draw the file control as a drop area */
+    droparea: boolean;
+    /**
+     * Comma separated list of supported file types
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept
+     * @example <syn-file accept=".jpg,.jpeg,.png,.gif,text/plain,image/*"></syn-file>
+     */
+    accept: string;
+    /**
+     * Specifies the types of files that the server accepts.
+     * Can be set either to user or environment.
+     * Works only when not using a droparea!
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
+     */
+    capture: 'user' | 'environment';
+    /**
+     * Indicates whether the user can select more than one file.
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#multiple
+     */
+    multiple: boolean;
+    /**
+     * Indicates that the file control should let the user select directories instead of files.
+     * When a directory is selected, the directory and its entire hierarchy of contents are included
+     * in the set of selected items.
+     * Note: This is a non-standard attribute but is supported in the major browsers.
+     * [see MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory)
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
+     */
+    webkitdirectory: boolean;
+    /**
+     * By default, form controls are associated with the nearest containing `<form>` element.
+     * This attribute allows you to place the form control outside of a form and associate it
+     * with the form that has this `id`. The form must be in the same document
+     * or shadow root for this to work.
+     */
+    form: string;
+    /** Makes the input a required field. */
+    required: boolean;
+    /** Suppress the value from being displayed in the file control */
+    hideValue: boolean;
+    input: HTMLInputElement;
+    button: SynButton;
+    dropareaWrapper: HTMLDivElement;
+    dropareaIcon: HTMLSpanElement;
+    inputChosen: HTMLSpanElement;
+    /** Gets the validity state object */
+    get validity(): ValidityState;
+    /** Gets the validation message */
+    get validationMessage(): string;
+    /**
+     * Checks for validity but does not show a validation message.
+     * Returns `true` when valid and `false` when invalid.
+     */
+    checkValidity(): boolean;
+    /** Gets the associated form, if one exists. */
+    getForm(): HTMLFormElement | null;
+    /** Checks for validity and shows the browser's validation message if the control is invalid. */
+    reportValidity(): boolean;
+    /** Sets a custom validation message. Pass an empty string to restore validity. */
+    setCustomValidity(message: string): void;
+    handleDisabledChange(): void;
+    handleValueChange(): Promise<void>;
+    /** Sets focus on the button or droparea. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the button or droparea. */
+    blur(): void;
+    private handleInvalid;
+    private handleFiles;
+    private handleClick;
+    /** Handles the change event of the native input */
+    private handleChange;
+    private handleDragOver;
+    private handleDragLeave;
+    private handleDrop;
+    /**
+     * Handle the focus of the droparea and emit focus event
+     */
+    private handleFocus;
+    /**
+     * Handle the blur of the droparea and emit blur event
+     */
+    private handleBlur;
+    private renderValue;
+    private renderDroparea;
+    private renderButton;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/file/file.component.js

@@ -0,0 +1,32 @@
+import {
+  SynFile
+} from "../../chunks/chunk.OZ7PQTHB.js";
+import "../../chunks/chunk.IKZOQ7AE.js";
+import "../../chunks/chunk.RBG37CD4.js";
+import "../../chunks/chunk.HLE65RI4.js";
+import "../../chunks/chunk.QVULMTSN.js";
+import "../../chunks/chunk.TVIXZRR6.js";
+import "../../chunks/chunk.AWJ376R6.js";
+import "../../chunks/chunk.JLXCLATV.js";
+import "../../chunks/chunk.QBVLTYU7.js";
+import "../../chunks/chunk.I25TRQGB.js";
+import "../../chunks/chunk.5SQ7NVBX.js";
+import "../../chunks/chunk.MLOZ4D3V.js";
+import "../../chunks/chunk.MSUX23ZJ.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.OUSXEKQG.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.543GQUFN.js";
+import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.AINKZEUX.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZTEMBLJH.js";
+import "../../chunks/chunk.JSPLWE2A.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.BWVISANJ.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynFile as default
+};
+//# sourceMappingURL=file.component.js.map

package/dist/components/file/file.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/file/file.d.ts

@@ -0,0 +1,8 @@
+import SynFile from './file.component.js';
+export * from './file.component.js';
+export default SynFile;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-file': SynFile;
+    }
+}