@synergy-design-system/components 1.4.0 → 1.5.0

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.VYKSU5VJ.js";
 import {
   getFormControls,
   serialize
 } from "./chunks/chunk.HG5QC5EW.js";
 import "./chunks/chunk.NKIYFJN2.js";
-import {
-  switch_default
-} from "./chunks/chunk.JFCQYLZB.js";
 import {
   tag_default
-} from "./chunks/chunk.NQZRYJEZ.js";
-import "./chunks/chunk.NZAZG5AN.js";
-import "./chunks/chunk.QHFGD6WW.js";
-import "./chunks/chunk.7W73A57K.js";
-import "./chunks/chunk.4NG4BW3G.js";
+} from "./chunks/chunk.Y6HNLEFW.js";
+import {
+  textarea_default
+} from "./chunks/chunk.A4YWJJLD.js";
+import "./chunks/chunk.FLCUFEHS.js";
 import "./chunks/chunk.23HTU3YE.js";
 import "./chunks/chunk.YBIBWRKC.js";
 import {
-  radio_group_default
-} from "./chunks/chunk.7DUTGUSD.js";
-import "./chunks/chunk.RSGJ7C32.js";
+  switch_default
+} from "./chunks/chunk.5NJ7WWJW.js";
+import "./chunks/chunk.DPTZN6HY.js";
 import "./chunks/chunk.MNMITYTH.js";
 import "./chunks/chunk.AFEABUNX.js";
+import {
+  radio_group_default
+} from "./chunks/chunk.JQWJ7PHD.js";
+import "./chunks/chunk.IYKQTZIY.js";
+import "./chunks/chunk.4I6M5V6O.js";
+import "./chunks/chunk.F4MRQLNL.js";
+import {
+  select_default
+} from "./chunks/chunk.FOTO5B4G.js";
+import "./chunks/chunk.SS46QCYH.js";
+import "./chunks/chunk.BQG5LF7J.js";
+import "./chunks/chunk.CUHMPG7E.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.GKFUZ44I.js";
-import "./chunks/chunk.533DZ5GZ.js";
+} from "./chunks/chunk.ELPJP6AL.js";
+import "./chunks/chunk.UGYBBM5O.js";
 import "./chunks/chunk.JBYBQ5TQ.js";
 import "./chunks/chunk.V6VND4OF.js";
 import {
   radio_button_default
-} from "./chunks/chunk.QBM7YT5M.js";
-import "./chunks/chunk.T27ALSOE.js";
+} from "./chunks/chunk.JLTYAQFG.js";
+import "./chunks/chunk.LL3V6HVM.js";
 import "./chunks/chunk.MWDOOCSU.js";
-import "./chunks/chunk.62GAQV3Z.js";
-import "./chunks/chunk.4I6M5V6O.js";
-import "./chunks/chunk.F4MRQLNL.js";
+import {
+  optgroup_default
+} from "./chunks/chunk.UXUMV3TL.js";
+import "./chunks/chunk.4KLCSMRA.js";
+import "./chunks/chunk.KG52EHDB.js";
+import {
+  option_default
+} from "./chunks/chunk.7HS3TULI.js";
+import "./chunks/chunk.3HPG73GG.js";
+import "./chunks/chunk.W6V7TPGK.js";
+import "./chunks/chunk.3B24TYVN.js";
+import "./chunks/chunk.JXOHBU6V.js";
+import "./chunks/chunk.JN7CLMQZ.js";
 import {
   icon_button_default
-} from "./chunks/chunk.MMNPLBTH.js";
-import "./chunks/chunk.FSHPI6B5.js";
+} from "./chunks/chunk.7BHGTNHS.js";
+import "./chunks/chunk.PQLAXTRQ.js";
 import "./chunks/chunk.2FN5DTS6.js";
 import "./chunks/chunk.OJF7KL44.js";
 import {
   input_default
-} from "./chunks/chunk.3CAAVHZZ.js";
-import "./chunks/chunk.YL6PYHOS.js";
-import "./chunks/chunk.OXUFFH57.js";
+} from "./chunks/chunk.GAMJZXEL.js";
+import "./chunks/chunk.IESSP23D.js";
+import "./chunks/chunk.KUZJTGHQ.js";
 import "./chunks/chunk.JHXCBOUD.js";
-import "./chunks/chunk.W46CFM2R.js";
+import "./chunks/chunk.B2EJGIGY.js";
 import {
   divider_default
-} from "./chunks/chunk.POZGJMTS.js";
+} from "./chunks/chunk.GYDJFPHM.js";
 import {
   icon_default
-} from "./chunks/chunk.43NPPDUU.js";
+} from "./chunks/chunk.AVJQ2BSM.js";
 import {
   button_group_default
-} from "./chunks/chunk.BOURWTS5.js";
+} from "./chunks/chunk.4ZO3EKCL.js";
 import {
   checkbox_default
-} from "./chunks/chunk.SHF6MEDK.js";
-import "./chunks/chunk.I2JLECCQ.js";
+} from "./chunks/chunk.RU7P5HHF.js";
+import "./chunks/chunk.JEOPTEUQ.js";
 import "./chunks/chunk.WFAJR3FN.js";
 import "./chunks/chunk.4CBN5LPQ.js";
 import "./chunks/chunk.2XZKXVMR.js";
-import "./chunks/chunk.A4KYHNIH.js";
+import "./chunks/chunk.LTCRPIZ5.js";
 import "./chunks/chunk.PGCXJ2PT.js";
 import "./chunks/chunk.FA6V2WD6.js";
 import {
   button_default
-} from "./chunks/chunk.7CKINLE4.js";
-import "./chunks/chunk.QT64OSWO.js";
-import "./chunks/chunk.ZKVZHEJM.js";
+} from "./chunks/chunk.DLDE3BC5.js";
+import "./chunks/chunk.GGNKDYC2.js";
+import "./chunks/chunk.TY5F2VTK.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.C2S53NYE.js";
+import "./chunks/chunk.63IJYG6Q.js";
 import "./chunks/chunk.RSONAU45.js";
 import "./chunks/chunk.PJO6TM3T.js";
 import {
@@ -96,8 +116,8 @@ import {
 } from "./chunks/chunk.C7624ITA.js";
 import "./chunks/chunk.CQ2JMH2J.js";
 import "./chunks/chunk.IUC3AWAU.js";
-import "./chunks/chunk.2Z2FGA3I.js";
-import "./chunks/chunk.SNP6OECI.js";
+import "./chunks/chunk.OPVDSHPD.js";
+import "./chunks/chunk.C5W2Y6KW.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": []
+}