@synergy-design-system/components 1.4.1 → 1.5.1

package/dist/events/events.d.ts

@@ -1,9 +1,14 @@
+export type * from './syn-after-hide.ts';
+export type * from './syn-after-show.ts';
 export type * from './syn-blur.ts';
 export type * from './syn-change.ts';
 export type * from './syn-clear.ts';
 export type * from './syn-error.ts';
 export type * from './syn-focus.ts';
+export type * from './syn-hide.ts';
 export type * from './syn-input.ts';
 export type * from './syn-invalid.ts';
 export type * from './syn-load.ts';
 export type * from './syn-remove.ts';
+export type * from './syn-reposition.ts';
+export type * from './syn-show.ts';

package/dist/events/syn-after-hide.d.ts

@@ -0,0 +1,6 @@
+export type SynAfterHideEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-after-hide': SynAfterHideEvent;
+    }
+}

package/dist/events/syn-after-show.d.ts

@@ -0,0 +1,6 @@
+export type SynAfterShowEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-after-show': SynAfterShowEvent;
+    }
+}

package/dist/events/syn-hide.d.ts

@@ -0,0 +1,6 @@
+export type SynHideEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-hide': SynHideEvent;
+    }
+}

package/dist/events/syn-reposition.d.ts

@@ -0,0 +1,6 @@
+export type SynRepositionEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-reposition': SynRepositionEvent;
+    }
+}

package/dist/events/syn-show.d.ts

@@ -0,0 +1,6 @@
+export type SynShowEvent = CustomEvent<Record<PropertyKey, never>>;
+declare global {
+    interface GlobalEventHandlersEventMap {
+        'syn-show': SynShowEvent;
+    }
+}

package/dist/internal/animate.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Animates an element using keyframes. Returns a promise that resolves after the animation completes or gets canceled.
+ */
+export declare function animateTo(el: HTMLElement, keyframes: Keyframe[], options?: KeyframeAnimationOptions): Promise<unknown>;
+/** Parses a CSS duration and returns the number of milliseconds. */
+export declare function parseDuration(delay: number | string): number;
+/** Tells if the user has enabled the "reduced motion" setting in their browser or OS. */
+export declare function prefersReducedMotion(): boolean;
+/**
+ * Stops all active animations on the target element. Returns a promise that resolves after all animations are canceled.
+ */
+export declare function stopAnimations(el: HTMLElement): Promise<unknown[]>;
+/**
+ * We can't animate `height: auto`, but we can calculate the height and shim keyframes by replacing it with the
+ * element's scrollHeight before the animation.
+ */
+export declare function shimKeyframesHeightAuto(keyframes: Keyframe[], calculatedHeight: number): {
+    height: string | number | null | undefined;
+    composite?: CompositeOperationOrAuto | undefined;
+    easing?: string | undefined;
+    offset?: number | null | undefined;
+}[];

package/dist/internal/event.d.ts

@@ -0,0 +1,2 @@
+/** Waits for a specific event to be emitted from an element. Ignores events that bubble up from child elements. */
+export declare function waitForEvent(el: HTMLElement, eventName: string): Promise<void>;

package/dist/internal/offset.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Returns an element's offset relative to its parent. Similar to element.offsetTop and element.offsetLeft, except the
+ * parent doesn't have to be positioned relative or absolute.
+ *
+ * NOTE: This was created to work around what appears to be a bug in Chrome where a slotted element's offsetParent seems
+ * to ignore elements inside the surrounding shadow DOM: https://bugs.chromium.org/p/chromium/issues/detail?id=920069
+ */
+export declare function getOffset(element: HTMLElement, parent: HTMLElement): {
+    top: number;
+    left: number;
+};

