@six-group/ui-library 0.0.0-insider.f058d60 → 0.0.0-insider.f24090c

package/dist/types/components/six-checkbox/six-checkbox.d.ts

@@ -25,6 +25,7 @@ export declare class SixCheckbox {
   host: HTMLSixCheckboxElement;
   hasFocus: boolean;
   hasLabelSlot: boolean;
+  hasErrorSlot: boolean;
   /** The checkbox's name attribute. */
   name: string;
   /**
@@ -42,7 +43,9 @@ export declare class SixCheckbox {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** Set to true to draw the checkbox in a checked state. */

package/dist/types/components/six-datepicker/six-datepicker.d.ts

@@ -22,6 +22,7 @@ declare enum SelectionMode {
  * @status stable
  *
  * @slot - Used to define a footer for the date picker.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
  */
 export declare class SixDatepicker {
   private eventListeners;
@@ -97,7 +98,9 @@ export declare class SixDatepicker {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** The dropdown will close when the user interacts outside of this element (e.g. clicking). */
@@ -131,7 +134,6 @@ export declare class SixDatepicker {
    */
   hoist: boolean;
   protected debounceChanged(): void;
-  protected invalidChanged(invalid: boolean): void;
   /**
    * Update the native input element when the value changes
    */

package/dist/types/components/six-error/six-error.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @since 4.0
+ * @status beta
+ *
+ * @slot default - The error's message content
+ */
+export declare class SixError {
+  render(): any;
+}

package/dist/types/components/six-input/six-input.d.ts

@@ -13,9 +13,10 @@ import { EmptyPayload } from '../../utils/types';
  * @slot show-password-icon - An icon to use in lieu of the default show password icon.
  * @slot hide-password-icon - An icon to use in lieu of the default hide password icon.
  * @slot help-text - Help text that describes how to use the input. Alternatively, you can use the help-text prop.
+ * @slot error-text - Error text that is shown when the status is set to invalid. Alternatively, you can use the error-text prop.
  *
  * @part base - The component's base wrapper.
- * @part form-control - The form control that wraps the label, input, and help-text.
+ * @part form-control - The form control that wraps the label, input, error-text and help-text.
  * @part label - The input label.
  * @part input - The input control.
  * @part prefix - The input prefix container.
@@ -23,6 +24,7 @@ import { EmptyPayload } from '../../utils/types';
  * @part password-toggle-button - The password toggle button.
  * @part suffix - The input suffix container.
  * @part help-text - The input help text.
+ * @part error-text - The input error text.
  */
 export declare class SixInput {
   private inputId;
@@ -35,6 +37,7 @@ export declare class SixInput {
   hasFocus: boolean;
   hasHelpTextSlot: boolean;
   hasLabelSlot: boolean;
+  hasErrorSlot: boolean;
   isPasswordVisible: boolean;
   /** The input's type. */
   type: 'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url';
@@ -81,7 +84,9 @@ export declare class SixInput {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** Set to true to add a clear button when the input is populated. */

package/dist/types/components/six-range/six-range.d.ts

@@ -26,6 +26,7 @@ export declare class SixRange {
   host: HTMLSixRangeElement;
   hasFocus: boolean;
   hasHelpTextSlot: boolean;
+  hasErrorTextSlot: boolean;
   hasLabelSlot: boolean;
   hasTooltip: boolean;
   /** The input's name attribute. */
@@ -41,7 +42,9 @@ export declare class SixRange {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** The input's min attribute. */

package/dist/types/components/six-select/six-select.d.ts

@@ -42,6 +42,7 @@ export declare class SixSelect {
   hasFocus: boolean;
   hasHelpTextSlot: boolean;
   hasLabelSlot: boolean;
+  hasErrorTextSlot: boolean;
   isOpen: boolean;
   displayLabel: string;
   displayTags: HTMLSixTagElement[];
@@ -82,7 +83,9 @@ export declare class SixSelect {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** Set to render as line */

package/dist/types/components/six-switch/six-switch.d.ts

@@ -7,6 +7,7 @@ import { EmptyPayload } from '../../utils/types';
  * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
  *
  * @slot - The switch's label.
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
  *
  * @part base - The component's base wrapper.
  * @part control - The switch control.
@@ -21,6 +22,7 @@ export declare class SixSwitch {
   private eventListeners;
   host: HTMLSixSwitchElement;
   hasFocus: boolean;
+  hasErrorTextSlot: boolean;
   /** The switch's name attribute. */
   name: string;
   /** The switch's value attribute. */
@@ -34,9 +36,12 @@ export declare class SixSwitch {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
+  componentWillLoad(): void;
   handleCheckedChange(): void;
   /** Emitted when the control loses focus. */
   sixBlur: EventEmitter<boolean>;
@@ -46,6 +51,8 @@ export declare class SixSwitch {
   sixFocus: EventEmitter<EmptyPayload>;
   connectedCallback(): void;
   disconnectedCallback(): void;
+  handleLabelChange(): void;
+  private handleSlotChange;
   /** Sets focus on the switch. */
   setFocus(options?: FocusOptions): Promise<void>;
   /** Removes focus from the switch. */

package/dist/types/components/six-tab-group/six-tab-group.d.ts

@@ -23,7 +23,6 @@ export interface SixTabHidePayload {
  */
 export declare class SixTabGroup {
   private activeTab?;
-  private activeTabIndicator?;
   private body?;
   private mutationObserver?;
   private nav?;
@@ -36,7 +35,6 @@ export declare class SixTabGroup {
   placement: 'top' | 'bottom' | 'left' | 'right';
   /** Disables the scroll arrows that appear when tabs overflow. */
   noScrollControls: boolean;
-  handlePlacementChange(): void;
   handleNoScrollControlsChange(): void;
   /** Emitted when a tab is shown. */
   sixTabShow: EventEmitter<SixTabShowPayload>;
@@ -56,6 +54,5 @@ export declare class SixTabGroup {
   private updateScrollControls;
   private setActiveTab;
   private setAriaLabels;
-  private syncActiveTabIndicator;
   render(): any;
 }

package/dist/types/components/six-tag/six-tag.d.ts

@@ -23,6 +23,14 @@ export declare class SixTag {
   clearable: boolean;
   /** Emitted when the clear button is activated. */
   sixClear: EventEmitter<EmptyPayload>;
+  private contentSlotElement;
+  private tooltipElement;
+  private contentElement;
+  private resizeObserver;
+  connectedCallback(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private updateTooltip;
   private handleClearClick;
   render(): any;
 }

package/dist/types/components/six-textarea/six-textarea.d.ts

@@ -28,6 +28,7 @@ export declare class SixTextarea {
   hasFocus: boolean;
   hasHelpTextSlot: boolean;
   hasLabelSlot: boolean;
+  hasErrorTextSlot: boolean;
   /** The textarea's size. */
   size: 'small' | 'medium' | 'large';
   /** The textarea's name attribute. */
@@ -55,7 +56,9 @@ export declare class SixTextarea {
   /** The label text. */
   label: string;
   /** The error message shown, if `invalid` is set to true.  */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
   invalid: boolean;
   /** The textarea's autocaptialize attribute. */

package/dist/types/components/six-timepicker/six-timepicker.d.ts

@@ -10,6 +10,8 @@ export interface SixTimepickerChange {
  * @since 2.0.0
  * @status experimental
  *
+ * @slot error-text - Error text that is shown for validation errors. Alternatively, you can use the error-text prop.
+ *
  * @part input - The input field
  * @part container - The container of whole component
  * @part popup - The popup of the timepicker component
@@ -78,7 +80,9 @@ export declare class SixTimepicker {
    */
   placeholder?: string;
   /** The input's error text. Alternatively, you can use the error-text slot. */
-  errorText: string;
+  errorText: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** The input's label. Alternatively, you can use the label slot. */
   label: string;
   /** If this property is set to true and an error message is provided by `errorText`, the error message is displayed.  */
@@ -133,7 +137,6 @@ export declare class SixTimepicker {
    * Update the native input element when the value changes
    */
   protected valueChanged(): void;
-  protected invalidChanged(invalid: boolean): void;
   /** Sets focus on the datepickers input. */
   setFocus(options?: FocusOptions): Promise<void>;
   private popupValue;

package/dist/types/components.d.ts

@@ -223,7 +223,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to draw the checkbox in an indeterminate state.
          */
@@ -297,7 +301,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
@@ -581,6 +589,12 @@ export namespace Components {
          */
         "virtualScroll": boolean;
     }
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface SixError {
+    }
     interface SixErrorPage {
         /**
           * Defines a custom description.
@@ -812,7 +826,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -1182,7 +1200,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The range's help text. Alternatively, you can use the help-text slot.
          */
@@ -1309,7 +1331,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to allow filtering for entries in the dropdown
          */
@@ -1511,7 +1537,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
          */
@@ -1658,7 +1688,11 @@ export namespace Components {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The textarea's help text. Alternatively, you can use the help-text slot.
          */
@@ -1806,7 +1840,11 @@ export namespace Components {
         /**
           * The input's error text. Alternatively, you can use the error-text slot.
          */
-        "errorText": string;
+        "errorText": string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Define the time format. Valid formats are:  HH:mm:ss hh:mm:ss:aa HH:mm:ss:ms hh:mm:ss:ms:aa HH:mm hh:mm:aa HH hh:aa mm ss ms  where HH is the 24 hour format and hh is the 12 hour format  Please notice that when using the 12-hour-clock (hh) you always need a period indicator (aa). So the time can be parsed as either am or pm
          */
@@ -2177,6 +2215,16 @@ declare global {
         prototype: HTMLSixDropdownElement;
         new (): HTMLSixDropdownElement;
     };
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface HTMLSixErrorElement extends Components.SixError, HTMLStencilElement {
+    }
+    var HTMLSixErrorElement: {
+        prototype: HTMLSixErrorElement;
+        new (): HTMLSixErrorElement;
+    };
     interface HTMLSixErrorPageElement extends Components.SixErrorPage, HTMLStencilElement {
     }
     var HTMLSixErrorPageElement: {
@@ -2597,6 +2645,7 @@ declare global {
         "six-dialog": HTMLSixDialogElement;
         "six-drawer": HTMLSixDrawerElement;
         "six-dropdown": HTMLSixDropdownElement;
+        "six-error": HTMLSixErrorElement;
         "six-error-page": HTMLSixErrorPageElement;
         "six-file-list": HTMLSixFileListElement;
         "six-file-list-item": HTMLSixFileListItemElement;
@@ -2821,7 +2870,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to draw the checkbox in an indeterminate state.
          */
@@ -2899,7 +2952,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Enable this option to prevent the panel from being clipped when the component is placed inside a container with `overflow: auto|scroll`.
          */
@@ -3243,6 +3300,12 @@ declare namespace LocalJSX {
          */
         "virtualScroll"?: boolean;
     }
+    /**
+     * @since 4.0
+     * @status beta
+     */
+    interface SixError {
+    }
     interface SixErrorPage {
         /**
           * Defines a custom description.
@@ -3506,7 +3569,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The input's help text. Alternatively, you can use the help-text slot.
          */
@@ -3880,7 +3947,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The range's help text. Alternatively, you can use the help-text slot.
          */
@@ -4019,7 +4090,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Set to true to allow filtering for entries in the dropdown
          */
@@ -4229,7 +4304,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * If this property is set to true and an error message is provided by `errorText`, the error message is displayed.
          */
@@ -4384,7 +4463,11 @@ declare namespace LocalJSX {
         /**
           * The error message shown, if `invalid` is set to true.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * The textarea's help text. Alternatively, you can use the help-text slot.
          */
@@ -4528,7 +4611,11 @@ declare namespace LocalJSX {
         /**
           * The input's error text. Alternatively, you can use the error-text slot.
          */
-        "errorText"?: string;
+        "errorText"?: string | string[];
+        /**
+          * The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1
+         */
+        "errorTextCount"?: number;
         /**
           * Define the time format. Valid formats are:  HH:mm:ss hh:mm:ss:aa HH:mm:ss:ms hh:mm:ss:ms:aa HH:mm hh:mm:aa HH hh:aa mm ss ms  where HH is the 24 hour format and hh is the 12 hour format  Please notice that when using the 12-hour-clock (hh) you always need a period indicator (aa). So the time can be parsed as either am or pm
          */
@@ -4685,6 +4772,7 @@ declare namespace LocalJSX {
         "six-dialog": SixDialog;
         "six-drawer": SixDrawer;
         "six-dropdown": SixDropdown;
+        "six-error": SixError;
         "six-error-page": SixErrorPage;
         "six-file-list": SixFileList;
         "six-file-list-item": SixFileListItem;
@@ -4796,6 +4884,11 @@ declare module "@stencil/core" {
              * Forked from https://github.com/shoelace-style/shoelace version v2.0.0-beta27.
              */
             "six-dropdown": LocalJSX.SixDropdown & JSXBase.HTMLAttributes<HTMLSixDropdownElement>;
+            /**
+             * @since 4.0
+             * @status beta
+             */
+            "six-error": LocalJSX.SixError & JSXBase.HTMLAttributes<HTMLSixErrorElement>;
             "six-error-page": LocalJSX.SixErrorPage & JSXBase.HTMLAttributes<HTMLSixErrorPageElement>;
             /**
              * @since 2.0.0

package/dist/types/functional-components/form-control/form-control.d.ts

@@ -16,10 +16,14 @@ export interface FormControlProps {
   helpText?: string;
   /** Whether a help text slot has been provided. */
   hasHelpTextSlot?: boolean;
+  /** Whether an error text slot has been provided. */
+  hasErrorTextSlot?: boolean;
   /** The error text id, used to map the input to the help text */
   errorTextId?: string;
-  /** The error text */
-  errorText?: string;
+  /** The error text (if the error-text slot isn't used) */
+  errorText?: string | string[];
+  /** The number of error texts to be shown (if the error-text slot isn't used). Defaults to 1 */
+  errorTextCount?: number;
   /** Set to true to disable the input. */
   disabled?: boolean;
   /** Set if the value is required. */

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

@@ -0,0 +1,12 @@
+/**
+ * Animates a given `element` from the position and dimension of `fromElement` to
+ * its current position and dimension. Can be useful to implement the FLIP animation technique.
+ *
+ * @see {@link https://css-tricks.com/animating-layouts-with-the-flip-technique/} for details on the FLIP technique.
+ *
+ * @param {Element} element - The element to animate.
+ * @param {Element} fromElement - The element representing the initial position and dimensions.
+ * @param {KeyframeAnimationOptions} [options={ duration: 150, easing: 'ease', fill: 'both' }] - Optional animation parameters.
+ *
+ */
+export declare function flipAnimate(element: Element, fromElement: Element, options?: KeyframeAnimationOptions): void;

package/dist/ui-library/{p-1f18768a.js → p-052aa8d3.js}

@@ -1,2 +1,2 @@
-function o(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}const t=new Set;function n(o){t.add(o);document.body.classList.add("six-scroll-lock")}function c(o){t.delete(o);if(t.size===0){document.body.classList.remove("six-scroll-lock")}}function i(t,n,c="vertical",i="smooth"){const s=o(t,n);const e=s.top+n.scrollTop;const l=s.left+n.scrollLeft;const f=n.scrollLeft;const a=n.scrollLeft+n.offsetWidth;const r=n.scrollTop;const h=n.scrollTop+n.offsetHeight;if(c==="horizontal"||c==="both"){if(l<f){n.scrollTo({left:l,behavior:i})}else if(l+t.clientWidth>a){n.scrollTo({left:l-n.offsetWidth+t.clientWidth,behavior:i})}}if(c==="vertical"||c==="both"){if(e<r){n.scrollTo({top:e,behavior:i})}else if(e+t.clientHeight>h){n.scrollTo({top:e-n.offsetHeight+t.clientHeight,behavior:i})}}}export{o as g,n as l,i as s,c as u};
-//# sourceMappingURL=p-1f18768a.js.map
+function o(o,t){return{top:Math.round(o.getBoundingClientRect().top-t.getBoundingClientRect().top),left:Math.round(o.getBoundingClientRect().left-t.getBoundingClientRect().left)}}const t=new Set;function n(o){t.add(o);document.body.classList.add("six-scroll-lock")}function c(o){t.delete(o);if(t.size===0){document.body.classList.remove("six-scroll-lock")}}function i(t,n,c="vertical",i="smooth"){const e=o(t,n);const s=e.top+n.scrollTop;const l=e.left+n.scrollLeft;const f=n.scrollLeft;const a=n.scrollLeft+n.offsetWidth;const r=n.scrollTop;const h=n.scrollTop+n.offsetHeight;if(c==="horizontal"||c==="both"){if(l<f){n.scrollTo({left:l,behavior:i})}else if(l+t.clientWidth>a){n.scrollTo({left:l-n.offsetWidth+t.clientWidth,behavior:i})}}if(c==="vertical"||c==="both"){if(s<r){n.scrollTo({top:s,behavior:i})}else if(s+t.clientHeight>h){n.scrollTo({top:s-n.offsetHeight+t.clientHeight,behavior:i})}}}export{n as l,i as s,c as u};
+//# sourceMappingURL=p-052aa8d3.js.map