quasar 2.11.4 → 2.11.6

package/dist/types/api/dialog.d.ts

@@ -1,12 +1,5 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QInputProps, QOptionGroupProps } from "quasar";
-
-// Taken from https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-8.html#distributive-conditional-types
-type NonFunctionPropertyNames<T> = {
-  [K in keyof T]: T[K] extends Function ? never : K;
-}[keyof T];
-type NonFunctionProperties<T> = Pick<T, NonFunctionPropertyNames<T>>;
+import { InputHTMLAttributes, HTMLAttributes } from "vue";
 
 // https://html.spec.whatwg.org/multipage/input.html#attr-input-type
 type InputType =
@@ -36,6 +29,13 @@ type DatalessInputType = Extract<InputType, "submit" | "reset">;
 
 type PromptInputType = "textarea" | Exclude<InputType, DatalessInputType>;
 
+type DataAttributes = {
+  // Has type-checking but no autocompletion: https://github.com/microsoft/TypeScript/issues/41620
+  [dataAttributes in `data-${string}`]?: any;
+} & {
+  "data-cy"?: string;
+};
+
 export type QDialogInputPrompt<T = string> = {
   /**
    * The initial value of the input
@@ -56,9 +56,10 @@ export type QDialogInputPrompt<T = string> = {
    */
   isValid?: (value: T) => boolean;
 } & Partial<Omit<QInputProps, "modelValue" | "onUpdate:modelValue" | "type">> &
-  Partial<NonFunctionProperties<HTMLInputElement>>;
+  Omit<InputHTMLAttributes, "type"> &
+  DataAttributes;
 
-type SelectionPromptType = NonNullable<QOptionGroupProps["type"]>
+type SelectionPromptType = NonNullable<QOptionGroupProps["type"]>;
 export type QDialogSelectionPrompt<
   // As this gets used as is in generated types, we must define default values for generic params.
   // Example: `options?: QDialogSelectionPrompt;` <- notice the missing type params.
@@ -98,4 +99,5 @@ export type QDialogSelectionPrompt<
     "modelValue" | "onUpdate:modelValue" | "type" | "options"
   >
 > &
-  Partial<NonFunctionProperties<HTMLElement>>;
+  HTMLAttributes &
+  DataAttributes;

package/dist/types/api/qform.d.ts

@@ -0,0 +1,5 @@
+import { QField } from "quasar";
+import { ComponentPublicInstance } from "vue";
+
+export type QFormChildComponent = ComponentPublicInstance &
+  Pick<QField, "validate" | "resetValidation">;

package/dist/types/api/qinput.d.ts

@@ -1,5 +1,3 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QInputProps } from "quasar";
 
 type QInputType = NonNullable<QInputProps["type"]>;

package/dist/types/api/qloading.d.ts

@@ -1,5 +1,3 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QLoadingShowOptions } from "quasar";
 
-export type QLoadingUpdateOptions = Omit<QLoadingShowOptions, 'group'>;
+export type QLoadingUpdateOptions = Omit<QLoadingShowOptions, "group">;

package/dist/types/api/qnotify.d.ts

@@ -1,9 +1,11 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QNotifyCreateOptions, QBtnProps } from "quasar";
 import { ButtonHTMLAttributes } from "vue";
 
-export type QNotifyUpdateOptions = Omit<QNotifyCreateOptions, 'group' | 'position'>;
-export type QNotifyOptions = Omit<QNotifyCreateOptions, 'ignoreDefaults'>;
+export type QNotifyUpdateOptions = Omit<
+  QNotifyCreateOptions,
+  "group" | "position"
+>;
+export type QNotifyOptions = Omit<QNotifyCreateOptions, "ignoreDefaults">;
 
-export type QNotifyAction = Omit<QBtnProps, 'onClick'> & ButtonHTMLAttributes & { noDismiss?: boolean; handler?: () => void };
+export type QNotifyAction = Omit<QBtnProps, "onClick"> &
+  ButtonHTMLAttributes & { noDismiss?: boolean; handler?: () => void };

package/dist/types/api/qtable.d.ts

@@ -1,5 +1,3 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QTableProps } from "quasar";
 
 export type QTableColumn<