package/dist/internal/scroll.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Prevents body scrolling. Keeps track of which elements requested a lock so multiple levels of locking are possible
+ * without premature unlocking.
+ */
+export declare function lockBodyScrolling(lockingEl: HTMLElement): void;
+/**
+ * Unlocks body scrolling. Scrolling will only be unlocked once all elements that requested a lock call this method.
+ */
+export declare function unlockBodyScrolling(lockingEl: HTMLElement): void;
+/** Scrolls an element into view of its container. If the element is already in view, nothing will happen. */
+export declare function scrollIntoView(element: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical' | 'both', behavior?: 'smooth' | 'auto'): void;

package/dist/synergy.d.ts

@@ -5,9 +5,12 @@ export { default as SynDivider } from './components/divider/divider.js';
 export { default as SynIconButton } from './components/icon-button/icon-button.js';
 export { default as SynIcon } from './components/icon/icon.js';
 export { default as SynInput } from './components/input/input.js';
+export { default as SynOptgroup } from './components/optgroup/optgroup.js';
+export { default as SynOption } from './components/option/option.js';
 export { default as SynRadioButton } from './components/radio-button/radio-button.js';
 export { default as SynRadioGroup } from './components/radio-group/radio-group.js';
 export { default as SynRadio } from './components/radio/radio.js';
+export { default as SynSelect } from './components/select/select.js';
 export { default as SynSwitch } from './components/switch/switch.js';
 export { default as SynTag } from './components/tag/tag.js';
 export { default as SynTextarea } from './components/textarea/textarea.js';

package/dist/synergy.js

@@ -1,86 +1,106 @@
-import {
-  textarea_default
-} from "./chunks/chunk.GM3M672E.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.HG5QC5EW.js";
 import "./chunks/chunk.NKIYFJN2.js";
-import {
-  switch_default
-} from "./chunks/chunk.OSOFK3JT.js";
 import {
   tag_default
-} from "./chunks/chunk.T5GFDZAG.js";
-import "./chunks/chunk.FTXTH5TS.js";
-import "./chunks/chunk.QHFGD6WW.js";
-import "./chunks/chunk.7W73A57K.js";
-import "./chunks/chunk.Q5UI2GVL.js";
+} from "./chunks/chunk.K5NVNHHD.js";
+import {
+  textarea_default
+} from "./chunks/chunk.UYYPTTK2.js";
+import "./chunks/chunk.VIQZQ3S6.js";
 import "./chunks/chunk.23HTU3YE.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import {
-  radio_group_default
-} from "./chunks/chunk.6TJHEFXA.js";
-import "./chunks/chunk.H4N7OLXW.js";
+  switch_default
+} from "./chunks/chunk.DLPNGATM.js";
+import "./chunks/chunk.4S6GR2Q7.js";
 import "./chunks/chunk.MNMITYTH.js";
 import "./chunks/chunk.AFEABUNX.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.XSFEPYWK.js";
+import "./chunks/chunk.JDDBS57F.js";
+import "./chunks/chunk.4I6M5V6O.js";
+import "./chunks/chunk.F4MRQLNL.js";
+import {
+  select_default
+} from "./chunks/chunk.GVCB2D7B.js";
+import "./chunks/chunk.UTDK2ZT6.js";
+import "./chunks/chunk.BQG5LF7J.js";
+import "./chunks/chunk.I3FGUPLH.js";
+import "./chunks/chunk.QHFGD6WW.js";
+import "./chunks/chunk.7W73A57K.js";
+import "./chunks/chunk.6XU6OLZ3.js";
+import "./chunks/chunk.OWMT6OL2.js";
 import {
   radio_default
-} from "./chunks/chunk.5VSN3F2E.js";
-import "./chunks/chunk.LL3W2QAU.js";
+} from "./chunks/chunk.OAIA6MLB.js";
+import "./chunks/chunk.M3P4B2GP.js";
 import "./chunks/chunk.JBYBQ5TQ.js";
 import "./chunks/chunk.V6VND4OF.js";
 import {
   radio_button_default
-} from "./chunks/chunk.ND73VYBT.js";
-import "./chunks/chunk.AR7MHBEC.js";
-import "./chunks/chunk.MWDOOCSU.js";
-import "./chunks/chunk.JMETBEU6.js";
-import "./chunks/chunk.4I6M5V6O.js";
-import "./chunks/chunk.F4MRQLNL.js";
+} from "./chunks/chunk.KRTGIYIX.js";
+import "./chunks/chunk.KG3FXWCX.js";
+import "./chunks/chunk.IKKMWFWH.js";
+import {
+  optgroup_default
+} from "./chunks/chunk.IFE4G4PB.js";
+import "./chunks/chunk.IFDNGB63.js";
+import "./chunks/chunk.KG52EHDB.js";
+import {
+  option_default
+} from "./chunks/chunk.YN2IXOBF.js";
+import "./chunks/chunk.XFLQL2QO.js";
+import "./chunks/chunk.W6V7TPGK.js";
+import "./chunks/chunk.3B24TYVN.js";
+import "./chunks/chunk.SAGHXH7E.js";
+import "./chunks/chunk.JN7CLMQZ.js";
 import {
   icon_button_default
-} from "./chunks/chunk.6LIMUIEF.js";
-import "./chunks/chunk.76T4PEW3.js";
+} from "./chunks/chunk.SLW5NPQB.js";
+import "./chunks/chunk.4STUWO3B.js";
 import "./chunks/chunk.2FN5DTS6.js";
 import "./chunks/chunk.OJF7KL44.js";
 import {
   input_default
-} from "./chunks/chunk.XRZUXWQE.js";
-import "./chunks/chunk.JYBYORNL.js";
+} from "./chunks/chunk.X4L3ZC6K.js";
+import "./chunks/chunk.D3VKCPDE.js";
 import "./chunks/chunk.KUZJTGHQ.js";
 import "./chunks/chunk.JHXCBOUD.js";
 import "./chunks/chunk.B2EJGIGY.js";
 import {
   divider_default
-} from "./chunks/chunk.GEV4IJII.js";
+} from "./chunks/chunk.64EZRK2A.js";
 import {
   icon_default
-} from "./chunks/chunk.SPBKTD7Y.js";
+} from "./chunks/chunk.O5XNATYN.js";
 import {
   button_group_default
-} from "./chunks/chunk.A77SRYT2.js";
+} from "./chunks/chunk.7MHXK5XU.js";
 import {
   checkbox_default
-} from "./chunks/chunk.KQCYBRJJ.js";
-import "./chunks/chunk.KWUT7GQA.js";
+} from "./chunks/chunk.FXTLCVXC.js";
+import "./chunks/chunk.5FCLDQKW.js";
 import "./chunks/chunk.WFAJR3FN.js";
 import "./chunks/chunk.4CBN5LPQ.js";
 import "./chunks/chunk.2XZKXVMR.js";
