@sveltia/ui 0.15.11 → 0.15.13

package/package/components/button/button.svelte

@@ -8,8 +8,8 @@
 
 <script>
   import { createEventDispatcher } from 'svelte';
-  import Popup from '../util/popup.svelte';
   import { activateKeyShortcuts } from '../../services/events';
+  import Popup from '../util/popup.svelte';
 
   /**
    * Reference to the `<button>` element.

package/package/components/button/button.svelte.d.ts

@@ -10,9 +10,10 @@ export default class Button extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    type?: "submit" | "reset" | "button" | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    type?: "reset" | "submit" | "button" | undefined;
     value?: string | undefined;
     role?: string | undefined;
     hidden?: boolean | undefined;
@@ -21,7 +22,6 @@ export default class Button extends SvelteComponent<{
     pressed?: boolean | "mixed" | undefined;
     keyShortcuts?: string | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     pill?: boolean | undefined;
     flex?: boolean | undefined;
@@ -59,8 +59,8 @@ export default class Button extends SvelteComponent<{
     set class(_: string | undefined);
     get class(): string | undefined;
     /**accessor*/
-    set type(_: "submit" | "reset" | "button" | undefined);
-    get type(): "submit" | "reset" | "button" | undefined;
+    set type(_: "reset" | "submit" | "button" | undefined);
+    get type(): "reset" | "submit" | "button" | undefined;
     /**accessor*/
     set role(_: string | undefined);
     get role(): string | undefined;
@@ -119,9 +119,10 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        type?: "submit" | "reset" | "button" | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        type?: "reset" | "submit" | "button" | undefined;
         value?: string | undefined;
         role?: string | undefined;
         hidden?: boolean | undefined;
@@ -130,7 +131,6 @@ declare const __propDef: {
         pressed?: boolean | "mixed" | undefined;
         keyShortcuts?: string | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         pill?: boolean | undefined;
         flex?: boolean | undefined;

package/package/components/button/select-button-group.svelte.d.ts

@@ -9,11 +9,11 @@
 export default class SelectButtonGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -30,11 +30,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/button/select-button.svelte.d.ts

@@ -9,12 +9,12 @@
 export default class SelectButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     selected?: boolean | undefined;
 }, {
@@ -42,12 +42,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         selected?: boolean | undefined;
     };

package/package/components/button/split-button.svelte

@@ -7,9 +7,9 @@
 -->
 <script>
   import { _ } from 'svelte-i18n';
-  import Button from './button.svelte';
   import Icon from '../icon/icon.svelte';
   import MenuButton from '../menu/menu-button.svelte';