package/dist/types/api/slider.d.ts

@@ -10,11 +10,13 @@ interface SliderMarkerLabelPartialDefinition {
   style?: VueStyleObjectProp;
 }
 
-interface SliderMarkerLabelDefinition extends SliderMarkerLabelPartialDefinition {
+interface SliderMarkerLabelDefinition
+  extends SliderMarkerLabelPartialDefinition {
   value?: number;
 }
 
-interface SliderMarkerLabelDefinitionRequiredValue extends SliderMarkerLabelPartialDefinition {
+interface SliderMarkerLabelDefinitionRequiredValue
+  extends SliderMarkerLabelPartialDefinition {
   value: number;
 }
 
@@ -26,7 +28,7 @@ export type SliderMarkerLabels =
   | boolean
   | Array<SliderMarkerLabelDefinitionRequiredValue>
   | SliderMarkerLabelObjectDefinition
-  | ((value: number) => string | SliderMarkerLabelDefinition)
+  | ((value: number) => string | SliderMarkerLabelDefinition);
 
 // --- Slots
 
@@ -35,7 +37,7 @@ export type SliderMarkerLabelConfig = {
   value: number;
   label: number | string;
   classes: string;
-  style: VueStyleObjectProp
+  style: VueStyleObjectProp;
 };
 
 export type SliderMarkerLabelArrayConfig = SliderMarkerLabelConfig[];

package/dist/types/api/vue-prop-types.d.ts

@@ -0,0 +1,9 @@
+export type VueClassObjectProp = {
+  [value: string]: any;
+};
+
+export type VueClassProp = string | Array<VueClassProp> | VueClassObjectProp;
+
+export type VueStyleObjectProp = Partial<CSSStyleDeclaration>;
+
+export type VueStyleProp = string | Array<VueStyleProp> | VueStyleObjectProp;

package/dist/types/api/web-storage.d.ts

@@ -6,8 +6,7 @@ type WebStorageGetMethodReturnType =
   | string
   | object;
 
-type WebStorageGetKeyMethodReturnType =
-  | string
+type WebStorageGetKeyMethodReturnType = string;
 
 export type WebStorageGetItemMethodType = <
   T extends WebStorageGetMethodReturnType = WebStorageGetMethodReturnType

package/dist/types/api.d.ts

@@ -2,6 +2,7 @@ export * from "./api/vue-prop-types";
 export * from "./api/cookies";
 export * from "./api/dialog";
 export * from "./api/qfile";
+export * from "./api/qform";
 export * from "./api/qinput";
 export * from "./api/qselect";
 export * from "./api/qtable";

package/dist/types/composables.d.ts

@@ -1,5 +1,3 @@
-// Error on "quasar" import shown in IDE is normal, as we only have Components/Directives/Plugins types after the build step
-// The import will work correctly at runtime
 import { QDialog } from "quasar";
 import { MetaOptions } from "./meta";
 import { Ref } from "vue";
@@ -12,11 +10,11 @@ interface useDialogPluginComponent {
     onDialogOK: (payload?: T) => void;
     onDialogCancel: () => void;
   };
-  emits: ['ok', 'hide'];
+  emits: ["ok", "hide"];
   emitsObject: {
     ok: (payload?: any) => true;
     hide: () => true;
-  }
+  };
 }
 
 export const useDialogPluginComponent: useDialogPluginComponent;

package/dist/types/extras/icon-set.d.ts

@@ -5,7 +5,12 @@ type QuasarIconSetArrow = "up" | "right" | "down" | "left" | "dropdown";
 type QuasarIconSetChevron = "left" | "right";
 type QuasarIconSetColorPicker = "spectrum" | "tune" | "palette";
 type QuasarIconSetPullToRefresh = "icon";
-type QuasarIconSetCarousel = "left" | "right" | "up" | "down" | "navigationIcon";
+type QuasarIconSetCarousel =
+  | "left"
+  | "right"
+  | "up"
+  | "down"
+  | "navigationIcon";
 type QuasarIconSetChip = "remove" | "selected";
 type QuasarIconSetDatetime = "arrowLeft" | "arrowRight" | "now" | "today";
 type QuasarIconSetEditor =