-import "./chunks/chunk.H3LRV4ST.js";
+import "./chunks/chunk.QCDOK7E4.js";
 import "./chunks/chunk.PGCXJ2PT.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import {
   button_default
-} from "./chunks/chunk.XBVEUULD.js";
-import "./chunks/chunk.WNPKDJ4G.js";
-import "./chunks/chunk.5Y446GHK.js";
+} from "./chunks/chunk.QPANY6PY.js";
+import "./chunks/chunk.DVCDA2IN.js";
+import "./chunks/chunk.UBTUEIMR.js";
 import "./chunks/chunk.N2I6HVX3.js";
+import "./chunks/chunk.XGXFE6IF.js";
 import "./chunks/chunk.LAB4YJYE.js";
 import "./chunks/chunk.A3SKDWCT.js";
-import "./chunks/chunk.XGXFE6IF.js";
 import "./chunks/chunk.AMTCNRDE.js";
-import "./chunks/chunk.QTQBU2M5.js";
+import "./chunks/chunk.OKG27K27.js";
 import "./chunks/chunk.RSONAU45.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import {
@@ -94,10 +114,10 @@ import {
   getBasePath,
   setBasePath
 } from "./chunks/chunk.C7624ITA.js";
-import "./chunks/chunk.CQ2JMH2J.js";
-import "./chunks/chunk.IUC3AWAU.js";
-import "./chunks/chunk.MTDXRKO3.js";
-import "./chunks/chunk.Z2DLW3SL.js";
+import "./chunks/chunk.OJ4KOC7R.js";
+import "./chunks/chunk.K55MKNUR.js";
+import "./chunks/chunk.V57DLRD2.js";
+import "./chunks/chunk.T72SACBE.js";
 import "./chunks/chunk.4ZURABYO.js";
 import "./chunks/chunk.O7USYXBT.js";
 import "./chunks/chunk.DJOAQ4JU.js";
@@ -109,9 +129,12 @@ export {
   icon_default as SynIcon,
   icon_button_default as SynIconButton,
   input_default as SynInput,
+  optgroup_default as SynOptgroup,
+  option_default as SynOption,
   radio_default as SynRadio,
   radio_button_default as SynRadioButton,
   radio_group_default as SynRadioGroup,
+  select_default as SynSelect,
   switch_default as SynSwitch,
   tag_default as SynTag,
   textarea_default as SynTextarea,

package/dist/utilities/animation-registry.d.ts

@@ -0,0 +1,24 @@
+export interface ElementAnimation {
+    keyframes: Keyframe[];
+    rtlKeyframes?: Keyframe[];
+    options?: KeyframeAnimationOptions;
+}
+export interface ElementAnimationMap {
+    [animationName: string]: ElementAnimation;
+}
+export interface GetAnimationOptions {
+    /**
+     * The component's directionality. When set to "rtl", `rtlKeyframes` will be preferred over `keyframes` where
+     * available using getAnimation().
+     */
+    dir: string;
+}
+/**
+ * Sets a default animation. Components should use the `name.animation` for primary animations and `name.part.animation`
+ * for secondary animations, e.g. `dialog.show` and `dialog.overlay.show`. For modifiers, use `drawer.showTop`.
+ */
+export declare function setDefaultAnimation(animationName: string, animation: ElementAnimation | null): void;
+/** Sets a custom animation for the specified element. */
+export declare function setAnimation(el: Element, animationName: string, animation: ElementAnimation | null): void;
+/** Gets an element's animation. Falls back to the default if no animation is found. */
+export declare function getAnimation(el: Element, animationName: string, options: GetAnimationOptions): ElementAnimation;

package/dist/utilities/animation-registry.js

@@ -0,0 +1,12 @@
+import {
+  getAnimation,
+  setAnimation,
+  setDefaultAnimation
+} from "../chunks/chunk.BQG5LF7J.js";
+import "../chunks/chunk.DJOAQ4JU.js";
+export {
+  getAnimation,
+  setAnimation,
+  setDefaultAnimation
+};
+//# sourceMappingURL=animation-registry.js.map

package/dist/utilities/animation-registry.js.map

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