+  import Button from './button.svelte';
 
   /**
    * The `class` attribute on the `<button>` element.

package/package/components/button/split-button.svelte.d.ts

@@ -10,11 +10,11 @@
 export default class SplitButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     popupPosition?: PopupPosition | undefined;
     showPopupBackdrop?: boolean | undefined;
 }, {
@@ -41,11 +41,11 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         popupPosition?: PopupPosition | undefined;
         showPopupBackdrop?: boolean | undefined;
     };

package/package/components/checkbox/checkbox.svelte.d.ts

@@ -11,14 +11,14 @@ export default class Checkbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
+    disabled?: boolean | undefined;
     invalid?: boolean | undefined;
     label?: string | undefined;
-    disabled?: boolean | undefined;
+    checked?: boolean | "mixed" | undefined;
+    required?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
-    checked?: boolean | "mixed" | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -39,14 +39,14 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
+        disabled?: boolean | undefined;
         invalid?: boolean | undefined;
         label?: string | undefined;
-        disabled?: boolean | undefined;
+        checked?: boolean | "mixed" | undefined;
+        required?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
-        checked?: boolean | "mixed" | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/dialog/dialog.svelte.d.ts

@@ -10,10 +10,10 @@ export default class Dialog extends SvelteComponent<{
     [x: string]: any;
     title: string;
     class?: string | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | undefined;
     role?: "dialog" | "alertdialog" | undefined;
     open?: boolean | undefined;
     lightDismiss?: boolean | undefined;
-    size?: "small" | "medium" | "large" | "x-large" | undefined;
     showClose?: boolean | undefined;
     showOk?: boolean | undefined;
     okLabel?: string | undefined;
@@ -53,10 +53,10 @@ declare const __propDef: {
         [x: string]: any;
         title: string;
         class?: string | undefined;
+        size?: "small" | "medium" | "large" | "x-large" | undefined;
         role?: "dialog" | "alertdialog" | undefined;
         open?: boolean | undefined;
         lightDismiss?: boolean | undefined;
-        size?: "small" | "medium" | "large" | "x-large" | undefined;
         showClose?: boolean | undefined;
         showOk?: boolean | undefined;
         okLabel?: string | undefined;

package/package/components/disclosure/disclosure.svelte.d.ts

@@ -9,8 +9,8 @@
 export default class Disclosure extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     hidden?: boolean | undefined;
     expanded?: boolean | undefined;
 }, {
@@ -47,8 +47,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         hidden?: boolean | undefined;
         expanded?: boolean | undefined;
     };

package/package/components/drawer/drawer.svelte.d.ts

@@ -10,11 +10,11 @@ export default class Drawer extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     title?: string | undefined;
+    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     position?: "top" | "left" | "right" | "bottom" | undefined;
     open?: boolean | undefined;
     lightDismiss?: boolean | undefined;
     keepContent?: boolean | undefined;
-    size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
     showClose?: false | "inside" | "outside" | undefined;
 }, {
     opening: CustomEvent<any>;
@@ -47,11 +47,11 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         title?: string | undefined;
+        size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
         position?: "top" | "left" | "right" | "bottom" | undefined;
         open?: boolean | undefined;
         lightDismiss?: boolean | undefined;
         keepContent?: boolean | undefined;
-        size?: "small" | "medium" | "large" | "x-large" | "full" | undefined;
         showClose?: false | "inside" | "outside" | undefined;
     };
     events: {

package/package/components/grid/grid.svelte.d.ts

@@ -9,9 +9,9 @@
 export default class Grid extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    multiple?: boolean | undefined;
     element?: HTMLElement | undefined;
     clickToSelect?: boolean | undefined;
-    multiple?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -28,9 +28,9 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        multiple?: boolean | undefined;
         element?: HTMLElement | undefined;
         clickToSelect?: boolean | undefined;
-        multiple?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/listbox/listbox.svelte.d.ts

@@ -10,16 +10,16 @@
 export default class Listbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    multiple?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     searchTerms?: string | undefined;
-    required?: boolean | undefined;
-    multiple?: boolean | undefined;
 }, {
     click: MouseEvent;
-    filter: Event | MouseEvent | UIEvent | KeyboardEvent | ErrorEvent | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
+    filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
     change: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
@@ -35,17 +35,17 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        multiple?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         searchTerms?: string | undefined;
-        required?: boolean | undefined;
-        multiple?: boolean | undefined;
     };
     events: {
         click: MouseEvent;
-        filter: Event | MouseEvent | UIEvent | KeyboardEvent | ErrorEvent | SubmitEvent | AnimationEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | TouchEvent | TransitionEvent | WheelEvent;
+        filter: Event | KeyboardEvent | UIEvent | ErrorEvent | AnimationEvent | MouseEvent | InputEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | FormDataEvent | PointerEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
         change: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;

package/package/components/listbox/option-group.svelte.d.ts

@@ -11,8 +11,8 @@
 export default class OptionGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     hidden?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -28,8 +28,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         hidden?: boolean | undefined;
     };
     events: {

package/package/components/menu/menu-button.svelte.d.ts

@@ -8,12 +8,12 @@
 export default class MenuButton extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
+    disabled?: boolean | undefined;
     focus?: (() => void) | undefined;
     label?: string | undefined;
-    disabled?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
     hidden?: boolean | undefined;
     variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
     iconic?: boolean | undefined;
     popupPosition?: PopupPosition | undefined;
     showPopupBackdrop?: boolean | undefined;
@@ -40,12 +40,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
+        disabled?: boolean | undefined;
         focus?: (() => void) | undefined;
         label?: string | undefined;
-        disabled?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
         hidden?: boolean | undefined;
         variant?: "primary" | "secondary" | "tertiary" | "ghost" | "link" | undefined;
-        size?: "small" | "medium" | "large" | undefined;
         iconic?: boolean | undefined;
         popupPosition?: PopupPosition | undefined;
         showPopupBackdrop?: boolean | undefined;

package/package/components/menu/menu-item-checkbox.svelte.d.ts

@@ -8,10 +8,10 @@
 export default class MenuItemCheckbox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    hidden?: boolean | undefined;
+    label?: string | undefined;
     checked?: boolean | undefined;
+    hidden?: boolean | undefined;
     iconName?: string | undefined;
     iconLabel?: string | undefined;
 }, {
@@ -32,10 +32,10 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        hidden?: boolean | undefined;
+        label?: string | undefined;
         checked?: boolean | undefined;
+        hidden?: boolean | undefined;
         iconName?: string | undefined;
         iconLabel?: string | undefined;
     };

package/package/components/menu/menu-item-group.svelte.d.ts

@@ -5,8 +5,8 @@
 export default class MenuItemGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    title?: string | undefined;
     disabled?: boolean | undefined;
+    title?: string | undefined;
     hidden?: boolean | undefined;
 }, {
     [evt: string]: CustomEvent<any>;
@@ -22,8 +22,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        title?: string | undefined;
         disabled?: boolean | undefined;
+        title?: string | undefined;
         hidden?: boolean | undefined;
     };
     events: {

package/package/components/menu/menu-item-radio.svelte.d.ts

@@ -9,10 +9,10 @@
 export default class MenuItemRadio extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
-    hidden?: boolean | undefined;
+    label?: string | undefined;
     checked?: boolean | undefined;
+    hidden?: boolean | undefined;
     iconName?: string | undefined;
     iconLabel?: string | undefined;
 }, {
@@ -33,10 +33,10 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
-        hidden?: boolean | undefined;
+        label?: string | undefined;
         checked?: boolean | undefined;
+        hidden?: boolean | undefined;
         iconName?: string | undefined;
         iconLabel?: string | undefined;
     };

package/package/components/menu/menu-item.svelte.d.ts

@@ -8,8 +8,8 @@
 export default class MenuItem extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
     role?: "menuitem" | "menuitemcheckbox" | "menuitemradio" | undefined;
     hidden?: boolean | undefined;
     iconName?: string | undefined;
@@ -42,8 +42,8 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
         role?: "menuitem" | "menuitemcheckbox" | "menuitemradio" | undefined;
         hidden?: boolean | undefined;
         iconName?: string | undefined;

package/package/components/radio/radio-group.svelte.d.ts

@@ -9,12 +9,12 @@
 export default class RadioGroup extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     orientation?: "vertical" | "horizontal" | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -31,12 +31,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         orientation?: "vertical" | "horizontal" | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;

package/package/components/radio/radio.svelte.d.ts

@@ -11,11 +11,11 @@ export default class Radio extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
     name?: string | undefined;
-    label?: string | undefined;
     disabled?: boolean | undefined;
+    label?: string | undefined;
+    checked?: boolean | undefined;
     value?: string | undefined;
     hidden?: boolean | undefined;
-    checked?: boolean | undefined;
 }, {
     focus: FocusEvent;
     blur: FocusEvent;
@@ -36,11 +36,11 @@ declare const __propDef: {
         [x: string]: any;
         class?: string | undefined;
         name?: string | undefined;
-        label?: string | undefined;
         disabled?: boolean | undefined;
+        label?: string | undefined;
+        checked?: boolean | undefined;
         value?: string | undefined;
         hidden?: boolean | undefined;
-        checked?: boolean | undefined;
     };
     events: {
         focus: FocusEvent;

package/package/components/select/combobox.svelte.d.ts

@@ -10,13 +10,13 @@
 export default class Combobox extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: (string | number | undefined);
     position?: PopupPosition | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
     editable?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
@@ -37,13 +37,13 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: (string | number | undefined);
         position?: PopupPosition | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
         editable?: boolean | undefined;
     };
     events: {

package/package/components/select/select-tags.svelte.d.ts

@@ -9,13 +9,13 @@ export default class SelectTags extends SvelteComponent<{
         searchValue?: string;
     }[];
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    max?: number | undefined;
+    required?: boolean | undefined;
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
     values?: string[] | undefined;
-    required?: boolean | undefined;
-    max?: number | undefined;
 }, {
     RemoveValue: CustomEvent<any>;
     AddValue: CustomEvent<any>;
@@ -36,13 +36,13 @@ declare const __propDef: {
             searchValue?: string;
         }[];
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        max?: number | undefined;
+        required?: boolean | undefined;
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
         values?: string[] | undefined;
-        required?: boolean | undefined;
-        max?: number | undefined;
     };
     events: {
         RemoveValue: CustomEvent<any>;

package/package/components/select/select.svelte.d.ts

@@ -10,12 +10,12 @@
 export default class Select extends SvelteComponent<{
     [x: string]: any;
     class?: string | undefined;
-    invalid?: boolean | undefined;
     disabled?: boolean | undefined;
+    invalid?: boolean | undefined;
+    required?: boolean | undefined;
     value?: (string | number | undefined);
     hidden?: boolean | undefined;
     readonly?: boolean | undefined;
-    required?: boolean | undefined;
 }, {
     change: CustomEvent<any>;
 } & {
@@ -32,12 +32,12 @@ declare const __propDef: {
     props: {
         [x: string]: any;
         class?: string | undefined;
-        invalid?: boolean | undefined;
         disabled?: boolean | undefined;
+        invalid?: boolean | undefined;
+        required?: boolean | undefined;
         value?: (string | number | undefined);
         hidden?: boolean | undefined;
         readonly?: boolean | undefined;
-        required?: boolean | undefined;
     };
     events: {
         change: CustomEvent<any>;