@@ -59,7 +64,13 @@ type QuasarIconSetPagination = "first" | "prev" | "next" | "last";
 type QuasarIconSetRating = "icon";
 type QuasarIconSetStepper = "done" | "active" | "error";
 type QuasarIconSetTabs = "left" | "right" | "up" | "down";
-type QuasarIconSetTable = "arrowUp" | "warning" | "firstPage" | "prevPage" | "nextPage" | "lastPage";
+type QuasarIconSetTable =
+  | "arrowUp"
+  | "warning"
+  | "firstPage"
+  | "prevPage"
+  | "nextPage"
+  | "lastPage";
 type QuasarIconSetTree = "icon";
 type QuasarIconSetUploader =
   | "done"
@@ -93,42 +104,44 @@ export interface QuasarIconSet {
 }
 
 export type QuasarIconSets =
+  | "bootstrap-icons"
+  | "eva-icons"
+  | "fontawesome-v5"
+  | "fontawesome-v5-pro"
+  | "fontawesome-v6"
+  | "fontawesome-v6-pro"
+  | "ionicons-v4"
+  | "line-awesome"
   | "material-icons"
-  | "svg-material-icons"
   | "material-icons-outlined"
-  | "svg-material-icons-outlined"
   | "material-icons-round"
-  | "svg-material-icons-round"
   | "material-icons-sharp"
-  | "svg-material-icons-sharp"
   | "material-symbols-outlined"
-  | "svg-material-symbols-outlined"
   | "material-symbols-rounded"
-  | "svg-material-symbols-rounded"
   | "material-symbols-sharp"
-  | "svg-material-symbols-sharp"
-  | "mdi-v6"
-  | "svg-mdi-v6"
-  | "mdi-v5"
-  | "svg-mdi-v5"
-  | "mdi-v4"
-  | "svg-mdi-v4"
   | "mdi-v3"
-  | "fontawesome-v5"
-  | "fontawesome-v6"
-  | "fontawesome-v5-pro"
-  | "fontawesome-v6-pro"
+  | "mdi-v4"
+  | "mdi-v5"
+  | "mdi-v6"
+  | "mdi-v7"
+  | "themify"
+  | "svg-bootstrap-icons"
+  | "svg-eva-icons"
   | "svg-fontawesome-v5"
   | "svg-fontawesome-v6"
-  | "svg-ionicons-v6"
-  | "svg-ionicons-v5"
-  | "ionicons-v4"
   | "svg-ionicons-v4"
-  | "eva-icons"
-  | "svg-eva-icons"
-  | "themify"
-  | "svg-themify"
-  | "line-awesome"
+  | "svg-ionicons-v5"
+  | "svg-ionicons-v6"
   | "svg-line-awesome"
-  | "bootstrap-icons"
-  | "svg-bootstrap-icons";
+  | "svg-material-icons"
+  | "svg-material-icons-outlined"
+  | "svg-material-icons-round"
+  | "svg-material-icons-sharp"
+  | "svg-material-symbols-outlined"
+  | "svg-material-symbols-rounded"
+  | "svg-material-symbols-sharp"
+  | "svg-mdi-v4"
+  | "svg-mdi-v5"
+  | "svg-mdi-v6"
+  | "svg-mdi-v7"
+  | "svg-themify";

package/dist/types/index.d.ts

@@ -4789,10 +4789,10 @@ export interface QForm extends ComponentPublicInstance<QFormProps> {
    */
   reset: (evt?: Event) => void;
   /**
-   * Get array of children vue components that support validation
-   * @returns Vue components that support Quasar validation API
+   * Get an array of children Vue component instances that support Quasar validation API (derived from QField, or using useFormChild()/QFormChildMixin)
+   * @returns Quasar validation API-compatible Vue component instances
    */
-  getValidationComponents: () => readonly any[];
+  getValidationComponents: () => QFormChildComponent[];
 }
 
 export interface QFormChildMixinProps {}
@@ -13204,11 +13204,11 @@ export interface QVirtualScrollSlots {
    */
   default: (scope: {
     /**
-     * Item index in the options list
+     * Item index in the items list
      */
     index: number;
     /**
-     * Item data -- its value is taken from 'options' prop
+     * Item data -- its value is taken from 'items' prop
      */
     item: any;
   }) => VNode[];
@@ -13677,6 +13677,7 @@ import { QEditorCaret } from "./api";
 import { ValidationRule } from "./api";
 import { QRejectedEntry } from "./api";
 import { QFileNativeElement } from "./api";
+import { QFormChildComponent } from "./api";
 import { QInputNativeElement } from "./api";
 import { QPopupProxyInnerComponent } from "./api";
 import { SliderMarkerLabels } from "./api";

package/dist/types/shim-icon-set.d.ts

@@ -1,6 +1,4 @@
 declare module "quasar/icon-set/*" {
-  // We know "quasar" will exists at runtime, we can safely ignore the TS error
-  // @ts-ignore
   import { QuasarIconSet } from "quasar";
   const iconSet: QuasarIconSet;
   export default iconSet;

package/dist/types/shim-lang.d.ts

@@ -1,6 +1,4 @@
 declare module "quasar/lang/*" {
-  // We know "quasar" will exists at runtime, we can safely ignore the TS error
-  // @ts-ignore
   import { QuasarLanguage } from "quasar";
   const lang: QuasarLanguage;
   export default lang;

package/dist/types/ts-helpers.d.ts

@@ -1,8 +1,16 @@
-import { ComponentOptions, ComponentPublicInstance, ComputedOptions, MethodOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import {
+  ComponentOptions,
+  ComponentPublicInstance,
+  ComputedOptions,
+  MethodOptions,
+  VNodeProps,
+  AllowedComponentProps,
+  ComponentCustomProps,
+} from "vue";
 
-export type StringDictionary<T extends string> = Required<
-  { [index in T]: string }
->;
+export type StringDictionary<T extends string> = Required<{
+  [index in T]: string;
+}>;
 
 // Needed to prevent TS to collapse `'value1' | 'value2' | string` to `string`, which breaks first parameter autocomplete
 // See: https://github.com/microsoft/TypeScript/issues/29729#issuecomment-832522611
@@ -23,11 +31,26 @@ export type DeepPartial<T> = {
 // especially into VTU to automatically infer Quasar components type when using `findComponent`
 // This type is compatible with the Vue private `ComponentPublicInstanceConstructor` type
 // https://github.com/vuejs/vue-next/blob/011dee8644bb52f5bdc6365c6e8404936d57e2cd/packages/runtime-core/src/componentPublicInstance.ts#L111
-export type ComponentConstructor<Component extends ComponentPublicInstance<Props, RawBindings, D, C, M> = ComponentPublicInstance<any>, Props = any, RawBindings = any, D = any, C extends ComputedOptions = ComputedOptions, M extends MethodOptions = MethodOptions > = { new(): Component } & ComponentOptions<Props, RawBindings, D, C, M>
+export type ComponentConstructor<
+  Component extends ComponentPublicInstance<
+    Props,
+    RawBindings,
+    D,
+    C,
+    M
+  > = ComponentPublicInstance<any>,
+  Props = any,
+  RawBindings = any,
+  D = any,
+  C extends ComputedOptions = ComputedOptions,
+  M extends MethodOptions = MethodOptions
+> = { new (): Component } & ComponentOptions<Props, RawBindings, D, C, M>;
 
 // https://github.com/vuejs/vue-next/blob/d84d5ecdbdf709570122175d6565bb61fae877f2/packages/runtime-core/src/apiDefineComponent.ts#L29-L31
 // TODO: This can be imported from vue directly once this PR gets merged: https://github.com/vuejs/vue-next/pull/2403
-export type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps;
+export type PublicProps = VNodeProps &
+  AllowedComponentProps &
+  ComponentCustomProps;
 
 // Can't use `DefineComponent` because of the false prop inferring behavior, it doesn't pick up the required types when an interface is passed
 // This PR will probably solve the problem as it moves the prop inferring behavior to `defineComponent` function: https://github.com/vuejs/vue-next/pull/4465
@@ -36,7 +59,7 @@ export type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomPr
 // TODO: This can be replaced with `DefineComponent` once this PR gets merged: https://github.com/vuejs/vue-next/pull/4465
 export type GlobalComponentConstructor<Props = {}, Slots = {}> = {
   new (): {
-    $props: PublicProps & Props
-    $slots: Slots
-  }
-}
+    $props: PublicProps & Props;
+    $slots: Slots;
+  };
+};

package/dist/types/tsconfig.json

@@ -1,7 +1,20 @@
 {
   "compilerOptions": {
     "strict": true,
-    "lib": ["es2015", "dom"]
+    "lib": ["es2015", "dom"],
+    "paths": {
+      "quasar": [
+        // index.d.ts is auto-generated by the build process ("yarn build js types")
+        // It contains auto-generated types like QInput, QInputProps, etc.
+        // To reference those types, import them from "quasar"
+        // For other types defined in this directory, use relative imports
+
+        // For the built version
+        "./index.d.ts",
+        // For IDE support when working on the source code
+        "../dist/types/index.d.ts"
+      ]
+    }
   },
-  "include": ["./*.ts"]
+  "include": ["./**/*.d.ts"]
 }

package/dist/types/utils/colors.d.ts

@@ -22,7 +22,10 @@ export namespace colors {
   function lighten(color: string, percent: number): string;
   function luminosity(color: string | colorsRgba): number;
   function brightness(color: string | colorsRgba): number;
-  function blend(fgColor: string | colorsRgba, bColor: string | colorsRgba): string;
+  function blend(
+    fgColor: string | colorsRgba,
+    bColor: string | colorsRgba
+  ): string;
   function changeAlpha(color: string, offset: number): string;
   function getPaletteColor(colorName: string): string;
 }

package/dist/types/utils/date.d.ts

@@ -44,20 +44,66 @@ export namespace date {
   function buildDate(options: DateOptions, utc?: boolean): Date;
   function getDayOfWeek(date: Date): number;
   function getWeekOfYear(date: Date | number | string): number;
-  function isBetweenDates(date: Date | number | string, from: Date | number | string, to: Date | number | string, opts?: { inclusiveFrom: boolean; inclusiveTo: boolean; onlyDate: boolean }): boolean;
+  function isBetweenDates(
+    date: Date | number | string,
+    from: Date | number | string,
+    to: Date | number | string,
+    opts?: { inclusiveFrom: boolean; inclusiveTo: boolean; onlyDate: boolean }
+  ): boolean;
   function addToDate(date: Date | number | string, options: DateOptions): Date;
-  function subtractFromDate(date: Date | number | string, options: DateOptions): Date;
-  function adjustDate(date: Date | number | string, options: DateOptions, utc?: boolean): Date;
-  function startOfDate(date: Date | number | string, option: DateUnitOptions, utc?: boolean): Date;
-  function endOfDate(date: Date | number | string, option: DateUnitOptions, utc?: boolean): Date;
-  function getMaxDate(date: Date | number | string, ...args: (Date | number | string)[]): Date;
-  function getMinDate(date: Date | number | string, ...args: (Date | number | string)[]): Date;
-  function getDateDiff(date: Date | number | string, subtract: Date | number | string, unit?: `${DateUnitOptions}s`): number;
+  function subtractFromDate(
+    date: Date | number | string,
+    options: DateOptions
+  ): Date;
+  function adjustDate(
+    date: Date | number | string,
+    options: DateOptions,
+    utc?: boolean
+  ): Date;
+  function startOfDate(
+    date: Date | number | string,
+    option: DateUnitOptions,
+    utc?: boolean
+  ): Date;
+  function endOfDate(
+    date: Date | number | string,
+    option: DateUnitOptions,
+    utc?: boolean
+  ): Date;
+  function getMaxDate(
+    date: Date | number | string,
+    ...args: (Date | number | string)[]
+  ): Date;
+  function getMinDate(
+    date: Date | number | string,
+    ...args: (Date | number | string)[]
+  ): Date;
+  function getDateDiff(
+    date: Date | number | string,
+    subtract: Date | number | string,
+    unit?: `${DateUnitOptions}s`
+  ): number;
   function getDayOfYear(date: Date | number | string): number;
-  function inferDateFormat(date: Date | number | string): "date" | "number" | "string";
-  function getDateBetween(date: Date | number | string, min?: Date | number | string, max?: Date | number | string): Date;
-  function isSameDate(date: Date | number | string, date2: Date | number | string, unit?: DateUnitOptions): boolean;
+  function inferDateFormat(
+    date: Date | number | string
+  ): "date" | "number" | "string";
+  function getDateBetween(
+    date: Date | number | string,
+    min?: Date | number | string,
+    max?: Date | number | string
+  ): Date;
+  function isSameDate(
+    date: Date | number | string,
+    date2: Date | number | string,
+    unit?: DateUnitOptions
+  ): boolean;
   function daysInMonth(date: Date | number | string): number;
-  function formatDate(date: Date | number | string | undefined, format?: string, locale?: DateLocale, __forcedYear?: number, __forcedTimezoneOffset?: number): string;
+  function formatDate(
+    date: Date | number | string | undefined,
+    format?: string,
+    locale?: DateLocale,
+    __forcedYear?: number,
+    __forcedTimezoneOffset?: number
+  ): string;
   function clone<D extends Date | number | string>(date: D): D;
 }

package/dist/types/utils/dom.d.ts

@@ -11,6 +11,9 @@ export namespace dom {
   function height(el: Element): number;
   function width(el: Element): number;
   function css(el: Element, css: VueStyleObjectProp): void;
-  function cssBatch(elements: readonly Element[], css: VueStyleObjectProp): void;
+  function cssBatch(
+    elements: readonly Element[],
+    css: VueStyleObjectProp
+  ): void;
   function ready<F extends (...args: any[]) => any>(fn: F): ReturnType<F>;
 }

package/dist/types/utils/format.d.ts

@@ -1,7 +1,7 @@
 export namespace format {
-  function humanStorageSize(size: number) : string;
-  function capitalize(text: string) : string;
-  function between(v: number, min: number, max: number) : number;
-  function normalizeToInterval(v: number, min: number, max: number) : number;
-  function pad(v: string, length?: number, char?: string) : string;
-}
+  function humanStorageSize(size: number): string;
+  function capitalize(text: string): string;
+  function between(v: number, min: number, max: number): number;
+  function normalizeToInterval(v: number, min: number, max: number): number;
+  function pad(v: string, length?: number, char?: string): string;
+}

package/dist/types/utils/scroll.d.ts

@@ -1,7 +1,14 @@
-import { Ref, ComponentPublicInstance } from 'vue'
+import { Ref, ComponentPublicInstance } from "vue";
 
 export namespace scroll {
-  function getScrollTarget(el: Element, selector?: string | Element | Window | Ref<ComponentPublicInstance | undefined>): Element | Window;
+  function getScrollTarget(
+    el: Element,
+    selector?:
+      | string
+      | Element
+      | Window
+      | Ref<ComponentPublicInstance | undefined>
+  ): Element | Window;
 
   function getScrollHeight(el: Element | Window): number;
   function getScrollWidth(el: Element | Window): number;
@@ -9,11 +16,27 @@ export namespace scroll {
   function getVerticalScrollPosition(scrollTarget: Element | Window): number;
   function getHorizontalScrollPosition(scrollTarget: Element | Window): number;
 
-  function animVerticalScrollTo(el: Element | Window, to: number, duration: number): void;
-  function animHorizontalScrollTo(el: Element | Window, to: number, duration: number): void;
+  function animVerticalScrollTo(
+    el: Element | Window,
+    to: number,
+    duration: number
+  ): void;
+  function animHorizontalScrollTo(
+    el: Element | Window,
+    to: number,
+    duration: number
+  ): void;
 
-  function setVerticalScrollPosition(scrollTarget: Element | Window, offset: number, duration?: number): void;
-  function setHorizontalScrollPosition(scrollTarget: Element | Window, offset: number, duration?: number): void;
+  function setVerticalScrollPosition(
+    scrollTarget: Element | Window,
+    offset: number,
+    duration?: number
+  ): void;
+  function setHorizontalScrollPosition(
+    scrollTarget: Element | Window,
+    offset: number,
+    duration?: number
+  ): void;
 
   function getScrollbarWidth(): number;
   function hasScrollbar(el: Element | Window, onY?: boolean): boolean;